@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap");

/* body {
  margin: 0;
  padding: 0;
} */
.ac_checkout-page,
.ac_checkout-page * {
/*   margin: 0; */
/*   padding: 0; */
  font: inherit;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
}
.ac_checkout-page {
  padding: 0px;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.ac_checkout-priceAddr{
	    display: flex;
    gap: 0px;
    flex-direction: column;
}
.ac_checkout-headerBanner{
padding: 0px 0px 30px;
}
@media (min-width: 1020px) { 
	.ac_checkout-page {
  padding: 0px 5%;
  display: flex;
  gap: 70px;
  flex-direction: row;
}
	.ac_checkout-headerBanner{
padding: 0px 5% 50px;
}
}
.ac_checkout-headerBanner h2{
  font-size: 22px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
  color: #fff;
  padding: 10px 16px !important;
  border-radius: 6px;
  background-color: #FF6B00;
  width: 100%;
}
.ac-checkout-sections {
  width: 100%;
  height: fit-content;
}
.ac_checkout-ocBanner {
  width: 100%;
}
.ac_checkout-ocBanner img {
  width: 100%;
}
@media (min-width: 1020px) {
  .ac_checkout-page {
    flex-direction: row;
  }
  .ac-checkout-sections {
    width: 700px;
  }
}
.ac_checkout-productListHolder {
  /* margin-top: 36px; */
}
@media (min-width: 1020px) {
  .ac_checkout-productListHolder {
            box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.25);
    padding: 20px 36px 40px 30px;
    /* margin-top: 36px; */
  }
}

.ac_checkout-productListHolder h4 {
 font-size: 16px !important;
    line-height: 20px;
    margin-bottom: 0px !important;
    text-transform: capitalize;
    font-family: "DM Sans", sans-serif !important;
}
@media (min-width: 1020px) {
  .ac_checkout-productListHolder h4 {
   font-size: 22px !important;
        line-height: 26px;
        margin-bottom: 0px !important;
        text-transform: capitalize;
        font-family: "DM Sans", sans-serif !important;
  }
}

.ac_checkout-products {
  display: flex;
  flex-direction: column;
}
.ac-checkout-product {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  padding: 16px 0px 20px;
  border-bottom: solid 1px;
  position: relative;
}

.ac-checkout-product:last-of-type {
    border: none !important;
/*     padding-bottom: 0px !important; */
}
.ac_checkout-productImg {
  width: 60px;
	min-width:60px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px;
  border-radius: 6px;
  overflow: hidden;
}
.ac_checkout-productImg img {
/*   width: 24px; */
	width:100%;
}
.ac_checkout-productDetails .ac_checkout-productTitle {
font-size: 14.5px;
    line-height: 18px;
    font-family: "DM Sans", sans-serif !important;
    text-transform: capitalize;
    margin: 0px !important;
    font-weight: 600;
    padding-right: 20px;
}
.ac_checkout-productDetails .ac_checkout-productBrand,
.ac_checkout-productVolume {
  font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px;
    color: #4E4E4E;
}
.ac_checkout-productVolume {
  margin: 6px 0px;
  display: block;
}
.ac_checkout-productPrice {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  gap: 4px;
  align-items: center;
  margin-bottom: 4px;
}

.ac_checkout-productPrice del {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #4e4e4e;
}

.ac_checkout-offerTag {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #ff6b00;
}

.ac_checkout-deliveryDate {
 font-size: 14px !important;
    line-height: 20px;
}
.ac_checkout-deliveryDate span {
  font-weight: 500;
  color: #098f1e;
}

.ac_checkout-deleteAdd {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0;

  padding: 16px 0px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.ac_checkout-addQty {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  width: fit-content;
/*   order: 1; */
}
.ac_checkout-addQty * {
	    color: #ff6b00;
	font-size:15px;
      font-weight: 600;
    font-family: "DM Sans", sans-serif !important;
}
.ac_checkout-addQty input {
  border: solid 1px;
  width: 30px;
  text-align: center;
  border-radius: 4px;
}
.ac_checkout-deleteBtn {
/*   order: 2; */
  width: fit-content;
  height: fit-content;
  display: flex;
}
.ac_checkout-deleteBtn img {
  width: 14px;
}

/* seprater */
/* .oc-checkout{
	display:block;
	padding: 16px 12px;
    border-bottom: #f0f5f6 5px solid;
} */
.ac_checkout-productListHolder .ac_del-date{
	    padding: 16px 12px;
    border-bottom: #f0f5f6 5px solid;
	
}
.ac_checkout-productListHolder h4 {
    padding: 16px 12px;
    padding-bottom: 0px;
}
.ac_checkout-productListHolder .ac_checkout-productBrand{
	padding:0px;
}
.ac_checkout-products{
	   padding: 0px 12px;
    border-bottom: #f0f5f6 5px solid;
}
.ac_checkout-priceDetailsBox h4{
	padding: 0px 12px;
}
@media (min-width: 1020px) {
/* 	.oc-checkout{
	display:block;
	padding: 16px 12px;
    border-bottom: #f0f5f6 5px solid;
} */
.ac_checkout-productListHolder .ac_del-date{
	    padding: 0px;
    border-bottom: none;
	
}
.ac_checkout-productListHolder h4 {
    padding:16px 0px;
    padding-bottom: 0px;
}
.ac_checkout-products{
	   padding: 0px 0px;
    border-bottom: none;
}
.ac_checkout-priceDetailsBox h4{
	padding: 0px 0px;
}
	.ac_checkout-priceAddr {
    
    gap: 40px;
    
}
}
/* seprater */

@media (min-width: 1020px) {
	.ac_cart-productPrice * {
    font-size: 16px !important;
}
  .ac-checkout-product {
    gap: 32px;
    padding: 26px 0px 26px;
  }
  .ac_checkout-productImg {
    width: 90px;
	  min-width:90px;
  }
  .ac_checkout-productImg img {
    width: 34px;
	  width:100%;
  }
  .ac_checkout-productDetails .ac_checkout-productTitle {
           font-size: 16px;
        line-height: 20px;
        font-family: "DM Sans", sans-serif !important;
        text-transform: capitalize;
        margin: 0px !important;
        font-weight: 600;
        padding-right: 0px;
    }
  }
  .ac_checkout-productDetails .ac_checkout-productBrand,
  .ac_checkout-productVolume {
   font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px;
    color: #4E4E4E;
  }
  .ac_checkout-productVolume {
    margin: 10px 0px;
  }
  .ac_checkout-productPrice , .ac_checkout-productPrice * {
/*     font-family: "Roboto", sans-serif !important; */
    
  }

  .ac_checkout-productPrice del {
    font-size: 14px;

    line-height: 18px;
  }

  .ac_checkout-offerTag {
    font-size: 14px;

    line-height: 18px;
  }
.ac_checkout-productListHolder p{
	margin: 0px !important;
	    align-self: flex-start;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    padding-bottom: 16px;
    color: #242424;
}
@media (min-width: 1020px) {
  .ac_checkout-deliveryDate {
              font-size: 16px !important;
        line-height: 20px;
  }
}

  .ac_checkout-deleteAdd {
    padding-top: 40px;
    padding-bottom: 8px;

    justify-content: flex-end;
    gap: 30px;
  }

  .ac_checkout-addQty {
    order: 2;
  }
  
  .ac_checkout-addQty input {
    border: solid 1px;
    width: 50px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 0px;
  }

  .ac_checkout-deleteBtn {
    order: 1;
  }
  .ac_checkout-deleteBtn img {
    width: 16px;
  }
}
.ac_checkout-priceAddr{
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ac_checkout-priceDetailsBox {
  width: 100%;
  height: fit-content;
  padding: 0px;
}
.ac_checkout-priceDetailsBox h4{
 font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 16px;
    font-family: "DM Sans", sans-serif !important;
    text-transform: capitalize !important;
}
.ac_checkout-productCoupon {
  padding: 10px 20px;
  border: solid 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
	cursor:pointer;
}
.ac_coupontxt {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ac_coupontxt span {
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
  color: #FF6B00;
}
.ac_coupontxt img {
  width: 30px;
}
.ac_checkout-addrDetails {
  margin-top: 16px;
  padding-bottom: 20px;
  border: 2px solid #b1b1b1;
}
.ac_checkout-priceDetails * {
  font-size: 14.5px;
  font-weight: 500;
  line-height: 16px;
}
.ac_checkout-priceTxt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
}
.ac_checkout-priceTxt p {
  font-weight: 400;
}
.ac_checkout-price {
  margin-top: 16px !important;
}
.ac_checkout-price span {
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
}
.ac_checkout-price .ac_checkout-totalAmount {
  font-size: 14px !important;
  line-height: 18px !important;
}
.ac-checkout-addAddress {
  border: 1px solid;
  width: 100%;
  color: #ff6b00;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  background-color: #fff;
  outline: none;
  padding: 8px 0px;
  margin-top: 26px;
}

.ac_checkout-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
}
.ac_checkout-grandprice {
  display: flex;
  flex-direction: column;
}
.ac_checkout-grandprice span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.ac-checkout-GrandTotal {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}
.ac_checkout-proceedBtn {
  background-color: #ff6b00;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  color: #fff;
  outline: none;
  border: none;
  padding: 8px 30px;
}
@media (min-width: 1020px) {
  .ac_checkout-priceDetailsBox {
    width: 480px;
    padding: 20px 30px;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.25);
  }

  .ac_checkout-productCoupon {
    padding: 10px 20px;
    border: solid 1px;
  }
  .ac_coupontxt {
    gap: 20px;
  }
  .ac_coupontxt span {
    font-size: 18px;
    line-height: 24px;
  }
  
  .ac_checkout-priceDetails * {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }
  .ac_checkout-priceTxt {
    margin-top: 20px;
  }
  .ac_checkout-priceTxt p {
    font-weight: 400;
  }
  .ac_checkout-price {
    margin-top: 34px !important;
  }
  .ac_checkout-price span {
    font-size: 18px;

    line-height: 24px;
  }
  .ac_checkout-price .ac_checkout-totalAmount {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .ac-checkout-addAddress {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    padding: 10px 0px;
    margin-top: 50px;
  }

  .ac_checkout-total {
    padding-top: 30px;
  }

  .ac_checkout-grandprice span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  .ac-checkout-GrandTotal {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
  }
  .ac_checkout-proceedBtn {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    padding: 10px 30px;
  }
}
.ac_checkout-addrDetails{
  padding: 14px !important;
}
.ac_checkout-address p{
  color: #7E7E7E;
  font-size: 14.5px;
/*   margin-top: 10px; */
	line-height:20px;
}
.ac_checkout-addrEdit{
  display: flex;
  justify-content: space-between;
	gap:10px;
  align-items: center;
/*   margin-top: 20px; */
}
.ac_checkout-addrEdit .ac_checkout-addrEditBtns{
  display: flex;
 align-items: center;
 gap: 10px;
}

.ac_checkout-addrEdit > button{
  font-weight: 500;
  line-height: 20px;
  padding: 0px 10px !important;
  border-radius: 4px;
  color: white;
  background-color: #FF6B00;
  border: none;
  outline: none;
	min-height:fit-content !important;
}
.ac_checkout-addrEdit .ac_checkout-addrEditBtns button{ 
 font-weight: 500;
  line-height: 20px;
  color: #FF6B00;
   border: none;
  outline: none;
  background-color: transparent;
	padding: 0px 10px !important;
}
.ac_checkout-addrEdit .ac_checkout-addrEditBtns button .ac_checkout-addrBtn{
	height:26px;
}

.ac_addAddress-form,.ac_addAddress-form * {
 margin: 0;
  padding: 0;
  font: inherit;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
}
.ac_addAddress-form{
  margin: 0px auto;
  padding: 36px 40px 50px ;
/*   border: solid 1px; */
/*   width: 440px; */
}

.ac_addAddress-form h4{
  font-size: 20px !important;
  line-height: 26px;
  font-weight: 700;
}
.ac_addAddress-form form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin:20px 0px 26px;
}
.ac_addAddress-form form .ac_customcity{
  display: flex;
  gap: 1rem;
	flex-direction:column;
  width: 100%;
}
@media (min-width: 760px) {
	.ac_addAddress-form form .ac_customcity{
  display: flex;
  gap: 1rem;
  width: 100%;
		flex-direction:row;
}
}

.ac_addAddress-form form input{
 background-color: #ffffff;
    color: #6A6A6A;
    line-height: 10px;
    border: 1.5px solid #222;
    outline: none;
    padding: 0px 10px;
    border-radius: 4px;
    font-size: 14px !important;
    height: 34px;
	
  
}
.ac_addAddress-form form div input{
  width: 100%;
}
@media (min-width: 760px) {
	.ac_addAddress-form form div input{
  width: 50%;
}
}

.ac_addAddress-form form textarea{
  background-color: #ffffff;
  color: #6A6A6A;
  line-height: 20px;
 border: 1.5px solid #222;
  outline: none;
  padding: 10px 10px;
  border-radius: 6px;
   resize: none;
   height: 130px ;
	font-size:14px !important;
}

.ac_addAddress-form form .ac_state{
	border: 1.5px solid #222;
    border-radius: 4px;
    font-size: 14px !important;
    padding: 0px 10px;
    height: 34px;
}
.ac_addAddress-form p{
  color: #6A6A6A;
  margin: 0px !important;
	line-height:20px !important;
} 

.ac_addAddress-form h5{
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.ac_addAddress-form div span{
   background-color: #F3F3F3;
  color: #6A6A6A;
  padding: 8px 12px;
  border-radius: 6px;
}
.ac_addAddress-form div span:first-child{
  
  color: #fff;
  background-color: #FF6B00;
}

.ac_addAddress-form button{
  color: #fff;
  background-color: #FF6B00;
  border: none;
  outline: none;
    border-radius: 6px;
    width: 100%;
    text-align: center;
	font-family: "DM Sans", sans-serif; 
	font-weight:600;
    padding: 12px 0px !important;
    min-height: fit-content !important;
}
.ac_addAddress-form form:last-child{
margin-bottom: 0px;
}
.popup {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}
.ac_couponPopUp-holderBox{
	width: 100%;
    height: fit-content;
      position: relative;
	max-width: 400px;
}
.popup-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 20px 14px !important;
  border: 1px solid #888;
  width: 80%;
  max-width: 500px !important;
  position: relative;
	overflow:auto;
}
.popup-content::-webkit-scrollbar {
  height: 4px;
  background-color:#e6e6e6;
   border-radius: 100vw;
	width:5px;
}

.popup-content::-webkit-scrollbar-thumb {
  background-color: #999999;
  border-radius: 100vw;
	height:50px;
  
}
.close-btn {
    position: absolute;
    right: 20px;
    top: 10px;
    width: 30px;
    height: 30px;
    min-height: 30px;
    cursor: pointer;
    background: #ffffff !important;
    z-index: 5;
    display: grid;
    place-items: center;
    padding: 3px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    align-content: center;
    justify-items: center;
}

.close-btn:hover,
.close-btn:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.ac_addAddress-form {
  margin: 20px 0;
}

.ac_addAddress-form input,
.ac_addAddress-form textarea {
  width: 100%;
/*   margin-bottom: 10px; */
  padding: 10px;
  border: 1px solid #ddd;
}

.ac_addAddress-form .ac_customcity {
  display: flex;
  justify-content: space-between;
}

.ac_addAddress-form div input {
  width: 48%;
}

.ac_addAddress-form button {
  background-color: #0073aa;
  color: #fff;
  padding: 10px;
  border: none;
  cursor: pointer;
}

.ac_addAddress-form button:hover {
  background-color: #005177;
}
/* #billing_last_name_field {
    display: none;
}
div#customer_details {
    display: none;
}
 */
.radio-toolbar {
/*   margin: 10px; */
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  
}

.radio-toolbar label {
    display: inline-block;
    background-color: #F3F3F3;
    padding: 4px 20px;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    border: 2px solid #222;
    border-radius: 4px;
}

.radio-toolbar label:hover {
  background-color: #000;
	color:#fff;
}

/*.radio-toolbar input[type="radio"]:focus + label {*/
/*    border: 2px dashed #444;*/
/*}*/

.radio-toolbar input[type="radio"]:checked + label {
    background-color: #FF6B00;
    border-color:#FF6B00;
	color:#fff;
}
.radio-holder{
  display: flex;
	flex-direction:row !important;
  gap: 10px;
	justify-content:flex-start !important;
}
.radio-box{
  position: relative;
	width:fit-content !important;
	min-width:fit-content !important;
}
.ac_cart-priceTxt p{
	margin:0px !important;
}
.ac_cart-priceTxt p * {
/* 	font-family: "Roboto", sans-serif !important; */
}
.ac_checkout-total .wd-table-wrapper{
	padding:0px !important;
}
tr.order-total{
	display:flex !important;
	align-items:flex-start !important;
	justify-content: space-between !important;
}
tr.order-total th{
	font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 24px !important;
	width: fit-content !important;
    min-width: fit-content;
}
tr.order-total td , tr.order-total td * ,  tr.order-total td small span.woocommerce-Price-amount.amount{
/* 	font-family: "Roboto", sans-serif !important;  */
	font-size:14px !important;
}
tr.order-total td strong *{
	font-size:22px !important;

} 
.ac_checkout-total th,.ac_checkout-total td{
	padding:0px;
}

#billing-address-popup .ac_couponPopUp-holderBox{
	    width: 100%;
	max-width: 400px;
}

#billing-address-popup .ac_couponPopUp{
	height:600px;
	padding-top: 10px !important;
}
#billing-address-popup .ac_addAddress-formSubmitBtn{
	padding: 6px 16px !important;
}
 .checkout-login-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
        }
        .checkout-login-wrapper .button {
            background-color: #de6308;
            color: #fff;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            border-radius: 5px;
        }
        .checkout-login-wrapper .button:hover {
            background-color: #de6302;
        }
        .woocommerce-notice.woocommerce-notice--info {
            text-align: center;
            margin-bottom: 20px;
        }

.ac_checkout-addrDetails.ac_checkout-addrDetailsSelected{
	border: rgb(255, 107, 0);
    background-color: rgb(255, 148, 71);
}
.ac_checkout-addrDetails.ac_checkout-addrDetailsSelected .ac_checkout-address p{
	color : #0a0a0a;
}
.ac_checkout-addrDetails.ac_checkout-addrDetailsSelected p.deliver-address-btn {
	    padding: 0px !important;
    background-color: rgba(255, 255, 255, 0);
    color: rgb(255, 255, 255);
	opacity:0;
	pointer-events:none;
}
.ac_checkout-addrDetails.ac_checkout-addrDetailsSelected  .selected-AddrPara{
	padding: 0px !important;
    background-color: rgba(255, 255, 255, 0);
    color: rgb(255, 255, 255); 
	display:block !important;
}
.ac_checkout-addrDetails.ac_checkout-addrDetailsSelected .ac_checkout-addrEdit{
	gap:0px;
	
}
.ac_checkout-addrDetails.ac_checkout-addrDetailsSelected .ac_checkout-addrEdit .ac_checkout-addrEditBtns{
	gap:0px;
}
.ac_change-address-btn{
/* 	padding:6px 10px; */
	padding: 8px 0px 1px;
	background:transparent;
/* 	text-decoration:underline; */
	color:#ff6b00; 
	cursor:pointer;
	margin:0px !important;
	margin-top:16px;
	font-size:16px;
	border:none;
	border-bottom:1px solid #ff6b00;
}
.ac_cart-productCouponBox.address-item-not .ac_checkout-addrDetails{
	
}
.ac_checkout-AddrName{
	margin:0px;
}
.ac_checkout-Addrdetails{
	margin:4px 0px 0px !important;
}

.ac_change-address-btnBox{
	padding:0px 12px;
	align-items: flex-start; flex-direction: column;
}

@media (min-width: 1020px) {
    .ac_change-address-btnBox{
	padding:0px 0px;
	
}
}
#billing-addressSelection-popup .ac_checkout-priceDetailsBox{
	box-shadow:none;
}
#billing-addressSelection-popup .popup-content{
	padding: 20px 14px !important;
}
#billing-addressSelection-popup .ac_checkout-productCoupon {
	padding:10px 20px !important;
	margin-bottom:12px;
}
.ac_checkout-address-container{
	display:flex;
	flex-direction: column;
	gap:12px;
}
@media (min-width: 1020px) {
	#billing-addressSelection-popup .popup-content{
	padding: 20px !important;
}
	#billing-addressSelection-popup .ac_checkout-productCoupon {
	
	margin-bottom:16px;
}
	.ac_checkout-address-container{
	display:flex;
	flex-direction: column;
	gap:16px;
}
}

#billing-addressSelection-popup .ac_cart-productCouponBox{
	border:none !important;
}