.popup-head {
    font-size: 32px;
    color: #026037;
    font-weight: bold;
}

.modal-body {
    padding: 0 30px;
}

.modal-footer {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    border-top: 0;
}
.modal-new-footer {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.modal-title{
    font-size: 30px;
    color: #026037;
    font-weight: bold;

}

.popup-btn {
    padding: 13px 25px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    border: 2px solid transparent;
    
}

.modal-btn{
    width: 170px;
}

.back-btn {
    background-color: #000;
}

.back-btn:hover {
    border: 2px solid #000;
}

.continue-btn {
    background-color: #00d6c9;
}

.continue-btn:hover {
    border: 2px solid #00d6c9;
}

.desc,
.cart-box p,
.checkout-mybk {
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.checkout-top-strip {
    background-color: #025930;
    padding: 16px 0;
}

.checkout-top-strip .logo,
.mny-bk-logo {
    width: 50px;
}

.mny-bk-txt {
    margin-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #fff;
    color: #fff;
    font-weight: bold;
}

.mny-bk-txt span:nth-child(1) {
    font-size: 14px;
    font-weight: 400;
}

.query-txt {
    color: #fff;
    margin-left: 10px;
    font-size: 14px;
}

.query-txt span:nth-child(1) {
    font-weight: bold;
}

.btm-strip {
    background-color: #e3e3e3;
    padding: 10px 0 6px;
}

.btm-strip img {
    width: 16px;
    margin-right: 5px;
    margin-top: -8px;
}

.btm-strip span {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #000;
}

.checkout-steps {
    padding: 50px 0;
}

.checkout-steps p {
    margin-bottom: 0;
}

.checkout-steps .green-arw {
    margin: 0 20px;
}

/* checkout body styles  */

.checkout {
    padding: 50px 0;
}

.offer-strip {
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 6px 0;
    background-color: #50b781;
    border-radius: 8px;
    margin-bottom: 6px;
}

.express {
    background-color: #30d5c8;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 1rem 0;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
}

.package-content,
.customer-content,
.payment-content {
    margin-top: 1.5rem;
}

.package-content h2,
.customer-content h2 {
    color: #026037;
    font-size: 22px;
    font-weight: bold;
}

.package-box {
    padding: 25px 30px;
    border-radius: 14px;
    border: 1px solid #bbbbbb;
    margin-bottom: 1rem;
    cursor: pointer;
}

.package-box h3 {
    color: #026037;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
}

.save-flag {
    background-color: #50b781;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 5px 8px;
    margin-left: 10px;
}

.msrp {
    font-weight: bold;
    color: #b3b3b3;
    text-decoration: line-through;
}

.actual-p {
    font-weight: bold;
    color: #026037;
}

.per-bottle {
    font-size: 20px;
    margin-bottom: 0;
    color: #026037;
    font-weight: 600;
}

.best {
    /* background-color: #ab3938; */
    background: url(../images/red-strip.png) no-repeat center;
    background-size: contain;
    color: #fff;
    /* border-radius: 8px; */
    padding: 5px 16px 5px 8px;
    margin-left: 10px;
    font-size: 11px;
    font-weight: bold;
}

.pack-circle {
    height: 20px;
    width: 20px;
    border: 1px solid #026037;
    border-radius: 50%;
    accent-color: #026037;
    /* position: relative; */
    /* background-color: #fff; */
}

.package-box.active {
    background-color: #ceeedd;
    border: 1px solid #026037;
}

/* .package-box.active .pack-circle::after {
    position: absolute;
    height: 13px;
    width: 13px;
    content: '';
    background-color: #026037;
    border-radius: 50%;
    top: 2.5px;
    left: 2.5px;
} */

button.express {
    display: block;
    border: 0;
    outline: none;
    width: 100%;
}

.checkout-form .form-select,
.checkout-form .form-control {
    margin-bottom: 12px;
    padding: 14px 16px;
    border: 1.5px solid #50b781;
    border-radius: 10px;
    font-weight: 400;
    position: relative;
}

.checkout-form .form-select,
.checkout-form .form-control::placeholder {
    color: #898989;
    font-weight: 400;
    font-size: 15px;
}

.form-control:focus,
.form-select:focus {
    box-shadow: none;
}

.credit-box-img {
    width: 140px;
}

.credit-text {
    font-weight: bold;
    margin-left: 10px;
    font-size: 15px;
}

.same-check {
    width: 15px;
    height: 15px;
}

.form-select {
    --bs-form-select-bg-img: none !important;

}

/* cart box styles  */
.cart-box {
    padding: 20px 25px;
    border-radius: 14px;
    border: 2px solid #50b781;
}

.cart-box h1 {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    color: #025930;
}

.customer img {
    width: 70px;
}

.customer span {
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

.check-prod-img img {
    display: inline-block;
    width: 90%;
    object-fit: contain;
    margin-right: -30px;
}

.description .row1 {
    border-bottom: 2px solid #000;
}

.description .row1 span {
    font-weight: bold;
    color: #000;
    font-size: 15px;
}

.description .row2 span {
    font-weight: bold;
    color: #026037;
    font-size: 17px;
}

.description .row3 span {
    font-weight: 400;
    color: #8e8e8e;
    font-size: 14px;
}

.description .row4 {
    font-weight: 400;
    color: #fff;
    background-color: #50b781;
    font-size: 15px;
    margin-left: -25px;
    margin-right: -25px;
    padding: 5px 25px;
}

.secure-text {
    margin: 20px 0;
}

.secure-text img {
    width: 16px;
}

.secure-text span {
    color: #898989;
    font-weight: bold;
    font-size: 13px;
    margin-left: 3px;
}

.card-number,
.cvv {
    position: relative;
}

.card-number::after {
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    right: 0;
    background: url(../images/checkout/lock-green.png) no-repeat center;
    background-size: contain;
}

.cvv::after {
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    right: 0;
    background: url(../images/checkout/qstn-green.png) no-repeat center;
    background-size: contain;
}


/* footer styles  */

.footer-checkout {
    background-color: #025930;
    padding: 50px 0;
    color: #fff;
}

.footer-checkout p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
}

.footer-links {
    margin: 0;
    padding: 0;
}

.footer-links li {
    list-style: none;
    padding: 0 5px;

}

.footer-links li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.footer-img {
    width: 100px;
    margin-top: 20px;
}


/* mobile view  */

.yellow-star {
    max-width: 200px;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.happy-customer {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #000;
}

@media (max-width: 1199px) {
    .offer-strip {
        font-size: 13px;
    }

    .package-box h3 {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .checkout-top-strip {
        padding: 8px 0;
    }

    .mny-bk-txt {
        border: 0;
    }

    .checkout-steps,
    .checkout {
        padding: 30px 0;
    }

    .checkout-steps {
        padding-bottom: 0;
    }

    .package-box.active .pack-circle::after {
        top: 2px;
        left: 2px;
    }

    .checkout-steps .green-arw {
        margin: 0 10px;
        width: 18%;
    }

    .checkout-steps p,
    .btm-strip span {
        margin-bottom: 0;
        font-size: 12px;
    }

    .btm-strip {
        padding: 6px 0;
    }

    .btm-strip img {
        width: 12px;
        margin-right: 5px;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .modal-title{
        font-size: 22px;
        color: #026037;
        font-weight: bold;    
    }
    .happy-customer {
        font-size: 20px;
        line-height: 25px;
    }

    .yellow-star {
        max-width: 120px;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 480px) {
    .modal-title{
        font-size: 20px;
        color: #026037;
        font-weight: bold;    
    }

    .modal-body {
        padding: 0 10px;
    }

    .modal-footer {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 25px;
    }

    .popup-btn {
        padding: 10px 18px;
        font-size: 13px;
       
    }

    .modal-btn{
        width: 130px !important;
        padding: 15px 15px !important;
        font-size: 14px !important;
    }

    .popup-head {
        font-size: 28px;
    }

    .checkout-steps p,
    .btm-strip span {
        margin-bottom: 0;
        font-size: 10px;
    }

    .mny-bk-txt,
    .query-txt {
        font-size: 10px;
    }

    .package-box h3 {
        font-size: 16px;
    }

    .save-flag {
        font-size: 12px;
        padding: 3px 8px;
    }

    .desc,
    .cart-box p,
    .checkout-mybk {
        font-size: 15.5px;
    }

    .per-bottle {
        font-size: 17px;
    }

    .best {
        padding: 3px 8px;
        font-size: 10px;
        margin-left: 5px;
    }

    .secure-text span {
        font-size: 9px;
    }

}

@media (max-width: 375px) {
    .package-box {
        padding: 16px 16px;
    }

    .desc,
    .cart-box p,
    .checkout-mybk,
    .payment-content label {
        font-size: 15.5px;
        line-height: 18px;
    }

    .checkout-form .form-select,
    .checkout-form .form-control {
        margin-bottom: 10px;
        padding: 7px 9px;

    }

    .checkout-form .form-select,
    .checkout-form .form-control::placeholder {
        font-size: 12px;
    }

    .express {
        font-size: 14px;
    }

    .yellow-star {
        max-width: 110px;
        margin-top: 0rem;
        margin-bottom: 7px;
    }

    .package-box.active .pack-circle::after {
        top: 3px;
        left: 3px;
    }
}