/** Shopify CDN: Minification failed

Line 1478:5 Unexpected "/"

**/
.custom-product-detail * {
    letter-spacing:0px;
}
@media screen and (min-width: 990px) {
    .custom-product-detail .product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-wrapper {
        max-width: 595px;
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
    .product__info-wrapper {
        padding: 0 0 0 60px;
    }
    .custom-product-detail .product__info-container {
        max-width: 650px;
    }
  }    
.custom-product-detail .product__media-list .media>* {
  border-radius: 8px;
}
.custom-product-detail media-gallery {
    position: sticky;
    top: 30px;
}  
.custom-product-detail .product-form {
  padding:0 !important;
}

/* video */
.cs-head * {
  margin:0px;
}
.cs-head p {
    color: var(--Dark-Blue, #045670);
    font-family: "Playfair Display" !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cs-head strong {
    font-family: "Playfair Display";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}
.custom-product-detail span.cs-video-slider-play-butt {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.custom-product-detail video.custom-video-slider {
    display: flex;
    max-height: 356px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor:pointer;
    width:100%;
    border-radius: 4.944px;
}
.custom-product-detail .cs_button_wrap {
    display: flex;
    gap: 10px;
    cursor: pointer;
}
.custom-product-detail .section-heading-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0  22px;
}

@media (max-width:786px) {
  .custom-product-detail .cs_button_wrap {
    display:none;
  }
  .custom-product-detail .section-heading-wrapper {
    margin: 0 0  20px;
}
  .cs-head {
    text-align:center;
    margin:0px;
  }
  .cs-head p {
    color: var(--Dark-Blue, #045670);
    font-family: "Playfair Display" !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cs-head strong {
    font-family: "Playfair Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
}
.custom-product-detail video.custom-video-slider {
  max-height:unset;
}

}

/* tite */
.custom-product-detail  .product__title h1 {
    color: var(--Dark-Blue, #045670);
    font-family: "Playfair Display";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.custom-product-detail  .highlight {
  color: var(--Dark-Blue, #045670);
  font-family: "Playfair Display";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
.custom-product-detail .product__title {
  margin: 12px 0 0;
}

@media (max-width: 786px ) {
  .custom-product-detail .product__title h1 {
      color: var(--Dark-Blue, #045670);
      font-family: "Playfair Display";
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%;
      letter-spacing: 0.48px;
      text-transform: capitalize;
  }
  .custom-product-detail .product__title {
      margin: 8px 0 0;
  }
  .custom-product-detail  .highlight {
      font-family: "Playfair Display";
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
  }
}


.custom-product-detail .feature-content p {
  color: var(--Dark-Blue, #045670);
font-family: Outfit !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.custom-product-detail .feature-content strong {
color: var(--Dark-Blue, #045670);
text-align: center;
font-family: Outfit;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.custom-product-detail .cs_reviews_video_main_sec {
  padding:40px 0 0;
}

@media (max-width:785px) 
{
  .custom-product-detail .cs_reviews_video_main_sec {
     padding:0px;
  }

}

/* accordion */
.custom-accordion {
  margin:0px;
}
.custom-product-detail .accordion-toggle {
    background: none;
    border: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 20px 0;
    /* padding-top: 0px; */
    border-bottom: 0.5px solid #000;
}
.custom-product-detail .rich_text  p {
    color: #000;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin:0px;
    margin-top:15px;
    letter-spacing:0;
}
.custom-product-detail p {
  font-family: Outfit !important;
}
.custom-accordion button.accordion-toggle.active + .custom-accordion-content {
  padding: 12px 0 16px 0;
}

.accordion-icon-text-item img {
  width: 28px;
  height: 28px;
  aspect-ratio: 1/1;
}
.accordion-icon-text-wrapper {
    margin: 20px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.accordion-icon-text-item {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.custom-product-detail .custom-accordion-content li {
  color: #000;
font-family: Outfit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
}
.custom-product-detail .custom-accordion-content p {
    font-family: Outfit !important;
    color: var(--Dark-grey, #4C5558);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin:0px;
}
.custom-product-detail .custom-accordion-content strong {
    color: #000;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
}

/* .custom-product-detail .custom-accordion {
    margin: 0 0 10px;
} */
.custom-product-detail img.icon-plus {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}
.custom-product-detail img.icon-minus {
    width: 22px;
height: auto;
flex-shrink: 0;
}

.custom-product-detail .custom-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
}
.custom-product-detail .accordion-title {
  color: #000;
  text-align: center;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color:black;

}
/* Hide minus by default */
.custom-product-detail .icon-minus {
  display: none;
}

/* When accordion is active, swap icons */
.custom-product-detail .accordion-toggle.active .icon-plus {
  display: none;
}
.custom-product-detail .accordion-toggle.active .icon-minus {
  display: inline-block;
}

@media (max-width: 768px) {
    .custom-product-detail .accordion-toggle {
       padding: 3px 0 18px 0;
    }
    .custom-product-detail{
      padding:0 0 20px !important;

    }
    .custom-product-detail img.icon-minus {
      width: 20px;
    }
    .custom-accordion {
      margin: 20px 0;
    }
    .custom-product-detail .custom-accordion-content p {
    font-family: Outfit !important;
    color: var(--Dark-grey, #4C5558);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin:0px;
}
.custom-product-detail .custom-accordion-content strong {
    color: #000;
    font-family: Outfit;
    font-size: 12px;
  }
.accordion-icon-text-item {
   align-items:start;
}
}

/* product review block */
.custom-product-block {
  padding: 40px 0;
}
.custom-left-inner {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    flex: 1 0 65%;
}

.custom-product-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0;
  border: 1px solid #004B76;
  padding: 0;
  border-radius:12px;
}

.custom-left {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.small-icon {
  width: 60px;
  margin-bottom: 15px;
}


.header-review-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}
.header-review-wrapper svg {
  max-width: 100px;
}
.custom-heading {
    padding: 7px 12px;
    background: #E7F1F8;
    border-radius: 5px;
    border: 1px solid #004B76;
    text-align: center;
}
.custom-heading  {
margin:0px;
border-radius: 5px;
border: 0.5px solid #045670;
background: var(--Warm-Tone, #FFFEF1);
}
.custom-heading p {
    color: #045670;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing:0px;
    margin:0px;
}
.custom-heading strong {

  font-weight: 700;
  letter-spacing: 0px;
  margin:0px;


}

.custom-description {
    color: var(--Dark-grey, #4C5558);
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing:0px;
margin:0px;


}

.verified-customer {
    border-radius: 5px;
    border: 0.5px solid #000;
    background: #FFF;
    display: flex;
    padding: 8px 5px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    max-width: max-content;

}

.verified-icon {
  width: 11px;
  height: 11px;
}

.verified-text {
    color: #000;
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0;
    vertical-align: middle;
    margin:0px;


}

.custom-right {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.main-product-image {
  width: 100%;
  max-width: 450px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}

/* Responsive */
@media (max-width: 768px) {
  .custom-product-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }

  .custom-right {
    justify-content: center;
  }

  .custom-left {
    align-items: center;
  }
  .custom-product-block {
    display:none;
  }
}


/* qa block */
.qa-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin:var(--an-desk-top) 0 var(--an-desk-bottom) 0;
}

.qa-question, .qa-question * {
    color:var(--qus-col);
    font-family: Outfit;
    font-size:var(--desk-qus);
    font-style: normal;
    font-weight: 400;
    line-height:normal; /* 140% */
    margin: 0;
    /* max-width: 376px; */
}
 .qa-question strong {
    font-weight: 600;
}

.qa-answer , .qa-answer *{
    color:var(--ans-col);
    font-family: Outfit;
    font-size:var(--desk-ans);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    margin: 0;
}
.qa-answer  strong {
    font-weight: 600;
}

@media (max-width:786px) {
   .qa-question,   .qa-question * {
   color:var(--Dark-Blue, #045670);
    font-family: Outfit;
    font-size:var(--mob-qus);
    font-style: normal;
    line-height: normal;
    /* max-width: 255px; */
  }
  .qa-item {
    margin:var(--an-mob-top) 0 var(--an-mob-bottom) 0;
  }
  .qa-answer , .qa-answer *{
    color: var(--Dark-Color, #010E11);
    font-family: Outfit !important;
    font-size:var(--mob-ans);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
  }


}
@media (max-width: 390px) {
    .qa-answer {
        font-family: Outfit !important;
        /* font-size: 13px; */
    }
  }    


.product-features-wrapper {
  padding: 0 0 30px;
  text-align: center;
}

.product-features-heading {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 40px;
  color: #111;
}

.product-features-flex {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
}

.product-feature-item {
    display: flex;
    padding: 16px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 10px;
    border: 1px solid var(--Dark-Blue, #045670);
    background: var(--Warm-Tone, #FFFEF1);
    box-shadow: 0 3px 0 0 #045670;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* added transition */
}

.product-feature-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}


.feature-icon img {
    width: 30px;
    height: 30px;
    aspect-ratio: 1/1;
  object-fit: contain;
}

.feature-text {
    color: #000;
    font-family: Outfit !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 22.4px */
    min-width:max-content;

}

@media (max-width:786px) {
  .product-features-flex {
    gap:8px;
  }
  .product-feature-item {
    display: flex;
    padding: 10px 8px;
  }
  .feature-text {
    color: #000;
    text-align: center;
    font-family: Outfit !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    margin:0px;
    min-width:unset;
  }
  .product-features-wrapper {
    padding: 0 0;
    text-align: center;
  }
}

/* Responsive */
@media (max-width: 992px) {
  .product-feature-item {
    flex: 1 1 calc(50% - 20px);
  }
}

@media (max-width: 600px) {
  .product-feature-item {
    flex: 1 1 100%;
  }
}

/* icon text block */
.icon-text-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 24px;
}

.icon-text-item {
  flex: 1 1 calc(33.33% - 20px);
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  gap:10px;
}

.icon-text-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
aspect-ratio: 1/1;
}

.icon-text-item  p {
  color: #000;
  font-family: Outfit !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.14px;
  margin:0px;
  text-align:left;
}
.icon-text-item  p strong {
    font-weight: 700;
   
}

@media (max-width:786px) {
  .icon-text-item {
    display: flex;
    flex-direction: column;
  }
  
  .icon-text-item strong {
    color: var(--Dark-Color, #000);
    text-align: center;
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.12px;
  }
  .icon-text-item p {
     color: var(--Dark-Color, #000);
    text-align: center;
    font-family: Plain;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.12px;
  }
  .icon-text-block {
     gap:18px;
     margin-top:16px;
  }

}


/* add to cart */
.custom-product-detail .cs_cart {
    color: var(--Dark-Blue, #045670);
    text-align: center;
    font-family: "Playfair Display" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 100px !important;
    border: 1px solid var(--Dark-Blue, #045670);
    background: var(--Green, #CAD95F);
    box-shadow: 0 4px 0 0 #045670;
    display: flex;
    padding: 16px 40px;
    justify-content: center;
    align-items: center !important;
    gap: 12px;
    align-self: stretch;
}
.cs_cart span {
    color: var(--Dark-Blue, #045670);
    text-align: center;
    font-family: "Playfair Display" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    text-transform: uppercase;
}

.product-form__submit:after {
  display:none;
}


/* three bundle */
.three-bundle-block {
  padding: 0 0 32px;
  margin:0;
}

h2.bundle-main-heading {
    color: #000;
    font-family: "Playfair Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 20px;
}
.bundle-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.bundle-content .serving {
  color: #1D211E;
  font-family: Outfit !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  margin:0px;
}

.bundle-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.bundle-card {
  border: 1px solid rgba(0, 75, 118, 0.25);
  border-radius: 12px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  max-width: 185px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-radius: 12px;
  border: 0.8px solid rgba(0, 75, 118, 0.25);
  background: #FFF;
  padding:12px;
  
}

.bundle-card.active {
  border-color: #007aff;
  background-color: #E7F1F8;
}

.three-bundle-block .bundle-card input {
    -webkit-appearance: auto;
    appearance: auto;
    position: absolute;
    left: 17px;
    width: 19px;
    height: 19px;
    top: 42%;
}
.bundle-card input[type=radio] {

    accent-color: #045670;
    transform: scale(1.3);
}
.save-badge {
  color: var(--Dark-Blue, #045670);
  font-family: Outfit;

  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 13.2px */
  text-transform: capitalize;
  border-radius: 40px;
  border: 1px solid var(--Dark-Blue, #045670);
  background: var(--White, #FFF);
  display: flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  min-width:max-content;
}
#badge-2 {
  background: linear-gradient(0deg, rgba(255, 218, 31, 0.30) 0%, rgba(255, 218, 31, 0.30) 100%), #FFF;
}
#badge-3 {
  background: linear-gradient(0deg, rgba(202, 217, 95, 0.30) 0%, rgba(202, 217, 95, 0.30) 100%), #FFF;
}

.bundle-badge {
  position: absolute;
  top: -22px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  color: var(--Dark-Color, #010E11);
  font-family: Outfit;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
  border-radius: 12px 12px 0 0;
  background-color: var(--badge-bg, #E7F1F8); /* dynamic badge color */
}



.pack-title {
  color: #1D211E;
  font-family: Outfit;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
  margin: 0 0 0px;

}

.bundle-img img {
    max-width:100%;
    height: 72px;
    display: block;
    object-fit: contain;
}



.bundle-prices .price {
color: #004B76;
text-align: right;
font-family: Outfit;

font-style: normal;
font-weight: 700;
line-height: 120%; /* 19.2px */
 

}

.bundle-prices .cs_compare-price {
color: var(--Dark-grey, #4C5558);
text-align: right;
font-family: Outfit;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 16.8px */
text-decoration-line: line-through !important;
margin-right:4px;


}
.bundle-prices .cs_compare{
  color: var(--Dark-grey, #4C5558);
  text-align: right;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  text-decoration-line: line-through !important;
  margin-left:4px;

}

.save-text {
 font-family: DM Sans;
font-weight: 400;
font-style: Light;
font-size: 12px;
leading-trim: NONE;
line-height: 12px;
letter-spacing: 0;
vertical-align: middle;
margin:0px;
color: rgba(29, 33, 30, 1);

}
.three-bundle-block select:focus-visible {
  outline: var(--focused-base-outline);
    outline-offset: 0;
     box-shadow: none;
}
.select-dropdown {
    max-width: 295px;
    /* margin: 0 0 16px; */
}

@media (max-width: 767px) {
  .three-bundle-block {
    padding:20px 0;
  }
  .three-bundle-block .bundle-card input {
    width: 14.563px;
    height: 14.563px;
}
  /* .bundle-card input {
    display:none;
  } */
  .bundle-badge {
    font-size:11px;
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 2px 8px;
    min-width:max-content;
  }
  .bundle-img img {
    display: block;
    object-fit: contain;
    width: 100%;
    height: auto;
    max-height: 60px;
    min-height: 60px;
  }
  h2.bundle-main-heading { 
      color: #000;
      font-family: "Playfair Display";
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin:0 0 20px;
  }
  .pack-title {
    color: #1D211E;
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
  }
  .bundle-prices .price {
      color: #004B76;
      text-align: right;
      font-family: Outfit;
      font-style: normal;
      font-weight: 700;
      line-height: 120%; /* 16.8px */

  }
  .bundle-prices .cs_compare-price {
      color: var(--Dark-grey, #4C5558);
      text-align: right;
      font-family: Outfit;

      font-style: normal;
      font-weight: 400;
      line-height: 120%; /* 16.8px */
      text-decoration-line: line-through !important;
      margin:0px;

  }
.cs_cart span {
    color: var(--Dark-Blue, #045670);
    text-align: center;
    font-family: "Playfair Display" !important;
    font-size: 16px !important;
  }
  .bundle-row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }
  .save-text {
    font-family: DM Sans;
    font-weight: 400;
    font-style: Light;
    font-size: 10px;
    leading-trim: NONE;
    line-height: 12px;
    letter-spacing: 0;
    vertical-align: middle;

  }
  .bundle-card {
    border: 1px solid rgba(0, 75, 118, .25);
    border-radius: 12px;
    padding: 12px 8px;
    max-width:160px;
  }
  .save-text {
      color: var(--Dark-Blue, #045670);
      font-family: Outfit;
      font-size: 11px;
      font-style: normal;
      font-weight: 600;
      line-height: 120%; /* 13.2px */
      text-transform: uppercase;
  }
  .bundle-content {
    gap:6px;
    justify-content: start;
  }

}
@media (max-width: 395px) {
    .bundle-content .compare-price {
        font-family: DM Sans;
        font-weight: 400;
        font-style: Regular;
        font-size: 11px;
      }
      .bundle-content .price {
        font-size: 11px;
      }
    .bundle-card {
        border: 1px solid rgba(0, 75, 118, .25);
        border-radius: 12px;
        padding: 18px 10px;
      }
    .save-badge {

      padding:4px 14px;
      display: none;
    }
    
    .bundle-card {
      max-width: calc(33% - 8px);
    }
    .bundle-prices .cs_compare {
       font-size:12px;
    }
        
}






/* frequency selector */
.frequency-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 0 28px;
}
.cs-freq {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
label.frequency-card.subscription {
    width: 50%;
}
label.frequency-card.one-time {
    width: 50%;
}
.frequency-section .cs_compare1 {
   color: #045670;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: line-through !important;
    margin-left:4px;
}

.frequency-heading {
  color: #000;
  font-family: "Playfair Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 10px;
}

.frequency-card {
  border-radius: 8px;
  padding: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  border: 1px solid #000;
background: #FFF;
}

.frequency-card input[type="radio"] {
  position: absolute;
  top: 20px;
  left: 20px;
  accent-color: #045670;
  transform: scale(1.3);
}

.frequency-card:hover {
  border-color: #000;
}




.frequency-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.frequency-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.frequency-header .title {
    color: #000;
    font-family: Outfit;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0;
}

.frequency-header .subtitle-subscription .subtitle-one-time{
    color: #4c5558;
    text-align: center;
    font-family: Outfit!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    text-align: left;
    /* display: none; */
}

.frequency-section .price {
  display: flex;
  align-items: baseline;
  gap: 0px;
}

.price .current-price {
  color: #045670;
  text-align: center;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin:0;
}

.price .compare-price {
  color: #045670;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: line-through !important;
  margin:0;
  margin-left:4px;
}

.frequency-section .serving {
    color: #1D211E;
    font-family: Outfit !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    margin:0;
    min-width:max-content;
}

.frequency-section .frequency-features {
  display: flex;
  flex-direction: row;
      gap: 12px 16px;
}

.frequency-section .product-feature-item {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.frequency-section .feature-item img {
 width: 10px;
height: 10px;
}
.frequency-section .product-feature-item span {
  color: #000;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
letter-spacing: -0.4px;
min-width:max-content;
margin:0;
}


.frequency-section .frequency-dropdown select {
    width: 100%;
    color: #000;
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.8px; /* 140% */
    display: flex;
    height: 33px;
    padding: 8px 10px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--Dull-Blue, #C1CDC0);
    background: var(--White, #FFF);

}
.frequency-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.input-cs {
    /* border-bottom: 1px solid var(--Dull-Blue, #C1CDC0); */
    /* margin: 0 0 16px;  */
}
.one-time .frequency-header {
    border: 0px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.one-time .bot_par {
  align-items: center;
}
.right.cs_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.bot_par {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;;
    width: 100%;
    margin-left: 10px;
}
.frequency-section .left {
    text-align: left;
    min-width: 0;
    max-width: 274px;
}
    .frequency-card input[type=radio] {
      position: static;
      width: 19px;
      height: 19px;
      aspect-ratio: 1/1;
    }

  .frequency-card:has(input[type="radio"]:checked) {
    border: 1px solid #000;
    background: rgba(249, 233, 154, 0.13);
    background: #F9E99A21;
    border: 0.8px solid var(--Dark-Blue, #045670);
    background: var(--Warm-Tone, #FFFEF1);
    box-shadow: 0 3px 0 0 #045670;
}


@media (max-width:786px) {
  .frequency-card {
    border-radius: 8px;
    padding: 16px 10px;
    cursor: pointer;
  }
  .frequency-section .frequency-features {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      align-self: stretch;
  }
  .frequency-section .left {
    max-width:100%;
    min-width:unset;
  }
.frequency-header .title {
    color: #000;
    font-family: Outfit;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0px;
    margin-bottom: 2px;
    text-wrap-mode: nowrap;
}

  .price .current-price {
      color: var(--Dark-Blue, #045670);
      font-family: Outfit;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 13.592px; /* 97.085% */
  }
  .price .compare-price {
      color: var(--Dark-Blue, #045670);
      font-family: Outfit;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-decoration-line: line-through;
      text-decoration-line: line-through !important;
  }
  .frequency-section .price {
    justify-content: end;
    display: flex;
    align-items: baseline;
    gap: 0px;
  }
  .product-feature-item span {
      color: #000;
      font-family: Montserrat;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: -0.243px;
  }
  /* .serving {
     display:none;
  } */
   .frequency-section .cs_compare1 {
     font-size:14px; 
  }
  .bot_par {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
  }
  .frequency-card input[type=radio] {
    position: static;
    width: 14.563px;
    height: 14.563px;
  }
.frequency-heading {
    font-family: Playfair Display!important;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    margin-top: 40px;
}
  .frequency-section {
    margin:0 0 24px !important;
  }
  /* .subtitle-one-time {
    color: #000;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 11.468px; /* 114.681% */
    letter-spacing: -0.243px;
  } */



}



.frequency-features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.frequency-feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content; /* Two items per row */
}

.frequency-feature-item img {
  width: 21px;
  height: 21px;
  flex-shrink: 0;
}

.cs_feat_text {
  color: var(--Dark-grey, #4C5558);
    text-align: left;
    font-family: Outfit !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0;
    max-width: max-content;
}
.custom-product-detail .cs_button_wrap.mob {
   display:none;
}

@media (max-width:786px) {
  .frequency-feature-item {
    width:100%;
  }

  .cs_feat_text {
      color: var(--Dark-grey, #4C5558);
      text-align: center;
      font-family: Outfit;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
  }
  .custom-product-detail .cs_button_wrap.mob {
    display: flex;
    margin: 24px 0 0;
    justify-content: center;
  }
  .frequency-feature-item img {
    width: 17px;
    height: 17px;
  }
 
.one-time .frequency-header {
    justify-content: flex-start;
}
label.frequency-card.subscription, label.frequency-card.one-time {
    width: 100%;
}

}


/*  */
.bundle-card:has(input[type=radio]:checked) {
    background: #f6d94c33;
    border-color: #000;
    border-radius: 12px;
    border: 0.8px solid var(--Dark-Blue, #045670);
    background: var(--Warm-Tone, #FFFEF1);
    box-shadow: 0 3px 0 0 #045670;
}

.custom-product-detail .cs-head p {
  font-family: 'Playfair Display' !important;
}
.custom-product-detail .feature-content {
    text-decoration: underline !important;
}