/* 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;

}

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);

}
.topStrip {
    background: #000;
    float: left;
    width: 100%;
    padding: 6px 0;
}
.topStrip p {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-align: center;
    margin: 0px;
}
.topStrip p span {
    color: #FF6B00;
}
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;
    background: #000;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.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: 14px;

    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: 54px;

    padding:0.4rem 0.4rem;

    border: 1.5px solid #BBBBBB !important;

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

    font-size: 13px;

    font-weight: 600;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    -webkit-appearance: none!important;

    -moz-appearance: none !important;

}

.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: 5px;

}

.checkout-form #shippingAddressSearch {

    right: 8px;

}

.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: 12px;

}

.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:after {

    content: "";

    width: 14px;

    height: 9px;

    /*background: url("../../images/new-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"] {


    border-color: #5c9657 !important;

}
.country-wrap select.form-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
}


.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;

}

.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, select.has-error, input.no-error, select.no-error {

    background-position-x: calc(100% - 2px) !important;

    appearance: none !important;

    padding-right: 22px !important;

   ;

}

#securityCode {

    background: #fffdfd;

    /* padding: 0px 3px; */

}



.free-gift h4 {
    font-size: 18px;
    margin: 0px;
    font-weight: 700;
}
.free-gift {
    background: #ffef9f;
    max-width: max-content;
    margin: 0px auto 20px;
    padding: 5px 20px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
header .left img {
    max-height: 50px;
}
.desk-view{
    display: block;
}
.resp-view{
    display: none;
}
.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(3) p .price_s{
    text-decoration: line-through;
}

.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(3) p .price_s .free{
    text-decoration: none;
    color: #0bba18;
}
.main-middle-sec .checkout-page-cart-price-section ul li span.strike-throgh {
    text-decoration: line-through;
}
.main-middle-sec .checkout-page-cart-price-section ul li span.free {
    color: #e44613;
    padding-left: 5px;
}
select.form-control.c-details {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
   
}


select.form-control.c-details.has-error {
    background: url(../images/error-input.png) 99.5% 50% no-repeat #fff;
}
select.form-control.c-details.no-error {
    background: url(../images/tick-input.png) 99.5% 50% no-repeat #fff;
}

@media only screen and (max-width: 600px) {
    .desk-view{
        display: none;
    }
    .resp-view{
        display: block;
    }


}