@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;600&family=Oswald:wght@200;300;400&display=swap');
.page-title h2 {
    font-size: 40px;
}

@media (max-width: 1105px) {
    .cart-total p{
        width: 110px!important;
        font-size: 12px!important;
    }

    .cart-page-container{
        margin: 0 .1rem!important;
    }

    .cart-price p {
        width: 110px;
        font-size: 12px!important;
    }

    .cart-qty-input{
        font-size: 12px!important;
    }

    .item-product,
    .item-product a,
    .item-acc {
        font-size: 12px!important;
    }

    .cart-img-container{
        height: 55px!important;
        width: 55px!important;
    }

    .cart-img img{
        max-width: 50px!important;
    }

    .back-cart{
        width: 143px!important;
        font-size: 11px!important;
    }

    .btn-po{
        width: 143px!important;
        font-size: 11px!important;
    }

    .table-checkout .grand-total{
        font-size: 13px!important;
    }

    .checkout-price p,
    .checkout-qty p,
    .checkout-total p {
        font-size: 12px!important;
    }

    .voucher_val{
        width: 134px;
    }

    .cart-qty-input-mbl{
        width: 85px!important;
        font-size: 12px!important;
    }
}

.preloader-2{
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    background: #fff;
    opacity: 1;
}

.preloader-2 .loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font: 14px arial;
}

.on-nego {
    font-family: Poppins;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    background-color: #034694;
    border-radius: 13px;
    border: #f0f0f0;
    padding: 5px 10px;
    margin: 5px;
    /*filter: blur(10px);*/
    color: #fff!important;
    position: absolute;
}

.step {
    float: left;
    font-size: 24px;
    margin: 1px 8px;
    /*margin-right: -21px;*/
    height: 24px;
    width: 24px;
    background-color: #707070;
    border-radius: 13px;
    cursor: pointer;
}

.step span {
    color: #fff;
    /*position: absolute;*/
    font-size: 12px;
    line-height: 24px;
    /*margin: 0 9px;*/
}

.step-text {
    color: #034694;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1.8px;
    line-height: 25px;
    text-align: center;
}

.cart-step-cont hr {
    border-top: 1px solid #000;
    width: 21px;
    margin: 0;
    float: left;
    margin: 21px 0px;
}

.table-cart thead th,
.table-checkout thead th,
.table-payment thead th,
.order-summary-label {
    border: none;
    color: #707070;
    font-family: Poppins;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 20px;
    text-align: center;
}

.table-cart tbody td,
.table-checkout tbody td,
.table-payment tbody td {
    border: none;
    border-bottom: solid 1px #707070;
}

.reload_promo {
    cursor: pointer;
}

.cart-action .btn {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    width: 100%;
    cursor: pointer;
}

.btn-wish {
    color: #034694;
    border: 1px solid;
}

.btn-trash {
    background-color: rgba(199, 199, 199, 0.7);
    color: #707070;
}
.btn-edit {
    border: 1px solid #034694;
}


/*modal call support*/

#supportModal p {
    font-family: Poppins;
    letter-spacing: 0.3px;
}

.support-address p {
    color: #707070;
    margin: 0;
    font-size: 15px;
    padding: 1rem;
    border: 1px solid #034694;
    border-radius: 10px;
}

.contact-list {
    display: table-row;
}

.contactBody {
    display: table-row-group;
}

.contactIcon,
.contactInfo {
    display: table-cell;
    padding: 3px 10px;
}

.contactIcon {
    font-family: Poppins;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: 0.3px;
    color: #707070;
}

.contactInfo {
    font-family: Poppins;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: 0.3px;
    color: #fff;
}

.contactImage img {
    height: 15px;
}

#supportModal a:hover {
    text-decoration: none!important;
    color: #fff;
}

#supportModal textarea:focus {
    border-color: #034694!important;
}

.contact-list img {
    font-size: 16px;
    margin-right: 10px;
}

#table-checkout tbody td {
    border-bottom: solid 1px #707070;
}

#table-checkout-jumbo tbody td {
    border: none!important;
}

.total-jumbo {
    border-top: solid 1px #707070;
}

#table-checkout-mix tbody td {
    border: none!important;
}

.total-mix {
    border-top: solid 1px #707070;
}

.check-cart::after {
    height: 1.25rem;
}

.cart-img img {
    max-height: 60px;
    max-width: 58px;
}

.cart-img-container {
    height: 70px;
    width: 70px;
    border: solid 1px #707070;
    border-radius: 5px;
}

.jumbo-name {
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    color: #034694;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 16px;
    text-decoration: none;
}

.jumbo-name {
    font-size: 16px;
}

.mix-name {
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    color: #034694;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 16px;
    text-decoration: none;
}

.mix-name {
    font-size: 16px;
}

.order-promo-title {
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    color: #034694;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-decoration: none;
}

.item-product,
.item-product a,
.item-acc {
    line-height: 15px;
    font-family: 'Poppins', sans-serif;
    color: #707070;
    /* font-weight: 500; */
    letter-spacing: 0.3px;
    font-size: 14px;
}


/*modal edit promo jumbo*/

.promo-name {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #034694;
    font-size: 20px;
}

.promo-jumbo-list {
    background-color: lavender;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    cursor: default;
}

.promo-jumbo-list p {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #034694;
}

.jumbo-icon-plus {
    width: 23%;
    height: 100%;
    background-color: #034694;
    border-top-left-radius: 10px!important;
    border-bottom-left-radius: 10px!important;
    position: relative;
    border-radius: 20% / 50%;
}

.jumbo-icon-plus i {
    color: #fff;
}

.active-jumbo {
    border: 2px solid #034694!important;
    background-color: lavender;
}

.qty-jumbo-minus:active,
.qty-jumbo-plus:active {
    background-color: #034694;
}

.jumbo-info input {
    width: 60%;
    margin: 0 auto;
    height: 27px;
    font-size: 14px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.promo-jumbo-name {
    width: 77%;
    height: 100%;
}

.jumbo-price-box {
    border: 1px solid #707070;
    width: 120px;
    border-radius: 5px;
}

.jumbo-price {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #034694;
    font-size: 15px;
    text-align: center;
}

.jumbo-min {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #034694;
    text-align: center;
}

.jumbo-price-list {
    border-bottom: 1px solid #707070;
}

#promoJumboModal .cart-img-container {
    width: 30%;
    border: 1px solid #707070;
    border-radius: 5px;
    height: 110px;
}

.jumbo-info p {
    font-family: 'Poppins', sans-serif;
    margin: 0;
}

.item-product-jumbo {
    color: #034694;
    font-size: 15px;
}

.item-acc-jumbo {
    color: #707070;
    font-size: 13px;
    font-weight: 400;
}

.jumbo-info {
    width: 65%;
}

.item-jumbo-price {
    color: #034694;
    font-size: 13px;
}

.qty-jumbo-plus {
    font-size: 24px;
    height: 24px;
    width: 24px;
    background-color: #b4b4b4;
    margin: 7px 0px;
    border-radius: 13px;
    cursor: pointer;
}

.qty-jumbo-plus span {
    color: #fff;
    position: absolute;
    margin: -16px 0px 0px -8px;
}

.qty-jumbo-minus {
    font-size: 24px;
    margin: 7px 0px;
    height: 24px;
    width: 24px;
    background-color: #b4b4b4;
    border-radius: 13px;
    cursor: pointer;
}

.qty-jumbo-minus span {
    color: #fff;
    position: absolute;
    margin: -16px 0px 0px -8px;
    font-weight: 600;
}

.alert-total-jumbo p {
    font-size: 11px;
    text-align: center;
    border: 1px solid #707070;
    color: red;
    font-family: 'Poppins', sans-serif;
}

.btn-back-jumbo,
.btn-cart-jumbo {
    background-color: #b4b4b4;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    width: 48%;
    height: 35px;
}

.btn-cart-jumbo {
    background-color: #034694;
}


/* vanka */

.qty-plus,
.qty-pack-plus {
    float: right;
    font-size: 24px;
    height: 24px;
    width: 24px;
    background-color: #034694;
    margin-right: -21px;
    margin-left: -8px;
    margin-top: 2px;
    border-radius: 13px;
    cursor: pointer;
}

.qty-plus span,
.qty-pack-plus span {
    color: #fff;
    position: absolute;
    margin: -16px 0px 0px -8px;
}

.qty-minus,
.qty-pack-minus {
    float: left;
    font-size: 24px;
    margin: 7px 0px;
    margin-right: -21px;
    margin-left: -8px;
    margin-top: 2px;
    height: 24px;
    width: 24px;
    background-color: #e2e0e0;
    border-radius: 13px;
    cursor: pointer;
}

.qty-minus span,
.qty-pack-minus span {
    color: #fff;
    position: absolute;
    margin: -16px 0px 0px -8px;
}

.qty-minus:active,
.qty-pack-minus:active,
.qty-plus:active,
.qty-pack-plus:active {
    background-color: #034694;
}


/*mobile*/

.grand-total-cart-mbl span {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 19.4px;
    letter-spacing: 0.3px;
    color: #707070;
    padding-right: 15px;
}

.grand-total-cart-mbl p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 19.4px;
    letter-spacing: 0.3px;
    font-weight: 600;
    color: #034694;
}

.mbl-price,
.mbl-checkout {
    z-index: 1;
    justify-content: space-around;
    align-items: center;
    /*padding: 10px 70px;*/
    background-color: #FFFFFF;
    position: fixed;
    width: 100%;
    bottom: 60px;
    -webkit-box-shadow: 0px 6px 20px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 6px 20px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 6px 20px 1px rgba(0, 0, 0, 0.75);
}

.shop-btn-mbl,
.checkout-btn-mbl {
    width: 160px!important;
    height: 38px!important;
}

#item-desc,
.lbl-price-mbl p {
    color: #707070;
    font-family: Poppins;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 20px;
    text-align: left;
    font-weight: 600;
    width: 100%
}

.lbl-price-mbl p {
    line-height: 15px;
    font-size: 14px;
    letter-spacing: 0.26px;
}

.item-price-mbl p {
    color: #034694;
    font-family: Montserrat, serif;
    font-size: 14px;
    letter-spacing: 0.26px;
    line-height: 15px;
    text-align: left;
    font-weight: 600;
}

.item-product-mbl {
    line-height: 20px;
    font-family: 'Montserrat', serif;
    color: #034694;
    font-weight: 800;
    letter-spacing: 0.3px;
    font-size: 14px;
}

.item-acc-mbl {
    line-height: 17px;
    font-family: 'Montserrat', serif;
    color: #707070;
    /* font-weight: 500; */
    letter-spacing: 0.26px;
    font-size: 12px;
}

.cart-qty-input-mbl {
    height: 32px;
    width: 115px;
    margin: 0 auto;
    margin-left: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
    font-family: Montserrat, serif;
    font-size: 16px;
    letter-spacing: 0.26px;
    line-height: 26px;
    font-weight: 600;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

.cart-img-mbl img {
    max-height: 60px;
    max-width: 58px;
}

.cart-img-container-mbl {
    height: 72px;
    width: 72px;
    border: solid 1px #707070;
    border-radius: 5px;
    margin-top: 8px;
}

.checkout-price-mbl p {
    /*text-align: center;*/
    line-height: 26px;
    font-family: 'Montserrat', serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
}

.checkout-qty-mbl {
    /*text-align: center;*/
    line-height: 26px;
    font-family: 'Montserrat', serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: 600;
}

.checkout_mbl {
    /*text-align: center;*/
    line-height: 26px;
    font-family: 'Montserrat', serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 13px;
    font-weight: 600;
}

.checkout-price-mbl p,
.total-payment-mbl {
    color: #034694;
    font-weight: 600;
    font-size: 13px;
}

.item-acc-mbl,
.checkout-price-mbl p,
.item-product-mbl,
.mbl-p {
    color: #707070;
    /*font-weight: 300;*/
    line-height: 15px;
    font-family: 'Montserrat', serif;
    letter-spacing: 0.26px;
    font-size: 14px;
    margin-bottom: 7px;
}

.checkout-qty-mbl,
.checkout_mbl,
.subtotal-mbl p,
.tax-mbl p,
.disc-mbl p,
.total-checkout-mbl {
    line-height: 15px;
    font-family: 'Montserrat', serif;
    color: #707070;
    font-weight: 600;
    letter-spacing: 0.26px;
    font-size: 13px;
}

.total-checkout-mbl {
    font-weight: 600;
}

.subtotal-mbl p,
.tax-mbl p,
.subtotal-mbl-p,
.tax-mbl-p,
.mbl-p,
.disc-mbl p {
    line-height: 20px;
}

.mbl-rp-label {
    line-height: 20px;
    font-family: 'Montserrat', serif;
    color: #707070;
    font-weight: 600;
    letter-spacing: 0.26px;
    font-size: 14px;
}

.cart-price-mbl p {
    line-height: 15px;
    font-family: 'Montserrat', serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: 600;
}


/*end mobile*/

.product-info {
    margin-top: -30px;
}

.checkout-item-box .product-info {
    margin-top: 0px;
}

.cart-price p {
    text-align: center;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
}

.cart-total p {
    text-align: center;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
}

.cart-qty-input {
    height: 27px;
    width: 105px;
    margin: 0 auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /*-webkit-appearance: none;*/
    margin-right: -10px;
}

#table-cart tr:last-child {
    border: none;
}

.grand-price {
    text-align: right;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: 600;
}

.grand-total {
    text-align: center;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    color: #034694;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: 600;
}

.shop-btn {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #034694;
    display: inline-block;
    cursor: pointer;
    color: #034694;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: .2px;
    font-weight: 300;
    padding: 9px;
    text-decoration: none;
    height: 39px;
    width: 220px;
}

.process-btn {
    background-color: #034694;
    border-radius: 5px;
    border: 1px solid #034694;
    display: inline-block;
    cursor: pointer;
    color: #fff!important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .2px;
    font-weight: 300;
    padding: 9px;
    text-decoration: none;
    height: 39px;
    width: 220px;
    margin-left: -10px;
}

.process-btn-mbl {
    background-color: #034694;
    border-radius: 5px;
    border: 1px solid #034694;
    display: inline-block;
    cursor: pointer;
    color: #fff!important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .2px;
    font-weight: 300;
    padding: 9px;
    text-decoration: none;
    height: 39px;
    width: 220px;
    margin-left: -10px;
}

.checkout-btn,
.checkout-btn-mbl {
    background-color: #034694;
    border-radius: 5px;
    border: 1px solid #034694;
    display: inline-block;
    cursor: pointer;
    color: #fff!important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .2px;
    font-weight: 300;
    padding: 9px;
    text-decoration: none;
    height: 39px;
    width: 220px;
}

.checkout-btn:hover,
.shop-btn:hover {
    text-decoration: none;
}

.checkout-price p,
.checkout-qty p,
.checkout-total p {
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
}

.payment-price p,
.payment-qty p,
.payment-total p {
    text-align: center;
    line-height: 26px;
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
}

.checkout-total p {
    text-align: right;
}

.checkout-count {
    line-height: 0px;
}

.checkout-count td {
    border: none !important;
}

.payment-count {
    line-height: 0px;
}

.payment-count td {
    border: none !important;
}

.sub-total {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: 400;
}

.sub-price {
    text-align: right;
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: 600;
}

.table-checkout .grand-price {
    text-align: left;
    letter-spacing: 1.6px;
    line-height: 19px;
    font-size: 16px;
}

.table-checkout .grand-total {
    text-align: right;
    letter-spacing: 0.3px;
    line-height: 26px;
    font-size: 16px;
}

.btn-po {
    background-color: #034694;
    border-radius: 5px;
    border: 1px solid #034694;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .2px;
    font-weight: 300;
    padding: 9px;
    text-decoration: none;
    height: 39px;
    width: 178px;
}

.btn-payment {
    background-color: #034694;
    border-radius: 5px;
    border: 1px solid #034694;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .2px;
    font-weight: 300;
    padding: 9px;
    text-decoration: none;
    height: 39px;
    width: 178px;
}

.back-cart {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #034694;
    display: inline-block;
    cursor: pointer;
    color: #034694;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .2px;
    font-weight: 300;
    padding: 9px;
    text-decoration: none;
    height: 39px;
    width: 178px;
}

.title-ship {
    /*text-align: right;*/
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.ship-method label,
.ship-add p,
.same-add label,
.voucher-code label,
.ship-add label {
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
    line-height: 20px;
    /*font-weight: 600;*/
}

.same-add p {
    line-height: 15px;
    padding-left: 15px;
}

.same-add-cont span {}

.same-add-cont {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.same-add-cont input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.same-as-span {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 15px;
    border: 1px solid #777;
}

.same-add-cont:hover input~.same-as-span {
    background-color: #ccc;
}

.same-add-cont input:checked~.same-as-span {
    background-color: #2196F3;
    border: none!important;
}

.same-as-span:after {
    content: "";
    position: absolute;
    display: none;
}

.same-add-cont input:checked~.same-as-span:after {
    display: block;
}

.same-add-cont .same-as-span:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ship-method select,
.ship-add select,
.ship-method input,
.ship-add input,
.voucher-code input {
    height: 39px;
    width: 365px;
}

.ship-method .col-sm-8,
.ship-add .col-sm-8,
.voucher-code .col-sm-8 {
    padding-left: 0px !important;
}

.btn-voucher {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #034694;
    display: inline-block;
    cursor: pointer;
    color: #034694;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .2px;
    font-weight: 300;
    padding: 9px;
    text-decoration: none;
    height: 39px;
    width: 220px;
}

.pick-address {
    max-width: 450px;
}

.ship-label,
.pick-date,
.pick-time,
.pick-label {
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.cust-pick {
    font-family: 'Poppins', sans-serif;
    color: #034694;
    letter-spacing: 0.3px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
}

.pick-date span,
.pick-time span {
    font-weight: 400;
    padding-left: 20%;
}

.pick-address {
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: 0.3px;
    font-size: 14px;
    line-height: 26px;
}

.method-subtotal {
    /*background-color: #034694;*/
    border: 2px solid #034694;
    border-radius: 10px;
}

.method-subtotal p {
    margin-bottom: 25px;
}

.label-subtotal,
.price-subtotal {
    font-family: 'Poppins', sans-serif;
    color: #707070;
    letter-spacing: .3px;
    font-size: 14px;
    line-height: 18px;
}

.price-subtotal {
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 14px;
    line-height: 16px;
}

.label-subtotal .method-total {
    letter-spacing: 1.6px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
}

.price-subtotal .method-total {
    letter-spacing: 0.3px;
    font-size: 16px;
    line-height: 26px;
}

.label-subtotal hr {
    width: 500px;
    margin: 0px;
    border-top: 1px solid #707070;
}

.pay-method-label,
.select-pay-method label {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #707070;
}

.select-pay-method label {
    font-weight: 300;
}

.select-pay-method span {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.2px;
    font-size: 11px;
    line-height: 20px;
    color: #034694;
    position: absolute;
    margin-top: -8px;
    margin-left: 20px;
}

.done-container {
    margin: 0 auto;
}

.done-container p {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    letter-spacing: .2px;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}

.order-num {
    letter-spacing: 0.3px!important;
    font-size: 14px!important;
    line-height: 26px!important;
    color: #034694!important;
}

.card-title {
    line-height: 18px!important;
    color: #034694!important;
}

label.error {
    font-size: 13px;
    color: red;
}

.done-container a:hover {
    text-decoration: none;
}

.payment_step {
    border-top: solid 1px #034694;
}

.payment_step p {
    text-align: start;
}

.payment_step_name {
    font-family: Poppins;
    color: #707070;
    cursor: pointer;
    letter-spacing: 2.8px;
    font-size: 18px;
}

.payment_step::-webkit-scrollbar {
    display: none;
}

.payment_step {
    -ms-overflow-style: none;
    position: sticky;
}

.payment_step_name span {
    font-family: Poppins;
    background-color: #707070;
    display: inline-block;
    height: 19px;
    width: 19px;
    border-radius: 60%;
    top: 3px;
    margin-right: 15px;
    position: relative;
}

.payment_step_name span:after {
    position: absolute;
    content: "\002B";
    display: inline-block;
    left: 5px;
    transition: 0.2s;
    color: white;
}

.active span:after {
    content: "\2212"!important;
}

.step_num {
    font-family: Poppins;
    font-size: 16px;
    color: #787878;
    font-weight: 600;
}

.step_sub p {
    font-family: Poppins;
    font-size: 16px;
    color: #787878;
    font-weight: 300;
}

.sopra-footer-mobile {
    display: none!important;
}

.empty-cart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.empty-cart h2 {
    display: block;
    object-fit: contain;
    font-family: Poppins;
    font-size: 40px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4px;
    text-align: center;
    color: #034694;
    margin-top: 30px;
}

.empty-cart img {
    width: 200px;
    transform: translate(20px, 0);
    margin-top: 30px;
}

.empty-cart-mbl h2 {
    display: none;
    object-fit: contain;
    font-family: Poppins;
    font-size: 30px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4px;
    text-align: center;
    color: #034694;
}

.empty-cart-mbl img {
    display: none;
}

.label-value {
    width: 100%;
}

.cart-promo-title {
    position: absolute;
    left: 9.5%;
    margin-top: -30px;
    color: #034694;
}

.cart-page-header {
    margin: 0 4rem;
    display: flex;
    flex-direction: row;
    font-size: 28px;
    color: #707070;
    ;
    font-weight: 600;
    margin-bottom: -4px;
}

.cart-page-container {
    border: 1px solid #707070;
    border-radius: 0 5px 5px 5px;
    margin: 0 4rem
}

.product-type {
    padding: 1rem;
    cursor: pointer;
    text-align: center;
    font-family: Poppins;
}

.voucher_val{
    border-radius: 5px;
    border: 1px solid #034694;
    padding: 0.1em;
    color: #707070;
}

.voucher_val_mbl{
    border-radius: 5px;
    border: 1px solid #034694;
    padding: 0.1em;
    color: #707070;
}

input:focus{
    outline: none;
}

.voucher_submit{
    border: none;
    background: #034694;
    color: white;
    padding: 0.2rem 1.2rem;
    cursor: pointer;
    border-radius: 5px;
    margin-left: .5rem;
    outline: none;
    font-family: 'Poppins', sans-serif;
    letter-spacing: .2px;
    font-weight: 300;
}

.voucher_submit_mbl{
    border: none;
    background: #034694;
    color: white;
    padding: 0.2rem 1.2rem;
    cursor: pointer;
    border-radius: 5px;
    margin-left: .5rem;
    outline: none;
    font-family: 'Poppins', sans-serif;
    letter-spacing: .2px;
    font-weight: 300;
}

.voucher-mobile{
    display: none!important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: #034694!important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: 0.25em solid rgba(131, 192, 250, 0.3)!important;
}

@media (max-width: 480px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 330px auto;
    }

    .step-text {
        font-size: 15px;
    }
}

@media (max-width: 420px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 260px auto;
    }
}

@media (max-width: 390px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 228px auto;
    }
}

@media (max-width: 360px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 210px auto;
    }
}

@media (max-width: 575px) {
    .total-checkout-desktop{
        display: none!important;
    }
    .sub-price{
        font-size: 13px;
    }
    .flag-promo-mbl{
        text-align: end;
        position: relative;
        z-index: 1;
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        color: red;
        margin-left: -2rem;
    }
    .promo-label {
        display: grid;
        grid-template-columns: 20px 400px auto;
    }

    .voucher-mobile{
        display: table-row!important;
    }
}

@media (max-width: 540px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 380px auto;
    }
}

@media (max-width: 515px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 360px auto;
    }
}

@media (max-width: 490px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 340px auto;
    }
}

@media (max-width: 478px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 320px auto;
    }
}

@media (max-width: 448px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 300px auto;
    }
}

@media (max-width: 430px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 260px auto;
    }
}

@media (max-width: 390px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 240px auto;
    }
}

@media (max-width: 371px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 220px auto;
    }
}

@media (max-width: 348px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 200px auto;
    }
}

@media (max-width: 328px) {
    .promo-label {
        display: grid;
        grid-template-columns: 20px 185px auto;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .cart-page-container {
        margin: 0 1rem;
        border-radius: 0 0 5px 5px;
        margin-bottom: 8rem;
    }
    .cart-page-header {
        margin: 0 1rem;
        margin-bottom: 0px;
        border: 1px solid #707070;
        border-radius: 5px 5px 0 0;
        font-size: 20px;
    }
    .product-type {
        width: 100%;
    }
    .fa-trash:before {
        content: "\f1f8";
    }
    .trash-cart {
        color: red !important;
    }
    .product-info {
        max-width: 185px;
    }
    .shipment-method {
        display: none;
    }
    .label-promo {
        color: #034694;
        font-family: Poppins;
        font-size: 14px;
        letter-spacing: 0.3px;
        line-height: 20px;
        text-align: left;
        font-weight: 600;
        margin-left: .5rem;
        max-width: 210px;
    }
    .item-acc {
        font-size: 13px;
    }
    .cart-amount-mbl {
        border-top: 1px solid #707070;
        color: #034694;
        display: flex;
        justify-content: end;
        margin: 10px 0;
        font-weight: 500;
    }
    .cart-qty-input {
        height: 27px;
        /* width: 90px; */
        margin: 0;
    }
    .cart-promo-title {
        font-size: 16px;
    }
    .cart-step {
        overflow-y: auto;
    }
    .cart-ubah-button-mobile {
        font-family: 'Poppins', sans-serif;
        background-color: #034694;
        color: #FFF;
        width: 80px;
        height: 35px;
        margin-bottom: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        font-size: 16px;
        cursor: pointer;
        margin-left: -28px;
    }
    .cart-edit-button-mobile {
        font-family: 'Poppins', sans-serif;
        width: 90px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        font-size: 16px;
        cursor: pointer;
        border: solid 0.2rem #034694;
        background-color: #FFF;
        color: #034694;
        padding-bottom: 2px;
    }
    .cart-remove-button-mobile {
        font-family: 'Poppins', sans-serif;
        width: 90px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        font-size: 16px;
        cursor: pointer;
        border: none;
        background-color: #fc0909;
        color: #FFFFFF;
        padding-bottom: 2px;
        margin-top: 5px;
    }
    /* .sopra-footer {
    margin-bottom: 165px;
  } */
    .ship-method select,
    .ship-add select,
    .ship-method input,
    .ship-add input,
    .voucher-code input {
        width: 328px;
    }
    .btn-voucher {
        width: 100%;
    }
    .empty-cart h2 {
        display: none;
    }
    .empty-cart img {
        display: none;
    }
    .empty-cart-mbl {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 0 auto;
    }
    .empty-cart-mbl h2 {
        display: block;
    }
    .empty-cart-mbl img {
        display: block;
        width: 150px;
        transform: translate(10px, 0);
    }
    .checkout-detail {
        width: 186px;
    }
    .label-value {
        width: 200px;
    }
}


/* @media (max-width: 390px) {
    .checkout-detail {
        width: 160px;
    }
    .label-value {
        width: 175px;
    }
} */