/* Reset CSS start */

 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: #F6F6F6;

}

 header .left {

     height: 100%;

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     align-items: center;

     float: none !important;

     width: 100%;

}

.top-logo{

    max-width: 170px;

    width: 100%;

}

 header .right {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     justify-content: flex-end;

     align-items: center;

     gap: 0.625rem;

     -webkit-gap: 0.625rem;

     -moz-gap: 0.625rem;

}

 header .right p {

     font-size: 0.813rem;

     line-height: 1.125rem;

     font-weight: 600;

     margin-bottom: 0;

}

 header .right p:last-child {

     margin-left: 0.313rem;

     padding-left: 1rem;

     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;

     display:inline-block;

}

/* Header end */

/* Black stripe start */

 .black-stripe {

     background-color: var(--black);

     padding: 0.313rem 0;

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     justify-content: center;

     align-items: center;

     gap: 0.5rem;

     -webkit-gap: 0.5rem;

     -moz-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.5rem;

}

 .checkout-bonusDeals-reciept h3 {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     justify-content: center;

     align-items: center;

     gap: 2.188rem;

     -webkit-gap: 2.188rem;

     -moz-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-bottom: 140px;

}

 .main-middle-sec .left {

     float: none;

     padding-right: 10px;

}

 .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: 1.563rem;

     margin-bottom: 0.938rem;

}

 .main-middle-sec .left .paypal-gpay-buttons {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     align-items: center;

     /* gap: 1.25rem;

     -webkit-gap: 1.25rem;

     -moz-gap: 1.25rem; */

}

 .paypal-gpay-buttons #container {

     width: 50%;

     height: 46px !important;

     margin-top: 0 !important;

     margin-left: 1.25rem;

}

 .main-middle-sec .left .paypal-gpay-buttons a {

     width: 50%;

     text-align: center;

     padding: 0.75rem 0;

     border-radius: 8px;

}

 .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.563rem;

     margin-bottom: 0.938rem;

}

 .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: 25px 17px 25px 12px;

}

 .main-middle-sec .left li.active {

     border-color: #2BA4FF;

     box-shadow: 0 3px 3px #00000030;

}

 .main-middle-sec .left li.active .radio-section {

     border-radius: 6px;

     border-color: #2BA4FF;

}

 .main-middle-sec .left .radio-section .form-check {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     align-items: center;

     /* gap: 12px;

     -webkit-gap: 12px;

     -moz-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;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     justify-content: space-between;

     align-items: flex-end;

}

 .main-middle-sec .left .radio-section p {

     font-size: 15px;

     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: 700;

}

 .main-middle-sec .left .radio-section p:last-child {

     color: #E44613;

     font-weight: 700;

}

 .main-middle-sec .left .radio-section .right {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-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;

     position: absolute;

     top: -20px;

     width: max-content;

}

 .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: 10px;

     width: 100%;

     height: 2px;

     background-color: var(--red);

     transform: rotate(352deg);

     left: 0;

}

 .main-middle-sec .left .radio-section .right .offer-price {

     font-size: 16px;

     font-weight: 700;

     line-height: 24px;

     color: var(--black);

}

 .main-middle-sec .left .shipping-address {

     font-size: 1.125rem;

     line-height: 1.688rem;

     font-weight: 700;

     margin-top: 1.563rem;

}

 .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: auto;

     -moz-appearance: auto;

}

 .checkout-form .first-last-name {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     /* gap: 20px;

     -webkit-gap: 20px;

     -moz-gap: 20px; */

    justify-content: space-between;

}

 .checkout-form .first-last-name .input_wrap {

     width: 49%;

}

 .checkout-form #shippingAddressSearch, .checkout-form #cardNumber, .checkout-form #securityCode, #billingAddressSearch {

     position: absolute;

     top: 25%;

     right: 7px;

}

 .checkout-form #shippingAddressSearch {

     right: 25px;

}

 .checkout-form #billingAddressSearch {

     right: 25px;

}

 .payment-text {

     font-size: 1.125rem;

     line-height: 1.688rem;

     font-weight: 700;

     margin-top: 5px;

}

/* Form input end */

 .main-middle-sec .left .payment-section {

     background-color: #F6F6F6;

}

 .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;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     /* gap: 12px;

     -webkit-gap: 12px;

     -moz-gap: 12px; */

}

 .main-middle-sec .left .payment-section .form-check input[type="radio"] {

     width: 20px;

     height: 19.5px;

     margin-right: 12px;

}

 .main-middle-sec .left .payment-section .form-check .form-check-label {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-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;

}

 .main-middle-sec .left .payment-section .right {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     flex-direction: row;

     align-items: center;

     gap: 5px;

     -webkit-gap:5px;

     -moz-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;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     gap: 20px;

     -webkit-gap: 20px;

     -moz-gap: 20px;

}

 .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: #F6F6F6;

     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: 0px 4px 0px 20px;

     display: none;

}

 .checkout-form .billing-address-section .billing-address-body .input_wrap.country-wrap.country-wrap2 + 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;

}

 .checkout-form .checkout-form-submit:hover {

     background-color: #FFCD11;

}

 .ssl-safe-section {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     justify-content: center;

     gap: 20px;

     -webkit-gap: 20px;

     -moz-gap: 20px;

}

 .ssl-safe-section .inner-section {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     align-items: center;

     /* gap: 8px;

     -webkit-gap: 8px;

     -moz-gap: 8px; */

}

 .ssl-safe-section .inner-section img{

     margin-right: 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: 10px;

}

 .main-middle-sec .right-top {

     background-color: #F6F6F6;

     padding: 16px 16px;

}

 .main-middle-sec .right-top .your-cart {

     font-size: 1.125rem;

     line-height: 1.688rem;

     font-weight: 700;

     margin-bottom: 7px;

}

 .main-middle-sec .right-top .star-happyCustomer {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     align-items: center;

     gap: 8px;

     -webkit-gap: 8px;

     -moz-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: 8px;

     margin-bottom:7px;

}

 .main-middle-sec .checkout-page-cart-product-section {

     text-align: left;

}

 .main-middle-sec .checkout-page-cart-price-section {

     margin-top: 15px;

}

 .main-middle-sec .checkout-page-cart-price-section ul li {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-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);

}

 .main-middle-sec .checkout-page-cart-price-section ul li:first-child {

     border-bottom: 2px solid var(--black);

     padding-bottom: 8px;

     margin-bottom: 20px;

}

 .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: 14px;

     line-height: 21px;

     font-weight: 400;

}

 .main-middle-sec .checkout-page-cart-price-section ul li:nth-child(4) {

     margin-top: 20px;

     border-top: 1px solid #E1E1E1;

     border-bottom: 1px solid #E1E1E1;

     padding: 8px 0;

}

 .main-middle-sec .left .right-top {

     display: none;

}

 .main-middle-sec .right .right-bottom {

     padding-top: 20px;

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     align-items: center;

}

 .main-middle-sec .right .right-bottom .right-bottom-image {

     width: 18%;

}

 .main-middle-sec .right .right-bottom .right-bottom-text {

     width: 82%;

     padding-left: 14px;

}

 .main-middle-sec .right .right-bottom .right-bottom-text p {

     font-size: 12px;

     line-height: 17px;

     font-weight: 400;

     margin-bottom: 0;

}

 .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-size: 12px;

     line-height: 18px;

     font-weight: 400;

     color: #A8A8A8;

     margin-bottom: 6px;

}

 footer ul {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     justify-content: center;

     align-items: center;

     gap: 16px;

     -webkit-gap: 16px;

     -moz-gap: 16px;

     margin-bottom: 15px;

}

 footer ul li a {

     font-size: 12px;

     line-height: 18px;

     font-weight: 400;

     color: #A8A8A8;

     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;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-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, .main-middle-sec .left .Choose-your-package-section li:nth-child(3) .radio-section {

     padding: 25px 17px 25px 12px;

}

 .main-middle-sec .left .radio-section .form-check input[type="radio"] {

     width: 21px;

     height: 20.5px;

        margin-right: 12px;

}

 .main-middle-sec .left li .radio-section .form-check input[type="radio"] {

     margin-top: 1px;

        margin-right: 12px;

}

 .main-middle-sec .left li:first-child.active .radio-section .form-check input[type="radio"] {

     width: 20.5px;

     height: 20px;

     margin-right: 12px;

}

 .main-middle-sec .left li:nth-child(2).active .radio-section .form-check input[type="radio"] {

     width: 20.5px;

     height: 20px;

        margin-right: 12px;

}

 .main-middle-sec .left li:last-child.active .radio-section .form-check input[type="radio"] {

     width: 20.5px;

     height: 20px;

        margin-right: 12px;

}

 .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: #2ba4ff;

     border-color: #2ba4ff;

}

/* .country-wrap-icon{

  position: absolute !important;

    top: 6px !important;

    right: 0px;

} */

 /* .country-wrap-icon: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;

} */



/* .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;

} */

 .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;

}

 .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 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;

}

 .addTick .no-error {

     background: none !important;

}

 .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;

}

 .main-middle-sec .left .right-top {

     display: none;

}

 .main-middle-sec .right-top .star-happyCustomer {

     display: flex;

     display: -moz-flex;

     display: -webkit-flex;

     display: -ms-flex;

     align-items: center;

     gap: 8px;

     -webkit-gap: 8px;

     -moz-gap:8px;

}

 input#sameShippingBilling{

     position: relative;

     top: -2px;

}

 /* select[name="expmonth"], select[name="expyear"] {

     -webkit-appearance: auto !important;

} */

 input.has-error, input.no-error,select.has-error, select.no-error{

     background-position-x: calc(100% - 2px) !important;

     appearance: none !important;

     padding-right: 24px !important;

    ;

}

/* select.has-error, select.no-error {

     background-position-x: calc(100% - 15px) !important;

     

     padding-right: 18px !important;

    ;

} */

/* #country-select {

    appearance: none !important;

} */

#country-select {

    appearance: none !important;

    background: url(../images/polygon-icon.png) !important;

    background-repeat: no-repeat !important;

    top: 45%;

    right: 5%;

    background-position: right 18px !important;

    background-right: 16px;

    background-position-x: calc(100% - 10px) !important;

}

select.dropdwn1-1{

    appearance: none !important;

    background: url(../images/polygon-icon.png);

    background-repeat: no-repeat;

    top: 45%;

    right: 5%;

    background-position: right 18px;

    background-right: 16px;

    background-position-x: calc(100% - 8px) !important;

}
.gpay-button-fill:focus-visible{
outline: none !important;
}
 /* #securityCode {

     background: #fffdfd;

     padding: 0px 3px;

} */