* { margin: 0; padding: 0; }
html, body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; margin: 0; padding: 0; font-family: 'Inter', serif; letter-spacing: 0; }
p, a, label, h1, h2, h3, h4, h5, h6, hr, ul { padding: 0; margin: 0; }
img { image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; }

.font-lora { font-family: 'Lora', serif; }
.font-inter { font-family: 'Inter', serif; }
.font-gteestiprodisplay { font-family: 'GT Eesti Pro Display', serif; }
.font-myriadpro { font-family: myriad-pro, sans-serif; }
.font-neuehaasgroteskdisplay{ font-family: neue-haas-grotesk-display, sans-serif; }
.fontw-500 { font-weight: 500; }
.fontw-600 { font-weight: 600; }
.fontw-900 { font-weight: 900; }
.fontc-black { color: #000; }
.fontc-white { color: #FFFFFF; }
.fontc-darkgray { color: #281C17; }
.content-h2 { font-family: 'GT Eesti Pro Display'; font-weight: 500; font-size: 30px; line-height: 35px; letter-spacing: -0.01em; text-transform: capitalize; color: #281C17; margin-bottom: 20px; }
.content-p { font-family: myriad-pro, sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; color: #281C17; margin-bottom: 25px; }
.content-p b { font-weight: 600; }
.content-p strong { font-weight: 700; }
.mb15 { margin-bottom: 15px; }
.mb25 { margin-bottom: 25px; }
.mb32 { margin-bottom: 32px; }
.pl25 { padding-left: 25px; }

.herobanner { background: linear-gradient(180deg,#AB5454 20%,#ffffff 0%); }
.herobanner > .wrap { max-width: 1171px; }
.herobanner .info-top h3 { font-size: 18px; line-height: 23px; letter-spacing: -0.02em; color: #FFD772; text-align: center; }
.herobanner .info-top .icon { max-width: 39px;}
.herobanner .product-info { padding-top: 32px; padding-bottom: 32px; margin-bottom: 20px; background: linear-gradient(0deg, #F8F8F8, #F8F8F8), #E8F6F6; }
.herobanner .product-info .info-left { max-width: 357px; }
.herobanner .product-info .info-right h1 { font-size: 34px; line-height: 39px; }
.herobanner .product-info .info-right .subtitle { border-bottom: 1px solid #979797; }
.herobanner .product-info .info-right .subtitle { line-height: 24px; color: #AB5454; }
.herobanner .product-info .info-right .content { font-size: 18px; line-height: 24px; color: #2C2117; }
.herobanner .product-info .info-right .content p{ margin-left: 10px; }

/****** Product Section  *******/
#products { padding-top: 10px; padding-bottom: 0px; }
#products .col-item { border: 0.569584px solid #D7C5B3; box-shadow: 0px 2.27834px 5.69584px rgba(0, 0, 0, 0.25); border-radius: 3px; }
#products .col-item .body-content { background: #FFF; padding-top: 10px; padding-bottom: 5px; border-radius: 0 0 4px 4px; }
#products .col-item.item-1 .body-content, #products .col-item.item-3 .body-content { background: #fff; }
#products .col-item.item-1, #products .col-item.item-3 { background: #FFFFFF; }
#products .col-item .title { background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(180deg, #E3AC9A 0%, #CE927E 100%), linear-gradient(0deg, #E3AC9A, #E3AC9A), #B2DFCC; padding: 11px 10px 8px; border-radius: 2px 2px 0 0; }
#products .col-item .title h2 { font-size: 20px; }
#products .col-item .title h3 { font-size: 14px; }
#products .col-item.item-2 .title { background: linear-gradient(180deg, #E8F6F6 0%, #AAD6D6 100%), linear-gradient(0.97deg, #E6BF56 41.42%, #F3DFA8 78.76%), #B2DFCC; }
#products .col-item.item-1 .img { max-width: 160px; margin-top: 0px; margin-bottom: 20px; }
#products .col-item.item-2 .img { margin-top: 5px; margin-bottom: 20px; }
#products .col-item.item-3 .img { margin-top: 0px; margin-bottom: 20px; }
#products .col-item.item-2 .img img.img-fluid{padding-right:unset!important;}
#products .col-item.item-2 .img img { padding-left: 9px; padding-right: 13px; }
#products .col-item.item-3 .img img{ padding-left: 0px; padding-right: 0px; }
#products .col-item .price .sale { font-size: 34px; line-height: 27px; margin-right: 5px; }
#products .col-item .price .unit { font-size: 13px; line-height: 10px; }
#products .col-item .details { margin-bottom: 5px; max-width: 199px; }
#products .col-item.item-1 .details { margin-bottom: 30px; }
#products .col-item .details .shipping { font-size: 14px; line-height: 17px; }
#products .col-item .details img { margin-bottom: 4px; }
#products .col-item .order-now { max-width: 200px; }
#products .col-item .cards { max-width: 135px; box-shadow: 0px 0px 9px rgb(0 0 0 / 18%); filter: drop-shadow(0px 0px 2px rgba(0,0,0,.25)); width: 203px; border-radius: 5px; margin: auto auto 20px; padding: 0px 5px 3px; }
#products .col-item.item-1 .cards{ margin-bottom: 20px; }
#products .col-item .final-price { font-size: 20px; line-height: 24px; }
#products .col-item .final-price .regular { color: #002c1e; margin-right: 15px; }
#products .col-item .final-price .regular::before { content: ""; display: block; width: 100%; height: 2px; background-color: #d95d5d; transform: rotate(0); position: absolute; top: 50%; left: 0; }
#products .col-item .ribbon { background: #D23737; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
#products .col-item .ribbon span { font-size: 16px; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); transform: rotate(-1deg); }

.about-wrap .about-item { background: #F4F1E9; margin-bottom: 2px; }
.about-wrap .about-item .about-title { background: #AB5454; padding: 16px; }
.about-wrap .about-item .about-title .about-title-wrap { background-color: #DB9962; padding: 16px; font-size: 20px; line-height: 32px; letter-spacing: 0.02em; color: #F0DDCA; display: flex; justify-content: space-between; align-items: center; }
.about-wrap .about-item .about-title .about-title-wrap span { max-width: 24px; width: 100%; height: 24px; content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9L12 17L20 9' stroke='%23F0DDCA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.about-wrap .about-item .about-title.collapsed .about-title-wrap { background-color: #AB5454; }
.about-wrap .about-item .about-title.collapsed .about-title-wrap span { background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 21L16 13L8 5' stroke='%23F0DDCA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.about-wrap .about-item .about-content .features img { padding: 4px 3px; }
.about-wrap .about-item .about-content .bullets .bullet-item { max-width: 50%; }
.about-wrap .about-item .about-content .bullets .bullet-item .img { max-width: 27px; width: 100%; margin-right: 4px; }
.about-wrap .about-item .about-content .bullets .bullet-item .txt { font-size: 13px; line-height: 18px; letter-spacing: -0.01em; color: #476F6F; }
.about-wrap .about-item .about-content .doctorsreco h3 { font-size: 30px; line-height: 39px; }
.about-wrap .about-item .about-content .doctorsreco p { font-size: 18px; line-height: 22px; }
.about-wrap .about-item .about-content .doctorsreco .img { max-width: 247px; }
.about-wrap .about-item .about-content .doctorsreco .signature .icon { max-width: 32px; margin-right: 20px; }
.about-wrap .about-item .about-content .doctorsreco .signature .name { border-left: 2px solid #281C17; padding-left: 20px; }
.about-wrap .about-item .about-content .doctorsreco .signature .name p { font-size: 16px; line-height: 19px; }
.about-wrap .about-item .about-content .about-content-gap { width: 100%; height: 64px; }

#collapsescience .contents .img { box-shadow: 0px 0px 46.8927px rgba(0, 0, 0, 0.12); border-radius: 20px; }
#collapsebenefits .features-item .features-txt p { letter-spacing: -0.01em; }
#collapsebenefits .features-item .features-img { max-width: 145px; }
#collapseingredients .ingredients-item { border-radius: 20px; }
#collapseingredients .ingredients-item h4 { font-size: 20px; line-height: 23px; }
#collapseingredients .ingredients-item .ingredients-gap { width: 100%; }

.story h2 { font-size: 34px; line-height: 39px; margin-bottom: 32px; }
.story .column-item { background: linear-gradient(0deg, #F7F6F4, #F7F6F4), linear-gradient(0deg, #F4F1E9, #F4F1E9), linear-gradient(0deg, #E8F6F6, #E8F6F6), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F0F9F6; border-radius: 10px; padding: 16px 16px 32px; }
.story .column-item .img img { max-width: 70px; margin-right: 10px; }
.story .column-item .content h4 { font-size: 20px; line-height: 24px; letter-spacing: -0.01em; margin-bottom: 32px; }
.story .column-item .content .name { font-size: 16px; line-height: 24px; }
.story .column-item .starratings { background-image: url("data:image/svg+xml,%3Csvg width='108' height='19' viewBox='0 0 108 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51056 0.761719L12.5788 6.53865L19.0211 7.67155L14.4751 12.3748L15.3884 18.8519L9.51056 15.9817L3.63271 18.8519L4.54605 12.3748L0 7.67155L6.44233 6.53865L9.51056 0.761719Z' fill='%23F6B586'/%3E%3Cpath d='M31.5106 0.761719L34.5788 6.53865L41.0211 7.67155L36.4751 12.3748L37.3884 18.8519L31.5106 15.9817L25.6327 18.8519L26.546 12.3748L22 7.67155L28.4423 6.53865L31.5106 0.761719Z' fill='%23F6B586'/%3E%3Cpath d='M53.5106 0.761719L56.5788 6.53865L63.0211 7.67155L58.4751 12.3748L59.3884 18.8519L53.5106 15.9817L47.6327 18.8519L48.5461 12.3748L44 7.67155L50.4423 6.53865L53.5106 0.761719Z' fill='%23F6B586'/%3E%3Cpath d='M75.5106 0.761719L78.5788 6.53865L85.0211 7.67155L80.4751 12.3748L81.3884 18.8519L75.5106 15.9817L69.6327 18.8519L70.5461 12.3748L66 7.67155L72.4423 6.53865L75.5106 0.761719Z' fill='%23F6B586'/%3E%3Cpath d='M97.5106 0.761719L100.579 6.53865L107.021 7.67155L102.475 12.3748L103.388 18.8519L97.5106 15.9817L91.6327 18.8519L92.5461 12.3748L88 7.67155L94.4423 6.53865L97.5106 0.761719Z' fill='%23F6B586'/%3E%3C/svg%3E%0A"); width: 107.02px; height: 18.09px; content: ''; margin-right: 15px; }
.story .column-item .content p { font-size: 18px; line-height: 24px; letter-spacing: -0.01em; }
.story .column-item .verified { position: relative; font-size: 14px; line-height: 17px; color: #554538; }
.story .column-item .verified::after { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.52089' cy='9.60952' r='8.05263' fill='%2351BB2E'/%3E%3Cpath d='M12.9946 7.0249L7.17884 12.8407L4.59424 10.2561' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); width: 17px; height: 18px; left: 45px; top: 0; position: absolute; }

.bookfeatures { background-color: #F4F1E9; }
.bookfeatures h2 { font-size: 30px; line-height: 35px; letter-spacing: -0.02em; }
.bookfeatures h2 span { color: #BC2C2C; }
.bookfeatures .content ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.bookfeatures .content ul li { position: relative; padding-left: 30px; padding-bottom: 15px; }
.bookfeatures .content ul li::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 23.8125C18.2132 23.8125 23.25 18.7757 23.25 12.5625C23.25 6.3493 18.2132 1.3125 12 1.3125C5.7868 1.3125 0.75 6.3493 0.75 12.5625C0.75 18.7757 5.7868 23.8125 12 23.8125Z' fill='%23E5D3C5'/%3E%3Cpath d='M17.967 6.54998C17.5743 6.14609 16.9257 6.14609 16.533 6.54998L10.092 13.175C9.69932 13.5789 9.05068 13.5789 8.65801 13.175L7.467 11.95C7.07432 11.5461 6.42568 11.5461 6.03301 11.95L4.80272 13.2154C4.42538 13.6035 4.42538 14.2215 4.80272 14.6096L8.658 18.575C9.05068 18.9789 9.69932 18.9789 10.092 18.575L19.1973 9.20958C19.5746 8.82146 19.5746 8.20354 19.1973 7.81542L17.967 6.54998Z' fill='%23AD5555'/%3E%3C/svg%3E%0A"); width: 24px; height: 24px; position: absolute; left: 0; top: 0; }
.bookfeatures .content h3 { font-size: 27px; line-height: 31px; }
.bookfeatures .content h3 span { color: #BC2C2C; }
.bookfeatures .bluebox { padding: 32px 16px; background: #FFFFFF; box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.1); border-radius: 10px; border: 1px solid; border-image-source: linear-gradient(0deg, #679393, #679393), linear-gradient(0deg, #AD5555, #AD5555), linear-gradient(0deg, #C7B27B, #C7B27B); margin: 0 auto; }
.bookfeatures .bluebox .seal { max-width: 138px; }

.faqs { background: #E8F6F6; }
.faqs .faq-item { margin-bottom: 5px; padding: 24px 32px; background: #FFFFFF; border-radius: 10px; }
.faqs .faq-item .faq-title { font-size: 22px; line-height: 26px; letter-spacing: -0.01em; display: flex; justify-content: space-between; align-items: center; }
.faqs .faq-item .faq-title span { max-width: 24px; width: 100%; height: 24px; content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='19' y='11' width='3' height='13' rx='1' transform='rotate(90 19 11)' fill='%23376657'/%3E%3Crect x='19' y='11' width='3' height='13' rx='1' transform='rotate(90 19 11)' fill='%23281C17'/%3E%3C/svg%3E%0A"); }
.faqs .faq-item .faq-title.collapsed span { background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='11' y='6.18018' width='3' height='13' rx='1' fill='%23376657'/%3E%3Crect x='11' y='6.18018' width='3' height='13' rx='1' fill='%23281C17'/%3E%3Crect x='19' y='11.1802' width='3' height='13' rx='1' transform='rotate(90 19 11.1802)' fill='%23376657'/%3E%3Crect x='19' y='11.1802' width='3' height='13' rx='1' transform='rotate(90 19 11.1802)' fill='%23281C17'/%3E%3C/svg%3E%0A"); }
.faqs .faq-item .faq-content { margin: 32px 0 0 0; }
.faqs .faq-item .faq-content p a { color: #FD949F; }
.faqs .faq-item:nth-last-child(1) { margin-bottom: 0; }

.footer { background: #F8F8F8; }
.footer p { margin-bottom: 20px; }
.footer p, .footer a { color: #503830; font-size: 14px; }

.sticky-btn { position: fixed; }
.sticky-btn a img { max-width: 88px; filter: drop-shadow(0px 27px 11px rgba(0, 0, 0, 0.01)) drop-shadow(0px 15px 9px rgba(0, 0, 0, 0.05)) drop-shadow(0px 7px 7px rgba(0, 0, 0, 0.09)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.1)); }
.box-beige { background: #E5D3C5; border-radius: 10px; padding: 10px; font-family: myriad-pro, sans-serif; font-weight: 600; font-size: 18px; line-height: 22px; color: #281C17; margin-bottom: 20px; }
.blinking *{ animation:blinkingText 0.25s infinite; }
@keyframes blinkingText {
	0%{		color: #ffffff;fill:#ffffff;	}
	50%{	color: #fcb834; fill: #fcb834;	}
  100%{		color: #ffffff;fill:#ffffff;	}
}

/****** Small Mobile to Desktop View  *******/
@media (min-width: 576px){ }


/****** Tablet to Desktop View *******/
@media (min-width: 768px) {
  .px64-tb-dt { padding-left: 64px; padding-right: 64px; }
  .py64-tb-dt { padding-top: 64px; padding-bottom: 64px; }

  .herobanner .info-top { padding: 15px 0; max-width: 460px; }
  .herobanner .product-info { padding-left: 40px; padding-right: 40px; margin-bottom: 0; }

  /******* Product Section *********/
  #products { padding-top: 35px; }
  #products .col-item { width: 33%; padding: 0; }
  #products .col-item.item-2 { width: 39%; margin-left: 5px; margin-right: 5px; }
  
  .about > .wrap { max-width: calc(100% - 24px); }
  .about .content-h2 { font-size: 32px; line-height: 40px; }
  .about-wrap .about-item .about-title { padding: 16px 64px; }
  
  #nav-about .about-content .content-h2 { max-width: 550px; margin-left: auto; margin-right: auto; }
  #nav-about .about-content .content-left { padding: 0 34px; }
  #nav-about .about-content .choco-img-mobile { max-width: 360px; margin-left: auto; margin-right: auto; }
  #nav-about .about-content .bullets .bullet-item { max-width: 25%; }
  #nav-about .about-content .bullets .bullet-item:nth-last-child(1) { max-width: 27%; }
  #nav-about .about-content .bullets .bullet-item:nth-last-child(4), #nav-about .about-content .bullets .bullet-item:nth-last-child(2) { max-width: 24%; }
  #nav-about .about-content .bullets .bullet-item .txt { font-size: 14px; line-height: 20px; padding-right: 5px; }
  #nav-about .about-content .doctorsreco-wrap { background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 0 15px 0 16px; }
  #nav-about .about-content .doctorsreco { padding: 0 34px; }
  #nav-about .about-content .doctorsreco .img img { max-width: 209px; margin-right: 16px; }
  #nav-about .about-content .doctorsreco p { font-size: 16px; line-height: 19px; }

  #nav-science .about-content .content-h2 { line-height: 37px; margin-bottom: 32px; }
  #nav-science1 .content-h2 { max-width: 550px; }
  #nav-science2 .content-h2 { max-width: 700px; }
  #nav-science1 .img, #nav-science2 .img, #nav-science3 .img { margin-left: 16px; }
  #nav-science1 .img img, #nav-science2 .img img, #nav-science3 .img img { max-width: 343px; }

  #nav-benefits2 .content-h2 { max-width: 510px; margin-bottom: 35px; }
  #nav-benefits3 .content-h2 { margin-bottom: 30px; }
  #nav-benefits3 .img { margin-top: 35px; }
  #nav-benefits3 .img img { box-shadow: 0px 3.46067px 3.46067px rgba(0, 0, 0, 0.25); border-radius: 10px; }

  #collapsebenefits .features-item { margin-bottom: 16px; }
  #collapsebenefits .features-item .features-img { max-width: 96px; margin-right: 16px; width: 100%; }
  #collapsebenefits .features-item .features-txt p { margin-bottom: 0; }

  #collapseingredients .ingredients-item.item-1 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-tablet-bg1.png?v=1680521701'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-1 .ingredients-gap { height: 64px; }
  #collapseingredients .ingredients-item.item-2 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-tablet-bg2.png?v=1680521701'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-2 .ingredients-gap { height: 86px; }
  #collapseingredients .ingredients-item.item-3 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-tablet-bg3.png?v=1680521701'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-3 .ingredients-gap { height: 64px; }
  #collapseingredients .ingredients-item.item-4 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-tablet-bg4.png?v=1680521701'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-4 .ingredients-gap { height: 86px; }
  #collapseingredients .ingredients-item.item-5 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-tablet-mtcoil-bg.png?v=1686728435'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-5 .ingredients-gap { height: 64px; }
  #collapseingredients .ingredients-item.item-6 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-tablet-bg6.png?v=1680521701'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-6 .ingredients-gap { height: 64px; }

  .story .column-item { padding: 16px 32px 32px; }

  .bookfeatures .wrap { max-width: 664px; }
  .bookfeatures h2 { font-size: 34px; line-height: 39px; max-width: 565px; margin-left: auto; margin-right: auto; }
  .bookfeatures .content ul { padding-left: 10px; }
  .bookfeatures .content ul li { padding-left: 35px; }
  .bookfeatures .recipecontent { margin-bottom: 64px }
  .bookfeatures .content h3 { font-size: 34px; line-height: 39px; }
  .bookfeatures .bluebox { padding: 32px; }
  .bookfeatures .bluebox .seal { margin-right: 16px; }

  .faqs .wrap { max-width: calc(100% - 24px); }
  .faqs h2 { font-size: 34px; line-height: 44px; }

  .footer .wrap { max-width: 712px; }

  .sticky-btn { right: 6%; bottom: 18%; }
}


/****** Desktop View Only *******/
@media (min-width: 992px) {
  .txt-nowrap-dt { white-space: nowrap; }
  .py32-dt { padding-top: 32px; padding-bottom: 32px; }
  .py40-dt { padding-top: 40px; padding-bottom: 40px; }
  .pt60-dt { padding-top: 60px; }
  .pb40-dt { padding-bottom: 40px; }

  #products { padding-top: 10px; }

  .herobanner .info-top { padding: 18px 0; }
  .herobanner .product-info { padding-left: 56px; padding-right: 56px; border-radius: 10px; margin-bottom: 0; background: linear-gradient(0deg, #F8F8F8, #F8F8F8), #E8F6F6; box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.03), 0px 4px 9px rgba(0, 0, 0, 0.07), 0px 0px 0px rgba(0, 0, 0, 0.07); }
  .herobanner .product-info .info-right { margin-left: 32px; max-width: 670px; }
  .herobanner .product-info .info-right .subtitle { font-size: 16px; }

  .about { background: linear-gradient(to right,#AB5454 0%,#AB5454 50%,#F4F1E9 50%,#F4F1E9 100%); }
  .about > .wrap { max-width: 1290px; }
  .about .content-h2 { font-size: 34px; line-height: 39px; }
  .about .about-left { max-width: 18.5%; background-color: #AB5454; width: 100%; margin-top: 60px; }
  .about .about-left.nav-pills .nav-link { font-family: myriad-pro, sans-serif; font-weight: 600; font-size: 18px; line-height: 32px; letter-spacing: 0.02em; color: #F4F1E9; width: 100%; border-radius: 0; text-align: right; padding: 5px 33px 5px 10px; margin-bottom: 23px; }
  .about .about-left.nav-pills .nav-link.active { background: #DB9962; }
  .about .about-right { background-color: #F4F1E9; padding-left: 70px; padding-right: 30px; }
  .about-wrap .about-item .about-title { display: none; }
  .about-wrap .about-item .about-content { display: block; }
  .about-wrap .about-item > .nav { flex-wrap: nowrap; margin-bottom: 50px; }
  .about-wrap .about-item > .nav > .nav-link { padding-top: 0; padding-bottom: 20px; border-radius: 0; opacity: .6; color: #AB5454; font-family: myriad-pro, sans-serif; font-weight: 600; font-size: 16px; line-height: 19px; text-align: center; letter-spacing: 0.01em; text-transform: capitalize; width: 33.33%; border-bottom: 3px solid rgba(171, 84, 84, 0.3); }
  .about-wrap .about-item > .nav > .nav-link.active { background-color: transparent; color: #AB5454; opacity: 1; border-bottom: 3px solid #AB5454; }

  #nav-about { max-width: 920px; margin-top: 60px; margin-bottom: 40px; }
  #nav-about .about-content .content-left { max-width: 526px; margin-right: 20px; padding: 0; }
  #nav-about .about-content .choco-img { max-width: 360px; }
  #nav-about .about-content .features img { padding: 0px 10px 0px 0; }
  #nav-about .about-content .bullets { margin-top: 10px; margin-bottom: 15px; }
  #nav-about .about-content .bullets .bullet-item { border-right: 1px solid #476F6F; }
  #nav-about .about-content .bullets .bullet-item:nth-last-child(1) { border-right: 0 none; }
  #nav-about .about-content .bullets .bullet-item .img { max-width: 38px; margin-left: 4px; margin-right: 10px; }
  #nav-about .about-content .bullets .bullet-item .txt { font-size: 16px; line-height: 21px; }
  #nav-about .about-content .doctorsreco-wrap { padding: 0 32px 0 16px; }
  #nav-about .about-content .doctorsreco { padding: 0; }
  #nav-about .about-content .doctorsreco .img { margin-right: 32px; }
  #nav-about .about-content .doctorsreco .img img { max-width: 247px; }
  #nav-about .about-content .doctorsreco p { font-size: 18px; line-height: 22px; }
  #nav-about .about-content .doctorsreco .signature .name p { line-height: 24px; font-size: 16px; }

  #nav-science { max-width: 924px; }
  #nav-science .content-p { margin-bottom: 20px; }
  #nav-science1 .img, #nav-science2 .img, #nav-science2 .img { margin-left: 30px; }
  #nav-science3 .img { margin-left: 20px; }
  #nav-science3 .box-beige { max-width: 763px; }
  #nav-science3 .wrap835-dt { max-width: 835px; }
  #nav-science1 .img img, #nav-science2 .img img, #nav-science3 .img img { max-width: 368px; }

  #nav-benefits { max-width: 851px; }
  #nav-benefits1 .content-h2 { max-width: 670px; }
  #nav-benefits2 { padding-right: 10px; }
  #nav-benefits2 .content-h2 { max-width: 680px; }
  #nav-benefits2 .features-list { max-width: 765px; margin-left: 11.5px; }
  #nav-benefits2 .features-list .features-item { margin-bottom: 30px; }
  #nav-benefits3 { padding-right: 48px; }
  #nav-benefits3 .content-h2 { max-width: 600px; }
  #nav-benefits3 .features-list { max-width: 790px; margin-left: 15.5px; }
  #nav-benefits3 .features-list .features-item { margin-bottom: 32px; }

  #nav-ingredients { max-width: 872px; }

  #collapseingredients .ingredients-item { max-width: 428px; }
  #collapseingredients .ingredients-item.item-1 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-bg1.png?v=1680522689'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-1 .ingredients-gap { height: 64px; }
  #collapseingredients .ingredients-item.item-2 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-bg2.png?v=1680522689'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-2 .ingredients-gap { height: 108px; }
  #collapseingredients .ingredients-item.item-3 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-bg3.png?v=1680522689'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-3 .ingredients-gap { height: 64px; }
  #collapseingredients .ingredients-item.item-4 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-bg4.png?v=1680522689'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-4 .ingredients-gap { height: 86px; }
  #collapseingredients .ingredients-item.item-5 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-mtcoil-bg.png?v=1686727917'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-5 .ingredients-gap { height: 64px; }
  #collapseingredients .ingredients-item.item-6 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-bg6.png?v=1680522689'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-6 .ingredients-gap { height: 86px; }

  .story .wrap { max-width: 980px; }
  .story .column .column-1 { width: calc(50% - 10px); }
  .story .column-item { padding: 32px 32px 32px 16px; }
  .story .column-item .content .name-wrap { margin-top: 32px; }

  .bookfeatures { background-image: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/bookfeatures-bg.svg?v=1680620330'); background-repeat: no-repeat; background-position: 0 0; }
  .bookfeatures .wrap { max-width: 1019px; }
  .bookfeatures h2 { max-width: 687px; }
  .bookfeatures .column { padding-top: 32px; padding-bottom: 10px; }
  .bookfeatures .img { margin-right: 32px; max-width: 387px; }
  .bookfeatures .column .content { max-width: 600px; }
  .bookfeatures .content h3 { max-width: 692px; margin-left: auto; margin-right: auto; }
  .bookfeatures .recipecontent { max-width: 700px; margin: 0 auto 60px; }
  .bookfeatures .bluebox { margin-top: 16px; max-width: 828px; padding: 32px 64px; }
  .bookfeatures .bluebox .seal { margin-right: 25px; }

  .faqs .wrap { max-width: 772px; }

  .footer .wrap { max-width: 974px; }
}


/****** Tablet View Only *******/
@media (max-width: 991px) and (min-width: 768px) {
  .txt-nowrap-tb { white-space: nowrap; }
  .px24-tb { padding-left: 24px; padding-right: 24px; }
  .px30-tb { padding-left: 30px; padding-right: 30px; }
  .px64-tb { padding-left: 64px; padding-right: 64px; }
  .py32-tb { padding-top: 32px; padding-bottom: 32px; }

  /******* Product Section *********/
  #products .col-item .img img { max-height: 176px; }
  #products .col-item.item-2 .title h2 { max-width: 250px; margin: 0 auto; }

  .bookfeatures .column .img img { max-width: 387px; margin-top: 20px; margin-bottom: 20px; }

  .story .wrap { max-width: 505px; }
}


/****** Large Desktop View Only *******/
@media (min-width: 1200px) {}


/****** Custom Desktop View Only *******/
@media (min-width: 1440px) {}


/****** Desktop to Mobile View *******/
@media (max-width: 1199px) {}


/****** Tablet to Mobile View *******/
@media (max-width: 991px) {
  .py32-tb-mb { padding-top: 32px; padding-bottom: 32px; }

  .herobanner .product-info .info-right .subtitle { font-size: 18px; }

  /******* Product Section *********/
  #products .col-item.item-2 .title { padding: 15px 16px 12px; }

  .fade:not(.show) { opacity: 1; }
  .tab-content>.tab-pane { display: block; }

  /******* STORY SECTION *********/
  .story .column { flex-wrap: wrap; }
  
}


/****** Mobile View Only *******/
@media (max-width: 767px) {
  .txt-nowrap-mb { white-space: nowrap; }
  .px5-mb { padding-left: 5px; padding-right: 5px; }
  .px16-mb { padding-left: 16px; padding-right: 16px; }
  .px18-mb { padding-left: 18px; padding-right: 18px; }
  .px32-mb { padding-left: 32px; padding-right: 32px; }
  .py32-mb { padding-top: 32px; padding-bottom: 32px; }
  .pt32-mb { padding-top: 32px; }
  .pb32-mb { padding-bottom: 32px; }

  .herobanner .info-top { padding: 8px 35px; }
  .herobanner .info-top h3 { font-family: myriad-pro, sans-serif; font-size: 22px; line-height: 24px; letter-spacing: normal; }
  .herobanner .product-info { margin-bottom: 0; }
  .herobanner .product-info .info-right h1 { font-size: 32px; line-height: 37px; }
  .herobanner .product-info .info-right .content p { margin-left: 0; }

  /******* Product Section *********/
  #products { padding: 32px 40px 0; }
  #products h2 { font-size: 34px; line-height: 39px; }
  #products .product-list { display: flex; flex-direction: column; }
  #products .col-item { margin: 0px; border: 0.569584px solid #1C624D; border-radius: 4px; }
  #products .col-item.item-1 { margin: 0; width: 100%; }
  #products .col-item.item-2 { width: 100%; }
  #products .col-item.item-3 { margin: 16px 0; width: 100%; }
  #products .col-item .title, #products .col-item.item-2 .title { min-height: auto; padding: 11px 28px 10px; }
  #products .col-item .title h2 { font-size: 24px; }
  #products .col-item .title h3 { font-size: 16px; }
  #products .col-item.item-2 .title h2 { max-width: 300px; margin: 0 auto;  }
  #products .col-item.item-1 .img { max-width: 225px; margin-top: 0px; margin-bottom: 20px; }
  #products .col-item .img img { max-height: 250px; }
  #products .col-item .price .sale { font-size: 45px; line-height: 36px; }
  #products .col-item .details { max-width: 250px; }
  #products .col-item .order-now { max-width: 244px; }
  #products .col-item .cards { max-width: 165px; padding: 5px 5px 5px; }
  #products .col-item .final-price { font-size: 24px; line-height: 29px; }
  .checklist-detail-6{width:279.66px!important;}

  .about > .container { max-width: 100%; }
  .about-wrap .about-item .about-content .doctorsreco { padding: 8px 16px 16px; background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; }
  .about-wrap .about-item .about-content .doctorsreco .img { margin-left: auto; margin-right: auto; }

  #nav-benefits3 > .img img { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }

  #collapsebenefits .features-item .features-img { margin-left: auto; margin-right: auto; margin-bottom: 16px; }

  #collapseingredients .ingredients-item.item-1 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-mobile-bg1.png?v=1680508303'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-1 .ingredients-gap { height: 96px; }
  #collapseingredients .ingredients-item.item-2 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-mobile-bg2.png?v=1680508558'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-2 .ingredients-gap { height: 140px; }
  #collapseingredients .ingredients-item.item-3 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-mobile-bg3.png?v=1680508558'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-3 .ingredients-gap { height: 96px; }
  #collapseingredients .ingredients-item.item-4 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-mobile-bg4.png?v=1680508558'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-4 .ingredients-gap { height: 162px; }
  #collapseingredients .ingredients-item.item-5 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-mobile-mtcoil-bg.png?v=1686728637'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-5 .ingredients-gap { height: 96px; }
  #collapseingredients .ingredients-item.item-6 { background: url('https://cdn.shopify.com/s/files/1/0722/9902/0583/files/kags-ingredients-mobile-bg6.png?v=1680508558'), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2F1F6; background-repeat: no-repeat, no-repeat; background-position: right top, center; background-size: cover, cover; }
  #collapseingredients .ingredients-item.item-6 .ingredients-gap { height: 96px; }

  .bookfeatures h2 { max-width: 350px; margin-left: auto; margin-right: auto; }
  .bookfeatures .column .img { margin-top:15px; max-width: 280px; margin-bottom: 40px; margin-left: -10px; }
  .bookfeatures .content ul li { padding-left: 25px; }
  .bookfeatures .recipecontent p { letter-spacing: -0.02em; }
  .bookfeatures .bluebox .seal { margin-left: auto; margin-right: auto; }

  .faqs h2 { font-size: 30px; line-height: 44px; }
  .faqs .faq-item { padding: 24px 16px; }
  .faqs .faq-item .faq-title { font-size: 20px; line-height: 24px; }
  .faqs .faq-item .faq-title.collapsed span { margin-left: 15px; }

  .sticky-btn { left: 2%; bottom: 9%; }

  .story .content-testi.showlesscontent { overflow: hidden; max-height: 290px; }
  .story .content-testi.showmorecontent { overflow: hidden; max-height: auto; }
  .story .showmoreless { font-family: myriad-pro, sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; letter-spacing: -0.01em; text-decoration: underline; cursor: pointer; }

  .footer { padding-top: 192px; }

}


/****** Small Mobile View Only  *******/
@media (max-width:575px){

}