/* Reset CSS start */

@font-face {
    font-family: 'GarnettBold';
    src: url('GarnettBold.eot?v=3.0');
    src: url('GarnettBold.eot?v=3.0') format('embedded-opentype'),
         url('GarnettBold.woff2?v=3.0') format('woff2'),
         url('GarnettBold.woff?v=3.0') format('woff'),
         url('GarnettBold.ttf?v=3.0') format('truetype'),
         url('GarnettBold.svg#GarnettBold') format('svg');
}


a {

	text-decoration-line: none;

	-moz-text-decoration-line: none;

}







html {

	scroll-behavior: smooth;

}







body {

	font-family: 'inter', sans-serif;
    /* font-family: 'Poppins', sans-serif; */

}







ul {

	list-style-type: none;

	padding-left: 0;

	margin-bottom: 0;

}







/* Chrome, Safari, Edge, Opera */



input[type='number']::-webkit-outer-spin-button,

input[type='number']::-webkit-inner-spin-button {

	-webkit-appearance: none;

	margin: 0;

}







/* Firefox */



input[type=number] {

	appearance: textfield;

	-moz-appearance: textfield;

}







/* Reset CSS end */







/* Color variable start */







:root {

	--white: #fff;

}







:root {

	--black: #000;

}







:root {

	--grey: #858585;

}







:root {

	--green: #ADF4A1;

}







:root {

	--orange: #E44613;

}







:root {

	--red: #F20404;

}







:root {

	--yellow: #FFC43A;

}







/* Color variable end */







/* Header start */







header {

	padding: 0.313rem 0;

	background-color: #F6F6F6;

}







	header .left {

		height: 100%;

		display: flex;

		align-items: center;

	}



.logo1 {

	width: 187px;

	height: auto;

}



header .right {

	display: flex;

	justify-content: flex-end;

	align-items: center;

	gap: 0.425rem;

}







	header .right p {

		font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 18px;

		margin-bottom: 0; 

	}







		header .right p:last-child {

			margin-left: 0;

			padding-left: .53rem;

			position: relative;

		}







			header .right p:last-child::before {

				content: "";

				position: absolute;

				left: 0;

				top: 0;

				width: 0.063rem;

				height: 100%;

				background-color: var(--black);

			}







		header .right p span {

			display: block;

		}







			header .right p span a {

				color: var(--black);

				text-decoration-line: underline;

			}







/* Header end */







/* Black stripe start */







.black-stripe {

	background-color: var(--black);

	padding: 0.313rem 0;

	display: flex;

	justify-content: center;

	align-items: center;

	gap: 0.5rem;

}







	.black-stripe .black-stripe-text {

		font-size: 0.875rem;

		line-height: 1.313rem;

		font-weight: 700;

		margin-bottom: 0;

		color: var(--white);

	}







/* Black stripe end */







/* Checkout bonusdeals reciept start  */







.checkout-bonusDeals-reciept {

	padding: 1.875rem 0;

}







	.checkout-bonusDeals-reciept h3 {

		display: flex;

		justify-content: center;

		align-items: center;

		gap: 2.188rem;

		margin-bottom: 0;
        font-size: 15px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;

	}







		.checkout-bonusDeals-reciept h3 span {

			font-size: 0.75rem;

			line-height: 1.125rem;

			font-weight: 400;

			color: #E0E0E0;

		}







			.checkout-bonusDeals-reciept h3 span.line-with-arrow {

				/* position: relative; */



				width: 6.25rem;

			}







			/* .checkout-bonusDeals-reciept h3 span.line-with-arrow::before {



    content: "";



    position: absolute;



    top: 0;



    left: 0;



    background-color: var(--grey);



    width: 100%;



    height: 0.063rem;



}







.checkout-bonusDeals-reciept h3 span.line-with-arrow i.fa-angle-right {



    position: absolute;



    right: 0;



    top: -0.345rem;



    color: var(--grey);



} */







			.checkout-bonusDeals-reciept h3 span.active {

				color: var(--black);

			}







/* .checkout-bonusDeals-reciept h3 span.line-with-arrow.active::before {



    background-color: var(--black);



}







.checkout-bonusDeals-reciept h3 span.line-with-arrow.active i.fa-angle-right {



    color: var(--black);



} */







/* Checkout bonusdeals reciept end  */




.main-middle-sec {
    padding-top: 30px;
    padding-bottom: 140px;
    background: #FFFBF6;

}

/* .main-middle-sec {

	padding-bottom: 140px;

} */







	.main-middle-sec .left {

		float: none;

		/* padding-right: 5px; */

	}







		.main-middle-sec .left .green-stripe {

			background-color: var(--green);

			padding: 0.375rem 1rem 0.375rem 1rem;

		}







			.main-middle-sec .left .green-stripe h4 {

				font-size: 0.875rem;

				line-height: 1.313rem;

				font-weight: 700;

				margin-bottom: 0;

				color: var(--black);

			}







				.main-middle-sec .left .green-stripe h4 span {

					color: var(--orange);

				}







		.main-middle-sec .left .express-checkout {

			font-size: 0.875rem;

			line-height: 1.313rem;

			font-weight: 700;

			text-align: center;

			margin-top: 17px;

			margin-bottom: 12px;

		}







		.main-middle-sec .left .paypal-gpay-buttons {

			display: flex;

			align-items: center;

			gap: 1.25rem;

		}







.paypal-gpay-buttons #container {

	width: 50%;

	height: 46px !important;

	margin-top: 0 !important;

}







.main-middle-sec .left .paypal-gpay-buttons a {

	width: 50%;

	text-align: center;

	padding: 0.75rem 0;

	border-radius: 4px;

}







	.main-middle-sec .left .paypal-gpay-buttons a.paypal-button {

		background-color: var(--yellow);

		transition: 0.3s;

	}







		.main-middle-sec .left .paypal-gpay-buttons a.paypal-button:hover {

			background-color: #FFBB1B;

		}







	.main-middle-sec .left .paypal-gpay-buttons a.gpay-button {

		background-color: var(--black);

	}







.gpay-button.black {

	border-radius: 8px;

	transition: 0.3s;

}







	.gpay-button.black:hover {

		background-color: #2A2A2A;

	}







.main-middle-sec .left .Choose-your-package {
    /*font-size: 1.125rem;
    line-height: 1.688rem;
    font-weight: 700;*/
    margin-top: 1.2rem;
    margin-bottom: 0.938rem;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
}







.main-middle-sec .left .Choose-your-package-section li {

	margin-bottom: 6px;

	border-radius: 8px;

	border: 2px solid var(--white);

}







.main-middle-sec .left .radio-section {

	border: 1px solid #BBBBBB;

	border-radius: 7px;

	padding: 23px 17px 20px 12px;
    background-color: #fff;
    font-family: 'Inter';
    min-height:126px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;

}
.main-middle-sec .left .radio-section .mob-hide{width:100%;}
.main-middle-sec .left .radio-section .desk-hide{width:100%;}




 

.main-middle-sec .left li.active {
    border-color: #050505;
    box-shadow: 0 3px 3px #05050530;
}







	.main-middle-sec .left li.active .radio-section {

		border-radius: 6px;

		border-color: #050505;
        background-color: #E8F4F9;

	}







.main-middle-sec .left .radio-section .form-check {

	display: flex;

	align-items: center;

	gap: 12px;

}







	.main-middle-sec .left .radio-section .form-check input[type="radio"] {

		width: 19px;

		height: 19px;

	}







	.main-middle-sec .left .radio-section .form-check .form-check-input:focus {

		box-shadow: none;

	}







	.main-middle-sec .left .radio-section .form-check .form-check-label {

		width: 100%;

		display: flex;

		justify-content: space-between;

		align-items: center;

	}







.main-middle-sec .left .radio-section p {

	line-height: 24px;

	margin-bottom: 0;

}







	.main-middle-sec .left .radio-section p.recommended-deal {

		/*display: none;*/

	}







	.main-middle-sec .left .radio-section p span {

		font-weight: 800;

	}







	.main-middle-sec .left .radio-section p:last-child {

		color: #D32B33;

		font-weight: 800;
        font-size:16px;

	}







.main-middle-sec .left .radio-section .right {

	display: flex;

	flex-direction: column;

	align-items: flex-end;

}







	.main-middle-sec .left .radio-section .right p {

		margin-bottom: 0;

	}







	.main-middle-sec .left .radio-section .right .recommended-deal {

		display: block;

		width: max-content;

		white-space: nowrap;
        color: #08927A;
	}
    .main-middle-sec .left .radio-section .best-deal{
        display: flex;

		/*width: max-content;*/

		white-space: nowrap;
        color: #298FBD;
        font-weight: 800;
        font-size: 15px;
        margin-bottom: 3px;
        align-items: center;
        gap: 3px;
    }


#product3 > div.desk-hide > div > label > div.left > p.recommended-deal {

	white-space: nowrap;

}





.main-middle-sec .left .radio-section .recommended-deal img {

	margin-right: 2px;

}







.main-middle-sec .left .radio-section .recommended-deal {

	font-size: 15px;

	font-weight: 800;

	line-height: 21px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 3px;

}







.main-middle-sec .left .radio-section .right .original-price {

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	position: relative;

}







	.main-middle-sec .left .radio-section .right .original-price::before {

		content: "";

		position: absolute;

		top: 11px;

		width: 100%;

		height: 1px;

		background-color: var(--red);

		transform: rotate(352deg);

		left: 0px;

	}

.protective-input{
        position: relative;
}

.protective-input input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.uncheck-checkbox,.checked-checkbox{
    width: 18px;
    height: 18px;
    
}
.checked-checkbox{
    display: none;
}

#protective:checked ~ .checked-checkbox{
    display: block;
}
#protective:checked ~ .uncheck-checkbox{
    display: none;
}
.checked-label{
        margin-left: 6px;
    position: relative;
    top: 2px;
}
.innerButton_all {
    padding: 15px 0px !important;
}



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

	.main-middle-sec .left .radio-section .right .original-price::before {

		width: 63px !important;
        left: 50px !important;

	}

}

@media only screen and (max-width: 767px) {
    .logo1 {
        padding-right: 10px;
    }
}





.main-middle-sec .left .radio-section .right .offer-price {

	font-size: 18px;

	font-weight: 800 !important;

	line-height: 24px;

	color: var(--black);

	text-align: right;
    margin-bottom: 3px;

}







.main-middle-sec .left .shipping-address {

	/*font-size: 20px;

	line-height: 1.688rem;

	font-weight: 700;*/

        font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
        margin-top: 15px;
    border-top: 1px solid #EDEDED;
    padding-top: 15px;

}







.main-middle-sec .left .enter-your-shipping-details {

	font-size: 15px;

	line-height: 22px;

	font-weight: 400;

}







/* Form input style start */







.checkout-form input[type='text']:focus + label, .checkout-form input[type='email']:focus + label, .checkout-form input[type='tel']:focus + label, .checkout-form input[type='number']:focus + label, .checkout-form input[type='text'].form-control.has-value + label, .checkout-form input[type='email'].form-control.has-value + label, .checkout-form input[type='tel'].form-control.has-value + label, .checkout-form input[type='number'].form-control.has-value + label {

	font-size: 15px;

	color: var(--black);

	top: -8px;

	left: 10px;

	background: #ffffff;

	padding: 0px 5px 0px 5px;

}







/* .payment-section input:focus + label, .payment-section input.has-value + label, .billing-address-body input:focus + label, .billing-address-body input.has-value + label {



background: linear-gradient(to bottom,  #f6f6f6 0%,#f6f6f6 43%,#ffffff 43%,#ffffff 100%)!important;



} */







.payment-section input:focus + label, .payment-section input.has-value + label {

	background: linear-gradient(to bottom, #f6f6f6 0%,#f6f6f6 43%,#ffffff 43%,#ffffff 100%) !important;

}







.checkout-form select + label {

	font-size: 12px !important;

	color: var(--black) !important;

	top: -5px !important;

	left: 10px !important;

	background: #ffffff;

	padding: 0px 5px 0px 5px !important;

}







.checkout-form .input_wrap {

	width: auto;

	height: auto;

	position: relative;

	margin-bottom: 20px;

}







input:-internal-autofill-selected {

	background-color: #fff !important;

}







.checkout-form .input_wrap label {

	font-size: 15px;

	font-weight: 400;

	color: var(--black);

	padding: 14px;

	position: absolute;

	top: 0;

	left: 0;

	transition: 0.2s ease all;

	-moz-transition: 0.2s ease all;

	-webkit-transition: 0.2s ease all;

	pointer-events: none;

}





.ph-pos {

	position: relative;

}







	.ph-pos .opt-text {

		position: absolute;

		top: 30%;

		right: 23px;

		font-size: 0.8125rem;

		color: #908d8d;

	}







.checkout-form .form-control:focus, .checkout-form .form-control:focus-visible {

	outline: none;

	box-shadow: none;

}







.checkout-form .form-control {

	height: auto;

	padding: 0.75rem 0.75rem;

	border: 1.5px solid #BBBBBB !important;

	font-family: 'Poppins', sans-serif;

	font-size: 15px;

	font-weight: 600;

	line-height: 1.5;

	color: #212529;

	background-color: #fff;

	background-clip: padding-box;

	-webkit-appearance: none;

	-moz-appearance: none;

}







.checkout-form .first-last-name {

	display: flex;

	gap: 20px;

}







	.checkout-form .first-last-name .input_wrap {

		width: 50%;

	}







.checkout-form #shippingAddressSearch, .checkout-form #cardNumber, .checkout-form #securityCode, #billingAddressSearch {

	position: absolute;

	top: 25%;

	right: 7px;

}







.checkout-form #shippingAddressSearch {

	right: 6%;

}







.checkout-form #billingAddressSearch {

	right: 6%;

}



@media only screen and (min-width: 1020px) {

	.checkout-form #shippingAddressSearch {

		right: 5%;

	}



	.checkout-form #billingAddressSearch {

		right: 5%;

	}

}





.payment-text {

	font-family: 'Inter';
font-style: normal;
font-weight: 800;
font-size: 20px;
line-height: 24px;

	margin-top: 5px;

}







/* Form input end */







.main-middle-sec .left .payment-section {

	background-color: #EEE3D4;

}







	.main-middle-sec .left .payment-section .payment-section-head {

		border: 1px solid #F6F6F6;

		padding: 11px 15px;

	}







	.main-middle-sec .left .payment-section.active .payment-section-head {

		border-color: #141414;

	}







	.main-middle-sec .left .payment-section .form-check {

		display: flex;

		gap: 12px;

	}







		.main-middle-sec .left .payment-section .form-check input[type="radio"] {

			width: 20px;

			height: 19.5px;

		}







		.main-middle-sec .left .payment-section .form-check .form-check-label {

			display: flex;

			justify-content: space-between;

			width: 100%;

		}







	.main-middle-sec .left .payment-section p {

		font-size: 15px;

		line-height: 24px;

		font-weight: 600;

		margin-top: 2px;

		margin-bottom: 0;
        font-family: 'Inter';

	}







	.main-middle-sec .left .payment-section .right {

		display: flex;

		flex-direction: row;

		align-items: center;

		gap: 5px;

	}







		.main-middle-sec .left .payment-section .right span {

			font-size: 10px;

			line-height: 15px;

			font-weight: 600;

			color: #6A6A6A;

		}







	.main-middle-sec .left .payment-section .form-check-input:checked {

		background-color: var(--black);

		border-color: var(--black);

	}







	.main-middle-sec .left .payment-section .form-check-input:focus {

		box-shadow: none;

	}







	.main-middle-sec .left .payment-section label:focus-visible {

		outline: none;

	}







	.main-middle-sec .left .payment-section .payment-section-body {

		padding: 20px 20px 0 20px;

	}







	.main-middle-sec .left .payment-section .expiration-security {

		display: flex;

		gap: 10px;

	}







.checkout-form .expiration-security .input_wrap {

	width: 50%;

}







/* .checkout-form .billing-address-section {



    background-color: #F6F6F6;



    padding: 0 20px 20px 20px;



} */







.checkout-form .billing-address-section .form-check input[type="checkbox"] {

	width: 1.2em;

	height: 1.2em;

	border-radius: 0;

}







.checkout-form .billing-address-section .form-check-input:focus {

	box-shadow: none;

}







.checkout-form .billing-address-section .form-check-input:checked {

	background-color: var(--black);

	border-color: var(--black);

}







.checkout-form .billing-address-section .billing-address-head {

	background-color: #EEE3D4;

	padding: 0 20px 20px 20px;

}







	.checkout-form .billing-address-section .billing-address-head label {

		font-size: 15px;

		line-height: 21px;

		font-weight: 400;

		vertical-align: middle;

	}







.checkout-form .billing-address-section .billing-address-body {

	background-color: #fff;

	padding: 5px 20px 20px 20px;

	display: none;

}







	.checkout-form .billing-address-section .billing-address-body .input_wrap.country-wrap.country-wrap2 + div + div.input_wrap {

		margin-bottom: 0;

	}







.checkout-form .billing-address {

	font-size: 1.125rem;

	line-height: 1.688rem;

	font-weight: 700;

	margin-top: 1rem;

}







.checkout-form .enter-your-shipping-details {

	font-size: 15px;

	line-height: 22px;

	font-weight: 400;

}







.checkout-form .checkout-form-submit {

	/*font-size: 18px;

	line-height: 27px;

	font-weight: 700;*/

	width: 100%;

	border: none;

	border-radius: 8px;

	background-color: #FFD431;

	color: #000;

	padding: 15px 0;

	margin: 25px 0;

	box-shadow: 0 3px 3px #00000030;

	transition: 0.3s;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;

}







	.checkout-form .checkout-form-submit:hover {

		background-color: #FFCD11;

	}







.ssl-safe-section {

	display: flex;

	justify-content: center;

	gap: 20px;

}







	.ssl-safe-section .inner-section {

		display: flex;

		align-items: center;

		gap: 8px;

	}







		.ssl-safe-section .inner-section h5 {

			margin-bottom: 0;

			font-size: 15px;

			line-height: 15px;

			font-weight: 600;

			letter-spacing: 2px;

			color: #5C5C5E;

		}







			.ssl-safe-section .inner-section h5 span {

				display: block;

			}







.bundle-of-cards {

	text-align: center;

	margin-top: 20px;

}







/* Left side end */







/* Right side start */







.main-middle-sec .right {

	position: sticky;

	top: 0;

	padding-left: 15px;

}







.main-middle-sec .right-top {

	background-color: #F6F6F6;

	padding: 23px 18px;

}







	.main-middle-sec .right-top .your-cart {

		font-size: 18px;

		/* line-height: 1.688rem; */



		font-weight: 700;

		margin-bottom: 11px;

	}







	.main-middle-sec .right-top .star-happyCustomer {

		display: flex;

		align-items: center;

		gap: 8px;

	}







		.main-middle-sec .right-top .star-happyCustomer h5 {

			font-size: 15px;

			line-height: 21px;

			font-weight: 700;

			margin-bottom: 0;

		}







.main-middle-sec .checkout-page-cart-product-title {

	font-size: 15px;

	line-height: 18px;

	font-weight: 400;

	margin-top: 7px;

	margin-bottom: 0px;

}







.main-middle-sec .checkout-page-cart-product-section {

	text-align: left;

}







.main-middle-sec .checkout-page-cart-price-section {

	margin-top: 10px;
    background-color: #fff;
}







	.main-middle-sec .checkout-page-cart-price-section ul li {

		display: flex;

		justify-content: space-between;

		align-items: center;

	}







		.main-middle-sec .checkout-page-cart-price-section ul li:last-child {

			justify-content: flex-end;

			margin-top: 20px;

		}







		.main-middle-sec .checkout-page-cart-price-section ul li p {

			margin-bottom: 0;

		}







			.main-middle-sec .checkout-page-cart-price-section ul li p span {

				font-weight: 700;

			}







				.main-middle-sec .checkout-page-cart-price-section ul li p span.org {

					color: var(--orange);
                    font-size: 16px;
    font-weight: 700;

				}
                .g-total{
                    font-size: 16px;
                }


.main-middle-sec .checkout-page-cart-price-section ul li p.ship_name{
    font-family: 'Inter';
    font-size:16px;
        padding: 5px 0;
    }




		.main-middle-sec .checkout-page-cart-price-section ul li:first-child {

			border-bottom: 2px solid var(--black);

			padding-bottom: 8px;

			margin-bottom: 19px;

		}







			.main-middle-sec .checkout-page-cart-price-section ul li:first-child p {

				font-size: 15px;

				line-height: 21px;

			}







		.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(2) {

			margin-bottom: 0px;

		}







			.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(2) p {

				font-size: 16px;

				line-height: 24px;

				font-weight: 400;

			}







		.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(3) p {

			font-size: 16px;

			line-height: 21px;

			font-weight: 400;

		}



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

	body > main > div.main-middle-sec > div.container > div > div.col-lg-5 > div > div.right-top > div > form > div.checkout-page-cart-price-section > ul > li:nth-child(3) p {

		font-size: 16px;

	}

}



body > main > div.main-middle-sec > div.container > div > div.col-lg-5 > div > div.right-top > div > form > div.checkout-page-cart-price-section > ul > li:nth-child(4) > p {

	font-size: 15px;

}



.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(4) {

	border-bottom: 1px solid #E1E1E1;

	padding: 8px 0;

}





.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(5) {

	border-bottom: 1px solid #E1E1E1;

	padding-top: 5px;

	padding-bottom: 5px;

	font-size: 16px !important;

}



body > main > div.main-middle-sec > div > div > div.col-lg-5 > div > div.right-top > div > form > div.checkout-page-cart-price-section > ul > li:nth-child(2) > p:nth-child(1) {

	font-weight: 700;

}



.main-middle-sec .left .right-top {

	display: none;

}







.main-middle-sec .right .right-bottom {

	padding: 20px 0;

	display: flex;

	align-items: center;

}







	.main-middle-sec .right .right-bottom .right-bottom-image {

		width: 70px;

	}







	.main-middle-sec .right .right-bottom .right-bottom-text {

		flex:1;
        width: auto;
		padding-left: 14px;

	}







		.main-middle-sec .right .right-bottom .right-bottom-text p {

			font-size: 15px;

			line-height: 19px;

			font-weight: 400;

			margin-bottom: 0;
            font-family: 'Inter';

		}







			.main-middle-sec .right .right-bottom .right-bottom-text p span {

				font-weight: 700;

			}







/* Right side end */







/* Footer start */







footer {

	background-color: var(--black);

	padding: 40px 0;

	text-align: center;

}







	footer p {

		font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 28px;

		color: #808080;

		margin-bottom: 6px;

	}







	footer ul {

		display: flex;

		justify-content: center;

		align-items: center;

		gap: 16px;

		margin-bottom: 15px;

	}







		footer ul li a {

			font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 28px;

			color: #808080;

			position: relative;

		}







			footer ul li a::after {

				content: "";

				position: absolute;

				top: 2px;

				right: -8px;

				height: 70%;

				width: 1px;

				background-color: #A8A8A8;

			}







		footer ul li:last-child a::after {

			display: none;

		}







		footer ul li a:hover {

			color: #A8A8A8;

		}







/* Footer end */







/* Animated loader start */







.animated {

	-webkit-animation-duration: 2s;

	animation-duration: 2s;

	user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-webkit-user-select: none;

}







.yt-loader {

	-webkit-animation-name: horizontalProgressBar;

	animation-name: horizontalProgressBar;

	-webkit-animation-timing-function: ease;

	animation-timing-function: ease;

	background: #ef534e;

	height: 3px;

	left: 0;

	top: 0;

	width: 0%;

	z-index: 9999;

	position: absolute;

}







	.yt-loader:after {

		display: block;

		position: absolute;

		content: '';

		right: 0px;

		width: 100px;

		height: 100%;

		/* box-shadow: #ef534e 1px 0 6px 1px; */



		opacity: 0.5;

	}







@keyframes horizontalProgressBar {



	0% {

		width: 0%;

	}



	20% {

		width: 10%;

	}



	30% {

		width: 15%;

	}



	40% {

		width: 18%;

	}



	50% {

		width: 20%;

	}



	60% {

		width: 22%;

	}



	100% {

		width: 100%;

	}

}







/* Animated loader end */







/* Floating cart start */







.floating-cart {

	background-color: #F6F6F6;

}







	.floating-cart .row .col-6:first-child {

		position: relative;

	}







		.floating-cart .row .col-6:first-child::after {

			content: '';

			position: absolute;

			top: 12px;

			right: 0;

			width: 1px;

			height: 56%;

			background-color: #B6B6B6;

		}







	.floating-cart .left {

		height: 100%;

		display: flex;

		justify-content: center;

		align-items: center;

		padding: 8px 0;

	}







	.floating-cart .right {

		padding: 8px 0;

	}







		.floating-cart .right p {

			font-size: 15px;

			line-height: 18px;

			font-weight: 400;

			margin-bottom: 0;

		}







			.floating-cart .right p span {

				font-weight: 700;

			}







				.floating-cart .right p span.org {

					color: var(--orange);

				}







.floating-cart {

	display: none;

}







/* Floating cart end */







.has-tooltip1 {

	position: relative;

}







	.has-tooltip1::before {

		background: #000;

		border-radius: 5px;

		color: #FFF;

		content: attr(aria-label);

		display: inline-block;

		font-weight: normal;

		left: 50%;

		margin-top: -9px;

		opacity: 0;

		padding: 10px;

		pointer-events: none;

		position: absolute;

		top: 0;

		transform: translate(-50%,0%);

		min-width: 200px;

		max-width: 200px;

		width: auto;

		z-index: 2;

		-webkit-transition: all .15s ease-out;

		transition: all .15s ease-out;

		font-size: 15px;

		text-align: center;

	}







	.has-tooltip1:hover:before, .has-tooltip1:focus:before {

		opacity: 1;

		transform: translate(-50%,-100%);

	}







	.has-tooltip1:after {

		border: 10px solid transparent;

		border-top-color: #000;

		content: "";

		height: 0;

		left: 50%;

		margin-left: -10px;

		margin-top: -11px;

		opacity: 0;

		pointer-events: none;

		position: absolute;

		top: 0;

		transform: translate(0,-100%);

		-webkit-transition: all 0s ease-out 0s;

		transition: all 0s ease-out 0s;

		width: 0;

		z-index: 1;

	}







	.has-tooltip1:hover:after, .has-tooltip1:focus:after {

		opacity: 1;

		-webkit-transition: all .15s ease-out .1s;

		transition: all .15s ease-out .1s;

		transform: translate(0,0);

	}







/* 2nd tooltip start */







.has-tooltip2 {

	position: relative;

}







	.has-tooltip2::before {

		background: #000;

		border-radius: 5px;

		color: #FFF;

		content: attr(aria-label);

		display: inline-block;

		font-weight: normal;

		left: 50%;

		margin-top: -9px;

		opacity: 0;

		padding: 10px;

		pointer-events: none;

		position: absolute;

		top: 0;

		transform: translate(-50%,0%);

		min-width: 200px;

		max-width: 200px;

		width: auto;

		z-index: 2;

		-webkit-transition: all .15s ease-out;

		transition: all .15s ease-out;

		font-size: 15px;

		text-align: center;

	}







	.has-tooltip2:hover:before, .has-tooltip2:focus:before {

		opacity: 1;

		transform: translate(-50%,-100%);

	}







	.has-tooltip2:after {

		border: 10px solid transparent;

		border-top-color: #000;

		content: "";

		height: 0;

		left: 50%;

		margin-left: -10px;

		margin-top: -11px;

		opacity: 0;

		pointer-events: none;

		position: absolute;

		top: 0;

		transform: translate(0,-100%);

		-webkit-transition: all 0s ease-out 0s;

		transition: all 0s ease-out 0s;

		width: 0;

		z-index: 1;

	}







form.checkout-form {

	padding: 0;

}







.has-tooltip2:hover:after, .has-tooltip2:focus:after {

	opacity: 1;

	-webkit-transition: all .15s ease-out .1s;

	transition: all .15s ease-out .1s;

	transform: translate(0,0);

}







.floating-cart .container, header .container, .main-middle-sec .container {

	max-width: 915px;

}







.main-middle-sec .left .Choose-your-package-section li:nth-child(2) .radio-section {

	padding: 23px 17px 20px 12px;

}



.main-middle-sec .left .Choose-your-package-section li:nth-child(3) .radio-section {

	padding: 23px 17px 20px 12px;

}







.main-middle-sec .left .radio-section .form-check input[type="radio"] {

	width: 21px;

	height: 20.5px;

}







.main-middle-sec .left li .radio-section .form-check input[type="radio"] {

	margin-top: 1px;

}







.main-middle-sec .left li:first-child.active .radio-section .form-check input[type="radio"] {

	width: 20.5px;

	height: 20px;

}







.main-middle-sec .left li:nth-child(2).active .radio-section .form-check input[type="radio"] {

	width: 20.5px;

	height: 20px;

}







.main-middle-sec .left li:last-child.active .radio-section .form-check input[type="radio"] {

	width: 20.5px;

	height: 20px;

}







.main-middle-sec .left .radio-section .form-check input[type="radio"]:not(:checked) {

	background-color: #F6F6F6;

	border-color: #919191;

}







.main-middle-sec .left .radio-section .form-check input[type="radio"]:checked {

	background-color: #050505;

	border-color: #050505;

}



.country-wrap:after {

	content: "";

	width: 14px;

	height: 9px;

	background: url("../../images/polygon-icon.png");

	background-repeat: no-repeat;

	top: 45%;

	right: 5%;

	position: absolute;

	display: inline-block;

}





.clickable-after {

	position: absolute;

	top: 0;

	right: 0;

	width: 20px; /* Match the :after width */

	height: 100%; /* Match the :after height */

	cursor: pointer;

	background: transparent; /* Optional styling to visualize the clickable area */

}



.form-control#inputEmail {

	border-color: #000 !important;

}







.form-control.no-error {

	border-color: #5c9657 !important;

}







.form-control.has-error {

	border-color: orange !important;

}







.form-control#inputEmail.no-error {

	border-color: #5c9657 !important;

}







.form-control#inputEmail.has-error {

	border-color: orange !important;

}







.form-control#inputEmail.default-border {

	border-color: #BBBBBB !important;

}







	/* .form-control#inputEmail.default-border.black-border {



    border-color: #000 !important;



} */







	.form-control#inputEmail.default-border.no-error {

		border-color: #5c9657 !important;

	}







	.form-control#inputEmail.default-border.has-error {

		border-color: orange !important;

	}







/* .form-control#inputEmail.black-border.no-error {



    border-color: #5c9657 !important;



}







.form-control#inputEmail.black-border.has-error {



    border-color: orange !important;



} */







.form-control#inputEmail:focus {

	border-color: #000 !important;

}







.checkout-form input.no-error ~ #shippingAddressSearch, .checkout-form input.has-error ~ #shippingAddressSearch, .checkout-form input.no-error ~ #cardNumber, .checkout-form input.has-error ~ #cardNumber, .checkout-form input.has-error ~ #securityCode, .checkout-form input.no-error ~ #securityCode, input.has-error ~ #billingAddressSearch, input.no-error ~ #billingAddressSearch {

	position: absolute;

	top: 25%;

	right: 25px;

}







.green-stripe #disc_per {

	color: #000;

}







.mobile-active-arrow, .mobile-inactive-arrow {

	display: none;

}







#country-select, #billing_country, .country-wrap [name="shippingState"], .country-wrap [name="billingState"] {

	background: none;

	background-image: none;

	border-color: #5c9657 !important;

	appearance: none;

}







.row.after-sec .input_wrap {

	margin-top: 20px;

	margin-bottom: 0;

}







.gpay-button {

	padding: 12px 24px 12px !important;

}







select[name='expmonth'], select[name='expyear'] {

	font-weight: 400 !important;

}







	select[name='expmonth'].has-value, select[name='expyear'].has-value, select[name='expmonth'].no-error, select[name='expyear'].no-error {

		font-weight: 600 !important;

	}



#form-top-part {

	margin-bottom: 20px

}



	#form-top-part input:focus, .billing-address-body input:focus, .payment-section-body input:focus, .form-control#inputEmail.no-error:focus {

		border-color: #000 !important;

	}







input:-webkit-autofill, select:-webkit-autofill {

	transition: background-color 5000s ease-in-out 0s !important;

}







.addTick {

	position: relative;

}







	.addTick::after {

		content: "";

		width: 16px;

		height: 15px;

		/*background: url(../../images/tick-input.png);*/

		background-repeat: no-repeat;

		top: 34%;

		right: 5px;

		position: absolute;

		display: inline-block;

	}



.addErrorIcon {

	position: relative;

}







	.addErrorIcon::after {

		content: "";

		width: 16px;

		height: 15px;

		/*background: url(../../images/error-input.png);*/

		background-repeat: no-repeat;

		top: 34%;

		right: 5px;

		position: absolute;

		display: inline-block;

	}







	.addErrorIcon .has-error {

		background: none;

	}



/* new */



.desk-hide {

	display: none !important;

}



.mob-hide {

	display: block !important;

}



.prod_cehk img {

	height: 80px;

	width: auto;

}



.main-middle-sec .left .Choose-your-package-section li:nth-child(2) .prod_cehk img {

	height: 70px;

	width: auto;

}



.prodd {

	gap: 10px;

}



.cart-prod-img {

	height: 84px;

	width: auto;

}



.checkout-page-cart-product-section img {

	height: 84px;

	width: auto;

}



.hide-desk {

	display: none;

}



.protective_row {

	border: 1px solid #BBBBBB;

	border-radius: 5px;

	padding: 15px;

}



	.protective_row label {

		pointer-events: inherit !important;

		position: relative !important;

		padding: 0 !important;

		margin-left: 6px;

		font-weight: 500 !important;

	}



	.protective_row input[type="checkbox"] {

		width: 1.2em;

		height: 1.2em;

		border-radius: 0;

		margin-top: 0;

		border-radius: 4px;

	}



	.protective_row .form-check-input:checked {

		background-color: var(--black);

		border-color: var(--black);

	}



	.protective_row p {

		font-size: 15px;

		margin-bottom: 0;

		margin-top: 10px;

	}



body > main > div.main-middle-sec > div > div > div.col-lg-5 > div > div.right-top > div > form > div.checkout-page-cart-price-section > ul > li:nth-child(3) > p:nth-child(1) > span {

	font-weight: 400 !important;

}

.only-mobile{
        display: none;
    }
@media (max-width:1206px){
    .only-desktop{
        display: none;
    }
    .only-mobile{
        display: block;
    }
    .only-mobile .newImprovedGlassesTitle{
        text-align: center;
        margin: 4px 0 0;
    }
    .newImprovedHappyCustomers {
        font-size: 15px;
        line-height: 17px;
           margin: 5px 0px 10px 0px;
    }
    
}


@media only screen and (min-width : 1022px) and (max-width: 1206.5px) {



    .newImprovedModelTitle, .newImprovedHappyCustomers {

        text-align: center !important;

    }

    .main-middle-sec .left{

        margin-top: 0;

    }

}



/* @media only screen and (min-width : 992px) {

	body > main > div.main-middle-sec > div > div > div.col-lg-5 {

		width: unset !important;

	}

} */

@media only screen and (max-width : 767.5px) {
        #form-top-part > div.row, #form-top-part > div.row {
        flex-direction: column !important;
    }
}

/* typical phone screen resolution */

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



	.main-middle-sec .right .right-bottom {

		width: CALC(100% - 16px) !important;

	}



		.main-middle-sec .right .right-bottom .right-bottom-text {

			width: CALC(100% - 16px) !important;

		}



	#header .right {

		width: 230px !important;

	}



	.ffmbgpic {

		width: 100% !important;

		height: unset !important;

		padding-left: 8px;

		padding-right: 8px;

        margin: 0px auto 20px;

	}



	.form-top-part {

		width: CALC(100% - 16px) !important;

	}





	.checkout-form {

		width: CALC(100% - 16px) !important;

	}



		.checkout-form .checkout-form-submit {

		        font-size: 18px;
        padding: 15px 30px;

		}



	.newImprovedDescription {

		width: CALC(100% - 16px) !important;

	}



	.main-middle-sec .left {

		padding-right: unset !important;

        margin-top: 0;

	}



	.rightBottomGuarantee {

		width: 325px !important;

	}



	.green-stripe {

		width: CALC(100% - 16px) !important;

		height: unset !important;

	}



	.testimonialWrapper {

		width: 325px !important;

	}



	.main-middle-sec .left .shipping-address,

	.main-middle-sec .left .enter-your-shipping-details,

	.main-middle-sec .left .Choose-your-package {

		width: CALC(100% - 16px) !important;

	}



	.Choose-your-package-section {

		width: 100%;

		padding-left: 8px;

		padding-right: 8px;

	}



	.checkout-form .billing-address-section .billing-address-head label {

		font-size: 14px !important;

	}

}

/* END OF MOBILE SECTION */



@media only screen and (min-width : 550px) and (max-width: 1021px) {

	.main-middle-sec .right .right-bottom {

		width: 550px !important;

	}



	.ffmbgpic {

		width: 550px !important;

		height: unset !important;

                margin: 0 auto 30px;

        display: table;

	}



	.main-middle-sec .left {

		padding-right: unset !important;

        margin-top: 0;

	}



	.green-stripe {

		width: 550px !important;

	}



	.testimonialWrapper {

		width: 406px !important;

	}



	.main-middle-sec .left .shipping-address,

	.main-middle-sec .left .enter-your-shipping-details,

	.main-middle-sec .left .Choose-your-package {

		width: 550px !important;

	}



	.checkout-form {

		width: 550px;

	}



	#Choose-your-package-section {

		width: 100%;

	}



	.newImprovedDescription {

		width: 100%;

	}

}



@media only screen and (min-width: 1020px) and (max-width: 1140px) {

	.newImprovedModelTitle, .newImprovedHappyCustomers {

		text-align: center !important;

	}

}



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

	.new-mob-top .checkout-page-cart-product-title.txt-1,

	.main-middle-sec .right-top .star-happyCustomer,

	.new-mob-top .checkout-page-cart-product-title.txt-2 {

		display: none !important;  

	}



	.main-middle-sec .right {

		padding-left: unset;

		display: flex;

		align-content: center;

		flex-wrap: nowrap;

		flex-direction: column;

		align-items: center;

		justify-content: center;

	}



		.main-middle-sec .right .right-bottom {

			display: flex;

			justify-content: center;

			/*margin-bottom: 30px;*/

		}



			.main-middle-sec .right .right-bottom .right-bottom-text {

				width: 406px;

			}



		.main-middle-sec .right .right-top:not(.new-mob-top) {

			display: unset !important;

		}



	.pay-1 {

		margin-top: unset !important;

	}



	.form-top-part {

		width: 406px;

	}





	.right-t-top {

		display: none !important;

	}





	/* .row > * {

		display: flex;

		flex-shrink: unset;

		width: 100%;

		max-width: 100%;

		align-items: center;

		justify-content: center;

	} */



	.new-mob-top .checkout-page-cart-product-section {

		display: none !important;

	}



	.pitchSvgBannerDiv {

		display: none !important;

	}



	.main-middle-sec .left {

		float: none;

		padding-right: 10px;

		position: relative;

		left: 0;

		display: flex;

		flex-direction: column;

		align-content: center;

		justify-content: center;

		align-items: center;

	}



		.main-middle-sec .left .radio-section .form-check .form-check-label {

			width: 100%;

			display: flex;

			justify-content: space-between;

		}



		.main-middle-sec .left .radio-section p {

			width: 100%;

		}



		.main-middle-sec .left .radio-section .right .original-price {

			text-align: right;

		}



	.newImprovedDescription {

		margin-top: unset !important;

		border-top: unset;

		border-bottom: 1px solid #F0F0F0 !important;

	}





	.green-stripe {

		height: unset !important;

	}



	#header .row {

		flex: unset !important;

		width: unset !important;

		max-width: unset !important;

		flex-wrap: unset !important;

		margin-top: unset !important;

		margin-right: unset !important;

		margin-left: unset !important;

	}



	.newImprovedModelTitle, .newImprovedHappyCustomers {

		text-align: center !important;

	}



	.newImprovedDescription {

		border-top: unset !important;

		text-align: center !important;

	}



	.newImprovedGlassesTitle {

		display: flex;

		justify-content: center;

		align-content: center;

	}



	.payment-text {

		margin-bottom: 10px !important;

	}



	.rightBottomGuarantee {

		width: 406px;

	}



	.main-middle-sec .left .shipping-address,

	.main-middle-sec .left .enter-your-shipping-details,

	.main-middle-sec .left .Choose-your-package {

		width: 100%;

	}



	#Choose-your-package-section ul li {

		display: block !important;

	}



	.checkout-bonusDeals-reciept {

		padding: 0.875rem 0 !important;

	}



	#prospect_form1 .row .show_case {

		width: 100% !important;

	}



		#prospect_form1 .row .show_case:not(:last-child) {

			margin-right: unset !important;

		}

}

/* END OF TABLET SECTION */

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

	.main-middle-sec .left .Choose-your-package {

		margin-top: unset !important;

	}

}



@media only screen and (min-width: 1120px) {

	#header > div > div > div.col-5.col-lg-6, #header > div > div > div.col-7.col-lg-6 {

		width: 46%;

	}

}



@media only screen and (min-width:990px) {

	.col-lg-7 {

		max-width: 630px;

	}



	.col-lg-5 {

		max-width: 577px;

	}

}



@media only screen and (min-width: 990px) and (max-width: 1120px) {

	#header .container .row {

		align-items: center !important;

	}

}



@media only screen and (min-width : 1020px) and (max-width: 1120px) {

	.row {

		margin-right: unset !important;

		margin-left: unset !important;

	}

}



@media only screen and (min-width : 1020px) and (max-width: 1126px) {

	.col-lg-5 {

		max-width: 600px !important;

	}

}



@media only screen and (min-width : 990px) and (max-width: 1120px) {

	.row {

		display: flex;

		align-items: flex-start;

		align-content: center;

		justify-content: space-evenly;

	}



	.pitchSvgBannerDiv {

		overflow: hidden;

	}



	.main-middle-sec .left {

		padding-right: unset !important;

	}



	#prospect_form1 .row .show_case {

		width: 100% !important;

	}



		#prospect_form1 .row .show_case:not(:last-child) {

			margin-right: unset !important;

		}

}

/* END OF WEIRD RIGHT MENU SECTION */



.leftUnderRadar {

	display: none !important;

}



.checkout-page-cart-price-section {

	border: 1px solid #D6D6D6;

	border-radius: 1px;

	padding: 15px 25px 15px 25px;
    font-family: 'Inter';

}



.floating-cart .container, header .container, .main-middle-sec .container {

	max-width: 1240px !important;

}



.ffmbgpic {

	width: 610px;

	/*height: 400px;*/

}



.ffgTestimonialDiv {

	position: sticky;

	top: 0;

}



.green-stripe {

	background-color: #ADF4A1;

	width: 100%;

	top: 366px;

	left: 760px;

	gap: 0px;

	font-family: Poppins;

	font-size: 15px;

	font-weight: 700;

	line-height: 21px;

	text-align: left;

}



.main-middle-sec .left {

	float: none;

	/* padding-right: 10px; */

	position: relative;

	left: 0;

}



	.main-middle-sec .left .paypal-gpay-buttons {

		padding: 12px;

	}



.main-middle-sec .right-top {

	background-color: unset;

	padding: unset;

}



.main-middle-sec .right .right-bottom .right-bottom-image {

	display: flex;

	justify-content: center;

}



.newImprovedDivWrapper {

}



.newImprovedModelTitle {

	color: #B73339;

	font-size: 16px;

	font-weight: 400;

	line-height: 18px;

	text-align: left;

}



.newImprovedGlassesTitle {

	color: #000000;

	font-size: 32px;

	font-weight: 800;

	line-height: 36px;

	text-align: left;

	margin: 10px 0px 10px 0px;
        text-transform: uppercase;
font-family: 'GarnettBold';
}



.newImprovedHappyCustomers {

	color: #000000;

	font-size: 15px;

	font-weight: 700;

	line-height: 21px;

	text-align: left;

	margin: 10px 0px 10px 0px;

}



.newImprovedHappyCustomersRatingStars {

}

  

.newImprovedDescription {

	font-size: 15px;

	font-weight: 400;

	line-height: 18px;

	text-align: left;

	color: #000000;

	/*border-bottom: 2px solid #bbbbbb8c;*/

	border-top: 2px solid #EDEDED;

	padding: 10px 0px 10px 0px;

	margin: 10px 0px 5px 0px;

}



.paypal-gpay-buttons {

	border: 2px solid #bbbbbb8c;

	border-radius: 8px;

}



.paypalOrHr {

	margin-top: 20px;

	border-top: 2px solid #bbbbbb8c;

	display: flex;

	justify-content: center;

}



	.paypalOrHr span {

		background-color: #FFFBF6;

		width: 35px;

		font-size: 15px;

		font-weight: 800;

		line-height: 21px;

		text-align: center;

		position: relative;

		top: -11px;

	}



.pitchSvgBannerDiv {
    margin-top: 25px;
    margin-bottom: 20px;
    max-width: 570px;
    width:100%;
    overflow: hidden;
}
.pitchSvgBannerDiv svg{
    height: auto;
    width: 100%;
}




.testimonialContainer {

	display: flex;

	width: 100%;

	gap: 10px;

	align-content: center;

	justify-content: space-between;

	align-items: stretch;

}



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

	.testimonialContainer {

		flex-wrap: wrap;

	}

}





.testimonialWrapper {
    flex: 1;
	width: 280px;

	background-color: #fff;

	padding: 15px 20px 15px 20px;

}



.testimonialStars {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}


	.testimonialStars svg:not(:first-of-type) {

		position: relative;

		left: -5px;

		margin-right: -5px;

	}



.testimonialTitle {

	font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 22px;

	text-align: left;

	margin-bottom: 5px;

}



.testimonialDescription {

	font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;

	text-align: left;

	margin-bottom: 5px;

}



.testimonialName {

	font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;

	text-align: left;

	margin-bottom: 5px;

}



	.testimonialName span {

		font-weight: 700;
        font-size:14px;

	}



.testimonialPortrait {

	width: 46px;

	height: 46px;

	border-radius: 50%;

	overflow: hidden;

}



	.testimonialPortrait img {

		transform: translateY(-10px);

	}





.row {

	justify-content: center;

}



.rightBottomGuarantee {

	display: flex;

}



.w_fomo_wrapper .w_desc strong {

	color: #000000;

}



.w_fomo_wrapper .w_thumb img {

	width: 90px !important;

	margin-left: 5px !important;

}



.payment-text {

	margin-bottom: 15px;

}



.gpay-card-info-container {

	min-width: unset !important;

}





#prospect_form1 .row .show_case {

	width: 163px;

}



	#prospect_form1 .row .show_case:not(:last-child) {

		margin-right: 25px;

	}





.newBulletPointContainerWrapperMobile {

	margin-top: 15px;

	margin-bottom: 40px;

	display: flex;

	align-items: center;

	justify-content: center;

	align-content: center;

	flex-wrap: wrap;

	flex-direction: row;

	row-gap: 20px;

	column-gap: 20px;

}



.newBulletPointContainerMobile {

	width: 150px;

	height: 150px;

	padding: 15px;

	display: flex;

	align-content: center;

	flex-wrap: nowrap;

	flex-direction: column;

	border: 2px solid #bbbbbb8c;

	border-radius: 10px;

	white-space: nowrap;

	justify-content: space-around;

	align-items: center;

}



.bpSvg {

	transform: scale(1.5);

}



.bpText {

	font-weight: 700;

}



.topBFBannerSectionWrapper {

	display: flex;

	flex-direction: column;

	font-family: Inter;

	font-size: 18px;

	font-weight: 700;

	line-height: 32px;

	text-align: center;

}



.topBFBannerSection {

	background-color: #010A0B;

	color: white;

	min-height: 55px;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}



	.topBFBannerSection span {

		font-family: Inter;

		font-weight: 700;

		line-height: 32px;

		color: #ACF4A1;

	}



.topBFBannerSection3Pair60OffSpan {

	margin-left: 8px;

	margin-right: 8px;

}



.bottomBFBannerSection {

	background-color: #ACF4A1;

	color: #010A0B;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	align-content: center;

	font-weight: 400;

	min-height: 68px;

}



	.bottomBFBannerSection span {

		font-weight: 700;

	}



.bottomBFBannerSectionCouponSpan {

	background-color: #010A0B;

	color: white;

	border-radius: 8px;

	border: 1px solid #010A0B;

	margin-left: 5px;

	margin-right: 5px;

	padding: 10px;

	max-height: 30px;

	line-height: 10px;

}



.topBfBannerTimerDiv {

	display: inline-flex;

	flex-direction: row;

	justify-content: center;

	align-items: center;

	margin-left: 5px;

	margin-right: 5px;

	position: relative;

	top: 3px;

}



.bottomBFBannerSectionLimitedTimeSpan {

	margin-left: 5px;

	margin-right: 5px;

}



.topBfBannerTimerDiv div {

	display: inline-flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}



.topBfBannerTimerSpan {

	width: 32px;

	height: 29px;

	border-radius: 8px;

	border: 1px solid #010A0B;

	background-color: #010A0B;

	color: white;

	line-height: 27px;

	display: flex;

	align-items: center;

	justify-content: center;

	align-content: center;

	flex-wrap: nowrap;

	flex-direction: row;

}



.topBfBannerTimerDivWrapper:not(:last-child) {

	margin-right: 8px;

}



.topBfBannerTimerDhmsDiv {

	font-family: Inter;

	font-size: 15px;

	font-weight: 700;

	line-height: 20px;

	text-align: center;

}



.santaImage {

	height: 18px;

	width: 18px;

	position: relative;

	top: -2px;

	margin-right: 1px;

	display: inline-block;

}



.shoppingBagImage {

	height: 18px;

	width: 18px;

	position: relative;

	top: -2px;

	display: inline-block;

}



.stayOnThisPage {

	white-space: nowrap;

}



@media only screen and (min-width: 296px) and (max-width: 394px), only screen and (min-width: 420px) and (max-width: 580px) {

	.bottomBFBannerSectionCouponSpan {

		position: relative;

		top: -7px;

	}



	.bottomBFBannerSectionCouponSpan {

		line-height: 7px !important;

	}

}



@media only screen and (min-width: 451px) and (max-width: 990px) {

	#green-stripe h4 {

		text-align: center !important;

	}

}



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

	.green-stripe h4 {

		line-height: 1rem !important;

        font-size: 14px !important;

	}

    .main-middle-sec .right{

        overflow-x: hidden;

    }

}



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

	.promoAppliedDiv {

		padding-left: 10px !important;

		padding-right: 10px !important;

		width: 152px;

	}

}



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

	.promoAppliedDiv {

		padding-left: 10px !important;

		padding-right: 10px !important;

		width: 152px;

	}

}

/*END OF MOBILE CSS*/



#green-stripe {

	display: flex !important;

	justify-content: space-between;

	align-content: space-between;

	flex-wrap: nowrap;

	align-items: center;

	padding: 0px;

}



	#green-stripe h4 {

		padding-left: 10px;

		padding-right: 10px;

		text-align: left;

		width: 100%;

	}



.ten-countdown {

	color: #E44613 !important;

}



.stayOnThisPage, .main-middle-sec .left .green-stripe h4 span {

	color: black;

}



.promoAppliedDiv {

	background-color: black;

	color: white;

	width: 167px;

	display: flex;

	padding: 15px;

	padding-top: 12px;

	white-space: nowrap;

	padding-bottom: 12px;

	align-items: center;

	justify-content: center;

	align-content: center;

	flex-wrap: nowrap;

	flex-direction: column;

	column-gap: 5px;

	font-size: 15px;

	font-weight: 700;

	line-height: 17px;

	text-align: left;

}





.secure24SVGSpan {

	display: block;

	font-size: 15px;

	font-weight: 700;

	line-height: 16px;

	text-align: center;

	color: #ACF4A1 !important;

	margin-left: -1px;

}



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

	.secure24Span {

		width: 120px;

		height: 30px;

		display: inline-block;

	}

}



.endsAt12Promo {

	font-weight: 800;

	line-height: 32px;

	color: #010A0B !important;

}



.get50OffSpan {

	font-size: 18px;

	font-weight: 800;

	line-height: 32px;

	color: #010A0B !important;

	margin-right: 3px;

}



.secure24Span {

	width: 131px;

	height: 32px;

	border-radius: 8px;

	background-color: #010A0B;

	font-weight: 700;

	line-height: 32px;

	text-align: center;

	color: white !important;

	margin-left: 10px;

	margin-right: 7px;

}



.secure24SVGSpan svg {

	position: relative;

	top: -1px;

	left: -1px;

}



.topbar, .promo, body > section.bnrAr > div.featSml.d-md-block.d-none, body > header > .bnrAr, .topStrip, .discountStrip, .notification-sec,

body > div:nth-child(5) > div > div.col-12.text-center.mb-3.top-content,

body > div:nth-child(5) > div > div.col-12.text-center.mb-3.top-content,

body > div:nth-child(7) > div > div.col-12.text-center.mb-3.top-content,

.featSml,

._navigation-bar_header_1jo7p_23 {

	display: none !important;

}



@media only screen and (min-width: 350px) and (max-width: 520px) {

	.topBFBannerSectionWrapper {

		font-size: 16px !important;

	}

}



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

	.topBFBannerSection {

		line-height: 16px;

	}



	.promoAppliedDiv {

		line-height: 15px !important;

	}

}



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

	.topBFBannerSection {

		padding-top: 10px;

	}

}



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

	.topBFBannerSection {

		line-height: 16px;

	}



		.topBFBannerSection span {

			line-height: 20px !important;

		}

}



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

	.bottomBFBannerSection {

		padding-top: 10px;

		padding-bottom: 10px;

	}

}



@media only screen and (min-width: 360px) and (max-width: 580px) {

	.topBFBannerSection {

		padding-bottom: 8px;

	}

}



@media only screen and (min-width: 580px) {

	#topBFBannerSectionWithCodeColonSpan {

		display: none !important;

	}

}



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

	.bottomBFBannerSectionLimitedTimeSpan {

		display: none !important;

	}



	#topBFBannerSectionWithCodeColonSpan {

		display: inline-block !important;

	}



	.bottomBFBannerSection {

		padding: 10px;

	}



	.topBFBannerSection3Pair60OffSpan {

		line-height: 10px !important;

	}



	.topBFBannerSection {

		padding-left: 5px;

		padding-right: 5px;

		padding-top: 5px;

	}

}



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

	.topBFBannerSectionWrapper {

		font-size: 14px !important;

	}



	.topBFBannerSectionWrapper {

		line-height: 25px !important;

	}

}



@media only screen and (min-width: 340px) and (max-width: 350px) {

	.topBFBannerSection {

		padding-bottom: 5px;

	}

}



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

	.topBFBannerSection {

		padding-bottom: 0px;

	}

}



.bottomBFBannerSectionBFSaleSpan, .bottomBFBannerSectionBF70OffWithCodeWrapperSpan {

	white-space: nowrap;

	margin-right: 5px;

}



.topBFBannerSectionWithCodeSpan {

	font-weight: 400 !important;

}



#form-top-part > div.row,

#form-top-part > div.row {

	display: flex;

	flex-direction: row;

	flex-wrap: nowrap;

	padding-left: 12.5px;

	padding-right: 12.5px;

	gap: 12px;

}



@media only screen and (min-width: 1120px) {

	#form-top-part > div.row, #form-top-part > div.row {

		padding-left: CALC(12.5px + 10px);

		padding-right: CALC(12.5px + 10px);

		gap: 10px;

	}

}



@media only screen and (min-width: 1020px) {

	#header > div > div > div.col-7.col-lg-6 {

		justify-content: flex-end;

	}

}


@media screen and (min-width:768px) and (max-width: 1119.5px) {

  
#form-top-part > div.row, #form-top-part > div.row {
    margin: 0px !important;
}

}


#form-top-part > div.row > div {

	padding-left: unset !important;

	padding-right: unset !important;

}



.radio-section > div.mob-hide > div > label > div.prodd.d-flex {

	font-size: 18px !important;

}



@media only screen and (min-width: 400px) and (max-width: 450px) {

	#header .right {

		width: 200px !important;

	}

}



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

	#header .right {

		width: 100% !important;

	}



	#header > div > div > div.col-7.col-lg-6 {

		padding-left: unset !important;

		padding-right: unset !important;

	}

}



@media only screen and (min-width: 1140px) {

	#header > div > div > div.col-5.col-lg-6 {

		padding-left: unset !important;

	}

}



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

	#header > div > div > div.col-5.col-lg-6 {

		padding-right: unset !important;

		padding-left: unset !important;

		align-items: unset !important;

		justify-content: center !important;

	}



	#form-top-part > div.row, #form-top-part > div.row {

		flex-direction: column !important;

	}



	.checkout-form .input_wrap {

		width: 100% !important;

	}



	#form-top-part > div.row > div:nth-child(1) > div,

	#form-top-part > div.row > div:nth-child(2) > div {

		margin-bottom: 10px !important;

	}

}
.protection_coverage {
    margin: 10px 0 0;
}
.protection_coverage > h3{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
}
.protection_coverage > p{
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    font-family: 'Inter';
}

.protection_coverage .card {
    background: white;
    border-radius: 8px;
    padding: 20px 20px 15px 32px;
    width: 100%;
    border: 1px solid #ddd;
}

     .protection_coverage .header {
            display: flex;
            align-items: center;
            position: relative;
            font-family: 'Inter';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 19px;
        }
.protection_coverage .header svg {
    margin-right: 10px;
    height: auto;
    position: absolute;
    left: -15px;
}
       .protection_coverage .header input {
            margin-right: 10px;
            width: 18px;
            height: 18px;
        }

       .protection_coverage .price {
            display: flex;
            align-items: center;
            margin-top: 10px;
            font-size: 16px;
        }

      .protection_coverage .price .old-price {
    margin-right: 8px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}
.protection_coverage .price .old-price:after{
  content: "";
    position: absolute;
    top: 13px;
    width: 100%;
    height: 1px;
    background-color: var(--red);
    transform: rotate(355deg);
    left: 0;
}

      

       .protection_coverage .features {
            margin-top: 10px;
        }

       .protection_coverage .features ul {
            list-style-type: disc;
            padding-left: 15px;
        }
        .protection_coverage .features ul li {
    list-style: disc;
    margin-bottom: 8px;
    font-size: 15px;
    font-family: 'Inter';
    line-height: 20px;
}
.progress-bar-gjs{display: none;}

.m_review_sec{display: none;}

/*.pro_fe{display: flex; align-items: center; justify-content: center;}
.pro_fe .pro_fe_box{display: flex; } 
.pro_fe .pro_fe_box img{width: 50px; height: 50px;}*/
.pro_fe {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Space between rows */
    margin: 20px 0;
}

.pro_fe_row {
    display: flex;
    justify-content: space-between;
    gap: 20px; /* Space between columns */
}

.pro_fe_box {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between image and text */
    width: 48%; /* Adjusts width to fit two per row */
}
.pro_fe_box p{
    margin: 0;
    font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
}

.pro_fe_box img {
    width: 40px; /* Adjust image size as needed */
    height: auto;
}

#country-select.no-error{    background-image: none !important;} 
.package-order p.recommended-deal{color: #08927A;}
.package-order p.best-deal{    color: #298FBD; font-weight: bold;}  

.input_sel:after {
    content: "";
    width: 14px;
    height: 9px;
    background: url(../../images/polygon-icon.png);
    background-repeat: no-repeat;
    top: 45%;
    right: 5%;
    position: absolute;
    display: inline-block; 
}
#inputMonthSelect.no-error, #inputYearSelect.no-error{
        background: url(../images/tick-input.png?v=1.5) 87.5% 58% no-repeat #fff !important;
}

#leaveFade{font-family: "Inter", serif;}
#leaveFade .partTwo{ background: #fff;}
#leaveFade .innrPrt{border: none;align-items: flex-start;}
#leaveFade .innerStyling{margin: 0; font-family: "Inter", serif;font-weight: bold;}
#leaveFade .innerB_all{    text-align: left;}
#leaveFade .innerA_all{font-size:56px; font-weight: 700;}
#leaveFade #innerButton1{
    background: #FFD431;
    border: 1px solid #AF8A00;
    box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    color: #000;
    font-size: 18px !important;
    font-weight:800 !important;
}
#leaveFade .partOne{width: 45%;}
#leaveFade .partTwo{width: 55%;}
#leaveFade .leavepop_all{
        border: 1px solid #000;
    padding-bottom: 0;
    border-radius: 0;
}
#leaveFade .partOne img{    height: 535px;}
#leaveFade .pop_close{
        position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;  
} 
#leaveFade #innerB1{font-size:36px;margin:10px 0; font-weight: 700;    line-height: 50px;}
#leaveFade .partTwo p{margin:0;font-size: 24px;font-weight: 400;}
#leaveFade .sfoff{ font-size: 24px !important;font-weight: 700 !important;margin-bottom: 10px !important;}
#leaveFade .coupon_text{font-size: 18px; font-weight: 400; max-width: 90%;}
#leaveFade .partTwo p{text-align: left !important;}


@media only screen and (max-width: 1021px) { 
    .m_review_sec .pitchSvgBannerDiv {
        display: block !important;
        margin: 20px auto;
    }
}

@media (max-width:1206px){
    .m_review_sec{display: block;}
    .checkout-bonusDeals-reciept{display: none;}
/* progress bar for mobile */
.progress-bar-gjs {
    background-color: #FFFFFF;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0 10px;
     position: sticky;
        top: 0;
        z-index: 99;
}

.progress-bar-inner {
    display: flex;
    align-items: center;
    gap: 20px;
}

.progress {
    display: flex;
    align-items: flex-start;
    position: relative;
    overflow: visible;
    height: auto;
    background: none;
    font-size: initial;
    border-radius: 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.progress--step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 40px;
}

.progress--step--icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e8e8e8;
    border-radius: 50%;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 2;
}
.progress--step--icon span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress--step--icon img {
    width: 16px;
    height: auto;
    display: block;
}
.progress.active .progress--step--icon img{
    opacity: 1 !important;
    display: block;
}
.progress.active .progress--step--icon span{
    opacity: 0 !important;
}

.progress--step--title {
    margin-top: 8px;
    font-size: 15px;
    color: #ccc;
}

.line {
    height: 3px;
    width: 40px;
    flex: 1;
    background-color: #e8e8e8;
    position: relative;
    top: 15px;
    margin: 0 auto 0;
    left: 10px;
}

.progress.active .line {
    background-color: #000;
}

.progress.active .progress--step--icon {
    background-color: #000;
}
.progress .icon-check{
    opacity: 0;
    display: none;
}
.progress.active .icon-check {
    opacity: 1;
    display: block;
}

.progress.active .progress--step--title {
    color: #000;
}

    
}

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

    #leaveFade .partOne{width: 100%;height: 250px;min-height: 250px;}
    #leaveFade .partTwo{width: 100%;}
    #leaveFade .partOne img{ height: 300px;}
    #leaveFade .innerStyling{ font-size: 36px;}
    #leaveFade .innerB_all{font-size: 36px !important;line-height: 50px;}
    #leaveFade .partTwo p {
    font-size: 16px !important;
    }
    #leaveFade #innerB1 {
        font-size: 26px !important;
        line-height: 33px !important;
    }
    #innerButton1 svg{
        display: none;
    }
    #leaveFade .sfoff {
        font-size: 17px !important;
       line-height: 24px;
    }
    #leaveFade .coupon_text {
        font-size: 16px;
       line-height: 24px;
               max-width: 100%;
        margin-bottom: 15px;
    }
   #leaveFade .innrPrt { min-height: 300px;height: 300px;}
   #leaveFade .partTwo{ min-height: 360px;}

   .partTwo {
        padding: 20px 20px;
    }

    header .right p {
        font-size: 13px !important;
    }
        .progress--step--title {
            font-size: 15px;
            font-weight: 400;
            color: #E0E0E0 !important;
        }

        .checkout-page-cart-product-title{
            font-size: 15px !important;
        }
        .only-mobile .newImprovedGlassesTitle{font-size:24px; line-height: 28px;}
        .newImprovedDescription {
            font-size: 15px;
            line-height: 21px;
        }
        .main-middle-sec .left .radio-section p span {
        font-size: 17px !important;
    }
    .main-middle-sec .left .radio-section .left .save-off-text {
        font-size: 16px;
    }
    .main-middle-sec .left .radio-section .right .offer-price {
        font-size: 18px !important;
    }
        .main-middle-sec .left .radio-section p:last-child {
        font-size: 16px !important;
    }
    .main-middle-sec .left .enter-your-shipping-details {
        font-size: 15px;
        line-height: 1;
    }
    .main-middle-sec .right .right-bottom .right-bottom-text p {
        font-size: 15px;
        line-height: 17px;
    }

    .paypalOrHr span {
        font-size: 15px;
        line-height: 1;
    }
    .checkout-form .billing-address-section .billing-address-head label {

		font-size: 14px !important;
        line-height: 1;

	}
    .main-middle-sec .checkout-page-cart-price-section ul li:first-child p {
    line-height: 1;
}
.checkout-form .checkout-form-submit {
        line-height: 21px;
    }

}


@media only screen and (max-width: 500px) {
    .pro_fe{padding: 0 6px;}
    .testimonialContainer{flex-direction: column; padding: 0 6px;} 
    .testimonialWrapper{padding: 20px;}
    .m_review_sec{width: 100%;}
    .testimonialWrapper{width: 100% !important;}  
    header .right p:last-child{padding-left: 0.30rem;}
    header .right{    gap: 0.325rem;}
    .logo1{width: 100% !important;}

   .checkout-page-cart-price-section{padding:15px;}
   .protection_coverage .card{padding: 20px 16px 15px 26px;}

   .main-middle-sec .ffgTestimonialDiv{
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
   .main-middle-sec .ffgTestimonialDiv .ffmbgpic{padding:0; margin-bottom:0px;margin-top:5px;}
   .only-mobile .newImprovedGlassesTitle{font-size:24px; line-height: 28px;}
   .main-middle-sec .left .radio-section{min-height:98px;}  
   .newImprovedHappyCustomers{    margin: 5px 0px 5px 0px;}
   .newImprovedDescription{padding-top:14px;}

   .main-middle-sec .left .Choose-your-package, .main-middle-sec .left .shipping-address, .protection_coverage > h3, .payment-text{font-size:18px;}
   .main-middle-sec .left .radio-section .right .offer-price, .main-middle-sec .left .radio-section p span, .main-middle-sec .left .radio-section .left .save-off-text{font-size: 16px !important;}
   .main-middle-sec{padding-top:0;}
   .for_mob{/*background-color: #fff;*/    padding-top: 20px;}


}



.addon-card{
        margin-bottom: 25px;
}
.amplihearPro-new{
    list-style: none !important;
    position: absolute;
    bottom: 0px;
    width: 130px;
    right: 0px;
}
.addon-card .card{
    position: relative;
   
}
.addon-card .protective-input {
    width: 30px;
} 
.addon-card .features ul {
    width: calc(100% - 130px);
}

#ampliPro:checked ~ .checked-checkbox{
    display: block;
}
#ampliPro:checked ~ .uncheck-checkbox{
    display: none;
}
.protection_coverage .addon-card .header {
    align-items: flex-start;
}

#app_common_modal_close, #error_handler_overlay_close {
    display: flex
;
    justify-content: center;
    align-items: center;
}
.country-wrap [name="shippingState"].has-error {
    border-color: orange !important;
}