body {
    background: #F8F8F8 0% 0% no-repeat padding-box;
}

.cart-menu {
    background: var(--unnamed-color-022b54) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    border-radius: 6px;
    opacity: 1;
    height: 70px;
}

.cart-menu .list {
    /* padding: 0; */
    margin: 0;
    list-style: none;
    width: 97%;
}

.cart-menu .list .text {
    font: var(--unnamed-font-style-normal) normal 500 20px/20px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-ffffff);
    text-align: left;
}

.cart-menu .list .icon {
    font-size: 20px;
    color: white;
}

.cart-table {
    width: 100%;
}

.cart-table th {
    font: var(--unnamed-font-style-normal) normal 600 18px/22px var(--unnamed-font-family-inter);
    text-align: center;
    letter-spacing: 0px;
    color: #555555;
    border-bottom: 1px solid #7070704F;
}

.cart-table td {
    text-align: center;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 24px/28px var(--unnamed-font-family-inter);
    letter-spacing: 0px;
    color: #555555;
    opacity: 1;
    font-size: 15px;
    vertical-align: top;
    border-bottom: 1px solid #7070704F;
    padding-bottom: 25px;
    font-family: "Inter", sans-serif;

}

.cart-table td a {
    text-align: center;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 24px/28px var(--unnamed-font-family-inter);
    letter-spacing: 0px;
    color: #555555;
    opacity: 1;
    font-size: 14px;
    text-decoration: none;
}

.cart-row .card {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border-radius: 17px;
    opacity: 1;
    border: 0 !important;
}

.cart-table .product img {
    border-radius: 8px;
    max-width: 100px;
    max-height: 100px;
}

.cart-table .product div {
    text-align: left;
    width: 375px;
    margin-left: 30px;
}

.total h2 {
    font: var(--unnamed-font-style-normal) normal 600 25px/29px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-161616);
    text-align: left;
    letter-spacing: 0px;
    color: #161616;
    opacity: 1;
}

.total-text {
    font: var(--unnamed-font-style-normal) normal 600 20px/20px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-161616);
    text-align: center;
}

.total-amount {
    font: var(--unnamed-font-style-normal) normal bold 20px/29px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-0d0d0d);
    text-align: center;
    letter-spacing: 0px;
    color: #0D0D0D;
    opacity: 1;
}

.my-order-list img {
    max-width: 75px;
    max-height: 75px;
    border-radius: 8px;
}

.my-order-list .name {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 20px/24px var(--unnamed-font-family-inter);
    letter-spacing: 0px;
    color: #000000;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    /*width: 300px !important;*/
}

.my-order-list .amount {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 25px/30px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-707070);
    letter-spacing: 0px;
    opacity: 1;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.total-amt {
    letter-spacing: 0px;
    color: #022B54;
    opacity: 1;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.sub-total {
    margin-bottom: 13px;
    border-bottom: 1px solid #E3DFDF82;
    padding-bottom: 13px;
}

.sub-total div:first-of-type {
    font: var(--unnamed-font-style-normal) normal normal 18px/24px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-707070);
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
}

.sub-total div:last-of-type {
    font: var(--unnamed-font-style-normal) normal 600 18px/24px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-022b54);
    font: normal normal 600 18px/24px Inter;
    letter-spacing: 0px;
    opacity: 1;
}

.dl-charge {
    margin-bottom: 13px;
    border-bottom: 1px solid #E3DFDF82;
    padding-bottom: 13px;
}

.dl-charge div:first-of-type {
    font: var(--unnamed-font-style-normal) normal normal 18px/24px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-707070);
    letter-spacing: 0px;
    opacity: 1;
}

.dl-charge div:last-of-type {
    font: var(--unnamed-font-style-normal) normal 600 18px/20px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-022b54);
    letter-spacing: 0px;
    opacity: 1;
}

.c-total {
    margin-bottom: 13px;
    border-bottom: 1px solid #E3DFDF82;
    padding-bottom: 13px;
}

.c-total div:first-of-type {
    font: var(--unnamed-font-style-normal) normal 600 18px/24px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-161616);
    letter-spacing: 0px;
    opacity: 1;
}

.c-total div:last-of-type {
    font: var(--unnamed-font-style-normal) normal 600 18px/24px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-022b54);
    letter-spacing: 0px;
    opacity: 1;
}

.apply-coupon input {
    border: 1px solid #9F9F9F82;
    border-radius: 8px;
    width: 100%;
    height: 47px;
    font: var(--unnamed-font-style-normal) normal normal 18px/20px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-707070);
    text-align: left;
}

.apply-coupon button {
    width: 162px;
    height: 52px;
    background: var(--unnamed-color-022b54) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
}

.po-h2 {
    font: var(--unnamed-font-style-normal) normal 600 16px/25px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-161616);
    letter-spacing: 0px;
    opacity: 1;
}

.payment .form-check.active {
    border: 1px solid var(--unnamed-color-ffc38f);
    background: #FFE9D64F 0% 0% no-repeat padding-box;
    height: 55px;
    border-radius: 6px;
}

.payment .form-check {
    height: 60px;
    border: 1px solid var(--unnamed-color-ffc38f);
    background: #FFE9D64F 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    border-radius: 6px;
}

.payment .form-check-label {
    font: var(--unnamed-font-style-normal) normal bold 14px/25px var(--unnamed-font-family-inter);
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
}

input:focus {
    border-color: inherit !important;
}

 

@media only screen and (max-width: 768px) {
    .cart-menu .list .text {
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    .cart-menu .list .icon {
    font-size: 12px !important;
    color: white;
}
.cart-menu{
            height: auto !important;
}
.cart-menu .list {
    width: 100% !important;
    padding: 10px !important;
    line-height: 16px !important;
}
#product-listing {
    margin-top: 20px !important;
}
.cart-main-blk{
    margin-top: 20px !important;
}
.cart-table .product img {
    border-radius: 5px;
    max-width: 50px;
    max-height: 50px;
}
.cart-table th {
    font: var(--unnamed-font-style-normal) normal 600 15px / 15px var(--unnamed-font-family-inter);
}
    .cart-table td {
        font-size: 13px;
        padding: 8px 8px 8px 0px;
    }

.cart-table .product div {
    text-align: left;
    width: auto;
    margin-left: 30px;
}
.cart-bx button {
    padding: 5px !important;
}

.cart-bx button .ini{
    margin-top: 0px !important;
}

.cart-table {
    margin-bottom: 10px ;
}
.total h2 {
    font: var(--unnamed-font-style-normal) normal 600 18px / 18px var(--unnamed-font-family-inter);
}

.total-text {
    font: var(--unnamed-font-style-normal) normal 600 18px / 18px var(--unnamed-font-family-inter);
}
.total-amount {
    font: var(--unnamed-font-style-normal) normal bold 18px / 18px var(--unnamed-font-family-inter);
}
.sizedbox-30{
    height: 10px !important;
}
.crt-rltd-pdts{
    text-align: center;
}
.pr-items .card-title {
    font: var(--unnamed-font-style-normal) normal 600 16px / 16px var(--unnamed-font-family-inter);
}
.line-tr {
    font-size: 15px;
}

.btn-remove-cart {
        height: 44px;
        line-height: 12px;
    }

.payment .form-check-label {
    font: var(--unnamed-font-style-normal) normal 600 13px / 25px var(--unnamed-font-family-inter);
}


}