@font-face {
    font-family: 'Ubuntu';
    src: url(//www.naturetek.com/cdn/shop/files/Ubuntu-medium.woff2?v=4703029677045671772) format('woff2'),
        url(//www.naturetek.com/cdn/shop/files/Ubuntu-medium.woff?v=30407) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url(//www.naturetek.com/cdn/shop/files/Ubuntu-Regular.woff2?v=18296293696909633223) format('woff2'),
        url(//www.naturetek.com/cdn/shop/files/Ubuntu-Regular.woff?v=7163399302891990427) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url(//www.naturetek.com/cdn/shop/files/Ubuntu-Bold.woff2?v=13199271441563558079) format('woff2'),
        url(//www.naturetek.com/cdn/shop/files/Ubuntu-Bold.woff?v=10710601488627197021) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CommutersSans';
    src: url(//www.naturetek.com/cdn/shop/files/CommutersSans-Regular.woff2?v=1387169301049002445) format('woff2'),
        url(//www.naturetek.com/cdn/shop/files/CommutersSans-Regular.woff?v=10099198673919957839) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CommutersSans';
    src: url(//www.naturetek.com/cdn/shop/files/CommutersSans-SemiBold.woff2?v=1298714201790902925) format('woff2'),
        url(//www.naturetek.com/cdn/shop/files/CommutersSans-SemiBold.woff?v=9507273297602941592) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CommutersSans';
    src: url(//www.naturetek.com/cdn/shop/files/CommutersSans-Bold.woff2?v=3431494040271573216) format('woff2'),
        url(//www.naturetek.com/cdn/shop/files/CommutersSans-Bold.woff?v=5232093080429764148) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CommutersSans-ExtraBold';
    src: url(//www.naturetek.com/cdn/shop/files/CommutersSans-ExtraBold.woff2?v=16102850679593355763) format('woff2'),
        url(//www.naturetek.com/cdn/shop/files/CommutersSans-ExtraBold.woff?v=8817297021343002091) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url(//www.naturetek.com/cdn/shop/files/Recoleta-Bold.woff2?v=9079879054271116278) format('woff2'),
        url(//www.naturetek.com/cdn/shop/files/Recoleta-Bold.woff?v=4415736026157428774) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body { margin:0; padding: 0; font-family: 'CommutersSans'; font-weight:400; }
body.body-fixed { overflow:hidden;  }
@media(min-width:750px){
  .show-only-mobile { display:none !important; }
}
@media(max-width:749px){
  .hide-only-mobile { display:none !important; }
  .pb-sm-0 { padding-bottom:0 !important; }
}
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.mb10-B { margin-bottom:10px; }
.cms-text {
  color: #304E55;
  text-align: center;
  font-family: 'Ubuntu';
  /* font-size: 17px; */
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 147.059% */
  @media(max-width:749px){
    font-size: 15px; line-height: 22px;
  }
}
/***** Button CSS *****/
.button {
  text-transform:uppercase;
  font-size:14px; font-weight:600;
  min-width:217px; text-align:center;
  padding-left:20px; padding-right:20px;
  letter-spacing:0.7px; line-height:1; min-height:40px;
}
/***** announcement-bar *****/
.shopify-section-group-header-group.announcement-bar-section { position:sticky; top:0; }
.announcement-bar { padding-top:11px; padding-bottom:11px; }
.announcement-bar .announcement_bar-content {
  display:flex; justify-content:space-between;
  align-items:center; gap:15px;
}
.announcement-bar .announcement_bar-content .announcement-bar__message {
  max-width:290px; text-align:center; font-weight:400; font-size:12px; line-height:14px; padding:0; display:flex; align-items:center;     letter-spacing: 0.275px;
  @media(max-width:749px){
    font-size:9px; line-height:11px;
  }
}
.announcement-bar .announcement_bar-content .announcement_button .button { min-width:1px; white-space:nowrap; font-size:12.5px; color:#304E55; }

@media(max-width:749px){
  .announcement-bar .announcement_bar-content .announcement_button .button { padding:5px 5px; min-height:23px; font-size:10px; line-height:12px; letter-spacing:0.4px; border-radius:3px; }
  .announcement-bar-section .utility-bar__grid.page-width {padding-left:20px; padding-right:20px; }
}

/***** Header *****/
.shopify-section-group-header-group.section-header { top:60px; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
/*.shopify-section-group-header-group.section-header.shopify-section-header-sticky {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}*/
.header .header__heading-link { padding:0; margin-left:0; }
.account-button { background-color:#304e55; min-width:111px; font-size:13px; }
.header__inline-menu .header__menu-item {
  font-size:12px; font-weight:700;
  color:#304E55; text-transform:uppercase;
  padding:11px 25px; letter-spacing:0.575px;
}
.header__inline-menu .mega-menu:hover .header__menu-item { text-decoration-thickness:1px !important; }
.header__inline-menu .mega-menu__content .megamenu-wrapper .megamenu_inner_outer {
  display:flex; gap:100px;
}
.megamenu-wrapper .megamenu_inner_outer .megamenu_item {
  flex:0 0 calc(50% - 50px); position:relative;
}
.megamenu-wrapper .megamenu_inner_outer .megamenu_item.item_right:before {
  content:'';
  width:1px;
  position:absolute;
  top:0; bottom:0; left:-50px;
  background-color:#6D98BA;
}
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer { display:flex; gap:38px; align-items:center; }
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item_image { flex:0 0 280px; }
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item_image > a { display:inline-block; }
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item_image .product__image-wrapper { border-radius:20px; overflow:hidden; font-size:0; line-height:0; }
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item_image .product__image-wrapper > img { display:inline-block; max-width:100%; height:auto; line-height: 0; font-size: 0; }
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item-details { flex:0 0 calc(100% - 318px); }
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item-details .item-title {
  margin:0 0 12px;
  font-size:30px; font-weight:700;
  font-family: 'Ubuntu';
  line-height:34px; color:#304E55;
}
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item-details .item-title > a { color:#304E55; text-decoration:none; }
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item-details .item-info {
  font-size:13px; font-weight:400;
  color:#304E55; line-height: 20px;
  letter-spacing: 0.65px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom:15px;
}
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item-details .item-link {
  color:#6D98BA; line-height:17px;
  font-size:14px; font-weight:600;
  text-transform:uppercase;
  color:#6D98BA; text-decoration:underline;
}
.megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item-details .item-link:hover { text-decoration:none; }

.header__inline-menu .header__menu-item .icon-caret {
  transform: rotate(0deg);
  transition: all 0.3s;
}
.header__inline-menu .header__menu-item .icon-caret[aria-expanded="true"] .icon-caret {
  transform: rotate(180deg);
}
.header__inline-menu .list-menu .mega-menu:before {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(48, 78, 85, 0.15);
  z-index: -1;
  backdrop-filter: blur(9px);
  opacity:0; visibility:hidden;
  transition:all 0.2s;
}
.header__inline-menu .list-menu .mega-menu[open]:before { opacity:1; visibility:visible; }
@media(min-width:992px) and (max-width:1199px){
  .header__inline-menu .header__menu-item {
    padding-inline-end: 18px;
    padding-inline-start: 12px;
  }
  .header__inline-menu .header__menu-item .icon-caret { right:0; }
}
@media(max-width:991px){
  .megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item_image .product__image-wrapper { margin:auto; }
  .megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item-details { text-align:center; }
}
@media(max-width:749px){
  .megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item_image .product__image-wrapper { border-radius:10px; }
}
/* Mobile Menu */
.header__icon--menu[aria-expanded=true]:before {
  backdrop-filter: blur(9px); background: rgba(48, 78, 85, 0.15);
}
.menu-drawer .menu-drawer__navigation .menu-drawer__menu > li { margin-bottom:0; }
.menu-drawer .menu-drawer__navigation .menu-drawer__menu > li .list-menu__item {
  position:relative;
  padding:1.5rem 3.5rem;
  font-size:12px; font-weight:700;
  letter-spacing:0.7px; line-height:1;
  color:#304E55; text-transform:uppercase;
  gap:15px;
}
.menu-drawer .menu-drawer__navigation .menu-drawer__menu > li .list-menu__item:after {
  content:'';
  height:1px;
  background-color:#DCE1E2;
  position:absolute;
  bottom:0px; left:3rem; right:3rem;
}
.menu-drawer .menu-drawer__navigation .menu-drawer__menu > li .list-menu__item .svg-wrapper {
  position:static;
  transform:none;
  width:8px; height:13px;
}
.menu-drawer .menu-drawer__navigation .menu-drawer__menu > li .menu-drawer__submenu .menu-drawer__close-button {
  font-size:12px; font-weight:700;
  letter-spacing:0.7px; line-height:1;
  color:#304E55; text-transform:uppercase;
  background-color:transparent;
  /*border-bottom:1px solid #DCE1E2;*/
  padding-bottom:20px; position:relative;
  margin-top:0; padding-top:20px;
  @media(max-width:749px){
    letter-spacing:0.575px;
    font-family: "CommutersSans";
  }
}
.menu-drawer .menu-drawer__navigation .menu-drawer__menu > li .menu-drawer__submenu .menu-drawer__close-button:hover {
  background-color:rgba(var(--color-foreground),.04)
}
.menu-drawer .menu-drawer__navigation .menu-drawer__menu > li .menu-drawer__submenu .menu-drawer__close-button:after {
  content:'';
  height:1px;
  background-color:#DCE1E2;
  position:absolute;
  bottom:0px; left:3rem; right:3rem;
}
.menu-drawer .menu-drawer__navigation .menu-drawer__menu > li .menu-drawer__submenu .menu-drawer__close-button .svg-wrapper { width:8px; height:13px; }
.menu-drawer .menu-drawer__navigation .menu-drawer__menu .megamenu-wrapper .megamenu_inner_outer { gap:40px; display: flex; flex-direction: column; padding: 20px 0; }
.menu-drawer .menu-drawer__navigation .menu-drawer__menu .megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer { flex-direction: column; gap:25px; }
.menu-drawer .menu-drawer__navigation .menu-drawer__menu .megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item_image { flex:0 0 auto; font-size:0; }
#menu-drawer.menu-drawer { box-shadow: 0px 1px 5px rgba(0,0,0,0.1) inset; }
.menu-drawer .menu-drawer__navigation-container { display:block; }
.menu-drawer .menu-drawer__navigation-container .menu-drawer__navigation { padding-bottom:0; }
.menu-drawer .menu-drawer__navigation-container .menu-drawer__utility-links { padding-bottom:0; padding-top:0; background-color:transparent; margin-top:18px; }
.menu-drawer .menu-drawer__navigation-container .menu-drawer__utility-links .menu-drawer__account {
  /*background-color: #304e55;*/ color:#fff; min-width: 111px;
  @media(max-width:749px){
    font-size:12.5px; line-height:16px;
  }
}
.menu-drawer .menu-drawer__navigation-container .menu-drawer__utility-links .menu-drawer__account .svg-wrapper { display:none; }

@media(max-width:749px){
  .megamenu-wrapper .megamenu_inner_outer .megamenu_item .item_outer .item-details .item-title>a { font-size:24px; line-height:28px; }
}
.js details[open].menu-opening>.menu-drawer,
details[open].menu-opening>.menu-drawer__submenu { box-shadow: 0 1px 5px #0000001a inset; }

.menu-drawer .menu-drawer__navigation-container .menu-drawer__image-text {
  padding:0;
  position:relative;
  margin:35px 3rem;
  .drawer--image-text {
    position:relative;
    border-radius:18px;
    overflow:hidden;
    font-size:0; line-height:0;
    > img { max-width:100%; margin:0 auto; display:inline-block; border-radius:18px; height:auto; width:auto;}
    &:after {
      content:'';
      position:absolute;
      top:0; left:0; right:0; bottom:0;
      opacity: 0.8758;
      background: linear-gradient(180deg, #304E55 6.88%, rgba(48, 78, 85, 0.00) 59.67%);
    }
  }
  .drawer__image--content {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    flex-direction:column;
    text-align:center;
    padding:14px 15px 12px;
    .content {
      .heading {
        color: #FFF;
        text-align: center;
        font-family: 'Ubuntu';
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
      }
      .info {
        color: #FFF;
        text-align: center;
        font-family: "CommutersSans";
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.55px;
        margin-top:5px;
      }
    }
    .drawer__action--bar {
      .button { min-width:1px; padding-left:25px; padding-right:25px; }
    }
  }
}

/**** PDP Header *****/
.header.pdp-header { display:flex; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
.header.pdp-header.header--middle-center { align-items:center; justify-content:center; }
/**** Topbar steps css *****/
.topbar-steps { flex-grow:1; }
.steps-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 550px;
    width: 100%; margin:auto;
  .step {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex:0 0 33.33%;
    flex-wrap:wrap;
    flex-direction:column;
    &:before {
      content:'';
      height:1px;
      background-color:rgb(109 152 186 / 50%);
      position:absolute;
      left:0; right:calc(50% + 15px); top:11px;
      z-index:0;
    }
    &:after {
      content:'';
      height:1px;
      background-color:rgb(109 152 186 / 50%);
      position:absolute;
      left:calc(50% + 15px); right:0; top:11px;
      z-index:0;
    }
    &:first-child {
      &:before { display:none; }
    }
    &:last-child {
      &:after { display:none; }
    }
    .count {
      background-color:#fff;
      border:2px solid rgb(109 152 186 / 50%);
      border-radius:100%; width:22px; height:22px;
      display:flex; align-items:center; justify-content:center;
      color: rgba(109, 152, 186, 0.50);
      text-align: center;
      font-family: 'Ubuntu';
      font-size: 13px;
      font-style: normal;
      font-weight: 700;
      line-height: 19px;
      position:relative; z-index:1;
    }
    .title {
      margin:0;
      color: rgb(109 152 186 / 50%);
      text-align: center;
      font-family: 'Ubuntu';
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 19px;
      position:relative; z-index:1;
    }
     &.active, &.done {
      .count {
        cursor: pointer;
        background-color:#6D98BA;
        color:#fff;
      }
      .title {
        cursor: pointer;
        color:#6D98BA;
        font-weight:700;
       }
       &:before {
         background-color:#6D98BA;
       }
    }
    &.done {
      &:after {
         background-color:#6D98BA;
       }
    }
  }
}

/***** Footer *****/
.footer .page-width { max-width:1150px; padding-bottom:35px; }
.footer .footer__top_section { margin-bottom:40px; }
.footer .footer__top_section .top__header {
  font-size:24px; font-weight:700;
  font-family: 'Ubuntu';
  line-height:1; color:#304E55;
  margin-bottom:20px;
}
.footer .footer__top_section .top__header + .button { min-width:180px; }
.footer .footer__blocks-wrapper { gap:40px; }
.footer .footer-block {
  width:calc(16.67% - 50px * 5 / 4);
}
.footer .footer-block:has(.footer-block-logo) {
  flex: 0 0 170px;
}
.footer .footer-block:has(.footer-block-payment) {
  flex: 0 0 130px;
}
.footer .footer-block .footer-block-logo { padding-right: 20px; }
.footer .footer-block__details-content.footer-block-logo .footer-block__image-wrapper { margin-bottom:10px; }
.footer .footer-block__details-content.footer-block-logo .footer-logo-title {
  margin-bottom:28px;
  font-size:11px; font-weight:600;
  letter-spacing:0.7px; line-height:1;
  color:#304E55;
}
.footer .footer-block__details-content.footer-block-logo .footer-social-lists .list-social { justify-content: flex-start; gap:6px; }
.footer .footer-block__details-content.footer-block-logo .footer-social-lists .list-social .list-social__item > a { padding:0; }
.footer .footer-block__details-content.footer-block-logo .footer-social-lists .list-social .list-social__item > a .svg-wrapper,
.footer .footer-block__details-content.footer-block-logo .footer-social-lists .list-social .list-social__item > a .svg-wrapper > .icon{ width:29px; height:29px; }
.footer .footer-block  .footer-block__heading {
  font-family: 'CommutersSans';
  font-size:17px; font-weight:700;
  color:#304E55; margin-bottom:5px;
  line-height:1; text-transform: uppercase;
}
.footer .footer-block.footer-block--menu > .footer-block__details-content > li > .link {
  padding-bottom:0;
  font-size:11px; font-weight:400;
  letter-spacing:0.55px; line-height:16px;
  color:#304E55; text-decoration: underline;
  text-transform:uppercase;
}
.footer .footer-block.footer-block--menu > .footer-block__details-content > li > .link:hover { text-decoration:none; }

.footer .footer-block .footer-block-payment { text-align:left !important; }
.footer .footer-block .footer-block-payment .footer-block__heading { margin-bottom:17px; }
.footer .footer-block .footer-block-payment .footer__payment { margin-top:0; }
.footer .footer-block .footer-block-payment .footer__payment .list-payment { justify-content: flex-start; gap:10px; }
.footer .footer-block .footer-block-payment .footer__payment .list-payment .list-payment__item { padding:0; }

.footer .footer__content-bottom { padding-top:0; border-top:0 none;}
.footer .footer__content-bottom .page-width { padding-top:0; padding-bottom:0; }
.footer .footer__content-bottom .footer__copyright {
  margin-top:0;
  font-size:11px; font-weight:600;
  letter-spacing:0.55px; line-height:15px;
  color:#304E55; text-transform:uppercase;
}

@media(max-width:1199px){
  .footer .footer-block:has(.footer-block-logo) { flex: 0 0 calc(50% - 20px); order:0; }
  .footer .footer-block:has(.footer-block-payment) { flex:0 0 calc(50% - 20px); order:1; }
  .footer .footer-block { order:2; }
}
@media(max-width:749px){
  .footer { padding-top:35px !important; padding-bottom:35px !important; }
  .footer .footer__top_section { display:none; }
  .footer .footer-block:not(:first-child),
  .footer .footer-block:not(:last-child){ margin-bottom:20px !important; margin-top:0 !important; }
  .footer .footer-block:has(.footer-block-logo) { margin-bottom:30px !important; }
  .footer .footer-block:has(.footer-block-payment) { margin-top:30px !important; margin-bottom:0px !important; }
  .footer .footer-block .footer-block__details-content { margin-bottom:0; }
  .footer__content-bottom .footer__content-bottom-wrapper { justify-content:flex-start; }
  .footer .footer__content-bottom .footer__copyright { text-align:left; }
  .page-width { padding-left:20px !important; padding-right:20px !important; }
  .footer .page-width { padding-bottom:0; }
  .footer .footer-block .footer-block__heading {
    font-size:14px;
    line-height:17px;
  }
  .footer .footer-block.footer-block--menu .footer-block__heading {
    position:relative;
    padding-left:25px;
    cursor:pointer;
  }
  .footer .footer-block.footer-block--menu .footer-block__heading:before {
    content:'';
    width:17px; height:17px;
    position:absolute;
    top:1px; left:0;
    background:url("//www.naturetek.com/cdn/shop/t/33/assets/icon-circle-arrow-down.svg?v=124344019363790305301759906106") no-repeat center center;
    background-size:100%;
    transition:all 0.3s;
    transform:rotate(0deg);
  }
  .footer .footer-block.footer-block--menu .footer-block__heading.open:before { transform:rotate(-180deg); }
  .footer .footer-block.footer-block--menu .footer-block__heading + .footer-block__details-content { display:none; margin-left:25px; }
  .footer .footer-block.footer-block--menu .footer-block__heading.open + .footer-block__details-content { display:block; }
}

/***** Heading CSS *****/
.h1 {
  /* font-size:42px; */
  font-size:32px !important;
  font-weight:700;
  font-family: 'Ubuntu';
  line-height:44px; color:#304E55;
  letter-spacing: normal;
}

/***** Collapsible Content Control *****/
@media screen and (min-width: 750px) {
  .collapsible-content__heading { margin-bottom:50px; }
}

/***** Form CSS *****/
.floating-form-group {
  position: relative;
}
.floating-form-group input,
.floating-form-group textarea{
  width: 100%;
  padding:10px 21px;
  min-height:45px;
  border-radius: 11px;
  border: 3px solid #DCE1E2;
  background: #F7F8F8;
  color: #304E55;
  font-family: "CommutersSans";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase;
  @media screen and (max-width: 749px) {
    font-size: 16px;
  }

}
.floating-form-group label {
  position: absolute;
  left: 21px;
  top: 17px;
  color: #304E55;
  font-family: "CommutersSans";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase;
  transition: all 0.3s;
  letter-spacing:0.65px;
}
.floating-form-group input:focus,
.floating-form-group textarea:focus{
  border-color: #DCE1E2;
  outline: none;
  box-shadow:none;
}
.floating-form-group input:focus + label,
.floating-form-group textarea:focus + label,
.floating-form-group input:not(:placeholder-shown) + label,
.floating-form-group textarea:not(:placeholder-shown) + label{
  top: -5px;
  color: #304E55;
  font-family: "CommutersSans";
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 13px;
  /* text-transform: uppercase; */
  background-color: #F7F8F8;
  padding: 1px 4px;
  border-radius: 4px;
  left: 17px;
  letter-spacing:0.65px;
}
/***** Form Type css *****/
/* Use contact2 page */
.form-type1 {
  .form-group {
    margin-bottom:11px; line-height:0;
    .form-control {
      border:0 none;
      min-height:55px;
      border-radius: 7px;
      background: #FFF;
      box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) inset;
      color: #304E55;
      font-family: "CommutersSans";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      padding:12px 15px;
      text-transform:none;
      &:focus + label, &:not(:placeholder-shown) + label {
        top:-2px; left:15px;
        color: #304E55;
        font-weight: 600;
        /* border-radius:0; */
      }
    }
    label {
      /*top:22px;*/
      left:15px;
      color: #304E55;
      font-family: "CommutersSans";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      text-transform: capitalize;
      border-radius:0;
    }
    @media(max-width:749px){
      font-size: 14px;
    }
    textarea.form-control {
      resize:none; width:100%; min-height:250px; outline:none;
      &:focus { outline:none; }
    }
  }
  .form-action {
    @media(max-width:749px){
      text-align:center;
    }
    .button { min-width:152px; }
  }
}
/***** Common Class *****/
.mt-0 { margin-top:0 !important; }
.mb-0 { margin-bottom:0 !important; }
.img-fluid { display:inline-block; max-width:100%; height:auto; }

.h1 {
  @media(max-width:749px){
    font-size:24px;
    /* line-height:27px; */
    line-height:40px;
  }
  @media (max-width: 1099px) {
    font-size: 36px;
  }
  @media (max-width: 749px) {
    font-size: 32px;
  }
  @media (max-width: 640px) {
    font-size: 26px;
  }
}

/***** Box type Css *****/
.box-type1 {
  padding:18px 30px;
  border-radius: 20px;
  border: 3px solid #DCE1E2;
  background: #FFF;
}
/***** Points Type Css *****/
.points-type1 {
  margin:0; padding:0; list-style-type:none;
  > li {
    color: #304E55;
    font-family: "CommutersSans";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
    text-transform: uppercase;
    display:flex; align-items:center;
    gap:8px; margin-bottom:10px;
    @media(max-width:749px){ margin-bottom:7px; }
    &:last-child {
      margin-bottom:0;
      @media(max-width:749px){ margin-bottom:0px; }
    }
    &:before {
      content:'';
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22%2011C22%2017.0751%2017.0751%2022%2011%2022C4.92485%2022%200%2017.0751%200%2011C0%204.92485%204.92485%200%2011%200C17.0751%200%2022%204.92485%2022%2011ZM9.72764%2016.8244L17.8889%208.66312C18.1661%208.38599%2018.1661%207.93663%2017.8889%207.6595L16.8853%206.65589C16.6082%206.37871%2016.1588%206.37871%2015.8816%206.65589L9.22581%2013.3117L6.11835%2010.2042C5.84122%209.9271%205.39186%209.9271%205.11469%2010.2042L4.11107%2011.2078C3.83394%2011.485%203.83394%2011.9343%204.11107%2012.2115L8.72398%2016.8244C9.00115%2017.1015%209.45046%2017.1015%209.72764%2016.8244Z%22%20fill%3D%22%236D98BA%22%2F%3E%3C%2Fsvg%3E");
      background-size:100%;
      width:22px; height:22px;
      flex:0 0 22px;
      @media(max-width:749px){
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.9291%208.48842C15.9291%2012.7448%2012.4787%2016.1952%208.22237%2016.1952C3.96604%2016.1952%200.515625%2012.7447%200.515625%208.48842C0.515625%204.23209%203.96604%200.781677%208.22237%200.781677C12.4787%200.781677%2015.9291%204.23209%2015.9291%208.48842ZM7.33094%2012.5691L13.0488%206.85117C13.243%206.65701%2013.243%206.34219%2013.0488%206.14803L12.3457%205.44488C12.1515%205.25069%2011.8367%205.25069%2011.6425%205.44488L6.97935%2010.108L4.80222%207.93089C4.60806%207.73673%204.29323%207.73673%204.09904%207.93089L3.3959%208.63404C3.20174%208.8282%203.20174%209.14303%203.3959%209.33719L6.62776%2012.569C6.82195%2012.7632%207.13674%2012.7632%207.33094%2012.5691Z%22%20fill%3D%22%236D98BA%22%2F%3E%3C%2Fsvg%3E");
        background-size:100%;
      }
    }
  }
}
.points-type2 {
  margin:0; padding:0; list-style-type:none;
  > li {
    color: #304E55;
    font-family: "CommutersSans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px; /* 146.154% */
    display:flex; align-items:center;
    gap:15px; margin-bottom:15px;
    @media(max-width:749px){ margin-bottom:10px; }
    &:last-child {
      margin-bottom:0;
      @media(max-width:749px){ margin-bottom:0px; }
    }
    &:before {
      content:'';
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2216%22%20viewBox%3D%220%200%2022%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M20%201.5L7.625%2013.875L2%208.25%22%20stroke%3D%22%236D98BA%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
      background-size:100%;
      width:18px; height:13px;
      flex:0 0 18px;
    }
  }
}

.template-index {
  main.content-for-layout {
    position:relative;
  }
}

/***** Custom Modal Popup CSS *****/
.Klaviyo-modal-popup, .custom-modal-popup {
  position:fixed;
  top:0; left:0; bottom:0; right:0;
  height:100dvh; z-index:99;
  opacity:0; visibility:hidden;
  transition:all 0.3s;
  &.open { opacity:1; visibility:visible; }
  .popup-scroll {
    max-height:100vh;
    overflow-y: auto;
    overflow-x:hidden;
    padding:60px 0;
    position:relative;
    scrollbar-width: none;
    &::-webkit-scrollbar { display: none; }
    @media(max-width:749px){
      padding:40px 0;
    }
  }
  .popup-overlay {
    position:fixed;
    top:0; left:0; bottom:0; right:0;
    height:100dvh;
    background: rgba(48, 78, 85, 0.15);
    backdrop-filter: blur(9px);
    display:block !important;
  }
  .popup-container{
    position:relative;
    z-index:1;
    max-width:740px;
    padding-left:20px; padding-right:20px;
    margin:0 auto;
    .popup-wrapper {
      background: #85ACA6;
      background: linear-gradient(0deg, rgba(133, 172, 166, 1) 0%, rgba(109, 152, 186, 1) 100%);
      padding:6px;
      border-radius:20px;
      @media(max-width:749px){
        padding:4px;
      }
      .popup-inner-wrapper {
        background-color:#F7F8F8;
        border-radius:15px;
        padding:30px 60px 60px;
        position:relative;
        @media(max-width:749px){
          padding:10px 12px 20px;
        }
        .popup-close-wrapper {
          text-align:right; font-size:0; line-height:0;
          position:sticky;
          top:0px; right: 0px;
          margin-right:-40px; z-index:1;
          @media(max-width:749px){
            margin-right:-5px;
          }
          .popup-close {
            display:inline-block;
            font-size:0; line-height:0;
            @media(max-width:749px){
              > svg { width:28px; height:28px; }
            }
          }
        }
        .popup-header {
          color: #304E55;
          text-align: center;
          font-family: 'Ubuntu';
          font-size: 32px;
          font-style: normal;
          font-weight: 700;
          line-height: 37px;
          margin:0 0 15px;
          .text-center { text-align:center;}
          @media(max-width:749px){
            font-size:24px; line-height:28px;
            margin:0 0 10px; padding-inline: 30px;
            line-height:36px;
          }
          @media(max-width: 480px){
            max-width: 300px;
            margin-inline: auto;
            font-size:26px !important;
          }
        }
        .popup-info-text {
          color: #304E55;
          font-family: 'Ubuntu';
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: 0.8px;
          text-transform: capitalize;
          margin-bottom:20px;
          .text-center { text-align:center;}
          @media(max-width:749px){
            font-size:12px; line-height:14px;
            letter-spacing: 0.6px;
          }
        }
        .pests-item-wrapper {
          max-width:505px;
          margin:0 auto;
          .pest-items {
            display: flex;
            gap:25px 20px; flex-wrap: wrap;
            @media(max-width:749px){
              gap:6px 9px;
            }
            .pest-label {
              border-radius: 11px;
              border: 3px solid #DCE1E2;
              overflow: hidden;
              flex:0 0 calc(25% - 15px);
              margin:0;
              position: relative;
              min-height: 100px; cursor: pointer;
              background: #DCE1E2;
              @media(max-width:749px){
                flex:0 0 calc(33.33% - 6px); min-height:83px;
              }
              > input { position: absolute; top:0; left:0; visibility: hidden; opacity: 0; }
              .content {
                position: absolute;
                bottom:-1px;
                left:0; right:0;
                background-color: #DCE1E2;
                padding:5px 0; text-align: center;
                color: #304E55;
                font-family: "CommutersSans";
                font-size: 10px;
                font-style: normal;
                font-weight: 700;
                line-height: 12px;
                text-transform: uppercase;
                @media(max-width:749px){
                  font-size: 8px; padding:4px 0px;
                  line-height: 10px;
                }
              }
              .svg-outer {
                min-height:75px; display: flex; align-items: center; justify-content: center; background: #fff;
                @media(max-width:749px){
                  min-height:58px
                }
                > svg, img {
                  display: inline-block; max-width: 115px; max-height: 60px; padding-block: 0px;
                  @media(max-width:749px){
                    max-height:48px
                  }
                }
              }
              &:has(input:checked){
                background-color: #85ACA6;
                border-color: #85ACA6;
                .content {
                  background-color: #85ACA6; color:#fff;
                }
                .svg-outer { background-color: #85ACA6; }
              }
            }
          }
        }
        .pest-lists {
          .pest-items {
            margin-top:40px;
            &:first-child { margin-top:30px; }
            @media(max-width:749px){
              margin-top:25px;
              &:first-child { margin-top:20px; }
            }
            .pest-header {
              border-bottom:1px solid #6D98BA;
              padding-bottom:10px;
              display:flex; justify-content:space-between;
              align-items:center;
              .h2 {
                margin:0;
                color: #304E55;
                /* font-family: 'Ubuntu'; */
                /* font-size: 22px; */
                font-family: "CommutersSans";
                font-size: 18px !important;
                font-style: normal;
                font-weight: 700;
                line-height: 25px;
                @media(max-width:749px){ font-size: 16px; line-height:18px; white-space: nowrap; }
              }
              .pest-link {
                color: #304E55;
                font-family: "CommutersSans";
                font-size: 10px;
                font-style: normal;
                font-weight: 700;
                line-height: 11px;
                letter-spacing: 0.4px;
                text-decoration-line: underline;
                text-decoration-style: solid;
                text-decoration-skip-ink: auto;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
                text-transform: uppercase; text-align:right;
                @media(max-width:749px){ font-size: 9px; line-height:11px; }
                &:hover {
                  text-decoration:none;
                }
              }
            }
            .species-list {
              padding:25px 18px 0;
              @media(max-width:749px){ padding:15px 0 0; }
              .species-items {
                padding:0; margin:0; list-style-type:none;
                .species-item {
                  display:flex;
                  gap:10px 40px;
                  align-items:center;
                  min-height:70px;
                  border:4px solid #fff;
                  background-color:#fff;
                  border-radius:15px;
                  margin-bottom:20px;
                  padding:0 35px;
                  transition:all 0.3s;
                  @media(max-width:1199px){
                    gap:10px 20px;
                    padding:0 15px;
                  }
                 @media(max-width:749px){
                   gap:10px 40px;
                   margin-bottom:10px;
                   min-height:50px;
                   border-width:2px;
                   border-radius:5px;
                 }
                 @media(max-width:374px){
                   gap:10px 20px;
                 }
                  &.clickable {
                    cursor:pointer;
                  }
                  &:last-child { margin-bottom:0; }
                  &.clickable.active, &.clickable:hover {
                    border-color:#6D98BA;
                  }
                  .image {
                    flex:0 0 95px;
                    width:95px;
                    font-size:0; line-height:0;
                    display:flex;justify-content:center;
                    align-items:center;
                    img { width:auto; max-height:62px; }
                    @media(max-width:1199px){
                      flex:0 0 95px; width:95px;
                    }
                    @media(max-width:749px){
                      flex:0 0 65px; width:65px;
                    }
                  }
                  .text {
                    flex-grow:1;
                    color: #304E55;
                    /* font-family: 'Ubuntu'; */
                    font-family: "CommutersSans";
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 16px;
                    text-transform: capitalize;
                    @media(max-width:749px){
                      /*font-size:12px;*/ line-height:14px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media screen and (min-width: 750px) {
  .page-width {
      padding: 0 3rem;
  }
  .header:not(.drawer-menu).page-width {
      padding-left: 3rem;
      padding-right: 3rem;
  }
}
.sucess__message {
  background-color:#e9fbe9;
  display:block;
  border-radius:5px;
  padding:10px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  text-align:left;
  .msg-icon {
    width:30px; height:30px;
    .icon {
      width:28px; height:28px;
      > path:first-child { fill:#1fad1f; }
    }
  }
  .msg-content {
    flex-grow:1;
    > span {
      font-family: 'CommutersSans';
      font-size: 15px;
      font-weight: 700;
      color: #1fad1f;
      margin-bottom: 7px;
      line-height: 18px;
      display:block;
      margin-bottom:5px;
    }
    .form__message {
      margin:0;
      font-weight: 400;
      font-size: 11px;
      line-height: 13px;
      font-family: 'CommutersSans';
      color:#178217;
    }
  }
}
.error__message {
  background-color:#fde9e7;
  display:block;
  border-radius:5px;
  padding:10px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  text-align:left;
  .msg-icon {
    width:30px; height:30px;
    .icon {
      width:28px; height:28px;
      circle + circle { fill:#ec2513; }
    }
  }
  .msg-content {
    flex-grow:1;
    > span {
      font-family: 'CommutersSans';
      font-size: 15px;
      font-weight: 700;
      color: #ec2513;
      margin-bottom: 7px;
      line-height: 18px;
      display:block;
      margin-bottom:5px;
    }
    .form__message {
      margin:0;
      font-weight: 400;
      font-size: 11px;
      line-height: 13px;
      font-family: 'CommutersSans';
      color:#8e160b;
    }
    .errors {
      ul {
        margin:0; padding:0; list-style: inside;
        > li {
          margin:0 0 5px;
          font-weight: 400;
          font-size: 11px;
          line-height: 13px;
          font-family: 'CommutersSans';
          color:#8e160b;
          &:last-child { margin-bottom:0; }
        }
      }
    }
  }
}
.rte a {
  text-underline-offset: 1px;
  text-decoration-thickness: 1px;
  color:#304e55;
  &:hover {
    text-decoration: none;
    color:#304e55;
  }
}

/*
** Judge me shopify app review page related CSS - 03-06-2025
*/
.template-page-reviews {
  .jdgm-widget {
    max-width: 1000px;
    margin-inline: auto;
    .jdgm-write-rev-link {
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 600;
      min-width: 217px;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
      letter-spacing: 0.7px;
      line-height: 1;
      min-height: 35px;
      border-radius: 8px;
    }
    /* .jdgm-star,
    .jdgm-histogram__frequency,
    .jdgm-all-reviews__summary-average,
    .jdgm-all-reviews__summary-text,
    .jdgm-link,
    .jdgm-link:hover,
    .jdgm-rev__prod-link,
    .jdgm-rev__prod-link:hover,
    .jdgm-rev__author,
    .jdgm-cancel-rev {
      color: #304e55 !important;
    } */
    .jdgm-all-reviews__summary-average,
    .jdgm-all-reviews__summary-text {
      color: #304e55 !important;
    }
    /* .jdgm-histogram__bar-content,
    .jdgm-rev__buyer-badge,
    .jdgm-submit-rev,
    .jdgm-write-rev-link {
      background-color: #304e55 !important;
    } */
    .jdgm-sort-dropdown-wrapper {
      .jdgm-sort-dropdown {
        /* color: #304e55; */
        font-weight: 700;
        font-family: 'CommutersSans';
      }
      /* .jdgm-sort-dropdown-arrow {
        color: #304e55;
      } */
    }
    .jdgm-rev__prod-link-prefix {
       &:before {
        text-transform: capitalize;
      }
    }
    /* .jdgm-rev__icon {
      &:before {
        color: #304e55;
      }
      &:after {
        background-color: #304e55 !important;
      }
    } */
    .jdgm-btn {
      
    }
    textarea {
      border-radius: 8px !important;
      /* &:focus {
        border-color: #304e55 !important;
      } */
    }
    .jdgm-picture-fieldset__box-wrapper,
    .jdgm-btn,
    .jdgm-input-error{
      border-radius: 8px !important;
    }
    .jdgm-form__fieldset {
      input {
        border-radius: 8px !important;
        /* &:focus {
          border-color: #304e55 !important;
        } */
      }
      /* a {
        color: #304e55 !important;
      } */
      label {
        font-weight: 600;
      }
    }
    /* .jdgm-cancel-rev,
    .jdgm-submit-rev,
    .jdgm-write-rev-link {
      border-color: #304e55 !important;
    } */
    .jdgm-form__title {
      font-size: 20px;
      @media(max-width:749px){
        font-size: 18px;
      }
    }
  }
}
/*
** Judge me shopify app review page related CSS - 03-06-2025
*/

/*
** Judge me shopify app review section related CSS - 09-06-2025
*/
.shopify-section .jdgm-carousel-wrapper{
  padding-block: 28px;
}
.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__review .jdgm--on {
  background: transparent !important;
  color: #304E55 !important;
}
.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__review .jdgm-star { padding-inline: 0 !important; }
.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__review .jdgm-carousel-item__review-rating {
  font-size: 2rem !important;
}
.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__review .jdgm-carousel-item__review-rating {
  margin-bottom: 16px !important;
}

.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__reviewer-name-wrapper { margin-block-start: 0; }

.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__review .jdgm-carousel-item__review-body p:before { content: '“'; }
.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__review .jdgm-carousel-item__review-body p:after { content: '”'; }

.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__review .jdgm-carousel-item__review-body,
.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__reviewer-name-wrapper .jdgm-carousel-item__reviewer-name {
  /* font-size: 16px; */
  font-size: 14px !important;
  color:#304e55;
  @media (max-width: 1099px) {
    font-size: 14px;
  }
  @media (max-width: 640px) {
    font-size: 13px;
  }
}
.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__reviewer-name-wrapper .jdgm-carousel-item__reviewer-name {
  position: relative;
  opacity: 1;
  padding-inline-start: 12px;
  font-family: "Ubuntu";
  font-size: 16px;
  font-weight: 400;
}
.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__reviewer-name-wrapper .jdgm-carousel-item__reviewer-name:before {
  content: "";
  background-color: #304e55;
  width: 6px;
  height: 1.5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__arrows {
  display: flex;
  justify-content: flex-end;
  padding: 0 20px;
}
.shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__inner-wrapper {
  background-color: #fff;
  border-radius: 24px;
  padding: 18px 24px;
}
@media screen and (max-width: 767px) {
  .shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__review .jdgm-carousel-item__review-rating {
    font-size: 1.8rem !important;
  }
  .shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__review .jdgm-carousel-item__review-body,
  .shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item .jdgm-carousel-item__reviewer-name-wrapper .jdgm-carousel-item__reviewer-name {
    font-size: 12px;
  }
  .shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__item-container .jdgm-carousel__item-wrapper .jdgm-carousel-item {
    width: 100%;
  }
  .shopify-section .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel .jdgm-carousel__arrows {
    justify-content: center;
  }
}
/*
** Judge me shopify app review section related CSS - 09-06-2025
*/

.logged-in-btn .my-account {
  font-size: 14px;
  margin-inline-start: 10px;
}

.logged-in-btn .svg-wrapper {
  width: 17px; height: 18px;
}

@media (min-width: 750px) and (max-width: 849px) {
  .logged-in-btn .my-account {
    font-size: 12px;
  }
}

@media (max-width: 749px) {
  .menu-drawer .menu-drawer__navigation-container .menu-drawer__utility-links .menu-drawer__account.logged-in-btn { gap: 7px;}
  .menu-drawer .menu-drawer__navigation-container .menu-drawer__utility-links .menu-drawer__account.logged-in-btn .svg-wrapper {
    display: inline-block;
    width: 15px; height: 16px;
  }
}

:is(.account, .order, .addresses) {
  .customer__title, h1 {
    font-family: Ubuntu;
    font-weight: 700;    
  }
  h2 {
    font-family: Ubuntu;
    font-weight: 600;    
  }
}

.address-btn {
  color: #304E55 !important;  
}

.address-btn:after {
  --border-offset: 1.3px;
  --buttons-border-width: 2px;
}

.customer.addresses .item-selector-wrapper {
  font-size: 14px;
  color: #304E55;
}

.customer.addresses .select .item-selector:hover:after {
  border: none;  
}

.customer.addresses .select:after {
  box-shadow: none;
}

.customer.addresses .select .svg-wrapper {
  right: 20px;
  color: #304E55;
}

.customer.addresses .select .item-selector {
  border-radius: 11px;
  border: 2px solid #304E55;
  background: #fff;
  box-shadow: 0 3px 6px #00000029 inset;
  color: #304e55;
  font-family: CommutersSans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  padding: 13px 22px;
  letter-spacing: .65px;
  min-height: 55px;
}

@media (max-width: 480px) {
  .customer:not(.account):not(.order) {
    max-width: unset !important;
  }
}

.shopify-section:has(.jdgm-carousel-wrapper){
  background-color: #f7f8f8;
}

/* details .accordion__content {
  transform-origin: top;
  transform: scaleY(0);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  overflow: hidden;
}

details[open] .accordion__content {
  transform: scaleY(1);
  opacity: 1;
} */

@media (min-width: 750px) {
  .multicolumn-list .multicolumn-list__item:first-child .multicolumn-card .multicolumn-card__info .rte {
    max-width: 185px !important;
  }
}
@media (max-width: 749px) {
  .multicolumn-list .multicolumn-list__item:first-child .multicolumn-card .multicolumn-card__info .rte {
    max-width: 200px !important;
  }
}

.template-product .shopify-section-group-footer-group .footer { background-color:#fff; }
.template-product .shopify-section-group-footer-group .footer > .footer__content-top .footer__top_section { display:none; }

.footer .footer__content-bottom .pdp-mobile-case .pdp-footer-menu { display:none; }

/***** Safety Page CSS *****/
.template-page-safety #MainContent {
  @media(min-width:750px){
    .odd-event-box-section .imageBox-wrapper .imageBox-list .imageBox-item:first-child { padding-top:0; }
  }
  @media(max-width:749px){
    .custom-box-section:first-child .page-width {
      padding-block:20px 5px;
    }
    .custom-box-section:last-child .box-content-wrapper-narrow {
      padding-top:20px; padding-bottom:55px;
    }
  }
}
/***** Environment Page CSS *****/
.template-page-environment #MainContent {
  @media(max-width:749px){
    .custom-box-section:first-child .page-width {
      padding-block:20px 40px;
    }
    .custom-box-section:last-child .box-content-wrapper-narrow { padding-top:20px; padding-bottom:40px; }
    .imageBox-wrapper .imageBox-list .imageBox-item .content-inner .content-grid { gap:20px 0; }
  }
}

/***** Application Guide Page CSS *****/
.template-page-application-guide #MainContent {
  @media(min-width:750px){
    /*.odd-event-box-section .section-top-header*/
    .odd-event-box-section .imageBox-wrapper .imageBox-list .imageBox-item:not(:last-child) { padding-bottom:45px; }
    .video-section .title-wrapper { margin-bottom:4rem; }
  }
  @media(max-width:749px){
    .custom-box-section:first-child .page-width {
      padding-block:20px 13px;
    }
    .odd-event-box-section .section-top-header .heading { line-height:24px; margin-bottom:10px; }
    .video-section { padding-bottom:0; }
    .video-section .title-wrapper { margin-bottom:2rem; }
    .shopify-section:last-child .pest-content-wrapper-narrow { padding-bottom:40px; }
  }
}

/***** Pest Tutorial Landing Page CSS *****/
.template-page-pest-tutorials-landing #MainContent {
  @media(min-width:750px){
    .section-pests-item-wrapper .section-pest-items .pest-item  {
      min-height: 176px;
      .svg-outer {
        min-height:calc(100% - 34px);
      }
    }
  }
  @media(max-width:749px){
    .shopify-section:first-child .pestes-content-main-wrapper-narrow {
      padding-block:20px 30px;
    }
    .image-with-text:not(.image-with-text--overlap) .image-with-text__media-item .image-with-text__media { border-bottom:0 none; }
  }
}

/***** Tutorial Pages CSS *****/
[class*="template-page-tutorials"] #MainContent {
  @media(max-width:749px){
    .tutorial-page-section .page-width { padding-bottom:20px; }
    .species-section .species-section-wrapper .page-width { padding-bottom:40px; }
    .species-section .species-section-wrapper.color-scheme-2 .page-width { padding-top:40px; }
    .hazards-dangers-section .species-section-wrapper .page-width,
    .get-rid-section .species-section-wrapper .page-width,
    .faq-section .species-section-wrapper .page-width,
    .best-product-section .species-section-wrapper .page-width { padding-top:40px; padding-bottom:40px; }
  }
}
  
@media(max-width:749px){
  .template-index .shopify-section-group-header-group.announcement-bar-section,
  .template-page-pet-child-safety .shopify-section-group-header-group.announcement-bar-section { display: none; }
  .template-index .shopify-section-group-header-group.section-header,
  .template-page-pet-child-safety .shopify-section-group-header-group.section-header { top: 0; }
}

/***** PDP back button CSS - 18-07-2025 *****/
.back-btn-wrapper { max-width: 1150px; position: relative; }
.back-btn-wrapper .btn-previous-step {
  position: absolute;
  left: 30px;
  top: 20px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 400;
  font-family: Ubuntu;
  color: #304e55;
  text-decoration: underline;
}
.back-btn-wrapper .btn-previous-step .icon-caret {
  transform: rotate(90deg);
  transition: all 0.3s;
  background: #304e55;
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 5px 3px;
  border-radius: 50%;
}
.back-btn-wrapper .btn-previous-step svg.icon-caret path { fill: #fff; }
.customisation-steps-back-btn.back-btn-wrapper { max-width: unset; padding-inline: 0 !important; padding-block-start: 20px !important; }
.customisation-steps-back-btn.back-btn-wrapper .btn-previous-step {
  position: unset;
}
@media (min-width:750px) and (max-width:989px){
  .back-btn-wrapper .btn-previous-step { top: 10px; }
}
@media(min-width:750px){
  .topbar-steps .back-btn-wrapper .btn-previous-step { top: 17px; }
  .back-btn-wrapper.customisation-steps-back-btn { display: none; }
  .back-btn-wrapper .btn-previous-step {
    cursor: pointer;
  }
}
@media(max-width:749px){
  .back-btn-wrapper.header-back-btn { display: none; }
  .product-steps-outer .product-step3 .step3-top,
  .product-steps-outer .product-step4 .step-container {
    padding-block-start: 15px !important;
  }
  .back-btn-wrapper .btn-previous-step { font-size: 15px; gap: 10px; }
}
/***** PDP back button CSS - 18-07-2025 *****/

/***** PDP Registeration step CSS - 18-07-2025 *****/
.product-main-outer [name=hiko-container] { display: none; }
.product-step5 {
  .step-container {
    padding-block-start: 60px;
    @media(max-width:749px){ padding-block-end: 50px; }
    .register {
      max-width: 907px !important;
      padding-inline: 0 !important;
      .register-form-wrapper {
        @media(min-width:750px){
          background: white;
        }
        .register-form-wrapper-inner {
          max-width: 600px !important;
        }
      }
    }
  }
}
/***** PDP Registeration step CSS - 18-07-2025 *****/


@media (max-width: 749px) {
  .template-index .footer,
  .template-page-pet-child-safety .footer {
    padding-bottom: 135px !important;
  }
  .template-product .footer {
    padding-top: 25px !important;
    padding-bottom: 80px !important;
  }
  .template-product.current-step-2 .footer {
    padding-top: 10px !important;
    padding-bottom: 50px !important;
  }
  .template-product.pdp-footer-action .footer {
    /* padding-bottom: 85px !important; */
    padding-bottom: 150px !important;
  }
  .template-product.pdp-annual-plan-page .footer {
    padding-bottom: 110px !important;    
  }
  .template-product.pdp-onetime-purchase .footer {
    padding-bottom: 115px !important;
  }
  .template-product.pdp-registration .footer {
    padding-bottom: 35px !important;
  }
}

/* Compare section CSS change - 05-08-2025 */
.retail-product-section .detail > span {
  position: relative;
  top: 2px;
}
@media screen and (min-width: 750px) {
  .retail-product-section .detail.first > span { top: 1px; }
}
@media screen and (max-width: 749px) {
  .retail-product-section .detail.first > span { top: -1px; }
}
/* Compare section CSS change - 05-08-2025 */

@media (max-width: 749px) {
  .template-page-pet-child-safety .multicolumn .page-width {
    padding-top: 45px;
	  padding-bottom: 25px;
	}
}

@media (max-width: 460px) {
  .template-page-pet-child-safety .multicolumn .multicolumn__title h2.title {
    /* padding-inline: 26px; */
    padding-inline: 0;
  }
  
  .template-page-pet-child-safety .multicolumn .multicolumn__title h3.subheading {
    padding-inline: 50px;
  }
}

/* Home page revamp CSS - 08-10-2025 */
.template-index {
  .shopify-section {
    @media (max-width: 875px) {
      .mobile-color-scheme-875 {
        .product-box-outer-container {
          .image-with-text {
            .image-with-text__grid {
              .image-with-text__text-item {
                .image-with-text__content {
                  .image-with-text__heading, .image-with-text__text {
                    color: #304E55;
                  }
                }
              }
            }
          }
        }
      }
    }
    @media (max-width: 749px) {
      .mobile-color-scheme-749 {
        .product-box-outer-container {
          .image-with-text {
            .image-with-text__grid {
              .image-with-text__text-item {
                .image-with-text__content {
                  .image-with-text__heading, .image-with-text__text {
                    color: #304E55;
                  }
                }
              }
            }
          }
        }
      }
    }
    @media (min-width: 750px) {
      .desktop-color-scheme {
        .product-box-outer-container {
          .image-with-text {
            .image-with-text__grid {
              .image-with-text__text-item {
                .image-with-text__content {
                  .image-with-text__heading, .image-with-text__text {
                    color: #304E55;
                  }
                }
              }
            }
          }
        }
      }
    }
    .product-box-outer-container {
      max-width: 92rem;
      @media (min-width: 1280px) {
        padding-inline: 0;
      }
      @media (max-width: 1099px) {
        max-width: 83rem;
      }
      .image-with-text {
        .image-with-text__grid {
          @media (max-width: 749px) {
            gap: 15px;
          }
          .image-with-text__media, .image-with-text__content {
            background: none;
          }
          .image-with-text__media {
            border: none;
            padding: 0;
            > img {
              @media (max-width: 749px) {
                max-width: 450px;
                margin-inline: auto;
                transition: all 0.3s;
              }
              @media (max-width: 640px) {
                max-width: 350px;
              }
              @media (max-width: 479px) {
                max-width: 250px;
              }
            }
          }
          .image-with-text__content {
            gap: 40px;
            @media (max-width: 749px) {
              gap: 20px;
              padding-block-start: 10px;
            }
            @media (max-width: 479px) {
              padding-inline: 0;
            }
            .image-with-text__heading {
              /* font-size: 42px; */
              font-size: 32px !important;
              line-height: 1.15;
              font-family: "Ubuntu";
              font-weight: 600;
              /* max-width: 350px; */
              max-width: 320px;
              @media (max-width: 1099px) {
                font-size: 36px;
              }
              @media (max-width: 749px) {
                /* max-width: 343px; */
                max-width: 315px;
                font-size: 34px;
              }
              @media (max-width: 640px) {
                /* max-width: 265px; */
                font-size: 26px;
              }
              @media (max-width: 479px) {
                /* font-size: 34px !important; */
                /* max-width: 340px; */
              }
            }
            .image-with-text__text {
              /* font-size: 16px; */
              font-size: 14px !important;
              max-width: 378px;
              line-height: 1.5;
              @media (max-width: 1099px) {
                font-size: 14px;
                max-width: 322px;
              }
              @media (max-width: 749px) {
                /* font-size: 13px; */
                max-width: 386px;
              }
              @media (max-width: 640px) {
                /* font-size: 13px; */
                max-width: 378px;
              }
              @media (max-width: 420px) {
                  max-width: 335px;
              }
            }
            .button {
              margin-block-start: 1rem;
              @media (max-width: 749px) {
                display: none;
              }
            }
          }
        }
      }
    }
    .custom-product-box-container {
      @media (max-width: 875px) {
        padding-block: 0 10px;
      }
      .product-box-outer-container {
        @media (min-width: 1300px) {
          max-width: 124rem;
        }
        @media (min-width: 1200px) and (max-width: 1299px) {
          max-width: 115rem;
        }
        @media (min-width: 1100px) and (max-width: 1199px) {
          max-width: 105rem;
        }
        @media (min-width: 1024px) and (max-width: 1099px) {
          max-width: 95rem;
        }
        @media (min-width: 876px) and (max-width: 1023px) {
          max-width: 95rem;
        }
        @media (min-width: 876px) {
          padding-inline: 3rem;
        }
        @media (max-width: 875px) {
          padding-inline: 0;
          margin-inline: 0;
          max-width: 100%;
        }
        @media (min-width: 1280px) {
          padding-inline: 0;
        }
        .image-with-text {
          @media (min-width: 875px) {
            border-radius: 18px;
            background: linear-gradient(45deg, #6d98ba, #85aca6);
            background-attachment: fixed;
          }
          .image-with-text__grid {
            gap: 0;
            @media (max-width: 875px) {
              flex-direction: column;
            }
            .image-with-text__media, .image-with-text__content {
              background: none;
            }
            .image-with-text__media-item {
              /* width: calc(100% - var(--grid-desktop-horizontal-spacing) / 2); */
              @media (max-width: 875px) {
                width: calc(100%);
              }
              @media (min-width: 876px) {
                width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2);
              }
              @media (min-width: 1280px) {
                /* width: calc(49% - var(--grid-desktop-horizontal-spacing) / 2); */
              }
              .image-with-text__media {
                @media (max-width: 875px) {
                  border-bottom: none;
                  padding: 0;
                  border-radius: 0;
                }
                > img {
                  border-radius: 15px !important;
                  max-width: unset !important;
                  @media (max-width: 875px) {
                    border-radius: 0 !important;
                  }
                }
                .video-section__media {
                  background: transparent;
                  border: none;
                  position: relative;
                  @media (min-width: 1280px) {
                    width: 100%;
                    height: 100%;
                  }
                  @media (min-width: 876px) {
                    padding: 8px;
                    &:before {
                      content: "";
                      display: block;
                      position: absolute;
                      bottom: 8px;
                      width: calc(100% - 32px);
                      left: 50%;
                      transform: translateX(-50%);
                      height: 1px;
                      background-color: #6da2b0;
                    }
                  }
                  @media (max-width: 875px) {
                    border-radius: 0;
                  }
                  .inline-video {
                    width: 100%;
                    @media (min-width: 1280px) {
                      max-block-size: 360px;
                      object-fit: cover;
                      height: unset;
                    }
                    @media (min-width: 876px) {
                      border-radius: 15px;
                      height: 100%;
                    }
                    @media (max-width: 875px) {
                      border-radius: 0;
                    }
                  }
                }
              }
            }
            .image-with-text__text-item {
              width: calc(100% - var(--grid-desktop-horizontal-spacing) / 2);
              @media (min-width: 876px) {
                width: calc(44% - var(--grid-desktop-horizontal-spacing) / 2);
              }
              @media (min-width: 1280px) {
                /* width: calc(51% - var(--grid-desktop-horizontal-spacing) / 2); */
              }
              .image-with-text__content {
                gap: 5px;
                @media (min-width: 1300px) {
                  /* padding-block: 4.85rem; */
                  padding-block: 4rem;
                }
                @media (max-width: 1299px) {
                  padding-block: 2.5rem;
                }
                @media (max-width: 1199px) {
                  /* padding-block: 2.5rem; */
                }
                @media (max-width: 1099px) {
                  padding-block: 1.5rem;
                  /* gap: 15px; */
                }
                @media (max-width: 991px) {
                  padding-block: 2rem;
                }
                @media (max-width: 875px) {
                  padding-block: 3rem 0;
                  padding-inline: 3rem;
                }
                .image-with-text__heading {
                  font-size: 42px !important;
                  line-height: 1.15;
                  font-family: "Recoleta";
                  font-weight: 600;
                  max-width: 400px;
                  margin-block-end: 15px;
                  @media (max-width: 1299px) {
                    font-size: 46px;
                    max-width: 360px;
                  }
                  @media (max-width: 1199px) {
                    font-size: 39px;
                    max-width: 340px;
                  }
                  @media (min-width: 876px) and (max-width: 1099px) {
                    font-size: 35px !important;
                    line-height: 1.1;
                    max-width: 320px;
                  }
                  @media (max-width: 991px) {
                    font-size: 34px;
                    max-width: 300px;
                  }
                  @media (max-width: 875px) {
                    font-size: 38px;
                    max-width: 375px;
                  }
                  @media (max-width: 640px) {
                    font-size: 36px;
                  }
                }
                .image-with-text__text {
                  font-size: 16px;
                  font-size: 14px !important;
                  max-width: 360px;
                  line-height: 1.5;
                  margin-block-end: 13px;
                  @media (max-width: 1199px) {
                    font-size: 14px;
                    max-width: 315px;
                  }
                  @media (max-width: 875px) {
                    max-width: 385px;
                  }
                  @media (max-width: 640px) {
                    font-size: 13px;
                    max-width: 360px;
                    line-height: 1.25;
                  }
                }
                .rating-anchor-link {
                  color: #fff;
                  text-decoration: none;
                  margin-block-start: 0;
                  .rating-reviews-container {
                    display: flex;
                    gap: 13px;
                    justify-content: center;
                    align-items: center;
                    margin-block: 0 13px;
                    padding-block-end: 0;
                    color: #FFF;
                    font-weight: 600;
                    font-size: 14px;
                    @media (max-width: 875px) {
                      color: #304E55;
                      font-weight: 500;
                      margin-block-end: -5px;
                    }
                    .review-stars-outer {
                      display: flex;
                      svg {
                        width: 20px;
                        margin-inline: -0.5px;
                        padding-block-start: 3px;
                      }
                    }
                    .rating-reviews-wrapper {
                      padding-block-start: 4px;
                      font-weight: 400;
                      @media (max-width: 875px) {
                        padding-block-start: 3px;
                      }
                    }
                  }
                }
                .button {
                  /* margin-block-start: 1.5rem; */
                  margin-block-start: 0;
                  @media (max-width: 1099px) {
                    font-size: 13px;
                  }
                  @media (max-width: 875px) {
                    display: none;
                  }
                }
                &:after {
                  box-shadow: none;
                }
              }
            }
          }
        }
      }
    }
    .pest-content-container {
      @media (min-width: 1300px) {
        max-width: 124rem;
      }
      @media (min-width: 1200px) and (max-width: 1299px) {
        max-width: 115rem;
      }
      @media (min-width: 1100px) and (max-width: 1199px) {
        max-width: 105rem;
      }
      @media (min-width: 1024px) and (max-width: 1099px) {
        max-width: 95rem;
      }
      @media (min-width: 876px) and (max-width: 1023px) {
        max-width: 88.9rem;
      }
      @media (min-width: 876px) {
        padding-inline: 3rem;
      }
      @media (max-width: 749px) {
        padding-inline: 0;
      }
      @media (min-width: 1280px) {
        padding-inline: 0;
      }
      .pest-tutorial-box {
        text-align: center;
        padding-block: 20px 28px;
        box-shadow: none;
        @media (max-width: 1199px) {
          padding-inline: 50px 32px;
        }
        @media (max-width: 749px) {
          border-radius: 0;
          padding: 28px 18px;
        }
        .heading {
          max-width: 560px;
          margin-inline: auto;
          line-height: 1.3;
          /* font-size: 42px; */
          font-size: 32px !important;
          margin-block-end: 0;
          @media (max-width: 1099px) {
            font-size: 36px;
            margin-block-end: 15px;
          }
          @media (max-width: 749px) {
            max-width: 460px;
            font-size: 34px;
          }
          @media (max-width: 640px) {
            font-size: 26px;
            margin-block-end: 30px;
          }
        }
        .image-blocks {
          padding-inline: 20px;
          justify-content: center;
          @media (max-width: 749px) {
            margin-block-end: 20px;
            padding-inline: 0;
            margin-inline: -18px;
          }
          .block {
            &.original-image {
              max-width: unset;
              .img-fluid {
                @media (max-width: 749px) {
                  max-height: unset;
                }
                @media (min-width: 1280px) {
                  max-width: calc(90% - 50px);
                }
              }
            }
          }
        }
        .rte.pest-info {
          max-width: 515px;
          margin-inline: auto;
          line-height: 1.5;
          font-size: 16px;
          margin-block-end: 30px;
          @media (max-width: 1099px) {
            font-size: 14px;
            max-width: 465px;
          }
          @media (max-width: 749px) {
            margin-block-end: 0px;
          }
          @media (max-width: 640px) {
            font-size: 13px;
            max-width: 370px;
          }
        }
        .box-action-bar {
          text-align: center;
          @media (max-width: 749px) {
            display: none;
          }
        }
      }
    }
    .banner-slider {
      .banner-slider__title {
        margin-block-end: 15px;
        .title {
          /* font-size: 42px; */
          font-size: 32px !important;
          @media (max-width: 1099px) {
            font-size: 36px;
          }
          @media (max-width: 749px) {
            font-size: 34px;
          }
          @media (max-width: 640px) {
            font-size: 26px;
          }
        }
        .banner-slider__description {
          /* font-size: 16px; */
          font-size: 14px !important;
          @media (max-width: 1099px) {
            font-size: 14px;
          }
          @media (max-width: 875px) {
            max-width: 405px;
          }
          @media (max-width: 640px) {
            font-size: 13px;
          }
        }
      }
      .custom-banner-slider {
        margin-block-end: 30px;
      }
    }
    .banner-slider-wrapper {
      .banner-slider__title {
        margin-block-end: 40px;
        .title {
          font-size: 42px;
          @media (max-width: 1099px) {
            font-size: 36px;
          }
          @media (max-width: 749px) {
            font-size: 34px;
          }
          @media (max-width: 640px) {
            font-size: 26px;
          }
        }
      }
      .page-width {
        @media (min-width: 1300px) {
          max-width: 124rem;
        }
        @media (min-width: 1200px) and (max-width: 1299px) {
          max-width: 115rem;
        }
        @media (min-width: 1100px) and (max-width: 1199px) {
          max-width: 105rem;
        }
        @media (min-width: 1024px) and (max-width: 1099px) {
          max-width: 95rem;
        }
        @media (min-width: 876px) and (max-width: 1023px) {
          max-width: 88.9rem;
        }
        @media (min-width: 1280px) {
          padding-inline: 0;
        }
        .banner-slider-grid {
          @media (min-width: 1100px) {
            /* margin-inline: -3.5rem; */
          }
          .slide__item {
            .slider-wrapper {
              padding: 0;
              @media (min-width: 750px) {
                padding: 3px;
              }
              .box-outer {
                .img-outer {
                  @media (max-width: 749px) {
                    flex: 0 0 180px;
                    width: 180px;
                  }
                  video.inline-video {
                    width: 100%;
                    @media (max-width: 749px) {
                      border-radius: 5px;
                    }
                  }
                }
                .box-info {
                  @media (min-width: 750px) {
                    padding-block-start: 30px;
                    padding-inline: 16px;
                  }
                  @media (max-width: 749px) {
                    padding: 0;
                  }
                  .head {
                    /* font-size: 22px; */
                    font-size: 18px !important;
                    color: #304E55;
                    text-transform: none;
                    letter-spacing: 0px;
                    line-height: 24px;
                    @media (max-width: 1099px) {
                      font-size: 20px;
                    }
                    @media (max-width: 749px) {
                      font-size: 18px;
                      padding-inline-end: 16px;
                      line-height: 1.15;
                    }
                    @media (max-width: 640px) {
                      font-size: 16px;
                      line-height: 1.35;
                    }
                  }
                  .info {
                    color: #304E55;
                    margin-block-start: 20px;
                    /* font-size: 16px; */
                    font-size: 14px !important;
                    max-width: 330px;
                    line-height: 24px;
                    @media (max-width: 1099px) {
                      font-size: 14px;
                      line-height: 20px;
                      margin-block-start: 14px;
                    }
                    @media (max-width: 640px) {
                      font-size: 13px;
                    }
                  }
                }
              }
            }
          }
        }
      }
      .section-button {
        margin-top: 25px;
      }
    }
    .jdgm-carousel-wrapper {
      .jdgm-widget {
        &.jdgm-carousel {
          .jdgm-carousel__item-container {
            .jdgm-carousel__item-wrapper {
              .jdgm-carousel-item {
                .jdgm-carousel-item__inner-wrapper {
                  background-color: #6d98ba !important;
                  box-shadow: none;
                  .jdgm--on, .jdgm-carousel-item__review-body, .jdgm-carousel-item__reviewer-name {
                    color: #FFF !important;
                  }
                  .jdgm-carousel-item__reviewer-name {
                    font-family: "CommutersSans";
                    &:before {
                      background-color: #FFF !important;
                    }
                  }
                }
                /* .jdgm-carousel-item__review {
                } */
              }
            }
          }
        }
      }
    }
    &:has(.jdgm-carousel-wrapper) {
      background-color: #FFF;
    }
  }
  .page-width:has(.jdgm-carousel-wrapper) {
    background-color: #FFF;
    padding-inline: 2rem !important;
    /* margin-inline: .5rem; */
    @media (max-width: 749px) {
      padding-inline: 0 !important;
    }
  }
}

.shopify-section {
  &.announcement-bar-section {
    .utility-bar {
      background: linear-gradient(55deg, rgba(109, 152, 186, 1) 0%, rgba(133, 172, 166, 1) 100%);
      .url-overall-bar {
        text-decoration: unset;
        .announcement-bar {
          .announcement_bar-content {
            .announcement-bar__message {
              max-width: unset;
              font-size: 16px;
              @media (max-width: 1099px) {
                font-size: 14px;
              }
              .autumn-leaf-icon {
                font-size: 16px;
                margin-right: 6px;
                @media (max-width: 1099px) {
                  font-size: 14px;
                  margin-right: 4px;
                }
              }
            }
          }
        }
      }
    }
  }
  &.sticky-button-section {
    /* background-color: transparent; */
    padding: 15px 18px 5px;
    padding-bottom: calc(env(safe-area-inset-bottom) - 20px);
    background: linear-gradient(55deg, rgba(109, 152, 186, 1) 0%, rgba(133, 172, 166, 1) 100%);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 0 -3px 3px #00000029;
    .sticky-button-small-device {
      /* background: linear-gradient(55deg, rgba(109, 152, 186, 1) 0%, rgba(133, 172, 166, 1) 100%);
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      padding: 15px 18px 5px;
      padding-bottom: calc(env(safe-area-inset-bottom)); */
      .button {
        background-color: #304e55;
        color: #fff;
        border-radius: 14px;
        font-size: 21.5px;
        min-height: 50px;
        padding-block-start: 5px;
      }
      .announcement-text {
        margin-block: 0;
        line-height: 18px;
        letter-spacing: 0.6px;
        &:has(.hide-bar) {
          display: none;
        }
      }
      &:has(.hide-bar) {
        padding-block-end: 15px;
      }
    }
  }
}

.announcement-bar {
  .announcement_bar-content {
    .dynamic-discount-msg {
      font-size: 14px;
      text-align: center;
    }
  }
}

/* Home page revamp CSS - 08-10-2025 */

.announcement-text.desktop-only{
  display:flex;
  @media (max-width: 750px) {
    display:none;
  }
}

.announcement-text.mobile-only{
  display:none;
  @media (max-width: 749px) {
    display:flex;
    p {
      margin: 0;
      line-height: 18px;
      text-align: center;
    }
  }
}

.announcement-bar-section:has(.hide-bar) {
  display: none;
}

.announcement-bar-section:has(.hide-bar) + .section-header {
  top: 0;
}