/** Shopify CDN: Minification failed

Line 481:1 Expected "}" to go with "{"

**/


/* CSS from section stylesheet tags */
.slide-content{
   
}

  body {
	 margin: 0;
	 padding: 0;
	 height: 100vh;
}
 .pinContainer { 
	 width: 100%;
	 height: 100vh;
	 overflow: hidden;
}
.skincare-vertical-slider .panel {
   width: 100%;
   height: 100vh;
   position: absolute;
   padding: 0 97px 0 97px; 
}
 .panel.one {
	 z-index: 5;
	 background: #F9E8C2;
}
 .panel.two {
	 background: #F9E8C2;
	 z-index: 4;
}
 .panel.three {
	 background: #F9E8C2;
	 z-index: 3;
}
 .panel.four {
  	 background: #F9E8C2;
	 z-index: 2;
}
.panel.five {
	 background: #F9E8C2;
	 z-index: 1;
}

@media screen and (max-width:1024px){
  .skincare-vertical-slider .panel {
   padding: 0 50px 0 50px; 
  }
} 
@media screen and (max-width:767px){
  .skincare-vertical-slider .panel {
   padding: 60px 20px 60px 20px;
  }
}
.dogs-horizon-scroll{
    position: relative;
  }
  #scrollNext{
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 99;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
  }

  #scrollPrev{
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 99;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
  }
  .btn-stick #scrollPrev, .btn-stick #scrollNext{
    opacity: 1;
    visibility: visible;
  }
.slide-content{

    }

      body {
    	 margin: 0;
    	 padding: 0;
    	 height: 100vh;
    }
     .pinContainer {
    	 width: 100%;
    	 height: 100vh;
    	 overflow: hidden;
    }
    .panel {
       width: 100%;
  /*      height: 100vh;
       position: absolute; */
       padding: 0 0 0 341px;
    }
     .panel.index-1 {
    	 z-index: 5;
    	 background: #F9E8C2;
    }
     .panel.index-2 {
    	 background: #F9E8C2;
    	 z-index: 4;
    }
     .panel.index-3 {
    	 background: #F9E8C2;
    	 z-index: 3;
    }
     .panel.index-4 {
      	 background: #F9E8C2;
    	 z-index: 2;
    }
    .panel.index-5 {
    	 background: #F9E8C2;
    	 z-index: 1;
    }

    @media screen and (max-width:1640px){
      .panel {
       padding: 0 0 0 200px;
      }
    }

    @media screen and (max-width:1024px){
      .panel {
       padding: 0 50px 0 50px;
      }
    }
    @media screen and (max-width:767px){
      .panel {
       padding: 60px 20px 60px 20px;
      }
    }
.highlighted-ingredients-section{
    padding: 0 3vw;
    h2 {
      font-family: Gotham;
      font-weight: 700;
      color: #1b3488;

    }
    .ingredient-container {
      padding-inline-start: 0px;
      list-style-type: none;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 20px;
      justify-content: center;
      li {
        /* width: 30vw; */
        max-width: 33%;
        width: 100%;
        .ing-bg-img {
          max-width: 100%;
          width: auto;
          height: auto;
          border-radius: 10px;
        }
        .overlay-wrapper {
          position: relative;
          z-index: 100;
          width: 100%;
          .ingredient-details-overlay {
            transform: translate(1vw, -1vw);
            height: auto;
            background-color: white;
            position: absolute;
            bottom: 10px;
            border-radius: 10px;
            font-weight: bold;
            font-size: 16px;
            padding: 20px;
            transition: height 0.3s ease;
            overflow: hidden;
            .desc-toggle-button {
              all: unset;
              cursor: pointer;
              width: 100%;
              color: #1b3488;
              .desc-toggle-button-title{
                font-size: 20px;
                font-weight: bold;
              }
              .desc-toggle-icon {
                display:none;
                font-size: 20px;
                font-weight: bold;
                position: relative;
                transform: translateY(0px);
              }
              .desc-toggle-icon.show {
                display:block;
              }
            }
            .desc-container {
              overflow:hidden;
              transition: height 0.3s ease;
              &.show{
                height: auto;
              }
              p {
                width: 100%;
                font-weight: normal;
                color: #1b3488;
                .description-disclaimer-link {
                }
              }
            }
          }
        }
      }
    }
  }

  .flex-row-space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 10px;
  }
  @media screen and (max-width: 900px){
    .highlighted-ingredients-section {
      .ingredient-container {
        flex-direction: column;
        li {
          max-width: 60vw;
          margin: auto;
        }
      }
    }
    @media screen and (max-width: 580px){
    .highlighted-ingredients-section {
      .ingredient-container {
        li {
          max-width: 100%;
          margin: auto;
        }
      }
    }
.ingredient-image {
    max-width: 100%;
    width: auto;
    height: auto;
  }
#shopify-section-header {
  position: sticky;
  top: 0;
}
#toggle-parallax {
  position: fixed;
  z-index: 999;
  left: 0px;
  top: 120px;
  font-size: 12px;
  background: #1b4388;
  color: #fff;
  padding: 2px 12px 2px 7px;
  border-radius: 0px 20px 20px 0px;
  cursor: pointer;
  
}

.lp-banner {
  margin-top: 35px;
}
.lp-banner-wrapper {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  display: block;
}
.lp-banner-wrapper .pIcon {
  position: absolute;
  z-index: 3;
}
.lp-banner-wrapper .pIcon img {
  max-width: 100%;
}
.lp-banner-wrapper .pIcon.icon1 {
  top: 17%;
  left: -24%;
}
.lp-banner-wrapper .pIcon.icon2 {
  bottom: 25%;
  left: -16%;
}
.lp-banner-wrapper .pIcon.icon3 {
  bottom: 9%;
  left: -28%;
}
.lp-banner-wrapper .pIcon.icon4 {
  right: -8%;
  top: 12%;
}
.lp-banner-wrapper .pIcon.icon5 {
  right: -1%;
  bottom: 13%;
  max-width: 280px;
}
.banner-frame {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  position: relative;
  z-index: 2;
  object-fit: contain;
  object-position: center;
  height: calc(100vh - 112px);
  max-height: 1000px;
}
.lp-banner-carousel-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60%;
  height: 100%;
}
.lp-banner-carousel, .lp-banner-carousel .slick-list, .lp-banner-carousel .slick-track, 
.lp-banner-carousel .slick-slide {
  height: 100%;
}
.lp-banner-carousel img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media screen and (min-width: 1367px) {
  .lp-banner-wrapper .pIcon.icon1 {
    top: 10%;
    left: -19%; 
  }
  .lp-banner-wrapper .pIcon.icon2 {
    bottom: 28%;
    left: -12%;
  }
  .lp-banner-wrapper .pIcon.icon3 {
    bottom: 16%;
    left: -19%;
  }
  .lp-banner-wrapper .pIcon.icon4 {
    right: -6%;
    top: 12%;
  }
  .lp-banner-wrapper .pIcon.icon5 {
    right: 2%;
    bottom: 15%;
  }
}
@media screen and (min-width: 1921px) {
  .lp-banner-wrapper .pIcon.icon1 {
    top: 12%;
    left: -9.5%;
  }
  .lp-banner-wrapper .pIcon.icon2 {
    bottom: 35%;
    left: -5%;
  }
  .lp-banner-wrapper .pIcon.icon3 {
    bottom: 27%;
    left: -8%;
  }
  .lp-banner-wrapper .pIcon.icon4 {
    right: -1%;
    top: 12%;
  }
  .lp-banner-wrapper .pIcon.icon5 {
    right: 5%;
    bottom: 27%;
  }
}

@media screen and (max-width: 1367px) {
  .lp-banner-wrapper .pIcon.icon1 {
    top: 17%;
    left: -15%;
    max-width: 190px;
  }
  .lp-banner-wrapper .pIcon.icon2 {
    bottom: 30%;
    left: -9%;
    max-width: 170px;
  }
  .lp-banner-wrapper .pIcon.icon3 {
    bottom: 19%;
    left: -16%;
    max-width: 120px;
  }
  .lp-banner-wrapper .pIcon.icon5 {
    right: 3%;
    bottom: 19%;
    max-width: 250px;
  }
}
@media screen and (max-width: 1200px) {
  .lp-banner-wrapper {
    max-width: calc(100% - 84px);
    /*height: calc(100vw - 84px)!important;*/
  }
  .banner-frame {
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .lp-banner-wrapper .pIcon.icon1 {
    top: 14%;
    left: -12%;
    max-width: 120px;
  }
  .lp-banner-wrapper .pIcon.icon2 {
    bottom: 30%;
    left: -8%;
    max-width: 140px;
  }
  .lp-banner-wrapper .pIcon.icon3 {
    bottom: 19%;
    left: -13%;
    max-width: 90px;
  }
  .lp-banner-wrapper .pIcon.icon5 {
    right: 6%;
    bottom: 19%;
    max-width: 180px;
  }
}
@media screen and (max-width: 768px) {
  .lp-banner-wrapper .pIcon.icon1 {
    left: -16%;
  }
  .lp-banner-wrapper .pIcon.icon2 {
    bottom: 24%;
    left: -12%;
  }
  .lp-banner-wrapper .pIcon.icon3 {
    bottom: 10%;
    left: -20%;
  }
  .lp-banner-wrapper .pIcon.icon5 {
    right: 6%;
    bottom: 14%;
    max-width: 170px;
  }
}
@media screen and (max-width: 767px) {
  #toggle-parallax {
    display: none;
  }
  .lp-banner-wrapper .pIcon.icon1 {
    left: -20%;
    max-width: 75px;
  }
  .lp-banner-wrapper .pIcon.icon2 {
    max-width: 75px;
    left: -12%;
  }
  .lp-banner-wrapper .pIcon.icon3 {
    max-width: 60px;
  }
  .lp-banner-wrapper .pIcon.icon5 {
    right: 0%;
    bottom: 14%;
    max-width: 110px;
  }
  .lp-banner-wrapper .pIcon.icon4 {
    max-width: 35px;
    right: -11%;
  }
}