/** Shopify CDN: Minification failed

Line 256:0 All "@import" rules must come first

**/
/** Button */
.module-button {
  display: inline-block;
  border-radius: 300px;
  padding: 15px 30px;
  text-align: center;
  gap: 10px;
  border: solid 1px #0e5430;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  @media (max-width: 575.98px) {
    font-size: 14px;
    padding: 12px 28px;
  }
}
.module-button.primary-alt.current,
.module-button.primary {
  background-color: #0c5430;
  color: #fff;
}
.module-button.primary:hover {
  background-color: #094326;
}
.module-button.primary-alt {
  background-color: #fff;
  color: #0e5430;
}
.module-button.primary-alt:hover {
  background-color: #074325;
  color: #fff;
}
.module-button.secondary {
  background: transparent;
  color: #0e5430;
}
.module-button.secondary-alt {
  border-color: #fff;
  color: #fff;
}
.module-button.secondary-alt:hover {
  background-color: rgba(255,255,255,0.2);
}
.button-group {
  display: flex;
  flex-direction: column;
  gap: 22px;
  @media (max-width: 575.98px) {
    gap: 20px;
  }
}
.button-group .module-button {
  display: block;
  width: 100%;
}

/** Module */
.module-heading {
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1px;
}
.module-heading.xl {
  font-size: 65px;
}
.module-heading.xl sup {
  vertical-align: super;
  font-size: 18px;
  margin-left: -10px;
}
.module-heading.lg {
  font-size: 64px;
  line-height: 1.1;
}
.module-heading.lg sup {
    font-size: 15px;
    margin-left: -5px;
}
.module-heading.main {
  font-size: 48px;
  color: #0e5430;
  text-align: center;
}
.carousel-prev,
.carousel-next {
  cursor: pointer;
  font-weight: 500;
  transition: opacity 0.3s ease-in-out;
  color: inherit;
}
.carousel-prev:hover,
.carousel-next:hover {
  opacity: 0.75;
}
.tm-icon-arrow-left:before {
  content: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.05646 16L0.420099 8.36364L8.05646 0.727273L9.36896 2.02273L3.96555 7.42614H17.9599V9.30114H3.96555L9.36896 14.6875L8.05646 16Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  margin-right: 5px;
}
.tm-icon-arrow-right:before {
  content: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.95419 16L8.64169 14.7045L14.0451 9.30114H0.0507812V7.42614H14.0451L8.64169 2.03977L9.95419 0.727273L17.5906 8.36364L9.95419 16Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  margin-left: 5px;
}
.tm-icon-arrow-left-green:before {
  content: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.05646 16L0.420099 8.36364L8.05646 0.727273L9.36896 2.02273L3.96555 7.42614H17.9599V9.30114H3.96555L9.36896 14.6875L8.05646 16Z' fill='%230e5430'/%3E%3C/svg%3E%0A");
  margin-right: 5px;
}
.tm-icon-arrow-right-green:before {
  content: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.95419 16L8.64169 14.7045L14.0451 9.30114H0.0507812V7.42614H14.0451L8.64169 2.03977L9.95419 0.727273L17.5906 8.36364L9.95419 16Z' fill='%230e5430'/%3E%3C/svg%3E%0A");
  margin-left: 5px;
}

/** Social icons */
.social-icons {
  display: flex;
  justify-content: center;
  margin-top: 17px;
  column-gap: 17px;
}
.social-icons a {
  transition: opacity 0.3s;
}
.social-icons a:hover {
  opacity: 0.6;
}
@media (max-width: 575.98px) {
  .social-icons {
    margin-top: 30px;
  }
  .social-icons a img {
    width: auto;
    height: 34px;
  }
}

/* slick slider play/pause button */
.slick-autoplay-toggle-button {
  position:absolute;
  left:5px;bottom:-32px;
  z-index:10;
  opacity:.75;
  background:0 0;
  border:0;
  cursor:pointer;
  color:#000
}
.slick-autoplay-toggle-button:focus, .slick-autoplay-toggle-button:hover { opacity:1 }
.slick-autoplay-toggle-button:focus { color:orange }
.slick-autoplay-toggle-button .slick-pause-icon:before, .slick-autoplay-toggle-button .slick-play-icon:before {
  content:"⏸";
  width:20px;
  height:20px;
  font-size:18px;
  font-weight:400;
  line-height:20px;
  text-align:center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.slick-autoplay-toggle-button .slick-play-icon:before {
  content:"▶";
}
.slick-slider {
  position: relative;
}
.slick-slider .slick-autoplay-toggle-button {
  background: rgba(255,255,255, 1);
  border-radius: 100%;
  width: 35px;
  height: 35px;
  text-align: center;
  z-index: 99;
  bottom: 20px;
  left: 20px;
  opacity: 1
}

.slick-slider .slick-autoplay-toggle-button > * {
  position: absolute;
  top: calc(50% + 1px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.slick-slider .slick-autoplay-toggle-button .slick-pause-icon:before,
.slick-slider .slick-autoplay-toggle-button .slick-play-icon:before {
  content: "";
  display: inline-block;
  background: url("../images/pause.svg") no-repeat center center;
  background-size: contain;
}

.slick-slider .slick-autoplay-toggle-button .slick-play-icon:before {
  background-image: url("../images/play.svg");
}

.alert-bar__slider.slick-slider .slick-autoplay-toggle-button {
  width: 20px;
  height: 20px;
  left: -20px;
  bottom: unset;
  top: 50%;
  transform: translateY(-50%);
}

.alert-bar__slider.slick-slider .slick-autoplay-toggle-button .slick-pause-icon:before,
.alert-bar__slider.slick-slider .slick-autoplay-toggle-button .slick-play-icon:before {
  width: 12px;
  height: 12px;
}

html {
  scroll-padding-top: 76px;
}
.pdp__tabs #tabpanel-details .tab__content h4 { font-size: 1.2rem; }

#email_signup--footer .error-msg { color: #ffbbbb; }

/*.boost-pfs-search-suggestion{display:none !important; z-index:-1000;}*/

@media (max-width: 1100px) {
  html {
    scroll-padding-top: 80px;
  }
  .module-heading.xl sup {
    font-size: 2.5vw;
    margin-left: -5px;
  }
  .module-heading.lg sup {
    font-size: 2.2vw;
    margin-left: -5px;
  }
}


@media (max-width: 768px) {
    .footer__badge {
        width: 100%;
        text-align: center;
    }
  .footer__badge img {
    margin: 20px auto 0;
  }
}

@import url("herbal-education.css");