/* Reset CSS start */ @font-face { font-family: 'GarnettBold'; src: url('GarnettBold.eot'); src: url('GarnettBold.eot') format('embedded-opentype'), url('GarnettBold.woff2') format('woff2'), url('GarnettBold.woff') format('woff'), url('GarnettBold.ttf') 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: '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: #fff; } 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: 13px; line-height: 18px; margin-bottom: 0; color: #000; } 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: #000; } header .right p span { display: block; } header .right p span a { color: #000; text-decoration-line: underline; } /* Header end */ /* Black stripe start */ .black-stripe { background-color:#000;; padding: 0.313rem 0; display: flex; justify-content: center; align-items: center; gap: 0.5rem; } .black-stripe .black-stripe-text { font-size: 0.875rem; font-family: 'Inter'; line-height: 1.313rem; font-weight: 700; margin-bottom: 0; color: #fff; } /* #black-stripe img{ filter: invert(1); } */ /* 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; } .checkout-bonusDeals-reciept h3 span { font-size: 0.75rem; line-height: 1.125rem; font-weight: 400; color: var(--grey); } .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:#F8F9FA; } /* .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: 600; 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; 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: #FFFCF1; } .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: 600; } .main-middle-sec .left .radio-section p:last-child { color: #D32B33; font-weight: 600; 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 .right .best-deal{ display: block; width: max-content; white-space: nowrap; color: #08927A; font-weight: 700; font-size: 14px; } .text-best{ color: #298FBD !important; } #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: 14px; font-weight: 700; line-height: 21px; } .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: 122%; height: 1px; background-color: var(--red); transform: rotate(352deg); left: -8px; } @media only screen and (max-width: 1020px) { .main-middle-sec .left .radio-section .right .original-price::before { width: 80% !important; left: 30px !important; } } .main-middle-sec .left .radio-section .right .offer-price { font-size: 18px; font-weight: 600; line-height: 24px; color: var(--black); text-align: right; } .main-middle-sec .left .shipping-address { /*font-size: 20px; line-height: 1.688rem; font-weight: 700;*/ font-style: normal; font-weight: 600; 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: 13px; 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-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; margin-top: 5px; } /* Form input end */ .main-middle-sec .left .payment-section { background-color: #E9E9E9; } .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: 16px; line-height: 24px; font-weight: 700; 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: #E9E9E9; padding: 0 20px 20px 20px; } .checkout-form .billing-address-section .billing-address-head label { font-size: 14px; 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: 600; 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: 12px; 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: 14px; line-height: 21px; font-weight: 700; margin-bottom: 0; } .main-middle-sec .checkout-page-cart-product-title { font-size: 13px; 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: 600; } .main-middle-sec .checkout-page-cart-price-section ul li p span.org { color: var(--orange); } .main-middle-sec .checkout-page-cart-price-section ul li p.ship_name{ font-family: 'Inter'; font-size:13px; padding: 10px 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: 14px; line-height: 21px; } .main-middle-sec .checkout-page-cart-price-section ul li:nth-child(2) { margin-bottom: 16px; } .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: 14px; } .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: 0px 0px 20px; 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: 13px; line-height: 17px; 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: 14px; 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: 14px; 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: 13px; 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: 12px; 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: 12px; 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/new-checkout/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/new-checkout/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/new-checkout/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: 14px; 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: 13px; 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; } .dsk-modal { display: none; } .mob-modal { display: block !important; width: 100% !important; } #leaveFade .partOne { width: 100% !important; height: 250px; min-height: 250px; text-align: center; background: #fff; } #leaveFade .partTwo { width: 100% !important; min-height: 340px; } } /* 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: 13px !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: 14px; 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: 700; line-height: 36px; text-align: left; margin: 10px 0px 10px 0px; } .newImprovedGlassesTitle span{ font-size: 22px; font-weight: 400; } .newImprovedHappyCustomers { color: #000000; font-size: 14px; font-weight: 600; 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 15px 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: #F8F9FA; width: 35px; font-size: 14px; font-weight: 700; 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: 600; font-size: 14px; line-height: 22px; text-align: left; margin-bottom: 5px; } .testimonialDescription { font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: left; margin-bottom: 5px; min-height: 105px; } .testimonialName { font-style: normal; font-weight: 400; font-size: 12px; line-height: 22px; text-align: left; margin-bottom: 5px; } .testimonialName span { font-weight: 600; 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: 12px; 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: 14px; font-weight: 700; line-height: 17px; text-align: left; } .secure24SVGSpan { display: block; font-size: 14px; 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; line-height: 18px; } @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: 14px; line-height: 1.4; font-family: 'Inter'; } .protection_coverage .card { background: white; border-radius: 8px; padding: 20px 20px 15px 30px; 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 { text-decoration: line-through; margin-right: 8px; text-decoration-color: red; } .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: 14px; font-family: 'Inter'; } .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: 14px; 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/new-checkout/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: 'Poppins', sans-serif;} #leaveFade .partTwo{ background: #fff;} #leaveFade .innrPrt{border: none;align-items: flex-start;} #leaveFade .innerStyling{margin: 0;font-weight: bold;} #leaveFade .innerB_all{ text-align: left;} #leaveFade .innerA_all{font-size:56px;line-height: 48px; font-family: 'Poppins', sans-serif;} #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; font-weight: bold; } #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: 446px;} #leaveFade .pop_close{ position: absolute; right: 10px; top: 10px; cursor: pointer; } #leaveFade #innerB1{font-size:36px;margin:10px 0; line-height: 50px;} #leaveFade .partTwo p{margin:0;font-size: 24px;line-height: 35px;} #leaveFade .sfoff{ font-size: 24px;font-weight: bold;margin-bottom: 10px;line-height: 50px;} #leaveFade .coupon_text{font-size: 18px; line-height: 26px; max-width: 85%;} #leaveFade .partTwo p{text-align: left !important; font-family: 'Poppins', sans-serif;} @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: 30px; } .progress--step--icon { width: 24px; height: 24px; 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: 12px; color: #E0E0E0; } .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; } } select.has-error, select.no-error { background-position-x: 85% !important; } @media only screen and (max-width: 991px) { .pro_fe_box{width: 150px;} .pro_fe_row{justify-content: space-between;} .pro_fe{max-width: 330px; margin: 15px auto;} .testimonialDescription { min-height: 100px; } } @media(max-width:767px) { .testimonialDescription { min-height: inherit; } } @media only screen and (max-width: 500px) { .dsk-modal{ display: none; } #green-stripe{ margin-top: 15px; } .mob-modal { display: block !important; width: 100% !important; } .newImprovedGlassesTitle span { font-size: 18px; line-height: 28px; } .progress--step--icon span { top: 2px; font-size: 10px; } .progress--step--icon { width: 20px; height: 20px; } .line { height: 2px; top: 10px; } #header .right img{ max-width: 45px; } .progress--step--title { margin-top: 4px; font-size: 12px; font-weight: 400; } .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;} #leaveFade .partOne{ width: 100%; height: 250px; min-height: 250px; text-align: center; background: #fff; } #leaveFade .partTwo{width: 100%;} #leaveFade .partOne img{ height: 100%; width:auto;} #leaveFade .innerStyling{ font-size: 36px; line-height: 48px;} p.pleave{ font-size: 16px !important; line-height: 35px !important; } #leaveFade #innerB1 { font-size: 26px !important; line-height: 33px; } p.sfoff{ font-size: 16px; line-height: 24px; } #leaveFade .coupon_text { font-size: 16px; line-height: 24px; } #leaveFade .innerB_all{font-size: 24px !important;line-height: 26px;} #leaveFade .innrPrt { min-height: 340px;height: 340px;} #leaveFade .partTwo{ min-height: 340px;} .checkout-page-cart-price-section{padding:15px;} .protection_coverage .card{padding: 20px 16px 15px 26px;} .main-middle-sec{padding-top: 20px;} .main-middle-sec .left .Choose-your-package { margin-top: -5px !important; } select.has-error, select.no-error { background-position-x: 90% !important; } .main-middle-sec .ffgTestimonialDiv{ width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top:20px; } .main-middle-sec .ffgTestimonialDiv .ffmbgpic{padding:0; margin-bottom:5px;} .only-mobile .newImprovedGlassesTitle{font-size:24px;line-height: 28px;} .newImprovedDescription {font-size: 13px; line-height: 21px;} .main-middle-sec .left .radio-section{min-height:98px;} .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: 18px;} /*.pro_fe_row{gap: 5px; justify-content: center;}*/ } .checkout-form input.has-error ~ #shippingAddressSearch, .checkout-form input.no-error ~ #cardNumber, .checkout-form input.has-error ~ #cardNumber, .checkout-form input.no-error ~ #cardNumber { right: 30px; } .row_custom{display: flex; gap: 15px;} .row_custom .show_case{width: 32%;} .mob-modal{ display: none; } .offer-price span{ font-weight: 400 !important; } @media only screen and (max-width: 991px) { .row_custom{ gap: 0; flex-direction: column;} .row_custom .show_case {width: 100%;} } @media only screen and (max-width: 350px) { .only-mobile .newImprovedGlassesTitle { font-size: 22px; } .newImprovedGlassesTitle span { font-size: 16px; } }