.cart_banner{padding: 60px 0px;background-image: url('../images/mod_bg.webp');background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;position: relative;}
.cart_banner:after{position: absolute;content: '';width: 100%;height: 100%;background: #000;opacity: 0.3;top: 0;left: 0;}
.cart_banner h1{position: relative;z-index: 99;color: var(--white);font-size: 32px;line-height: 35px;}
/* Banner List Start Here */

.cart_details{padding: 60px 0px;}
.cart_details .cart_list table{border-bottom: 1px solid #1212121c;border-spacing: 0;width: 100%;margin-bottom: 30px;}
.cart_details .cart_list table thead tr{font-size: .75em;text-transform: uppercase;}
.cart_details .cart_list table thead tr th{padding: 8px 15px 8px;white-space: nowrap;font-weight: 700;width: 100px;margin: 0 0 40px;}
.cart_details .cart_list table thead tr th:first-child {text-align: left;width: 15%;padding-left: 15px;}
.cart_details .cart_list table thead tr th:last-child {padding-right: 15px;text-align: right;width: 15%;}

.cart_details .cart_list table tbody tr td{padding: 20px 15px;white-space: nowrap;font-weight: 700;margin: 0 0 40px;border-top: 1px solid #1212121c;}
.cart_details .cart_list table tbody tr td a img{width: 80px;}
.cart_details .cart_list table tbody tr td .cart_item a.title{font-size: 16px;color: #626262;line-height: 24px;font-weight: 500;}
.cart_details .cart_list table tbody tr td .cart_item .price{font-size: 14px;color: #626262;line-height: 24px;font-weight: 400;display: flex;gap: 7px;padding: 5px 0px 7px;}
.cart_details .cart_list table tbody tr td .cart_item .save{font-size: 13px;font-weight: 500;border: 1px solid var(--heading);padding: 3px 5px;border-radius: 5px;}
.cart_details .cart_list table tbody tr td .cart_item .cate{font-size: 13px;font-weight: 400;display: block;width: 100%;padding: 10px 0px 7px;color: #626262}
.cart_details .cart_list table tbody tr td .cart_item .detl{font-size: 13px;font-weight: 400;display: block;width: 100%;color: #626262}
.cart_details .cart_list table tbody tr td .cart_item .add_cart{display: block;width: 100%;}
.cart_details .cart_list table tbody tr td .cart_item .add_cart form .quantity {float: left;}
.cart_details .cart_list table tbody tr td .cart_item .add_cart form .quantity input {height: 100%;margin-right: 11px;width: 70px;background-color: #fff;border: 1px solid #F1F1F1;resize: none;border-radius: 0px;height: 30px;padding: 0 10px;}
.cart_details .cart_list table tbody tr td .cart_item .add_cart form button {color: var(--white);font-size: 13px;font-weight: 500;line-height: 24px;border: 1px dotted var(--heading);margin-top: 10px;display: block;background: var(--heading);height: 30px;padding: 0 15px;}
.cart_details .cart_list table tbody tr td .cart_item .add_cart form button:hover{border: 1px dotted var(--heading);background: var(--yellow);cursor: pointer;}

.cart_details .cart_list table tbody tr td:first-child {padding: 20px 0 20px 15px;vertical-align: top;}
.cart_details .cart_list table tbody tr td:last-child {padding-right: 15px;text-align: right;width: 15%;}

.cart_details .cart_totals{border: 1px solid gray;border-radius: 5px;}
.cart_details .cart_totals h3{font-size: 15px;text-transform: uppercase;padding: 10px 15px;font-weight: 600;}


.cart_details .coupon_code{padding: 10px 15px;}
.cart_details .coupon_code p{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.cart_details .coupon_code .code_form {max-height: 0;overflow: hidden;transition: max-height 0.4s ease;}
.cart_details .coupon_code .code_form form {margin-top: 10px;display: flex;align-items: center;justify-content: space-between;}
.cart_details .coupon_code .code_form form input[type="text"] {width: 70%;padding: 5px 10px;border: 1px solid gray;border-radius: 3px;}
.cart_details .coupon_code .code_form form button{width: 28%;padding: 5px 10px;border-radius: 3px;background: var(--heading);outline: none;border: none;color: #fff;}
.cart_details .coupon_code .code_form form button:hover{background: var(--second);color: #fff;}
.cart_details .coupon_code .code_form.show {max-height: 200px;}
.cart_details .coupon_code #toggleIcon {transition: transform 0.3s ease;}
.cart_details .coupon_code #toggleIcon.rotate {transform: rotate(180deg);}

.cart_details .cart_totals .subtotal{padding: 10px 15px;display: flex;align-items: center;justify-content: space-between;font-size: 18px;border-top: 1px solid gray;border-bottom: 1px solid gray;}
.cart_details .cart_totals .subtotal span{font-weight: 600;}
.cart_details .cart_totals .total{padding: 10px 15px;display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-weight:600;border-bottom: 1px solid gray;}
.cart_details .cart_totals .total span{font-weight: 700;}
.cart_details .checkout_link{padding: 12px 15px;border-radius: 0px;background: var(--heading);outline: none;color: #fff;width: 95%;display: block;margin: 20px auto;text-align: center;}
.cart_details .checkout_link:hover{background: var(--yellow);}
.cart_details .checkout_link i{vertical-align: middle;}