.title_area h2{font-weight: 400; margin-bottom: 15px; font-size: 40px;    display: block; text-transform: uppercase;}
.title_area span{text-transform: uppercase; font-size: 30px; font-weight: 300;  text-transform: uppercase;} 
.title_area {text-align: center; margin-bottom: 20px;}
.otc-wrapper {background: #fff;}
.weight_repater {padding-top: 0; padding-bottom: 30px; display: flex; align-items: stretch; justify-content: space-between;}
.weight_repater .progress_button { background: transparent; border: none; display: flex;  align-items: flex-end; justify-content: center; padding: 10px 10px 20px 10px; position: relative; min-width: 150px; opacity: 0.5;  transition: 0.5s all; }
.weight_repater .progress_button:hover{cursor: pointer; opacity: 1; transition: 0.5s all; }
.weight_repater .progress_button.active .img_imgae,
.weight_repater .progress_button:hover .img_imgae{transform: scale(1.01); transition: 0.5s all;}
.weight_repater .progress_button.active{opacity: 1;}
div#response {padding-top: 60px; padding-bottom: 60px;} 
.img_title {color: #EB600A; text-align: center; font-family: Alegreya Sans; font-size: 22px; font-weight: 400;  text-transform: capitalize; position: absolute; left: 0; right: 0; bottom: -20px; }
button.progress_button:not(.active) .img_imgae,
button.progress_button:not(.active) .img_title{opacity: 0.30;}
span.img_imgae {display: block;}
#response table { width: 100%; border-collapse: collapse;  border: 1px solid #FFCBDD; max-width: 365px; margin: 0 auto;}
.few_points {max-width: 867px;    margin: 0 auto;}
#response table th{padding: 10px;}
#response table th:first-child{    background: #FEE6D7;}
#response table th:nth-child(2){background: #EBF5E7;}
#response table th:nth-child(3){background: #FFF3C3;  }
#response table td {padding: 10px; text-align: center;}
#response table tr:not(:first-child) {border-top: solid 1px #EB600A;}
#response table thead{border-bottom: solid 1px #EB600A;}
#response table td:not(:last-child){border-right: 1px solid #FFCBDD;}
#response table td:first-child {background: #FEE6D7;}
.few_points h2 { color: #EB600A; font-family: Alegreya; font-size: 28px; font-weight: 500;  margin-bottom: 25px; }
.few_points ul li { color: #090B2C; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 300; line-height: 28px; margin-bottom: 30px; display: block; padding-left: 22px; position: relative; }
.few_points ul li:before{content: "*"; position: absolute; left:0;     top: 3px; width: 10px;    height: 10px; font-weight: bold;    font-size: 20px;    color: #EB600A;}


/* .quiz-range-input {display: none;} */

@media (max-width: 767px) {
    section.first-section.st_class{background: url(/wp-content/uploads/2023/08/Rectangle-56.png) !important;  background-size: cover !important; background-position: center; }
    .weight_repater .progress_button:nth-child(3){min-width: 130px;}
    .weight_repater .progress_button:nth-child(4){min-width: 200px;}
    .weight_repater .progress_button:nth-child(5){min-width: 220px;}
    .weight_repater .progress_button:nth-child(6){min-width: 240px;}
    .weight_repater .progress_button:nth-child(7){min-width: 260px;}
    .weight_repater{width: 100%; overflow-x: scroll;}
    .weight_repater:-webkit-scrollbar{
        display: none;
      }
    .title_area h2{font-size: 30px;}
    .title_area span{font-size: 20px;}

}


/*--------- referral-trial-pack Page End -----------*/
.referral_container .product-subscriptions-wrapper .recepies-slide-container-trial .recepies-containter {
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
  row-gap: 30px;
  justify-content: start;
}

.referral_container .product-subscriptions-wrapper .recepies-slide-container-trial .recepies-containter .product-subscription-card-wrapper {
  margin: 0;
  padding: 0 30px;
  width: 100%;
  max-width: 33.33%;
}

.referral_container .recepies-containter .product-subscription-card-wrapper .product-subscription-card {
  max-width: 100%;
}
.referral_container .recepies-containter .product-subscription-card-wrapper .product-subscription-card .product-subscription-body {
  padding: 25px 30px 25px;
}

.referral_container .group-col-product {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}

.referral_container .group-col-product .custom_container .product-checkbox {
  width: 25px;
  height: 25px;
}

.referral_container .group-col-product .order-btn {
  height: inherit !important;
  padding: 5px 10px;
  line-height: 1;
}
.referral_container .recepies-containter .product-subscription-card-wrapper .product-subscription-body .prices-block .top-prices-block {
  gap: 5px;
}
.referral_container #update-cart-quantities {
  margin-top: 30px;
  margin-left: 30px;
}

.referral_container #bulk-add-to-cart-btn, .referral_container #update-cart-quantities {
  padding: 10px 25px;
  display: flex;
  margin: 30px auto 0;
}

.referral_container #bulk-add-to-cart-btn:hover, .referral_container #update-cart-quantities:hover {
  background-color: #db6c27;
  color: #fff;
  transition: 0.3s;
}

#bulk-add-to-cart-btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.referral_container .group-col-product .custom_container {
  background-color: #020E13;
    
}

.referral_container .product-subscription-body .custom_container {
  background-color: #000;
    color : #fff;
}
.referral_container .product-subscription-body .custom_container .product-checkbox {
  width: 25px;
  height: 25px;
}

 .woocommerce-cart.has-referral-trial-pack  .woocommerce-info ,
  .woocommerce-cart.has-referral-trial-pack .woocommerce-message ,  .woocommerce-cart.has-referral-trial-pack .order-card-wrap h4
 
 {
 display :none;
 }



    /* from staging customize code start */

         .woocommerce-cart.has-referral-trial-pack  .woocommerce-info ,
  .woocommerce-cart.has-referral-trial-pack .woocommerce-message ,  .woocommerce-cart.has-referral-trial-pack .order-card-wrap h4
 
 {
 display :none;
 }

.ajax-add-to-cart.disabled {
    pointer-events: none; /* Prevents clicks */
    opacity: 0.5; /* Makes it look disabled */
    cursor: not-allowed; /* Changes cursor to indicate it's disabled */
}


#bulk-add-to-cart-btn, #continue-shoping {
    text-transform: uppercase;
    color: #db6c27;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.02em;
    border: 0.83478px solid #db6c27;
    padding: 6.5px 26px;
    border-radius: 1000px;
}

.order-btn .loader {
    display: none;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #020E13;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.order-btn.loading .icon {
    display: none; /* Hide the existing icon when loading */
}

.order-btn.loading .loader {
    display: inline-block; /* Show loader when loading */
}


.custom_container {
    margin : 0 auto;
    display: flex;
    align-items: center;
    gap: 10px; /* Space between checkbox and input */
    padding: 10px;
    border-radius: 5px; /* Optional: rounded corners */
    background-color: #f9f9f9; /* Optional: background color */
}

.custom_container .product-checkbox {
    margin: 0; /* Remove default margin */
    width: 20px;
    height: 20px;
    cursor: pointer; /* Pointer cursor */
}

.custom_container .product-quantity {
    width: 50px; /* Set a fixed width for input */
    padding: 5px;
    border: 0px solid #ccc;
    border-radius: 3px;
    text-align: center; /* Center the text */
    font-size: 14px; /* Adjust font size */
}

#update-cart-quantities { 
text-transform: uppercase;
    color: #db6c27;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.02em;
    border: 0.83478px solid #db6c27;
    padding: 6.5px 26px;
    border-radius: 1000px;
}
.product-checkbox

{
    display:none;
}
/*  .product-quantity , .qty
 
 {
 cursor : no-drop;
 } */




.qty {
     caret-color: transparent;
    border: none;
    background: none;
    width: auto;
    text-align: center;
    color: #000;
    font-size: 16px;
    appearance: textfield; /* Remove default browser styling */
}

.qty::-webkit-outer-spin-button,
.qty::-webkit-inner-spin-button 


{
    -webkit-appearance: inner-spin-button; /* Allow spinner buttons */
    margin: 0;  
     opacity: 1;
}

/* Prevent text cursor appearance */
.qty:focus{
    outline: none;
}



.product-quantity {
     caret-color: transparent;
    background:#fff;
    border: none;
    background: none;
    width: auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
    appearance: textfield; /* Remove default browser styling */
}

.product-quantity::-webkit-outer-spin-button,
.product-quantity::-webkit-inner-spin-button 


{
    -webkit-appearance: inner-spin-button; /* Allow spinner buttons */
    margin: 0;
      background: white;
     opacity: 1;
}

/* Prevent text cursor appearance */
.product-quantity:focus{
    outline: none;
}
.war-m {
    padding-top: 10px;
    padding-bottom: 0px;
    /* padding: 10px; */
    text-align: center;
    color: #972b2c;
}

.stylization-hint ~ p.thnxmsg {
    color: green;
    font-size: 20px;
    display: block;
    text-align: center;
    padding: 10px;
}

.thankyou-cus-table .thankyou-cus-table-item
{
    margin-bottom: 5px !important;
}

        /* from staging customize code end */

.woocommerce-checkout .checkout-cols-wrapper{
      width: 100%;
}

        

/*--------- referral-trial-pack Page End -----------*/


@media only screen and (max-width: 1366px) {
  .referral_container .recepies-containter .product-subscription-card-wrapper .product-subscription-body .product-subscription-title {
      font-size: 45px;
  }
  .referral_container .recepies-containter .product-subscription-card-wrapper .product-subscription-body .prices-block .top-prices-block .price-label {
      font-size: 20px;
  }
  .referral_container .recepies-containter .product-subscription-card-wrapper .product-subscription-body .prices-block .top-prices-block .price-top {
    font-size: 30px;
  }
}


@media only screen and (max-width: 1200px) {
  .referral_container .recepies-containter .product-subscription-card-wrapper .product-subscription-card .product-subscription-body {
     padding: 20px 20px 20px;
  }
  .referral_container .product-subscriptions-wrapper .recepies-slide-container-trial .recepies-containter .product-subscription-card-wrapper{
    padding: 0 25px;
  }
}

@media only screen and (max-width: 1024px) {
  .referral_container .product-subscriptions-wrapper .recepies-slide-container-trial .recepies-containter .product-subscription-card-wrapper {
      padding: 0 15px;
  }
  .referral_container .recepies-containter .product-subscription-card-wrapper .product-subscription-body .product-subscription-title {
      font-size: 35px;
  }
  
}

@media only screen and (max-width: 991px) {
  .referral_container .product-subscriptions-wrapper .recepies-slide-container-trial .recepies-containter .product-subscription-card-wrapper {
    padding: 0 30px;
    max-width: 48%;
  }
 
}

@media only screen and (max-width: 880px) {
  .referral_container .product-subscriptions-wrapper .recepies-slide-container-trial .recepies-containter .product-subscription-card-wrapper{
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {

  .brochure_main_section .wd-100 {
    max-width: 100%;
    width: 100%;
  }
  .row.mb-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .row {
    display: flex;
    grid-gap: 30px 0;
  }
  .mb_center { text-align:center; }

}

@media only screen and (max-width: 660px) {
  .referral_container .group-col-product{
    gap: 10px;
    flex-direction: column;
  }
}

@media only screen and (max-width: 575px) {
  .referral_container .product-subscriptions-wrapper .recepies-slide-container-trial .recepies-containter{
    row-gap: 5px;
  }

  .referral_container .product-subscriptions-wrapper .recepies-slide-container-trial .recepies-containter .product-subscription-card-wrapper{
    max-width: 100%;
    padding: 0;
  }
  
}