
.cartcontainer{padding: 40px 0px; background: #F9FFF4;}
.cartcontainer .section-heading{margin: 0px 0px 20px 0px;}
.cartcontainer .section-heading h2{font-size: 30px; line-height: 34px; margin: 0px;}
.cartcontainer .form-group label{font-size: 14px; color: var(--theme-paragraph);}
.cartcontainer .form-control, .cartcontainer .form-select{border-radius: 0px; font-size: 14px;}
.cartcontainer .form-control:focus, .cartcontainer .form-select:focus{box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25); border-color: rgba(var(--primary), 1);}
.cartproductlist{display: flex; justify-content: space-between; gap: 10px; padding: 15px; background: var(--theme-white); border: 1px solid #EBEBEB; border-radius: 0px; align-items: center; margin: 0px 0px 10px 0px;}
.cartproductlist .cartitem{display: flex; align-items: center; gap: 20px; width: 100%; max-width: 360px;}
.cartproductlist .cartitem .cartlis-img{display: block; border-radius: 10px;}
.cartproductlist .cartitem .cartlis-img img{mix-blend-mode: darken; border-radius: 0px; width: 90; min-width: 90; height: 90px; object-fit: cover;}
.cartproductlist .qtyinner{max-width: 94px; position: relative;}
.cartproductlist .qtyinner .form-control{border: 1px solid rgba(157, 140, 145, 0.20); height: 30px; font-size: 14px; border-radius: 40px; text-align: left; padding-right: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.cartproductlist .qtyinner .form-control[type=number]::-webkit-inner-spin-button, 
.cartproductlist .qtyinner .form-control[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
.cartproductlist .qtyinner .form-control:focus{border-color: #933CA3;}
.cartproductlist .qtyinner button{position: absolute; right: 28px; top: 50%; font-size: 14px; padding: 0px; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; text-align: center; transform: translateY(-50%); border: none; border-radius: 50%; background: rgba(var(--primary), 0.20); outline: none; color: rgba(var(--primary), 1); transition: 0.3s ease-in-out;}
.cartproductlist .qtyinner button.addbtns{right: 5px; left: auto;}
.cartproductlist .qtyinner button:hover{color: var(--theme-white); border-color: rgba(var(--primary), 1); background: rgba(var(--primary), 1);}
.cartproductlist .carttitle{padding-right: 0px;}
.cartproductlist .carttitle p{margin: 0px 0px 4px 0px;}
.cartproductlist .carttitle h3{font-size: 16px; text-align: left; font-weight: 600; margin: 0px 0px 5px 0px;}
.cartproductlist .carttitle h3 a{color: rgba(var(--primary), 1); text-decoration: none;}
.cartproductlist .cart-price .money{color: #1C161E; font-size: 20px; font-weight: 600; white-space: nowrap;}
.cartproductlist .cart-delete{display: flex; gap: 15px;}
.cartproductlist .cart-delete form{display: flex; gap: 15px;}
.cartproductlist .cart-delete a{min-width: 40px; height: 40px; padding: 0px; background: rgba(var(--primary), 0.20); color: rgba(var(--primary), 1); outline: none; border: none; font-size: 16px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; text-decoration: none; transition: 0.3s ease-in-out;}
.cartproductlist .cart-delete a:hover{background: rgba(var(--primary), 1); color: var(--theme-white);}
.cartproductlist .cart-delete a.refresh-btn{background: rgba(var(--primary), 0.20); color: rgba(var(--primary), 1);}
.cartproductlist .cart-delete a.refresh-btn:hover{background: rgba(var(--primary), 1); color: var(--theme-white);}
.cartproductlist .cart-delete a.btn-outline-primary{background: rgba(var(--primary), 1); color: var(--theme-white); box-shadow: none;}
.cartproductlist .cart-delete a.btn-outline-primary:hover{background: rgba(var(--primary), 0.20); color: rgba(var(--primary), 1);}
.cartsummarybx{float: left; width: 100%; background: var(--theme-white); padding: 20px; border-radius: 0px; border: 1px solid #EBEBEB;}
.cartsummarybx .card--grey label{margin: 0px 0px 4px 0px;}
.cartsummarybx .input-group .form-control{border-radius: 0px 0px 0px 0px;}
.cartsummarybx .input-group .form-control:focus{box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25); border-color: rgba(var(--primary), 1);}
.cartsummarybx .input-group .btn{background: rgba(var(--primary), 1); border-color: rgba(var(--primary), 1); color: var(--theme-white); border-radius: 0px 0px 0px 0px !important;}
.cartsummarybx .input-group .btn:focus{box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25); border-color: rgba(var(--primary), 1);}
.cartsummarybx .input-group .btn:focus:hover{box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25); border-color: rgba(var(--primary), 1);}
.cartsummarybx .input-group .btn:active{box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25); border-color: rgba(var(--primary), 1);}
.qtyloader{position: absolute; display: flex; align-items: center; justify-content: center; left: 0px; right: 0px; bottom: 0px; top: 0px; background: rgba(255, 255, 255, 0.66);}
.qtyloader .spinner-border{border-color: rgba(var(--primary), 1); border-right-color: transparent;}
.cartsummarybx .cartshipping{margin: 15px 0px 10px 0px; color: #198754;}
.cartsummarybx .cartproductlist{background: #fdfdfd; padding: 5px;}
.cartsummarybx .cartproductlist .cartitem .cartlis-img img{width: 60px; min-width: 60px; height: 65px;}
.cartsummarybx .cartproductlist .cart-price .money{font-size: 18px; padding-right: 10px;}
.cartsummarybx .responsiveList{padding: 0px 0px 10px 0px;}

.card--grey{border-color: #EBEBEB; border-radius: 0px;}

/* Custom Radio */
.customRadio{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 10px;}
.customRadio input[type="radio"]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);display:none;}
.customRadio input[type="radio"]+label{position:relative;padding:0 0 0 30px;cursor:pointer;}
.customRadio input[type="radio"]+label:before{content:'';background:#ffffff;border:1px solid #d0d0d0;height:20px;width:20px;border-radius:50%;position:absolute;top:0;left:0;}
.customRadio input[type="radio"]+label:after{content:'';background:rgba(var(--primary), 1);width:10px;height:10px;border-radius:50%;position:absolute;top:5px;left:5px;opacity:0;-webkit-transform:scale(2);transform:scale(2);-webkit-transition:transform 0.3s linear,opacity 0.3s linear;transition:transform 0.3s linear,opacity 0.3s linear;}
.customRadio input[type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}

/* Custom Checkbox */
.customCheckbox{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;}
.customCheckbox input[type="checkbox"]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);display:none;}
.customCheckbox input[type="checkbox"]+label{position:relative;padding:0 0 0 30px;margin-bottom:0;cursor:pointer;}
.customCheckbox input[type="checkbox"]+label:before{content:'';background:#ffffff;border:1px solid #d0d0d0;border-radius:0;height:20px;width:20px;position:absolute;top:0;left:0;}
.customCheckbox input[type="checkbox"]+label:after{content:'';border-style:solid;border-width:0 0 2px 2px;border-color:transparent transparent rgba(var(--primary), 1) rgba(var(--primary), 1);width:12px;height:7px;position:absolute;top:5px;left:5px;opacity:0;-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);-webkit-transition:transform 0.3s linear,opacity 0.3s linear;transition:transform 0.3s linear,opacity 0.3s linear;}
.customCheckbox input[type="checkbox"]:checked+label:after{opacity:1;-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);color:#6d6d6d;}

.ordridbg{border:1px solid #62943A;padding:5px 10px;color:#62943A;display:inline-block;border-radius:5px;font-size:13px;}

.shipping-box h3{float:left;width:100%;color:#000;font-size:17px;font-weight:500;text-transform:uppercase;margin-bottom:7px;}
.shipping-box h3 a{float:right;width:22px;height:22px;border-radius:50%;background:#0771d4;line-height:22px;color:#fff;font-size:10px;text-align:center;}
.shipping-box h3 a:hover{background:#ef1600;color:#fff;}
.shipping-box p{float:left;width:100%;color:#858987;font-size:15px;margin-bottom:5px!important;}
.shipping-box p a{color:#ef1600;}

.radio-custom .customRadio{display:inline-block;margin-right:12px;}
.slctrdo{position:absolute!important;right:0;}

#option-1:checked:checked~.option-1,
#option-2:checked:checked~.option-2,
#option-3:checked:checked~.option-3{border-color:#f7941d;background:#fff5ea;}
#option-4:checked:checked~.option-4,
#option-5:checked:checked~.option-5,
#option-6:checked:checked~.option-6{border-color:#39378a;background:#f4f4ff;}

.shipping-box .option  h6{padding-right: 30px;}
.shipping-box .option{background:#fff;height:100%;width:100%;border-radius:0px;cursor:pointer;padding: 15px 15px !important;border: 1px solid #EBEBEB;transition:all 0.3s ease;margin-top:5px;}
.shipping-box input[type="radio"]{visibility:hidden;position:absolute;}
.shipping-box.customRadio input[type="radio"]+label::before{top:10px;right:10px;left:inherit;}
.shipping-box.customRadio input[type="radio"]+label::after{top:15px;right:15px;left:inherit;}

.address-bbox{background:#fff;height:100%;width:100%;border-radius:20px;cursor:pointer;padding: 15px 15px !important;border: 1px solid #EBEBEB;transition:all 0.3s ease;}
.address-bbox .head-adrs-box{display: flex; justify-content: space-between; margin: 0px 0px 10px 0px;}
.address-bbox .head-adrs-box h4{font-size: 20px; font-weight: 600; margin: 0px; width: 100%;}
.address-bbox .head-adrs-box .editbtn{min-width: 30px; height: 30px; padding: 0px; background: rgba(var(--primary), 0.20); color: rgba(var(--primary), 1); outline: none; border: none; font-size: 16px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; text-decoration: none; transition: 0.3s ease-in-out;}
.address-bbox .head-adrs-box .editbtn:hover{background: rgba(var(--primary), 1); color: var(--theme-white);}
.address-bbox .adrsinfoo{font-size: 14px; display: block; margin: 0px 0px 5px 0px; color: var(--theme-paragarph);}
.cartcontainer .payment-method{display: block;}
.cartcontainer .payment-method h3{font-size: 17px; font-weight: 600; margin: 0px 0px 10px 0px;}
.ordersucces{float: left; width: 100%; text-align: center;}
.ordersucces .card-icon{display: inline-flex; justify-content: center; align-items: center; min-width: 80px; height: 80px; color: #fff; font-size: 65px; background: #4CAF50; border-radius: 50%; margin: 0px 0px 15px 0px;}
.ordersucces h4{font-size: 24px; font-weight: 600; margin: 0px 0px 10px 0px; font-family: "Abel", sans-serif; color: rgba(var(--theme-heading), 1);}
.ordersucces p{color: var(--theme-paragarph); font-size: 14px; line-height: 22px; font-weight: 500; margin: 0px 0px 10px 0px;}
.ordersucces .badge{background: #4CAF50; color: #fff;}

.empty-cart{display: block; text-align: center; padding: 30px 0px;}
.empty-cart .cartlt{display: inline-flex; margin: 0px 0px 15px 0px; min-width: 90px; height: 90px; align-items: center; justify-content: center; border-radius: 50%; font-size: 3rem; background: rgba(var(--primary), 0.20); color: rgba(var(--primary), 1); }
.empty-cart .cartlt i{font-size: inherit; line-height: 100%;}
.empty-cart p{font-size: 24px; font-weight: 600; margin: 0px 0px 15px 0px; font-family: "Abel", sans-serif; color: rgba(var(--theme-heading), 1);}



@media (min-width: 1700px) {
.cartcontainer .section-heading{margin: 0px 0px 30px 0px;}
.cartcontainer .section-heading h2{font-size: 40px; line-height: 44px;}
.cartproductlist{padding: 20px;}
.cartproductlist .cartitem .cartlis-img img{width: 90px; min-width: 90px; height: 110px;}
.cartproductlist .cartitem{gap: 20px;}
.cartproductlist .carttitle h3{font-size: 22px;}
.cartproductlist .carttitle p{font-size: 17px;}
.cartproductlist .qtyinner .form-control{height: 36px;}
.cartproductlist .cart-price .money{font-size: 24px;}
.cartproductlist .cart-delete a{min-width: 44px; height: 44px; font-size: 20px;}
.cartsummarybx{font-size: 18px;}
.cartsummarybx .input-group .form-control{height: 50px; font-size: 18px;}
.cartsummarybx .input-group .btn{font-size: 18px; padding: 6px 20px;}
}
@media (min-width: 1920px) {

}
@media (max-width: 1299px) {
.bannercontainer.innerbanner > img{height: 115px; object-fit: cover;}
}
@media (max-width: 991px) {
.cartproductlist .carttitle h3{font-size: 14px;}
.cartproductlist .cartitem{gap: 10px;}
}
@media (max-width: 767px) {
.address-bbox .head-adrs-box h4{font-size: 17px;}
.address-bbox .head-adrs-box .editbtn{min-width: 26px; height: 26px; font-size: 14px;}
.address-bbox .adrsinfoo{font-size: 13px;}
}
@media (max-width: 575px) {
.bannercontainer.innerbanner > img{height: 75px;}
.cartcontainer{padding: 25px 0px;}
.cartproductlist{padding: 5px;}
.cartproductlist .carttitle h3{font-size: 14px;}
.cartproductlist .carttitle p{font-size: 13px; margin: 0px 0px 2px 0px;}
.cartproductlist .cart-price .money{font-size: 15px;}
.cartproductlist .cart-delete a{min-width: 30px; height: 30px;}
.cartproductlist .cartitem .cartlis-img img{width: 50px; min-width: 50px; height: 68px;}
.cartsummarybx .input-group .form-control{height: 34px; font-size: 13px;}
.cartsummarybx .input-group .btn{padding: 3px 15px; font-size: 13px;}
.cartsummarybx{padding: 15px;}
.card--grey{border-radius: 0px; padding: 15px;}
.card--grey .card-body{padding: 0px;}
.shipping-box .option{border-radius: 10px;}

}