/*
*	Copyright (C) 2023 SWETI Marketing - All Rights Reserved
*	Copyright (C) 2023 SWETI Marketing - All Rights Reserved
*   Plugin Name: Sync Acquire
*	Description: Sync Acquire allows for integration with several API's from ABC Fitness Solutions, enabling Gyms to sell memberships online, display occupancy, and many other solutions.
*	Author:      SWETI Marketing
*	Author URI:  https://swetiservices.com/
*	Version:     7.0.9
*/


@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap");


/* Global Styles
--------------------------------------------- */
* {
	padding: 0;
	margin: 0;
}


/* Button Styles
--------------------------------------------- */
body #regForm.sweti_join_now {
	font-size: var(--primary-font-size);
	font-family: var(--primary-font-family);
}

.sweti_join_now a,
.sweti_join_now a:focus,
.sweti_join_now button,
.sweti_join_now button:focus,
.sweti_join_now input,
.sweti_join_now input:focus,
.sweti_join_now select {
	outline: none;
	text-decoration: none;
	box-shadow: none;
}

.sweti_join_now h1,
.sweti_join_now h2,
.sweti_join_now h3,
.sweti_join_now h4,
.sweti_join_now h5,
.sweti_join_now h6 {
	font-weight: normal;
}

.sweti_join_now .aside-inner .plan-items .edit button#prevBtn img {
	width: 22px;
}

.sweti_join_now .aside-inner .location-item .edit button img {
	display: none;
}

.sweti_join_now .edit_button img {
	width: 22px;
}

.arrow_dwn {
	vertical-align: middle;
	display: inline-block;
	height: 35px;
	width: 35px;
	text-align: center;
	background: linear-gradient(to right, #f5911e 5%, #dd551a 100%);
	background-color: #f5911e;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	margin-right: 0px;
	cursor: pointer;
}

#regForm.sweti_join_now {
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0px 0px 40px;
	width: 100%;
	min-width: 300px;
}

div#saleperson_info {
	display: none;
}

.member_plan_head h2 {
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}

td.custom_values input[type="text"] {
	width: 100%;
}

/* Top Step Navigation Styles
--------------------------------------------- */


.sweti_join_now ul.progress-list {
	list-style-type: none;
	text-transform: capitalize;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0 !important;
	margin-bottom: 0;
}

.sweti_join_now .progress-list li {
	--color: var(--grey-color);
	display: inline-block;
	flex: 0 0 18%;
	max-width: 18%;
	color: var(--color);
	position: relative;
	font-weight: 500;
}

.sweti_join_now .progress-list li span {
	display: none;
}

p.status {
	display: none;
}

span.card_icon {
	position: absolute;
	right: 24px;
	top: 10px;
}

.sweti_join_now .progress-list li span::after {
	content: "";
	width: 14px;
	height: 20px;
	background: url(../images/divid.png);
	position: absolute;
	right: 0;
	top: 6px;
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}

.sweti_join_now .progress-list li.active {
	cursor: pointer;
	--color: var(--light-blue-color);
}

.sweti_join_now .progress-list li.active span::after {
	background-position: center;
}

.sweti_join_now .progress-list li.success {
	cursor: pointer;
	--color: var(--green-color);
}

.sweti_join_now .progress-list li.success span::after {
	background-position: left;
}

/* Inner Element CSS in Tab Styles
--------------------------------------------- */
.sweti_join_now .tab {
	display: none;
}

.sweti_join_now .field-header {
	text-align: center;
	padding: 15px 0 20px;
	position: relative;
	margin: 0;
}

.sweti_join_now .field-header span {
	font-size: var(--fieldset-sub-heading);
	color: var(--grey-text);
}


.sweti_join_now .plan_heading_h3 {
	font-size: 36px;
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	max-width: 450px;
	margin-left: 0;
	margin-right: auto;
	text-decoration-line: underline;
	text-decoration-thickness: 3px;
	line-height: 1.1em;
}

.sweti_join_now .plan_subheading {
	font-size: var(--fieldset-sub-heading);
	color: var(--grey-text);
	margin-bottom: 0;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
}

.sweti_join_now .tab>.field-header .plan_subheading {
	max-width: 45%;
}

.sweti_join_now .field-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

/* Club Location Styles
--------------------------------------------- */
.sweti_join_now .choose-location select {
	background-image: url('../images/drop-arrow.png');
	background-repeat: no-repeat;
	background-position: 96%;
	max-width: 498px;
	display: inline-block;
	width: 100%;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 55px;
	padding: 0 20px;
	color: var(--grey-text);
	font-size: var(--fieldset-sub-heading);
	margin-top: 40px;
	box-shadow: 0px 3px 8px -3px rgba(173, 173, 173, 0.6);
}

.sweti_join_now .location-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: auto;
}

.sweti_join_now {
	max-width: 1080px;
	margin: auto;
}

.sweti_join_now .location-item {
	flex: 0 0 33.33%;
	max-width: calc(100% / 3 - 20px);
	position: relative;
	margin-bottom: 40px;
	border-radius: 0px;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
	margin: 0px 10px 20px;
}

.sweti_join_now .location-item:hover {
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.20);

}

.sweti_join_now .location-list .location-item::before {
	height: 100%;
	width: 100%;
	background: var(--light-blue-color);
	position: absolute;
	content: "";
	right: -10px;
	bottom: -10px;
	display: none;
}

.sweti_join_now .location-item input {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	z-index: 99;
	cursor: pointer;
	left: 0;
}

.sweti_join_now .location-item label {
	position: absolute;
	height: 24px;
	width: 24px;
	background: #fff;
	z-index: 9;
	border-radius: 50px;
	right: 20px;
	top: 20px;
	opacity: 0;
}

.sweti_join_now .location-item label::before {
	content: "";
	left: 9.5px;
	top: 6px;
	width: 5px;
	height: 10px;
	border: solid var(--light-blue-color);
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
	position: absolute;
}

.sweti_join_now .location-item input:checked+label {
	opacity: 1;
}


.sweti_join_now .location-image {
	height: 210px;
	overflow: hidden;
	position: relative;
	background-color: #bfbfbf;
}

.sweti_join_now .location-image::before {
	content: "";
	background: -moz-linear-gradient(to bottom, rgba(125, 185, 232, 0) 40%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(to bottom, rgba(125, 185, 232, 0) 40%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 40%, rgba(0, 0, 0, 1) 100%);
	height: 100%;
	width: 100%;
	position: absolute;
}

.sweti_join_now .location-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sweti_join_now .location-item h3 {
	position: absolute;
	bottom: 25px;
	font-size: var(--location-heading);
	color: #fff;
	font-weight: 400;
	left: 25px;
	padding-bottom: 0;
}

.sweti_join_now .plans_data_wrapper .plan_names .plan-items h3 {
	display: none !important;
}

/* Choose Different Plans Styles
--------------------------------------------- */
.sweti_join_now .plan_heading {
	display: block;
}

/* Promo Code Section Top Styles
--------------------------------------------- */
.sweti_join_now .promo-code {
	position: absolute;
	color: #000;
	right: 0;
	top: auto;
	bottom: 13px;
	max-width: 270px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 1;
	flex-wrap: wrap;
}

.sweti_join_now .promo_error {
	display: block;
}

.sweti_join_now .promo-code p {
	width: 100%;
	text-align: left;
}

.sweti_join_now .plan_names h3 {
	display: none !important;
}

body .sweti_join_now .promo-code {
	top: 0;
	bottom: 0px;
	max-width: 270px;
	align-items: center;
	justify-content: center;
	align-content: center;
}

.sweti_join_now .promo-code .promo_wrapper {
	width: 100%;
}

.sweti_join_now .promo-code a {
	font-size: 11px !important;
	white-space: nowrap;
	width: 100%;
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--light-blue-color);
	text-decoration: none;
	padding: 5px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


.sweti_join_now .promo-code .promo_wrapper label {
	display: none;
	font-size: 14px;
	text-align: left;
	font-weight: 600;
	color: #464646;
	margin-bottom: 5px;
	display: none;
}

.sweti_join_now .promo-code .promo_wrapper input {
	border: 1px solid #0fd8e2;
	display: block;
	padding: 0 70px 0 10px;
	width: 100%;
	font-size: 12px;
	min-height: 36px;
	margin: 0;
	/* added for promocode on all steps */
	border-radius: 0;
}

.sweti_join_now .promo-code .promo_wrapper .code_apply {
	display: inline-block;
	min-height: 36px;
	padding: 0px 10px;
	border: none;
	background-color: var(--light-blue-color);
	color: #fff;
}

.sweti_join_now .promo-code.active .promo_wrapper {
	display: flex;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.sweti_join_now .promocode a {
	color: var(--light-blue-color);
}

.sweti_join_now .promo-code.active a {
	display: none;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

@media only screen and (max-width: 767px) {
.sweti_join_now .promo-code {
    max-width: 100%;
    margin: 8px 0;
    position: static;
    flex-direction: column;
    display: inline-flex;
	/* removed !important due to css overide for promocode all steps */
    /* display: inline-flex !important; */
    width: 300px !important;
	}
}

/* Plan Data Styles
--------------------------------------------- */

.sweti_join_now .plans_wrapper::after {
	content: '';
	display: block;
	flex: 0 0 100%;
	max-width: 100%;
	clear: both;
}

.sweti_join_now .plans_data_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.sweti_join_now .plans_data_wrapper .plan_heading {
	flex: 0 0 100%;
	max-width: 100%;
}

.sweti_join_now .plan_names {
	float: left;
	flex: 0 0 33.33%;
	max-width: calc(33.33% - 15px);
	margin: 0px 7.5px 25px;
}

.sweti_join_now .plan_names:last-child {
	margin-right: 0;
}

.sweti_join_now .plan-items {
	text-align: center;
	width: 100%;
	flex: 1 1 100%;
	background: #f0f0f0;
	padding: 0 0px 40px;
	box-sizing: border-box;
	border-radius: 0px;
	position: relative;
}

.sweti_join_now .plan-items>h3 {
	font-size: var(--fieldset-mid-heading);
	color: #ffffff;
	background: var(--dark-blue-color);
	font-weight: 600;
	text-transform: uppercase;
	padding: 18px 15px;
	margin: 0 30px;
	font-size: 15px;
	letter-spacing: 0.5px;
	border-radius: 0px;
	display: block !important;
}

.sweti_join_now .plan-list {
	display: flex;
}

.sweti_join_now .plan-expire-dt .site-btn {
	max-width: 150px;
	width: 100%;
}

.sweti_join_now .plan-price p {
	color: var(--grey-color);
	font-size: var(----primary-font-size);
}

.sweti_join_now .plan-price data {
	font-size: 22px;
	vertical-align: top;
}

.sweti_join_now .plan-price {
	vertical-align: middle;
	padding: 30px 0;
}

.sweti_join_now .plan-price font {
	vertical-align: middle;
	display: inline-block;
}

.sweti_join_now .plan-price span {
	font-size: 60px;
	font-weight: 600;
	line-height: 60px;
	display: inline-block;
	vertical-align: middle;
}

.sweti_join_now .plan-feature ul {
	text-align: left;
	list-style: none;
	margin-left: 0 !important;
	padding: 0;
}

.sweti_join_now .plan-expire-dt span {
	display: block;
	font-size: 12px;
	color: var(--grey-color);
	margin-top: 10px;
}

.sweti_join_now .plan-expire-dt {
	border-bottom: 1px solid var(--border-color);
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.sweti_join_now .plan-price p {
	color: var(--grey-color);
	font-size: var(----primary-font-size);
}

.sweti_join_now .plan-price data {
	font-size: 22px;
	vertical-align: top;
}

.sweti_join_now .plan-price {
	vertical-align: middle;
	padding: 30px 0;
}

.sweti_join_now .plan-price font {
	vertical-align: middle;
	display: inline-block;
}

.sweti_join_now .plan-price span {
	font-size: 60px;
	font-weight: 600;
	line-height: 60px;
	display: inline-block;
	vertical-align: middle;
}

.sweti_join_now .plan-expire-dt .site-btn {
	background: var(--dark-blue-color);
}

.sweti_join_now .plan-feature {
	height: auto;
	margin: 30px 0 15px;
	padding: 0px 10px;
	overflow: hidden;
}

.sweti_join_now .plan-feature.active {
	height: 100%;
}

.sweti_join_now .plan-feature h3 {
	font-size: var(--fieldset-mid-heading);
	font-weight: 700;
	color: #595959;
	font-size: 18px;
}

.sweti_join_now .plan-feature p,
.sweti_join_now .plan_description p {
	margin-bottom: 0;
}

.sweti_join_now .plan-feature ul,
.sweti_join_now .plan_description ul {
	list-style-type: none;
	padding: 0;
}

.sweti_join_now .plan-feature ul li,
.sweti_join_now .plan-feature strong,
.sweti_join_now .plan-feature sub,
.sweti_join_now .plan_description ul li,
.sweti_join_now .plan_description strong,
.sweti_join_now .plan_description sub {
	position: relative;
	color: var(--dark-grey-color);
	padding-left: 20px;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 0;
	text-align: left;
	line-height: normal;
}

.sweti_join_now .plan-feature br,
.sweti_join_now .plan_description br {
	display: none !important;
}

.sweti_join_now .plan-feature strong,
.sweti_join_now .plan_description strong {
	padding: 0;
	display: block;
}

.sweti_join_now .plan-feature sub,
.sweti_join_now .plan_description sub {
	padding-left: 0;
	display: block;
	line-height: normal;
	height: auto;
	padding-bottom: 1rem;
}

.sweti_join_now .plan-feature ul li,
.sweti_join_now .plan_description ul li {
	margin-top: 10px !important;
}

.sweti_join_now .plan-feature ul li span {
	color: var(--dark-grey-color) !important;
	font-family: var(--primary-font-family) !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: normal;
}

.sweti_join_now .plan-feature ul li::before,
.sweti_join_now .plan_description ul li::before {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 10px;
	background: var(--dark-blue-color);
	border-radius: 50px;
}

.sweti_join_now .plan-items:nth-child(2)>h3 {
	background: var(--dark-blue-color);
	color: #fff;
}

.sweti_join_now .plan-items .select_button input[type="radio"] {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	opacity: 0;
	cursor: pointer;
	top: 0;
}

.sweti_join_now .plan-items .select_button label {
	/* -color: var(--dark-blue-color); */
	content: "select";
	background: transparent;
	/* padding: 11px 40px; */
	display: inline-flex;
	justify-content: center;
	margin: auto;
	border-radius: 0px;
	text-align: center;
	/* color: var(--color); */
	text-transform: uppercase;
	font-family: var(--primary-font-family);
	font-size: 13px;
	font-weight: bold;
	/*min-width: 200px; commented out due to 2X2 plans not showing correctly on mobile */
	border: 2px solid var(--color);
	letter-spacing: 1px;
	font-size: 16px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;

	color: #000!important;
    background: #fff;
    padding: 8px 10px;
    width:100%;   

}

.sweti_join_now .select_button.active input+label {
	-color: var(--light-blue-color);
	background: var(--color);
	border-color: var(--color);
	color: #fff;
}



.sweti_join_now .show_more_feature {
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	font-style: italic;
	color: var(--light-blue-color);
	display: block;
	width: auto;
	margin: 15px auto;
	text-align: center;
	background: transparent;
	border: none;
}



/* Info Form (Step 1) Styles
--------------------------------------------- */
.sweti_join_now .info-form {
	flex: 0 0 66.66%;
	max-width: calc(66.66% - 15px);
	display: flex;
	flex-wrap: wrap;
	background: #f0f0f0;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 0px;
	overflow: hidden;
	height: 100%;
}

.sweti_join_now .promo_error span.correct_code {
	color: green;
}

.sweti_join_now .promo_error span {
	color: red;
}

.sweti_join_now .info-form .field-header {
	flex: 0 0 100%;
	max-width: 100%;
	padding-top: 0;

}

.sweti_join_now .field-6 {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0px 10px;
}

.sweti_join_now .filed-6 {
	padding: 0px 10px;
}

.sweti_join_now .field_container {
	margin: 0px 10px 30px;
	border-bottom: 3px solid #c2c2c2;
	padding-top: 20px;
	display: flex;
	flex-wrap: wrap;
	background: transparent;
}

.recurring {
	margin-top: 30px;
}

.sweti_join_now .field-12 {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0px 10px;
}

.sweti_join_now .filed-4 {
	flex: 0 0 33.33%;
	max-width: 33.33%;
	padding: 0px 10px;
}

.sweti_join_now .field-info .info-form .form-group input[type='text'],
.sweti_join_now .field-info .info-form .form-group input[type='email'],
.sweti_join_now .field-info .info-form .form-group input[type='tel'],
.sweti_join_now .field-info .info-form .form-group input[type='password'],
.sweti_join_now .field-info .info-form .form-group input[type='phone'],
.sweti_join_now .field-info .info-form .form-group input[type='number'],
.sweti_join_now .field-info .info-form .form-group input[type='file'],
.sweti_join_now .field-info .info-form .form-group select,
.sweti_join_now .field-info .info-form .form-group textarea {
	width: 100%;
	height: 46px;
	border: 1px solid var(--border-color) !important;
	padding: 0 20px;
	font-family: var(--primary-font-family);
	box-sizing: border-box;
	background-color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	display: block;
	color: #000;
	transition: .1s;
}


.sweti_join_now .field-info .info-form .form-group input::-webkit-input-placeholder,
.sweti_join_now .field-info .info-form .form-group textarea::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #9d9d9d;
}

.sweti_join_now .field-info .info-form .form-group input::-moz-placeholder,
.sweti_join_now .field-info .info-form .form-group textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: #9d9d9d;
}

.sweti_join_now .field-info .info-form .form-group input:-ms-input-placeholder,
.sweti_join_now .field-info .info-form .form-group textarea:-ms-input-placeholder {
	/* IE 10+ */
	color: #9d9d9d;
}

.sweti_join_now .field-info .info-form .form-group input:-moz-placeholder,
.sweti_join_now .field-info .info-form .form-group textarea:-moz-placeholder {
	/* Firefox 18- */
	color: #9d9d9d;
}

.sweti_join_now .field-info form .form-group select {
	background-image: url(../images/drop-arrow-form.png);
	background-repeat: no-repeat;
	background-position: 96%;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/* Right Side Info Bar Styles
--------------------------------------------- */
.sweti_join_now .side-bar {
	flex: 0 0 33.33%;
	max-width: calc(33.33% - 15px);
}

.sweti_join_now .aside-inner .location-item {
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0 0 20px;
}

.sweti_join_now .aside-inner .location-item::before {
	height: 100%;
	width: 100%;
	background: var(--light-blue-color);
	position: absolute;
	content: "";
	right: -10px;
	bottom: -10px;
	display: none;
}

.sweti_join_now .aside-inner .location-item .edit {
	position: absolute;
	top: 9px;
	right: 7px;
	transition: all 0.2s ease-out;
}

.sweti_join_now .aside-inner .new_details {
	padding: 0 15px;
}

.sweti_join_now .aside-inner h3.clubimage {
	font-size: 18px;
	bottom: 20px;
	left: 20px;
}

.sweti_join_now .aside-inner .location-item .edit button {
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	border-radius: 50px;
	height: 30px;
	width: 30px;
	font-size: 16px;
	color: #fff;
	background: rgba(0, 0, 0, 0.35);
}

.sweti_join_now .aside-inner .plan-items {
	width: 100%;
	clear: both;
	margin: 0;
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	min-height: unset;
}

.sweti_join_now .aside-inner .plan-items>h3 {
	margin: 0;
	border-radius: 0;
	padding: 15px 18px 10px;
}

.sweti_join_now .aside-inner .plan-items .edit {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	padding: 7px;
}

.sweti_join_now .aside-inner .plan-items .edit {
	text-align: center;
	display: inline-block;
}

.sweti_join_now .aside-inner .plan-items .edit button#prevBtn {
	background: transparent;
	border-radius: 50px;
	float: none;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
	width: 30px;
	height: 30px;
	color: #fff;
}

.sweti_join_now .aside-inner .plan-items .plan_data .col_list {
	justify-content: center;
	padding: 0;
}

.sweti_join_now .aside-inner .plan-items .plan_data .col_list span.payment {
	font-size: 30px;
	font-weight: 600;
	display: block;
	text-align: center;
	padding: 20px 0px;
	color: #121212;
}

.sweti_join_now .aside-inner .plan-items .plan_data .col_list,
.sweti_join_now .aside-inner .plan-items .plan_data .col_list span {
	font-size: 13px;
	color: black;
	font-weight: 500;
}

.sweti_join_now .aside-inner .plan-items .plan_data .col_list {
	margin-bottom: 10px;
}

.sweti_join_now .aside-inner .plan-items .plan_data .col_list:first-child {
	margin-bottom: 0;
}

.sweti_join_now .aside-inner .plan-items .plan_description {
	margin: 10px 0px;
	max-height: 0px;
	overflow: hidden;
}

.sweti_join_now .aside-inner .plan-items .plan_description ul {
	padding: 0;
	list-style-type: none;
}

.sweti_join_now .read_more_class a {
	text-decoration: none;
	color: var(--light-blue-color);
	font-weight: 500;
	padding: 5px;
	margin-top: 5px;
}

.sweti_join_now .show-detail a {
	font-style: italic;
	text-transform: capitalize;
	color: var(--light-blue-color);
}

.sweti_join_now .aside-inner .plan-expire-dt {
	border-bottom: 0;
	margin-bottom: 0;
}


/* Summary Section Styles
--------------------------------------------- */
.sweti_join_now .summary_card .container::before {
	display: none;
}

.sweti_join_now .summary_card .col_list span {
	font-size: 14px;
}

.sweti_join_now .summary_card {
	display: block;
	padding: 0px;
	text-align: center;
	width: calc(66.66% - 15px);
	position: relative;
	height: 100%;
}

.sweti_join_now .summary_card .col_list span {
	font-size: 14px;
}

.sweti_join_now .summary_card .col_list {
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 10px 0;
	padding: 10px;
}

.sweti_join_now .summary_card .col-row .col-6 {
	padding: 0 8px;
}

.sweti_join_now .summary_card .edit {
	position: absolute;
	top: -14px;
	right: 3px;
	z-index: 9999999;
	cursor: pointer;
}

.sweti_join_now .m_container {
	display: flex;
	justify-content: space-between;
}

.sweti_join_now .col_list.custom_col_list {
	display: inline-flex;
}

.sweti_join_now .summary_card .col-row {
	margin-left: -15px;
	margin-right: -15px;
	display: flex;
	flex-wrap: wrap;
	flex: 0 0 100%;
	max-width: 100%;
}

.summary_card .edit button {
	background-color: var(--light-blue-color);
	cursor: pointer;
}

.summary_card .edit button img {
	margin-top: 5px;
	width: 17px;
}

.sweti_join_now .summary_card .col-4 {
	border-right: 1px solid #bfbfbf;
}

.sweti_join_now .summary_card .col-4:nth-child(3n) {
	border: transparent;
}

.sweti_join_now .col_list {
	padding: 16px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sweti_join_now .col_list label {
	font-weight: 400;
	font-size: 14px;
	color: black;
	margin-bottom: 0px;
	text-align: left;
	text-transform: capitalize;
	letter-spacing: 0;
}

.sweti_join_now .col_list span {
	font-size: 15px;
	display: block;
	font-weight: 500;
	color: #000;
	text-align: right;
}

.sweti_join_now .col_list.custom_col_list:last-child {
	border-bottom: 0 !important;
}

.sweti_join_now .edit_button {
	background: transparent;
	border-radius: 50px;
	float: none;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
	width: 30px;
	height: 30px;
	color: var(--light-blue-color);
}

.sweti_join_now .edit_button:hover {
	background: var(--light-blue-color);
	color: #ffffff;
}

.sweti_join_now .aside-inner .plan-items .plan_data .custom_col_list span,
.sweti_join_now .col_list.custom_col_list label {
	font-size: 22px !important;
	text-transform: uppercase;
}

.sweti_join_now .col_list.common_col_list label {
	border-right: 1px solid #ccc;
	padding-right: 22px;
}

.sweti_join_now .col_list.common_col_list span.output {
	text-align: right;
	padding-left: 0px;
}

.sweti_join_now .col_list.custom_col_list {
	border-bottom: 1px solid var(--grey-color);
	padding-bottom: 15px !important;
	margin-bottom: 15px !important;
	margin-top: 15px;
}

/* .sweti_join_now .col_list.common_col_list label {
	flex: 0 0 65%;
	max-width: 65%;
	padding-right: 0;
}
.sweti_join_now .col_list.common_col_list span {
	flex: 0 0 35%;
	max-width: 35%;
} */

.sweti_join_now .aside-inner .plan-items .plan_data .col_list.common_col_list>label {
	text-align: left;
}

.sweti_join_now .aside-inner .plan-items .plan_data .col_list.common_col_list {
	margin-block: 0;
}

.frq_col {
	background: var(--dark-blue-color);
	color: #fff;
	margin: 0 -15px 18px;
	font-size: 20px;
	padding: 5px 0 15px 0px;
	font-weight: 600;
}

/* Confirmation Styles
--------------------------------------------- */
.sweti_join_now .confirmation-outer {
	background: #fff;
	padding: 70px;
	text-align: center;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.22);
}

.sweti_join_now .confirmation-outer span {
	font-size: 54px;
	border-top: 1px dashed;
	border-bottom: 1px dashed;
	padding: 0 50px;
	margin-bottom: 25px;
	display: inline-block;
}

.sweti_join_now .confirmation-outer svg {
	width: 110px;
	fill: green;
}

.sweti_join_now .pmt-confirm-msg {
	margin-top: 55px;
}

.sweti_join_now .pmt-confirm-msg strong {
	display: block;
	font-size: 22px;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

/* Bottom Action Button Styles
--------------------------------------------- */
.sweti_join_now .site-btn {
	background: var(--light-blue-color);
	color: #fff;
	border-radius: 50px;
	padding: 15px 30px;
	font-size: var(----primary-font-size);
	border: none;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 600;
	letter-spacing: 1px;
}

.sweti_join_now .submit-button {
	text-align: center;
	margin-top: 15px;
}

.sweti_join_now .btn_action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50;
	min-width: 180px;
	min-height: 50px;
	border-radius: 0px;
	padding: 0px 30px;
	border: none;
	cursor: pointer;
	letter-spacing: 2px;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0px 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.sweti_join_now .btn_next {
	background: var(--light-blue-color);
	color: #fff;
	box-shadow: 0px 10px 15px rgba(0, 111, 140, 0.20);
}

.sweti_join_now .btn_prev {
	background: var(--dark-grey-color);
	box-shadow: none;
	color: #fff;
}


.sweti_join_now .btn_disable {
	cursor: default;
	background: #bfbfbf;
	color: #ffffff;
	box-shadow: none;
}

/* Loading Pop-Up Box Styles
--------------------------------------------- */
.loading_box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.55);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading_box .loading_icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border-right: 3px solid #f58f1e;
	border-bottom: 3px solid #dd551a;
	;
	animation: spin 1s linear infinite;

}

@-webkit-keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Wizard Form Styles
--------------------------------------------- */
.sweti_join_now .error {
	display: block;
	width: 100%;
	color: red;
	font-size: 12px;
}

.sweti_join_now div#info_error {
	color: red !important;
	margin-bottom: 15px;
}

.sweti_join_now .field-header .info_error span {
	color: red;
}

.sweti_join_now label#select_fill-error {
	background: none !important;
	padding: 0px;
	color: red;
	background: none;
}

.sweti_join_now .top_space {
	padding-top: 35px !important;
	padding-bottom: 20px;
}

/* Form Check Design Style
--------------------------------------------- */
.sweti_join_now .new_radio input {
	position: absolute;
	z-index: -99;
	opacity: 0;
}

.sweti_join_now .new_radio label {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.sweti_join_now .new_radio label span {
	flex: 0 0 20px;
	display: block;
	width: 20px;
	margin-right: 10px;
	position: relative;
	height: 20px;
}

.sweti_join_now .new_radio label span::after,
.sweti_join_now .new_radio label span::before {
	content: "";
	position: absolute;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	box-sizing: border-box;
	display: block;
}

.sweti_join_now .new_radio label span::after {
	content: none;
}

p.Bank_Recurring {
	padding-left: 10px;
}

.sweti_join_now .new_radio label span::before {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid var(--grey-color);
	background-color: transparent;
	left: 0;
	top: calc(50% - 10px);
	z-index: 1;
	padding: 4px;
	background-clip: content-box;
}


.sweti_join_now .new_radio input:checked+label span::after,
.sweti_join_now .new_radio input:checked+label label+span::after {
	background-color: var(--light-blue-color);
}

.sweti_join_now .new_radio input:checked+label span::before,
.sweti_join_now .new_radio input:checked+label+label span::before {
	background-color: var(--light-blue-color);
	border-color: var(--light-blue-color);
}

.sweti_join_now .field_row {
	display: flex;
	flex-wrap: wrap;
	flex: 0 0 100%;
	max-width: 100%;

}

.sweti_join_now .field_row .new_radio {
	padding: 0 10px;
	margin-bottom: 15px;
}

.sweti_join_now .field_wrapper_bank {
	display: flex;
	flex-wrap: wrap;
	flex: 0 0 100%;
	max-width: 100%;
}

.sweti_join_now .progress-list li:last-child span::after {
	content: none;
}

/* show data of plam */
.sweti_join_now .promo_error {
	display: block;
}

.sweti_join_now .promo_error span {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .5px;
	display: block;
}

.sweti_join_now .promo_error span {
	font-size: 13px;
}

.sweti_join_now .blur_plan .plan_names {
	filter: blur(6px);
	pointer-events: none;
}

.sweti_join_now .plan_names {
	transition: all 0.2s ease-out;
}

.sweti_join_now .promo_wrapper {
	display: block !important;
	position: relative;
}

.sweti_join_now .promo_apply {
	background: var(--light-blue-color);
	border: none;
	color: #fff;
	padding: 6.5px 10px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 23px;
}

.sweti_join_now p:empty {
	display: none;
}

.sweti_join_now .show_data {
	max-height: unset !important;
}

.sweti_join_now .promo_wrapper input {
	border-radius: 50px;
}

.promo_wrapper button.promo_apply {
	border-radius: 0px;
	color: #000;
}

.sweti_join_now .field-info .info-form .form-group input[type='text'] {
	text-transform: capitalize;
}

.sweti_join_now .sweti_col_8 {
	width: 68%;
}

.sweti_join_now .sweti_offset {
	margin-left: 16%;
}

.sweti_join_now .sweti_col_8 .location-item {
	max-width: calc(100% / 2 - 30px);
	flex: 0 0 50%;
	margin-left: auto;
	margin-right: auto;
}

.sweti_join_now input#promo_Code_id {
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0;
	color: #000 !important;
}

.sweti_join_now button.show_more_feature.hide_class_show {
	display: none;
}

.term_condition {
	display: flex;
	align-items: start;
	position: relative;
	padding-bottom: 16px;
	text-align: left;
}

.term_condition input {
	margin-right: 5px;
}

.term_condition input {
	width: 20px !important;
	display: inline-block !important;
	height: 20px;
	vertical-align: middle;
}

.form-group.filed-12 {
	width: 100%;
}

.term_condition label.error {
	position: absolute;
	bottom: -3px;
}

.term_condition a {
	color: var(--dark-grey-color);
	text-decoration: underline
}


/* ----------- POP UP TERMS AND CONDITIONS MODAL ------------ */

.modal-parent {
	display: flex;
	justify-content: center;
}

/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 9999;
	padding-top: 100px;
	/* Probably due to the -10% used elsewhere */
	padding-top: 0px;
	padding-bottom: 100px;
	left: 0;
	top: 0;
	scroll-behavior: smooth;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
	overflow: hidden;
	border-radius: 5px;
}

.modal-header {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	padding-right: 0.8%;
}

.modal-inner-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 80vw;
	max-width: 1000px;
	height: 80vh;
	max-height: 600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fefefe;
	border: 1px solid rgb(185, 185, 185);
	border-radius: 5px;
}

#agreement {
	margin-bottom: 5%;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	margin: 2%;
}

#authorizationagreement {
	margin: 2%;
}

#notesagreement, #privacyPolicyagreement, #recurringPolicyagreement {
	margin: 2%;
}

/* Modal Content */
.modal-content {
	display: flex;
	/* justify-content: flex-end; */
	flex-direction: column;
	align-items: center;
	background-color: #fefefe;
	margin: auto;
	border: 1px solid rgb(179, 179, 179);
	border-radius: 5px;
	width: 97%;
	overflow-y: scroll;
}

.modal-footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

div.modal-footage div.modal-footer img,
div#agreement img,
div#mcont img,
div#mcontnotes div#notesagreement img {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.agree-Btn {
	background-color: #27c96a;
	transition: ease-in 0.2s;
	color: white;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 30px;
	width: 180px;
	border: none;
	font-size: 18px;
	margin-bottom: 5%;
	margin-top: 1%;
	letter-spacing: 2px;
}

.agree-Btn:disabled {
	background-color: rgb(104, 103, 103);
}

.instructions {
	font-size: 12px;
	padding: 2%;
	text-align: center;
}

.scroll-wrapper {
	text-align: center;
	animation: move 3s ease-in-out infinite;
	/* position: fixed;
	margin-bottom: 6%; */
}

.down-arrow-image {
	/* original setting for previous modal icon */
	/* width: 30px; */
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
	/* transform: rotateZ(180deg); */
	/* setting for new img */
	margin: 0 0 0 47%;
	width: 4.5em;
}

@keyframes move {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(0);
	}
}

/* EXPERIMENTAL MEDIA QUERIES */


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.notesimage {
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 600px) and (orientation: landscape) {
	.agree-Btn {
		font-size: 12px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 7px;
		padding-bottom: 7px;
		margin-bottom: 1%;
		margin-top: 1%;
	}

	.instructions {
		font-size: 10px;
		padding: 0;
		text-align: center;
	}
}



@media only screen and (min-width: 600px) and (orientation: landscape) {
	.agree-Btn {
		font-size: 12px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 7px;
		padding-bottom: 7px;
		margin-bottom: 1%;
		margin-top: 1%;
	}

	.instructions {
		font-size: 10px;
		padding: 0;
		text-align: center;
	}
}

@media only screen and (min-width: 768px) and (orientation: lanscape) {
	.agree-Btn {
		font-size: 12px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 7px;
		padding-bottom: 7px;
		margin-bottom: 1%;
		margin-top: 1%;
	}

	.instructions {
		font-size: 10px;
		padding: 0;
		text-align: center;
	}
}

/* MEDIA QUERIES FROM BEFORE */

/* @media only screen and (min-width: 1000px) {
	.modal {
		padding-top: 25%;
	}
}

@media only screen and (min-width: 1000px) and (orientation: lanscape) {
} */

/* @media only screen and (orientation: landscape) and (min-width: 900px) {
	.modal {
		padding-top: 2%;
		padding-bottom: 2%;
	}
} */

/* @media only screen and (min-width: 900px) and (orientation: lanscape) {
}

@media only screen and (orientation: landscape) and (min-width: 412px) {
	.modal {
		padding-top: 2%;
		padding-bottom: 2%;
	}
}

@media only screen and (min-width: 1000px) and (orientation: lanscape) {
}

@media only screen and (orientation: landscape) and (min-width: 412px) {
	.modal {
		padding-top: 2%;
		padding-bottom: 2%;
	}

	.instructions {
		font-size: 12px;
	}
} */



/* --------------------------------------------------- */


.sweti_join_now select {
	-webkit-appearance: none;
	background-image: url(../images/drop-arrow-form.png);
	background-repeat: no-repeat;
	background-position: 98% 19px;
	background-size: 15px;
}

.sweti_join_now select#state {
	background-position: 94%;
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 15px;
}

.et_pb_section.et_pb_section_1.et_section_regular .et_pb_column.et_pb_column_4_4.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough.et-last-child {
	z-index: 0;
}

.et_pb_section.et_pb_section_6.et_section_regular {
	position: relative;
	z-index: 99;
	z-index: -1;
}

/*
 * this is commented out this is extra padding to the form
.et_pb_code_0 {
	padding-left: 20px;
}
*/

.sticky_footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: space-around;
	z-index: 9999 !important;
	background-color: var(--footer-color);
	color: #fff;
	box-shadow: 1px 0 25px -10px #545454;
}

.membershipplan-details .membership-btn {
	background: var(--footer-color);
	color: #fff;
	padding: 13px 21px;
	margin: 0;
	z-index: 999999999 !important;
	border: none;
	font-size: 18px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	padding-right: 60px;
}

/*.membershipplan-details {
	position: fixed;
	left: 0;
	bottom: 68px;
	width: 100%;
}*/
.membershipplan-details {
	position: absolute;
	left: 20px;
	width: 100%;
	top: -51px;
}

.sticky_footer>div {
	font-size: 13px;
	flex: auto;
	text-align: center;
	border-right: 1px solid #fff;
	padding: 14px 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

.sticky_footer>div label {
	margin-right: 5px;
	font-size: 13px;
	letter-spacing: 0;
}

.sticky_footer>div:empty {
	display: none !important;
}

.sticky_footer>div.exactvalue_name {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}

.sticky_footer>div.exactvalue_name>div {
	padding: 0 15px;
	position: relative;
}

.sticky_footer>div.exactvalue_name>div::before {
	content: "";
	position: absolute;
	right: 0;
	height: 68px;
	width: 1px;
	background: #fff;
	top: -13px;
}

.sticky_footer>div.exactvalue_name>div:last-child::before {
	display: none;
}

#signaturespad {
	display: inline-block;
}

.sticky_footer .membershipplan-details {
	text-align: left;
	padding: 0;
	justify-content: flex-start;
}


.sticky_footer>div label {
	margin-right: 0;
	width: 100%;
	text-align: center;
	float: left;
	line-height: 20px;
}

.sticky_footer>div span {
	width: 100%;
	/* disable for addon total append on sticky footer */
	/* float: left; */
	line-height: 20px;
}

.sticky_footer>div.exactvalue_name>div {
	padding: 0px 7px;
	float: left;
	flex: auto;
}

.sticky_footer div.totalscheduleamount {
	line-height: 20px;
}

.sticky_footer {
	transition: all 0.2s ease-out;
	display: flex;
}

.sticky_footer.active {
	top: auto;
}

.sweti_join_now .col_list.common_col_list label {
	border-right: none;
}

.sweti_join_now .aside-inner .new_details .col_list.common_col_list {
	width: calc(100% - 4px);
	margin: 0 auto;
	padding: 0;
}

.membershipplan-details button.membership-btn::after {
	content: "";
	position: absolute;
	right: 30px;
	border: 3px solid #fff;
	width: 8px;
	height: 8px;
	border-right: 0;
	border-bottom: 0;
	transform: rotate(-133deg);
	top: 20px;
}

.sticky_footer.open_sticky .membership-btn::after {
	transform: rotate(45deg);
	top: 24px;
}

.sticky_footer.open_sticky {
	transform: translateY(100%);
}

.sticky_footer {
	transform: translateY(0);
}

/* Wizard Responsive Styles
--------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	span.monthly_payment_pr {
		font-size: 13px;
	}

	.sweti_join_now .form-group {
		margin: 0 0 8px;
	}

	span.monthly_payment_pr {
		font-size: 15px;
	}

	.membershipplan-details button.membership-btn::after {
		top: 18px;
	}

	.sweti_join_now .new_radio label {
		font-size: 12px;
		line-height: normal;
	}

	.term_condition>label {
		padding-left: 30px;
		padding-bottom: 0;
		font-size: 12px;
	}

	.sweti_join_now .btn_action {
		min-width: auto;
		min-height: 42px;
		padding: 0px 30px;
		font-size: 12px;
	}

	.sticky_footer>div {
		padding: 25px 4px;
	}

	.sweti_join_now .plan_heading_h3 {
		font-size: 18px;
	}

	.sweti_join_now .summary_card {
		width: 65%;
		padding: 20px;
	}

	.sweti_join_now .plan-feature p:empty {
		display: none;
	}

	.sweti_join_now .field-info .info-form .form-group input[type='text'],
	.sweti_join_now .field-info .info-form .form-group input[type='email'],
	.sweti_join_now .field-info .info-form .form-group input[type='tel'],
	.sweti_join_now .field-info .info-form .form-group input[type='password'],
	.sweti_join_now .field-info .info-form .form-group input[type='phone'],
	.sweti_join_now .field-info .info-form .form-group input[type='number'],
	.sweti_join_now .field-info .info-form .form-group input[type='file'],
	.sweti_join_now .field-info .info-form .form-group select,
	.sweti_join_now .field-info .info-form .form-group textarea {
		height: 40px;
		padding: 0 15px;
		font-size: 13px;
	}

	.sweti_join_now .top_space {
		padding-top: 15px !important;
		padding-bottom: 10px;
	}

	.sweti_join_now .filed-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.sweti_join_now .promo-code .promo_wrapper input {
		margin: auto;
	}

	.sweti_join_now .col_list span {
		text-align: center;
	}

	.sweti_join_now .col_list label {
		font-weight: bold;
		text-align: center;
		font-size: 12px;
		display: inline-block;
		width: 100%;
	}

	.sweti_join_now .aside-inner .new_details {
		padding: 0;
	}

	.sweti_join_now .promo-code {
		position: static;
		max-width: inherit;
		flex-direction: column;
	}

	.sweti_join_now .plan-items .select_button {
		margin-left: 10px;
		margin-right: 10px;
	}

	.sweti_join_now .plan-items .select_button label {
		padding: 8px 10px;
		min-width: auto;
		font-size: 13px;
		color: #000 !important;
		background: #fff;
		width: 100%;
	}

	.sweti_join_now .plan-feature {
		/* height: 289px; */
		margin: 15px 0 15px;
		padding: 0px 15px;
	}

	.sweti_join_now .promo-code {
		max-width: 100%;
		justify-content: center;
		margin-top: 18px;
	}

	.sweti_join_now .plan-items>h3 {
		padding: 10px 5px;
		margin: 0;
		font-size: 12px;
		letter-spacing: 0;
	}

	.sweti_join_now .aside-inner .plan-items .plan_data .col_list span.payment {
		font-size: 16px;
		padding: 10px 0px;
	}

	.sweti_join_now .aside-inner .plan-items .edit {
		right: 6px;
	}

	.sweti_join_now .aside-inner .plan-items>h3 {
		padding: 10px;
		font-size: 12px;
	}

	.sweti_join_now .fieldset-outer {
		padding: 0 15px;
	}

	.sweti_join_now .aside-inner h3.clubimage {
		font-size: 14px;
		bottom: 18px;
		left: 15px;
	}

	.sweti_join_now .location-item {
		margin-bottom: 20px;
	}

	.sweti_join_now .side-bar .aside-inner .plan-items {

		padding: 0 !important;
	}

	.sweti_join_now .side-bar {
		flex: 0 0 40%;
		max-width: 40%;
		padding-left: 10px;
	}

	.sweti_join_now .info-form {
		padding: 15px;
		flex: 0 0 60%;
		max-width: 60% !important;
		height: 100%;
	}

	.sweti_join_now .pmt-confirm-msg {
		margin-top: 25px;
	}

	.sweti_join_now .confirmation-outer span {
		font-size: 30px;
	}

	.sweti_join_now .confirmation-outer svg {
		width: 80px;
	}

	.sweti_join_now .confirmation-outer {
		padding: 40px;
	}
}

@media only screen and (max-width: 767px) {

	.sweti_join_now .field-header {
		padding: 0px !important;
		text-align: center;
	}

	.membershipplan-details {
		left: 0;
	}

	.sticky_footer.open_sticky {
		transform: translateY(0);
	}

	.membershipplan-details button.membership-btn::after {
		content: "";
		position: absolute;
		right: 30px;
		border: 3px solid #fff;
		width: 8px;
		height: 8px;
		border-right: 0;
		border-bottom: 0;
		transform: rotate(45deg);
		top: 22px;
	}

	.sticky_footer.open_sticky .membership-btn::after {
		transform: rotate(-133deg);
		top: 17px;
	}

	.sticky_footer {
		transform: translateY(100%);
	}

	.membershipplan-details button.membership-btn {
		width: 300px;
		max-width: 100%;
		position: relative;
		padding-right: 39px;
	}

	.sticky_footer .membershipplan-details {
		width: 100%;
		max-width: 100%;
		justify-content: center;
		height: auto;
		top: -50px;
		bottom: auto;
	}

	.sticky_footer.active .membershipplan-details button.membership-btn::after {
		transform: rotate(-134deg);
		top: 18px;
	}

	#signature-pad {
		width: 100%;
		min-width: 100%;
		border-radius: 0;
	}

	#signature-pad label {
		color: #000 !important;
	}

	#signature-pad button {
		width: 100%;
		border-radius: 0;
		background: #000;
		margin-top: 5px;
		box-shadow: none;
		margin-right: 0;
		margin-left: 0;
	}

	button.prevBtn5,
	#signaturespad button {
		color: #fff !important;
		border-radius: 0 !important;
	}

	.membershipplan-details {
		display: none;
	}

	.col-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.term_condition label {
		font-size: 12px;
		margin: 0;
	}

	.sweti_join_now .col_list label {
		font-size: 13px;
	}

	.sweti_join_now .plan-feature ul li,
	.sweti_join_now .plan-feature strong,
	.sweti_join_now .plan-feature sub,
	.sweti_join_now .plan_description ul li,
	.sweti_join_now .plan_description strong,
	.sweti_join_now .plan_description sub {
		font-size: 13px;
	}

	.sweti_join_now .aside-inner .new_details {
		padding: 0;
	}

	.sweti_join_now .aside-inner .plan-items .plan_data .col_list,
	.sweti_join_now .aside-inner .plan-items .plan_data .col_list span {
		font-size: 13px;
	}

	.side-bar .aside-inner .location-item {
		max-width: 100% !important;
	}

	.sweti_join_now .sweti_offset,
	.sweti_join_now .location-list {
		margin: 0;
	}

	.sweti_join_now .sweti_col_8 {
		width: 100%;
	}

	.sweti_join_now .btn_action::before {
		content: none;
		height: 8px;
		width: 8px;
		border-width: 0 1px 1px 0 !important;
		border: solid #fff;
		transform: rotate(-45deg);
		position: absolute;
		right: 15px;
	}

	.sweti_join_now .btn_action.btn_prev::before {
		transform: rotate(-221deg) !important;
		right: auto;
		left: 15px;
	}

	.sweti_join_now div#saving_data .new_radio {
		padding: 0;
	}

	.sweti_join_now div#saving_data .new_radio:first-child {
		margin-right: 15px !important;
	}

	.sweti_join_now .summary_card {
		width: 100%;
	}

	.sweti_join_now .col_list span {
		text-align: center;
	}

	.sweti_join_now .col_list label {
		font-weight: 500;
	}

	.sweti_join_now .aside-inner .plan-items .plan_data .col_list span.payment {
		font-size: 20px;
		padding: 10px 0px;
	}

	.sweti_join_now .aside-inner .plan-items .edit {
		right: 15px;
	}

	.sweti_join_now .top_space {
		padding-top: 20px !important;
	}

	.sweti_join_now .field-info .info-form .form-group input[type='text'],
	.sweti_join_now .field-info .info-form .form-group input[type='email'],
	.sweti_join_now .field-info .info-form .form-group input[type='tel'],
	.sweti_join_now .field-info .info-form .form-group input[type='password'],
	.sweti_join_now .field-info .info-form .form-group input[type='phone'],
	.sweti_join_now .field-info .info-form .form-group input[type='number'],
	.sweti_join_now .field-info .info-form .form-group input[type='file'],
	.sweti_join_now .field-info .info-form .form-group select,
	.sweti_join_now .field-info .info-form .form-group textarea {
		height: 40px;
		padding: 0 15px;
		font-size: 12px;
	}

	.sweti_join_now .field-6,
	.sweti_join_now .field-12,
	.sweti_join_now .filed-4 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0 !important;
	}

	.sweti_join_now .field-info {
		display: block;
	}

	.sweti_join_now .btn_action {
		min-height: 38px;
		margin: 0;
		min-width: 38px;
		position: relative;
		font-size: 12px;
		text-transform: capitalize;
		letter-spacing: 0.5px;
	}

	.sweti_join_now .show_more_feature {
		margin: 5px auto;
	}

	.sweti_join_now .plan-feature h3 {
		font-size: 14px;
	}

	.sweti_join_now .plan-items .select_button label:hover {
		/* font-size: 13px; */
		/* min-width: 140px; */
		/* font-size: 14px; */
		padding: 8px 10px;
		color: #fff !important;
		background: transparent;
	}

	.sweti_join_now .plan-feature {
		height: auto;
		margin: 10px 0 0;
		overflow: hidden;
		padding: 0 10px;
	}

	.sweti_join_now .plan-feature p:empty {
		display: none;
	}

	.sweti_join_now .plan-items>h3 {
		font-weight: 500;
		padding: 8px 15px;
		margin: 0;
		font-size: 12px;
		display: block;
	}

	.sweti_join_now .plan_names {
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0;
	}

	.sweti_join_now .promo-code {
		max-width: 100%;
		margin: 8px 0;
		position: static;
		flex-direction: column;
	}

	.sweti_join_now .location-item:hover {
		box-shadow: none;
	}

	.sweti_join_now .plan-items:last-child {
		margin-bottom: 0;
	}

	.sweti_join_now .location-item,
	.sweti_join_now .sweti_col_8 .location-item {
		flex: 0 0 50%;
		max-width: calc(100% / 2 - 10px) !important;
		margin-bottom: 15px;
		border-radius: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.sweti_join_now .location-image {
		height: auto;
		padding-top: 100%;
	}

	.sweti_join_now .location-image img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.sweti_join_now .plan_heading_h3 {
		font-size: 16px;
	}

	.sweti_join_now .plan_subheading {
		font-size: 13px;
	}

	.sweti_join_now .progress-list li span::after {
		right: -10px;
		top: 3px;
	}

	#regForm.sweti_join_now {
		min-width: 100%;
		padding-bottom: 0;
	}

	.sweti_join_now .field-info form .form-group select {
		background-size: 13px;
	}

	.sweti_join_now .field-header {
		padding: 0 0 14px;
	}

	.sweti_join_now .plan-items {
		width: 100%;
		padding: 0 0 15px;
		margin: 0px 0 20px;
	}

	.sweti_join_now .plan-list {
		display: block;
	}

	.sweti_join_now .plan-price span {
		font-size: 40px;
	}

	.sweti_join_now .plan-expire-dt {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.sweti_join_now .plan-price {
		padding: 15px 0;
	}

	.sweti_join_now .plan-feature ul li {
		margin-top: 5px;

	}

	.sweti_join_now .location-item h3 {
		font-size: 16px;
		position: static;
		margin-top: 6px;
		bottom: 25px;
		font-size: 13px;
		color: #000;
		font-weight: 500;
		left: 25px;
	}

	.sweti_join_now .location-item label {
		right: 6px;
		top: 6px;
	}

	.sweti_join_now .location-list .location-item::before {
		content: none;
	}

	.sweti_join_now .wizard_header .wizard-heading {
		font-size: 24px;
	}


	.sweti_join_now .wizard-form-outer {
		padding: 0 15px;
	}

	.sweti_join_now .progress-list li::after {
		top: auto;
		bottom: 0;
		transform: rotate(90deg);
		left: 0;
		margin: auto;
	}

	.sweti_join_now .progress-list li {
		padding-bottom: 0;
		margin: 0 5px 0;
		font-size: 0;
		vertical-align: middle;
	}

	.sweti_join_now .progress-list li {
		padding-bottom: 0;
		margin-bottom: 0;
		font-size: 0;
		vertical-align: middle;
	}

	.sweti_join_now .wizard_header {
		padding: 30px 15px;
	}

	.sweti_join_now .progress-list li span {
		height: 25px;
		width: 25px;
		line-height: 25px;
		font-size: 11px;
		border-width: 1px;
	}

	.sweti_join_now .step-list {
		padding: 20px 0;
	}

	.sweti_join_now .info-form {
		max-width: 100% !important;
		width: 100%;
		padding: 15px;
		max-width: 100%;
	}

	.sweti_join_now aside.side-bar {
		width: 100%;
		margin-top: 25px;
		max-width: 100%;
	}

	.sweti_join_now .field-6 {
		width: 100%;
	}

	.sweti_join_now .info-form form .form-group .sub-field {
		margin-right: 0;
		width: 100%;
		margin-bottom: 15px;
	}

	.sweti_join_now .info-form form .form-group {
		padding: 0 0 15px;
	}

	.sweti_join_now .field-info form .form-group textarea {
		height: 90px;
		padding: 10px;
	}

	.sweti_join_now .field-info form .form-group input,
	.sweti_join_now .field-info form .form-group select,
	.sweti_join_now .field-info form .form-group textarea {
		padding: 0 10px;
	}

	.sweti_join_now .site-btn {
		padding: 15px;
		font-size: 12px;
	}

	.sweti_join_now .submit-button {
		margin-top: 0;
	}

	.sweti_join_now .promocode span {
		font-size: 15px;
	}

	.sweti_join_now .confirmation-outer {
		padding: 30px;
	}

	.sweti_join_now .confirmation-outer span {
		font-size: 22px;
		padding: 0 20px;
	}

	.sweti_join_now .confirmation-outer svg {
		width: 58px;
	}

	.sweti_join_now .pmt-confirm-msg {
		margin-top: 20px;
	}

	.sweti_join_now .pmt-confirm-msg strong {
		font-size: 16px;
		letter-spacing: 0;
		font-weight: 600;
	}
	.input#ecFirstName {
		margin-top: 30px !important;
	}


/* mobile plan screen sizing */
/*	/* plan screen sizing starts --to show only header banner */*/
/*	/* comment out if not using */*/
/*	/* this below is to hide amenties and only show the banner */*/
/*	div.plan-feature > p:nth-child(3) {*/
/*		display:none;*/
/*	}*/
/**/
/*	/* this is to hide the plan banner */
/*	div.plan-feature > p:nth-child(2) {*/
/*		visibility: hidden;*/
/*	}*/
/*	*/*/
/**/
/*	/* To change the image: */*/
/*	/**/
/*	div.plan-feature > p:nth-child(2) img {*/
/*		content:url('bob.jpg');*/
/*	}*/
/**/
/*	*/*/
/**/
/*	/* hide select button */*/
/*	.sweti_join_now .plan-items .select_button label {*/
/*		display:none;*/
/*	}*/
/*	*/
/*	/* hide border/border color */*/
/*	div.select_button {*/
/*		border: none;*/
/*	}*/
/**/
/*	/* hide background for plans */*/
/*	.sweti_join_now .plan-items {*/
/*		background: none;*/
/*	}*/

/*
div.plan-feature > p:nth-child(1) 
, div.plan-feature > p:nth-child(2)
, div.plan-feature > p:nth-child(3)
, div.plan-feature > p:nth-child(4)
, div.plan-feature > p:nth-child(5)*/
/*{
    display:none;
}*/

/**/
/*	/* plan screen sizing ends here */	*/


}

span.monthly_payment_pr {
	padding: 0px 15px;
	font-size: 18px;
	font-weight: 600;
}

.sweti_join_now i::before {
	font-family: FontAwesome;
}

.redirect_form input[type=url],
input[type=week] {
	padding: 0 8px;
	line-height: 2;
	min-height: 30px;
	max-width: 100%;
	width: 100%;
}

.form-group {
	margin-bottom: 1rem;
}

.sweti_join_now p.Monthly_Rate {

	font-weight: bold;
	font-size: 20px;
}

.sweti_join_now p.Enrollment_Fee {
	font-weight: bold;
	font-size: 17px;
}

.sweti_join_now p.asterisks_info {
	font-style: italic;
	margin-top: 12px;
	padding-top: 8px;
	border-top: 1px solid black;
}

.sweti_join_now p.asterisks_info sub {
	font-weight: 300;
}

.get_info_btn {
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}

.get_info_btn .info_button.get_info_button {
	margin-bottom: 0;
}

.get_info_btn .info_button input.getclubinfo {
	display: inline-block;
	padding: 12px 30px 14px;
	border-radius: 50px;
}

.sweti_join_now .plan_names.fourclass_columns {
	max-width: calc(25% - 15px);
	flex: 0 0 25%;
}

.count_campgn h3 {
	margin: 0;
	text-transform: uppercase;
}

.campaigns-full {
	padding: 25px;
	width: 100%;
	box-shadow: 0px 1px 2px 1px #ccc;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
}


.count_campgn {
	margin-bottom: 20px;
}

.campgn {
	flex: 0 0 auto;
	padding: 15px;
	border: 1px solid #ccc;
	margin: 6px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	border-radius: 5px;
}

.select_button.uperselect_btn {
	display: none;
}

.sweti_join_now .field-info .info-form .form-group input::placeholder,
.sweti_join_now .field-info .info-form .form-group textarea::placeholder {
	color: #000;
}

.plan-header.hide_header {
	display: none;
}

.plan-header * {
	display: block !important;
}

.plan-header {
	margin-bottom: 12px !important;
	display: none;
}

.sweti_join_now .promo_apply {
	cursor: pointer;
}

.sweti_join_now .promo_apply a {
	color: white;
	padding: 0;
}

.sweti_join_now .form-group {
	position: relative;
}

.sweti_join_now span.pre_fill {
	position: absolute;
	left: 19px;
	top: 9px;
	height: 30px;
	width: 30px;
	background-color: #f1f1f1 !important;
	border-radius: 50px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #e1e1e1;
	font-size: 12px;
}

.battery_status {
	max-width: 300px !important;
	width: 100% !important;
}

#info_error {
	text-align: center;
}

.g-recaptcha {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
	margin-top: -20px;
}

.term_condition label {
	position: relative;
	padding-left: 30px;
	line-height: normal;
}

.term_condition label input {
	position: absolute;
	left: 0;
	top: 2px;
}

.term_condition>label {
	position: relative;
	padding-left: 30px;
	line-height: normal;
	padding-bottom: 13px;
	margin-bottom: 8px;
}

/* New Table Styles
--------------------------------------------- */

td.first_td>img {
	width: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0px;
}

.plan_table_wrap table tr td:first-child::before {
	content: "\f047";
	font-family: fontawesome;
	margin-right: 8px;
	color: #5c7079;
}

.plan_table_wrap .club_details a {
	font-weight: normal;
	font-size: 12px;
	padding: 7px 10px;
	margin-right: 3px;
	margin-top: 3px;
}

.plan_table_wrap .collaps_wrap {
	margin-bottom: 20px;
	max-width: 100%;
	margin-top: 8px;
	margin-bottom: 40px;
}

.plan_table_rap table tr td:first-child::before {
	content: "\f047";
	font-family: fontawesome;
	margin-right: 8px;
	color: #5c7079;
}

.plan_table_rap .club_details a {
	font-weight: normal;
	font-size: 12px;
	padding: 7px 10px;
	margin-right: 3px;
	margin-top: 3px;
}

.plan_table_rap .collaps_wrap {
	margin-bottom: 20px;
	max-width: 100%;
	margin-top: 8px;
	margin-bottom: 40px;
}

.no_promo_plans {
	text-align: center;
	width: 100%;
	position: absolute;
}

.table_responsive {
	overflow-x: auto;
	white-space: nowrap;
	overflow-y: hidden;
	padding-bottom: 15px;
}

.table_responsive .arrow_tab {
	background: none;
	display: inline-block;
	margin-left: 5px;
}

.table_responsive .arrow_tab .fa-angle-down {
	height: 12px;
	width: 12px;
	display: inline-block;
	background: url(../images/drop-arrow.png) no-repeat center;
	filter: invert(100%) brightness(2);
	margin-bottom: -2px;
	background-size: contain;
	transition: transform .2s;
}

.table_responsive .arrow_tab-wrap.up .fa-angle-down {
	transform: scale(1, -1);
}

.table_responsive .arrow_tab-wrap .fa-angle-down::before {
	content: '' !important;
}

.no_promo_plans p {
	text-transform: capitalize;
	font-size: 12px;
	font-weight: 500;
	color: #000;
}

.plan_table_wrap .promodb_plans tr th {
	background-color: #e76e1c;
}

.plan_table_wrap table tbody tr:last-child td {
	border-bottom: none;
}

.plan_table_rap .promodb_plans tr th {
	background-color: #e76e1c;
}

.plan_table_rap table tbody tr:last-child td {
	border-bottom: none;
}

.promodb_plans {
	margin-top: 15px;
}

.plan_table_wrap table tr th {
	background-color: #333333;
	border: none;
	color: #fff;
	padding: 10px;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 12px;
	white-space: nowrap;
}

.plan_table_rap table tr th {
	background-color: #333333;
	border: none;
	color: #fff;
	padding: 10px;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 12px;
	white-space: nowrap;
}

.plan_table_wrap table tr td {
	white-space: nowrap;
	border-right-color: transparent !important;
	background-color: #efdfce;
	font-weight: 600;
	color: #000;
	font-size: 12px;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #a5a5a5;
	text-align: center;
}

.plan_table_wrap table input {
	font-size: 12px;
	padding: 0 6px;
}

.plan_table_rap table tr td {
	white-space: nowrap;
	border-right-color: transparent !important;
	background-color: #efdfce;
	font-weight: 600;
	color: #000;
	font-size: 12px;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #a5a5a5;
	text-align: center;
}

.plan_table_rap table input {
	font-size: 12px;
	padding: 0 6px;
}

.ui-sortable-helper {
	cursor: move;
}

.ui-sortable-helper td {
	background-color: #a5d3e2 !important;
	border-bottom-color: #a5d3e2 !important;
}

.plan_table_wrap table {
	border-collapse: collapse;
}

.plan_table_wrap table input {
	border-radius: 0;
}

.plan_table_wrap {
	background-color: #fff0e5;
	overflow: hidden;
	box-shadow: 0px 0px 3px 0px #bdbdbd;
	margin-bottom: 15px;
	padding: 10px;
}

.plan_table_wrap .event-style-details {
	background-color: transparent;
	padding: 0;
}

.plan_table_wrap .event-style-details .col-row {
	background-color: transparent;
}

.plan_table_rap table {
	border-collapse: collapse;
}

.plan_table_rap table input {
	border-radius: 0;
}

.plan_table_rap {
	background-color: #fff0e5;
	overflow: hidden;
	box-shadow: 0px 0px 3px 0px #bdbdbd;
	margin-bottom: 15px;
	padding: 10px;
}

.plan_table_rap .event-style-details {
	background-color: transparent;
	padding: 0;
}

.plan_table_rap .event-style-details .col-row {
	background-color: transparent;
}

.plan_table_wrap .event-style-details .row-wrapper.club_details input {
	font-size: 15px;
	border: none;
	background-color: transparent;
	box-shadow: none;
	font-weight: 600;
	display: inline-block;
	width: auto;
	pointer-events: none;
}

.plan_table_rap .event-style-details .row-wrapper.club_details input {
	font-size: 15px;
	border: none;
	background-color: transparent;
	box-shadow: none;
	font-weight: 600;
	display: inline-block;
	width: auto;
	pointer-events: none;
}

.plan_table_wrap .event-style-details .row-wrapper.club_details .col-row {
	margin: 0;
}

.plan_table_rap .event-style-details .row-wrapper.club_details .col-row {
	margin: 0;
}

.initail_pmt {
	margin-top: 19px !important;
	padding-bottom: 10px !important;
}

.plan_table_wrap table tr td.first_td:not(.printcheck)~td {
	opacity: 0.4;
}

.plan_table_rap table tr td.first_td:not(.printcheck)~td {
	opacity: 0.4;
}

#wpbody-content {
	display: inline-block;
}

.event_club_info .multi-club_details {
	width: 98%;
}

.plan_table_wrap table tr td .switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 25px;
}

.plan_table_rap table tr td .switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 25px;
}

.plan_table_wrap table tr td .slider:before {
	height: 17px;
	width: 18px;
	bottom: 4px;
}

.plan_table_rap table tr td .slider:before {
	height: 17px;
	width: 18px;
	bottom: 4px;
}

.clone-column-table-wrap {
	min-width: 220px;
}

form div.plan_table_wrap {
	position: relative;
}

.plan_table_wrap .tooltip .tooltiptext::before {
	content: none;
}

.plan_table_rap .tooltip .tooltiptext::before {
	content: none;
}

.arrow_dwn i {
	height: 25px;
	width: 25px;
	display: inline-block;
	background-image: url(../images/drop-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	top: 5px;
}

.collaps_wrap .copy,
.collaps_wrap .paste {
	background: linear-gradient(to right, #f5911e 5%, #dd551a 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 37px;
	height: 37px;
	cursor: pointer;
}

/*.collaps_wrap .french_lang .copy_ament,.collaps_wrap .french_lang .copy_agree, .collaps_wrap .french_lang .copy, .collaps_wrap .sapnish_lang .copy, .collaps_wrap .sapnish_lang .copy_agree, .collaps_wrap .sapnish_lang .copy_ament {
	max-width: 138px;
	margin: 2px auto 0;
	width: 138px;
}*/
.collaps_wrap .copy img,
.collaps_wrap .paste img {
	max-width: 16px;
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {

	.sweti_join_now .aside-inner .plan-items .plan_data .custom_col_list span,
	.sweti_join_now .col_list.custom_col_list label {
		font-size: 18px !important;
	}
}

@media only screen and (max-width: 767px) {
	.desktop_action_btn {
		display: none;
	}
}
/* desktop size */
@media only screen and (min-width: 768px) {
	.mobile_action_btn {
		display: none;
	}

	.sweti_join_now .plans_data_wrapper.split_plan .plan_names {
		/* this is commented out, this was creating a zoom on plans
		 * flex: 0 0 50%;*/
		max-width: calc(50% - 15px);
	}
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
	word-break: break-word;
	height: auto;
	white-space: normal;
	font-size: 11px;
	top: 24px;
	bottom: auto;
}

.plan_table_wrap ooltip .tooltiptext::before {
	content: none !important
}

.plan_table_wrap table tr td textarea {
	font-size: 12px;
}

.plan_table_rap ooltip .tooltiptext::before {
	content: none !important
}

.plan_table_rap table tr td textarea {
	font-size: 12px;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
	transform: rotate(180deg);
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
	white-space: nowrap;
	width: auto;
	left: auto;
	right: auto;
	transform: translateX(-23%);
}

.plan_data_names {
	min-width: 80px;
	white-space: normal;
	line-height: normal;
}

.tooltip>img {
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0;
}

.arrow_dwn i::before {
	content: none;
}

a.delete_plan {
	display: flex;
	height: 35px;
	width: 35px;
	background: linear-gradient(to right, #f5911e 5%, #dd551a 100%);
	border: 1px solid #ccc;
}

.delete_plan img {
	width: 16px;
	margin: auto;
}

.no__plans {
	text-align: center;
	width: 100%;
}

.no__plans p {
	text-transform: capitalize;
	font-size: 12px;
	font-weight: 500;
	color: #000;
}

.promo_error #feedback {
	font-size: 11px;
	line-height: 14px;
	color: red;
}

#success #message_success,
#planorder_success {
	text-align: center;
	background-color: #b8e2b8;
	color: green;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 0;
	text-transform: capitalize;
	letter-spacing: 0.4px;
}

.desktop_action_btn {
	width: 100%;
	position: relative;
	z-index: 99;
}

#success,
#success_planorder {
	margin: 5px 0 10px;
}

.club_details>img {
	margin: auto 0 auto 12px;
	width: 15px;
}

.filter_buttons>div {
	margin-right: 15px;
	margin-left: 15px;

}

@media only screen and (max-width:767px) {
	.sweti_join_now .tab>.field-header .plan_subheading {
		max-width: 100%;
		line-height: normal;
		/* margin-top: 12px; */
		margin-top: 30px !important;
		font-size: 12px;
	}

	.filter_buttons button {
		width: 100% !important;
		margin: 4px 0 !important;
		padding: 8px 8px;
		color: var(--light-green-color);
		font-weight: 600;
		position: relative;
		cursor: pointer;
		margin-top: 25px;
		background-color: transparent;
		font-size: 12px !important;
		border-radius: 0px !important;
	}

	button.filter_custom {
		border-radius: 0px !important;
	}

	.filter_buttons .active button,
	.filter_buttons button:hover {
		background-color: var(--light-green-color);
		color: white;
	}

	.filter_buttons button::after {
		content: none;
	}

	.filter_buttons {
		width: 100%;
		flex-wrap: wrap;
	}

	.filter_buttons>div {
		margin-right: 0;
		width: 100%;
		text-align: center;
	}

	.sweti_join_now aside.side-bar.custm_sidebar_panel {
		max-width: 100% !important;
	}

	.term_condition label.error {
		padding-left: 0;
	}

	.sweti_join_now .error {
		font-size: 9px;
		letter-spacing: 0;
		line-height: normal;
	}
}

.filter_buttons button::after {
	content: "";
	height: 2px;
	width: 100%;
	background-color: var(--dark-grey-color);
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
}

.filter_buttons button.active::after {
	opacity: 1;
}

.filter_buttons .active+.filter_custom {
	color: white;
}

.filter_custom {
	padding: 13px 20px;
	border: 2px solid var(--light-green-color);
	border-radius: 0px;
	color: var(--light-green-color);
	font-weight: 600;
}


.filter_buttons .active {
	/*border-bottom: 1px solid var(--dark-grey-color);*/
	color: white !important;
	/*border: 2px solid var(--light-green-color);*/
	background-color: var(--light-green-color);
	border-radius: 50px;

}

.filter_buttons .active>button {

	background-color: var(--light-green-color) !important;
	color: white !important;
}


@media only screen and (max-width: 767px) {
.filter_buttons>div {
    margin-right: 15px;
    width: 100%;
    text-align: center;
}
}
	
.active>button {
	background-color: var(--light-green-color);
	color: white;
}

#close+.hide_image {
	display: none;
}

.addon {
	position: relative;
}

.addon_data {
	display: flex;
	align-items: center;
}

.addons_data_custom {
	display: flex;
	flex-wrap: wrap;
}

.addons_data_custom .addon {
	background-color: #fff;
	flex: 0 0 50%;
	max-width: 50%;
}

.addon_data input[type="checkbox"] {
	margin-right: 10px;
}

.addon_data label {
	flex: 1 1 auto;
	max-width: 100%;
	color: #000;
	font-size: 14px;
}

.addon_data label span {
	display: inline-block;
	margin-left: 15px;
}

.addon_description p {
	flex: 1 1 auto;
	max-width: 100%;
	color: #000;
	font-size: 13px;
	line-height: normal;
	font-weight: 400;
	margin-top: 5px;
}

.custm_headings {
	color: var(--grey-text);
	text-align: center;
	font-size: 20px;
}

.custm_right_text {
	background-color: var(--background-text);
	color: var(--text-color);
	padding: 15px;
	border-radius: 10px;
	margin-top: 5px;
	text-align: center;
}

.addons_data_custom {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.addon_one:last-child {
	flex: 0 0 100%;
	max-width: 100%;
}

.addon_sidebar .sideaddon {
	display: block;
	background-color: #f0f0f0;
	border-radius: 0;
	padding: 10px 10px 10px 40px;
	margin-bottom: 0;
	position: relative;
	font-weight: bold;
}

.add_on_field input {
	border: none;
	background-color: transparent;
	box-shadow: none;
	color: #000;
	font-weight: bold;
	margin-bottom: 5px;
}

.addon_sidebar {
	margin-top: 30px;
}

.addon_sidebar .sideaddon:before {
	content: "";
	height: 5px;
	width: 12px;
	border-style: solid;
	border-width: 0px 0px 3px 3px;
	display: inline-block;
	transform: rotate(-45deg);
	border-color: var(--dark-blue-color);
	position: absolute;
	top: 15px;
	left: 18px;
}

.addon_sidebar h3:last-child {
	display: none;
}

.addon_sidebar h3 {
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	background: var(--dark-blue-color);
	color: #fff;
	padding: 10px 0;
	border-radius: 15px 15px 0px 0px;
	text-transform: uppercase;
}

.sweti_join_now .step3 .info-form {
	max-width: 66.66%;
}

.sweti_join_now aside.side-bar.custm_sidebar_panel {
	max-width: 33.33%;
	background-color: var(--background-text);
}

.sweti_join_now aside.side-bar.custm_sidebar_panel .location-item {
	border-radius: 0;
}

.lead_capture {
	background-color: var(--background-text);
	padding: 15px;
}

.sweti_join_now aside.side-bar.custm_sidebar_panel .aside-inner .location-item {
	margin-bottom: 0;
}

ul.progress-list.hideprogress {
	display: none;
}

h3.plan_heading_h3.hide_heading {
	display: none;
}

p.plan_subheading.hide_subheading {
	display: none;
}

.addon_data label::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

.addon_sidebar .sideaddon p {
	font-size: 13px;
	font-weight: 500;
}

#error_above {
	width: 100%;
	text-align: center;
}

#error_above p {
	background-color: #ffe4e4;
	border: 2px solid red;
	color: red;
	font-size: 13px;
	padding: 5px 0;
}

.addon_sidebar>p {
	text-align: center;
	background-color: var(--dark-blue-color);
	color: #fff;
	padding-bottom: 10px !important;
}

.flex-box {
	display: flex;
	flex-wrap: wrap
}

.loc_name_side {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	z-index: 999;
	text-transform: uppercase;
}

.turn_off_section.turnoff_sect {
	display: none;
}

.nturl {
	background: var(--dark-grey-color);
	box-shadow: none;
	color: #fff;
	padding: 6px 20px;
	border-radius: 50px;
	display: inline-block;
	margin: 60px 7px 0;
}

.addon .addon_description {
	padding-left: 23px;
}

.addons_data_custom .addon {
	padding: 15px;
}

.sign_outer h4 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 4px;
}

.sign_outer {
	margin: 30px 0;
}

.clear_sign {
	display: inline-block;
	width: 100%;
	margin: 5px 0 10px;
}

.clear_sign #clr {
	color: #fff;
	border: none;
	text-transform: capitalize;
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 50px;
	background: var(--dark-grey-color);
	cursor: pointer;
	font-weight: 600;
}

@media only screen and (max-width:767px) {
	.addons_data_custom .addon {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 10px !important;
	}

	.addon_description p {
		font-size: 12px;
	}

	.addon_data label {
		font-size: 13px;
		line-height: normal;
	}

	.addon .addon_description {
		padding-left: 20px;
	}

	.addon_data input[type="checkbox"] {
		margin-right: 7px;
	}

	.sweti_join_now .summary_card .col-row {
		margin-left: 0;
		margin-right: 0;
		padding: 0 !important;
	}

	.sign_outer canvas {
		width: 100%;
	}

	.term_condition input {
		width: 14px !important;
		height: 14px;
	}

	.term_condition label.error {
		bottom: -11px !important;
	}

	.sweti_join_now .field_container {
		padding: 10px !important;
	}

	.sweti_join_now .filed-6 {
		margin-bottom: 6px;
	}

	.sweti_join_now .new_radio label {
		font-size: 12px;
		line-height: normal;
	}

	span.monthly_payment_pr {
		font-size: 14px;
	}

	.field-info .term_condition>label {
		padding-bottom: 0;
		margin-bottom: 0;
	}
}

.card .card_icon,
.card .status_icon {
	/* For a more robust cross-browser implementation, see http://bit.ly/aqZnl3 */
	display: inline-block;
	vertical-align: bottom;
	height: 23px;
	width: 27px;
}

/* --- Card Icon --- */

.card .card_icon {
	background: transparent url('/wp-content/plugins/subscription/assets/images/credit_card_sprites.png') no-repeat 30px 0;
}

/* Need to support IE6? These four rules won't work, so rewrite 'em. */

.card .card_icon.visa {
	background-position: 0 0 !important;
}

.card .card_icon.mastercard {
	background-position: -30px 0 !important;
}

.card .card_icon.amex {
	background-position: -60px 0 !important;
}

.card .card_icon.discover {
	background-position: -90px 0 !important;
}

/* --- Card Status --- */

.card .status_icon {
	background: transparent url('/wp-content/plugins/subscription/assets/images/status_sprites.png') no-repeat 33px 0;
}

.card .invalid {
	color: #AD3333;
	background: #f8e7e7;
}

.card .valid {
	color: #33AD33;
	background: #e7f8e7;
}

.card .invalid .status_icon {
	background-position: 3px 0 !important;
}

.card .valid .status_icon {
	background-position: -27px 0 !important;
}

.card_input {
	position: relative;
}

.card p.status.valid,
.card p.status.invalid {
	margin-top: 10px;
}

.card_input span.card_icon {
	position: absolute;
	right: 15px;
	top: 12px;
}

/*.sweti_join_now .col_list.custom_col_list.first_due_date {
	border-top: 1px solid var(--grey-color);
	padding-top: 15px !important;
}*/
.form-group .invalid,
.form-group .valid {
	padding: 8px !important;
	border: 2px solid;
	font-size: 13px;
}

.frq_col span.payment {
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.frq_col span.payment {
		font-size: 18px;
		font-weight: bold;
	}

	.sweti_join_now .col_list.custom_col_list {
		padding-bottom: 10px !important;
		margin-bottom: 10px !important;
		margin-top: 10px;
	}

	.sweti_join_now .aside-inner .plan-items .plan_data .col_list.custom_col_list {
		margin: 0 20px;
	}

	.sweti_join_now .aside-inner .plan-items .plan_data .col_list,
	.sweti_join_now .aside-inner .plan-items .plan_data .col_list span {
		font-size: 12px;
	}

	.sweti_join_now .col_list.custom_col_list.first_due_date {
		padding-top: 10px !important;
	}

	.sweti_join_now .col_list.common_col_list label {
		padding-right: 6px;
	}

	.sweti_join_now .col_list.common_col_list span.output {
		padding-left: 6px;
	}

	.sweti_join_now .aside-inner .plan-items .plan_data .custom_col_list span,
	.sweti_join_now .col_list.custom_col_list label {
		font-size: 14px !important;
	}
}

@media only screen and (max-width:767px) {
	.sweti_join_now .aside-inner .plan-items {
		max-width: 300px;
		margin: auto;
		border-radius: 0;
	}

	.sweti_join_now .col_list.custom_col_list.first_due_date {
		padding-top: 10px !important;
	}

	.sweti_join_now .aside-inner .plan-items .plan_data .col_list.common_col_list {
		flex-wrap: wrap;
	}

	.sweti_join_now .col_list.common_col_list label {
		padding-right: 10px;
	}

	.sweti_join_now .col_list.common_col_list span.output {
		text-align: left;
		padding-left: 10px;
	}

	.sweti_join_now .col_list.custom_col_list {
		padding-bottom: 10px !important;
		margin-bottom: 10px !important;
		margin-top: 8px;
	}

	.frq_col span.payment {
		font-size: 14px;
	}

	.sweti_join_now .aside-inner .plan-items .plan_data .custom_col_list span,
	.sweti_join_now .col_list.custom_col_list label {
		font-size: 14px !important;
	}
}

.frq_col {
	background: var(--dark-blue-color);
	color: #fff;
	font-size: 20px;
	padding: 5px 5px 5px 5px !important;
	font-weight: 600;
}

.sticky_footer.Close_footer {
	display: none;
}

.jay-signature-pad canvas {
	width: 100%;
}

.jay-signature-pad canvas {
	width: 100%;
	border: 1px solid #ccc;
}

/* Styles for signature plugin v1.2.0. */

.jay-signature-pad {
	position: relative;
	display: -ms-flexbox;
	margin: auto;
	-ms-flex-direction: column;
	min-width: 350px;
	height: 100%;
	max-width: 400px;
	max-height: 315px;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	/*box-shadow: 0 3px 20px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;*/
	border-radius: 15px;
	padding: 20px;
}

/* this is comment out, this is showing 2x2 plans on mobile and desktop, we are moving this to the desktop media queries and only having this here as reference, this should be deleted
.sweti_join_now .plans_data_wrapper.split_plan .plan_names {
	flex: 0 0 50%;
	max-width: calc(50% - 15px);
}
*/

.sweti_join_now .aside-inner .new_details .frq_col {
	padding-top: 5px;
}

/*.sticky_footer > div label {
	text-transform: capitalize;
}*/
.sweti_join_now .aside-inner .plan-items .edit {
	top: 10px;
}

.filter_buttons .active {
	background-color: transparent;
}

.api_check {
	width: 100%;
	text-align: center;
}

.api_check .failed {
	background-color: #db2727;
	border: 2px solid #db2727;
	color: #efdfce;
	font-size: 18px;
	padding: 5px 0;
}

.api_check .success {
	background-color: #47ab47;
	border: 2px solid #47ab47;
	color: #ffffff;
	font-size: 18px;
	padding: 5px 0;
}

.set_club_sequence .club_sequence table td.custom_values input {
	width: auto;
}


@media only screen and (max-width: 1365px) {
	.sticky_footer>div.exactvalue_name>div {
		padding: 0 7px;
	}

	.sticky_footer>div {
		font-size: 12px;
		padding: 25px 7px;
	}

	.sticky_footer>div label {
		font-size: 12px;
	}

	.sticky_footer>div.exactvalue_name>div::before {
		height: 90px;
		top: -25px;
	}
}

@media only screen and (max-width: 1199px) {
	.sticky_footer>div {
		font-size: 10px;
		padding: 14px 3px;
	}

	.sticky_footer>div.exactvalue_name>div::before {
		height: 68px;
		top: -14px;
	}

	.sticky_footer>div.exactvalue_name>div {
		padding: 0 5px;
	}

	.sticky_footer>div label {
		font-size: 10px;
	}

	.membershipplan-details {
		bottom: 56px;
	}

	.membershipplan-details .membership-btn {
		font-size: 16px;
	}

}

@media only screen and (max-width: 1023px) {
	.sticky_footer {
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.sticky_footer>div {
		width: 50%;
		max-width: 50%;
		border-bottom: 1px solid #fff;
	}

	.membershipplan-details {
		bottom: 207px;
		border: none !important;
	}

	.sticky_footer>div.exactvalue_name>div {
		padding: 0 1px;
	}

	.sticky_footer>div label {
		font-size: 9px;
	}
}

@media only screen and (max-width: 767px) {
	.sticky_footer>div label {
		line-height: 11px;
	}

	.sticky_footer>div {
		padding: 10px 3px;
	}

	.sticky_footer.open_sticky .membership-btn::after {
		transform: rotate(-133deg);
		top: 17px;
	}

	.sticky_footer>div.exactvalue_name>div::before {
		height: 52px;
		top: -11px;
	}

	.sticky_footer>div.exactvalue_name {
		width: 100%;
		max-width: 100%;
		flex-wrap: wrap;
		padding: 0;
		justify-content: flex-start;
	}

	.sticky_footer>div label {
		font-size: 8px;
	}

	.sticky_footer>div span {
		font-size: 8px;
	}

	.sticky_footer>div.exactvalue_name>div {
		padding: 10px 3px;
		flex: 0 0 50%;
		border-right: 1px solid #fff;
	}

	.sticky_footer>div.exactvalue_name>div::before {
		display: none;
	}
}

.input-mod-load {
	position: relative;
}

.icon-loader-container {
	position: absolute;
	right: 20px;
	top: calc(50% - 10px);
}

.icon-loader-container .success {
	border-radius: 50%;
	height: 15px;
	width: 15px;
	display: inline-block;
	background-color: var(--light-blue-color);
	transition: .1s;
}

.icon-loader-container .loader {
	position: relative;
	height: 15px;
	width: 15px;
	display: inline-block;
	animation: around 5.4s infinite;
}

@keyframes around {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.icon-loader-container.loader::after,
.loader::before {
	content: "";
	background: white;
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	border-width: 2px;
	border-color: #333 #333 transparent transparent;
	border-style: solid;
	border-radius: 20px;
	box-sizing: border-box;
	top: 0;
	left: 0;
	animation: around 0.7s ease-in-out infinite;
}

.nozindex {
	z-index: 0;
}


div.modal-footer p.instructions {
	font-size: 15px;
	font-weight: bold;
}


#plan_data_one>div.col_list.custom_col_list *,
#plan_data>div.col_list.custom_col_list *,
#plan_data>div.col_list.common_col_list *,
#plan_data_one>div.col_list.common_col_list * {

	color: black;

}

.icon-loader-container.loader::after {
	animation: around 0.7s ease-in-out 0.1s infinite;
	background: transparent;
}

.ajax_error {
	display: none;
	color: red;
	font-size: 12px;
	transition: .1s;
}

.sweti_edit_btn {
	display: none;
}

label {
	border-radius: 0px !important;
}

button#prevBtn3 {
	border-radius: 0px !important;
}

button#prevBtn4 {
	border-radius: 0px !important;
}

button#nextBtn4 {
	border-radius: 0px !important;
}

button#prevBtn2 {
	border-radius: 0px !important;
}

.plan_names {
	margin-top: 15px !important;
}

body .plan-items,
.sweti_join_now .field-info .info-form .form-group input[type='text'],
.sweti_join_now .field-info .info-form .form-group input[type='email'],
.sweti_join_now .field-info .info-form .form-group input[type='tel'],
.sweti_join_now .field-info .info-form .form-group input[type='password'],
.sweti_join_now .field-info .info-form .form-group input[type='phone'],
.sweti_join_now .field-info .info-form .form-group input[type='number'],
.sweti_join_now .field-info .info-form .form-group input[type='file'],
.sweti_join_now .field-info .info-form .form-group select,
.sweti_join_now .field-info .info-form .form-group textarea {
	font-weight: 500;
	color: #000 !important
}

body .sweti_join_now .aside-inner .plan-items .plan_data .custom_col_list span,
body .sweti_join_now .col_list.custom_col_list label {
	text-transform: uppercase;
}

.et_pb_button {
	border-radius: 0 !important;
}

/* Replace Text on Choose your plan - Step 2 */
.sweti_join_now #step2 .plan_heading .field-header .plan_heading_h3 {
	position: relative;
	max-height: 100px;
	/* max-width: 345px; */
	max-width: 450px !important;
}

@media only screen and (max-width: 767px) {
	.sweti_join_now #step2 .plan_heading .field-header .plan_heading_h3 {
		display: inline-flex
	}
}	
/* Replace Text on Choose your plan - Step 3 */
.sweti_join_now #step3 .field-header .plan_heading_h3 {
	visibility: hidden;
	position: relative;
	max-height: 100px;
	max-width: 100%;
}

.sweti_join_now #step3 .field-header .plan_heading_h3:after {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "CREATE PROFILE";
	max-width: 550px;
	margin-left: 0;
	text-align: left;
	text-decoration-line: underline;
	text-decoration-thickness: 6px;
	font-size: 36px;
	line-height: 1.2em;
}

/* Replace Text on Choose your plan - Step 4 */
.sweti_join_now #step4 .field-header .plan_heading_h3 {
	visibility: hidden;
	position: relative;
	max-height: 100px;
	max-width: 100%;
}

.sweti_join_now #step4 .field-header .plan_heading_h3:after {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "CREATE PROFILE";
	max-width: 550px;
	margin-left: 0;
	padding-bottom: 20px;
	text-align: left;
	text-decoration-line: underline;
	text-decoration-thickness: 6px;
	font-size: 36px;
	line-height: 1.2em;
	color: #000 !important;
}

.sweti_join_now #step4 .info-form h3.plan_heading_h3 {
	visibility: hidden;
	position: relative;
	max-height: 100px;
	max-width: 100%;
	margin-bottom: 10px !important;
}

.sweti_join_now #step4 .info-form h3.plan_heading_h3:after {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "Billing Information";
	max-width: 100%;
	margin-left: 0;
	text-align: left;
	text-decoration-line: none;
	font-size: 24px;
	line-height: 1.2em;
	color: #000;
	text-transform: capitalize;
	font-weight: 700;
}

.sweti_join_now #step4 .info-form div#contact_hide h3.plan_heading_h3:after {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "Emergency Contact Info";
	max-width: 100%;
	margin-left: 0;
	text-align: left;
	text-decoration-line: none;
	font-size: 24px;
	line-height: 1.2em;
	color: #000;
	text-transform: capitalize;
	font-weight: 700;
}

.sweti_join_now #step4 .info-form h3.plan_heading_h3.addons_heading {
	visibility: hidden;
	position: relative;
	max-height: 100px;
	max-width: 100%;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sweti_join_now #step4 .info-form h3.plan_heading_h3.addons_heading:after {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "Initial Payment";
	max-width: 100%;
	margin-left: 0;
	text-align: left;
	text-decoration-line: none;
	font-size: 24px;
	line-height: 1.2em;
	color: #fff;
	text-transform: capitalize;
	font-weight: 700;
}

.sweti_join_now #step4 .info-form .field-header.top_space.hide_headingaddon {
	padding: 0 0 5px;
}

.sweti_join_now #step4 .info-form .recurring_payments h3.plan_heading_h3 {
	visibility: hidden;
	position: relative;
	max-height: 100px;
	max-width: 100%;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sweti_join_now #step4 .info-form .recurring_payments h3.plan_heading_h3:after {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "Recurring Payment";
	max-width: 100%;
	margin-left: 0;
	text-align: left;
	text-decoration-line: none;
	font-size: 24px;
	line-height: 1.2em;
	color: #000;
	text-transform: capitalize;
	font-weight: 700;
}

/*.sweti_join_now #step4 .info-form .form-group.filed-12.recurring_prices {
	width:50%;
	float:left;
}*/

.sweti_join_now #step4 .info-form .initail_pmt h3.plan_heading_h3 {
	visibility: hidden;
	position: relative;
	max-height: 100px;
	max-width: 100%;
	display: none;
}

.sweti_join_now #step4 .info-form .initail_pmt .plan_subheading,
.sweti_join_now #step4 .info-form .recurring .plan_subheading {
	max-width: 100%;
	text-align: left !important;
	margin: 0;
	padding: 0;
}

.sweti_join_now #step4 span.monthly_payment_pr {
	padding: 0;
	font-size: 18px;
	font-weight: 600;
}

/*END TEXT REPLACE*/

body .sweti_join_now .progress-list li {
	font-weight: 700;
	border-bottom: 3px solid rgba(0, 0, 0, 0);
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
	max-width: unset;
	flex: unset;
}

.sweti_join_now .progress-list li.active {
	border-color: var(--light-blue-color);
}

.sweti_join_now .field-info .info-form .form-group input[type='email'] {
	text-transform: none;
	color: #000 !important;
	background: transparent;
	border: 1px solid #000 !important;
}

.sweti_join_now .field-info .info-form .form-group input[type='text'],
.sweti_join_now .field-info .info-form .form-group input[type='tel'],
.sweti_join_now .field-info .info-form .form-group input[type='password'],
.sweti_join_now .field-info .info-form .form-group input[type='phone'],
.sweti_join_now .field-info .info-form .form-group input[type='number'],
.sweti_join_now .field-info .info-form .form-group input[type='file'],
.sweti_join_now .field-info .info-form .form-group select,
.sweti_join_now .field-info .info-form .form-group textarea {
	text-transform: capitalize;
	color: #000 !important;
	background: transparent;
	border: 1px solid #000 !important;
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: black !important;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: black !important;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: black !important;
}

#Summery_data,
#Summery_data p {
	color: #f4f4f4 !important;
}

body .summary_card .edit button {
	background-color: #000;
	border: 2px solid #fff;
}

body .summary_card .edit button img {
	margin-top: 0;
	width: 13px;
	margin-bottom: 2px;
}

#Summery_data .col-row {
	padding-top: 5px !important;
	padding-bottom: 15px !important;
	background: #f4f4f4 !important;
	margin: auto;
}

#Summery_data label,
#Summery_data .output {
	color: black !important;
}

#Summery_data .col_list {
	border-color: black;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-radius: 0;
}

p {
	padding-bottom: 0em !important;
}

button#prevBtn {
	display: none !important;
}

.select_button {
    margin-left: 10px;
    margin-right: 10px;
    border: var(--dark-grey-color);
    border-style: solid;
    border-width: 3px;
}

.field-header .plan_subheading {
    max-width: 100%;
    line-height: normal;
    margin-top: 15px !important;
    font-size: var(--fieldset-sub-heading);
}

#plan_data > div.col_list.custom_col_list.annual_fee{
	/* commented out due to promocode on all steps */
	/* display: flex; */
}

/* qr code styles */
.qrcode {
	padding: 10px 0px;
	border: black 1px solid;
	text-align: center;
	margin-bottom: 10px;
}

.qrcode:hover{
	cursor: pointer;
}

#sweti_qrcode_static_container {
	/*display: flex;
	justify-content: center;
	*/
	margin: auto;
}

/* qrcode page */
.sweti_static_qrcode_main_container {
	display: grid;
	grid-template-columns: 66.66% 33.33%;
}

#sweti_qrcode_plan_container {
	max-width: 100%;
	margin: auto;
}

#sweti_qrcode_home_btn_container button#prevBtn4 {
    background:var(--footer-color);
    padding: 14px 36px;
    font-size: 18px;
    font-weight: 600;
    /*border: 1px solid black; */
    border: none;
    color: black;
}

div#sweti_qrcode_home_btn_container {
    text-align: center;
}

#sweti_qrcode_home_btn_container button:hover{
    cursor:pointer;
}

#sweti_qrcode_message_container {
	background-color: white;
	color: black;
	text-align: center;
	padding: 10px;
	font-weight: 700;
}

/* member picture modal window starts */
.memberPicture-modal-content {
	display: flex;
	/* justify-content: flex-end; */
	flex-direction: column;
	align-items: center;
	background-color: #fefefe;
	margin: 10em auto;
	border: 1px solid rgb(179, 179, 179);
	border-radius: 5px;
	width: 97%;
	overflow-y: scroll;
}

#swetiSAVideo{
	max-width: 60%;
    display: block;
	padding: 0;
    margin: 30px auto;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

#swetiSAClickPhoto{
	text-align: center;
    margin: 20px auto;
    padding: 10px 14px;
    background: #27c96a;
	transition: ease-in 0.2s;
	color: white;
    max-width: 40%;
	width: 180px;
	border: none;
    border-radius: 30px;
	letter-spacing: 2px;
	text-transform: capitalize;
}

#swetiSAClickPhoto:hover{
	cursor: pointer;
}

.sweticamheadercontainer{
	margin: 0 15px 0px auto;
    font-size: 23px;
}

.pictureResultContainer{
	/* display: none; */
	justify-content: center;
    flex-direction: row;
    width: 100%;
	margin-top: 30px;
}

.sweticamClose {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.sweticamClose:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.saPictureBtn {
	background: var(--light-blue-color);
    color: #fff;
    box-shadow: 0px 10px 15px rgba(0, 111, 140, 0.20);
    padding: 3px 15px;
    text-transform: uppercase;
    margin: 10px 5px;
	text-align: center;
}

.saPictureBtn:hover {
	cursor: pointer;
}

#swetiSABtnContainer{
	display: flex;
	justify-content: center;
    width: 100%;
	margin: 40px 0px;
}

#swetiSACanvasSummaryContainer{
	display: none;
	margin: 10px 0 0 0;
}

#swetiSACanvas {
	display: none;
}

/* member picture modal window ends*/
#swetimessage {
	/* display: none; */
	color: #27c96a;
	
}

/* additional side bar styles start */
.additionalMemberSidebar {
	margin-top: 30px;
}

.additionalMemberSidebar .sideaddon:before {
	content: "";
	height: 5px;
	width: 12px;
	border-style: solid;
	border-width: 0px 0px 3px 3px;
	display: inline-block;
	transform: rotate(-45deg);
	border-color: var(--dark-blue-color);
	position: absolute;
	top: 15px;
	left: 18px;
}

.additionalMemberSidebar h3:last-child {
	display: none;
}

.additionalMemberSidebar h3 {
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	background: var(--dark-blue-color);
	color: #fff;
	padding: 10px 0;
	border-radius: 15px 15px 0px 0px;
	text-transform: uppercase;
}

.additionalMemberSidebar .sideaddon {
	display: block;
	background-color: #f0f0f0;
	border-radius: 0;
	padding: 10px 10px 10px 40px;
	margin-bottom: 0;
	position: relative;
	font-weight: bold;
}

.additionalMemberSidebar .sideaddon p {
	font-size: 13px;
	font-weight: 500;
}


.additionalMemberSidebar>p {
	text-align: center;
	background-color: var(--dark-blue-color);
	color: #fff;
	padding-bottom: 10px !important;
}
/* additional side bar styles ends */
.sweti_h3_heading {
	font-size: 24px !important;
    text-transform: capitalize;
    font-weight: 700 !important;
    max-height: 100px;
	max-width: 100%;
    font-size: 24px;
    line-height: 1.2em;
	color: #000;
}
.sweti_default_img_placeholder {
	max-width: 23%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* plan mapping css  */
.saveplanmappingError {
	color: red;

}

div.sidebar_plan_container {
	margin-bottom: 10px;
}

input.display_plan_mapping {
	cursor: pointer;
	margin-bottom: 4px;
	border-radius: 0px;
	background: none;
}

@media only screen and (max-width: 767px) {
	.sweti_join_now #step3 .field-header .plan_heading_h3:after {
		font-size: 30px !important;
	}
	.sweti_join_now #step4 .field-header .plan_heading_h3:after {
		font-size: 30px !important;
	}
	/* heading spacing for sa */
    #regForm.sweti_join_now .plan_heading_h3 {
        padding-bottom: 5rem
    }
}

.sweti_config_hidden {
	visibility:hidden;
}

div.annual_fee_label {
    display: flex;
}

div.annual_fee_message_label {
    display: flex;
}
.term_condition.hide {
	visibility: hidden;
}