.section-template--20118159491251__ss_hero_36_zX3BCk {
    border-top: solid #121212 0px;
    border-bottom: solid #121212 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0rem;
    margin-right: 0rem;
    border-radius: 0px;
    overflow: hidden; 
    position: relative;
  }

  .hero-template--20118159491251__ss_hero_36_zX3BCk {
    display: flex;
    flex-direction: column;
  }

  .hero-body-template--20118159491251__ss_hero_36_zX3BCk {
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  .section-template--20118159491251__ss_hero_36_zX3BCk-settings {
    flex: 1 1 0;
    margin: 0 auto;  
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    overflow: hidden;
  }

  .hero-bg-template--20118159491251__ss_hero_36_zX3BCk .hero-bg-image-desktop {
    display: none;
  }

  .hero-bg-template--20118159491251__ss_hero_36_zX3BCk .hero-bg-image-mobile {
    display: block;
  }

  .hero-bg-template--20118159491251__ss_hero_36_zX3BCk {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }

  .hero-bg-template--20118159491251__ss_hero_36_zX3BCk img,
  .hero-bg-template--20118159491251__ss_hero_36_zX3BCk svg,
  .hero-bg-template--20118159491251__ss_hero_36_zX3BCk video,
  .hero-bg-template--20118159491251__ss_hero_36_zX3BCk iframe {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0px;
  }  

  .hero-bg-template--20118159491251__ss_hero_36_zX3BCk svg {
    background-color: #AFAFAF;
  }

  .hero-body-template--20118159491251__ss_hero_36_zX3BCk {    
    display: flex;
    justify-content: space-between;
    height: 100%;   
    justify-content: center;
    gap: 20px;
    width: 100%;
    z-index: 2;
  }

  .hero-content-template--20118159491251__ss_hero_36_zX3BCk {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
  }

  .hero-buttons-template--20118159491251__ss_hero_36_zX3BCk {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  @media(min-width: 1024px) {

    .section-template--20118159491251__ss_hero_36_zX3BCk {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0rem;
      margin-right: 0rem;
      border-radius: 0px;
      padding-bottom: 0px;
    }

    .hero-content-template--20118159491251__ss_hero_36_zX3BCk {
      max-width: 55%;
      align-items: center;
      justify-content: end;
    }

    .hero-body-template--20118159491251__ss_hero_36_zX3BCk {
      padding-top: 36px;
      padding-left: 5rem;
      padding-right: 5rem;
      padding-bottom: 36px;
      align-items: end;
      justify-content: center;
    }  
    .hero-bg-template--20118159491251__ss_hero_36_zX3BCk {
      height: 100% !important;
    }
    
    .hero-bg-template--20118159491251__ss_hero_36_zX3BCk .hero-bg-image-desktop {
      display: block;
    }

    .hero-bg-template--20118159491251__ss_hero_36_zX3BCk .hero-bg-image-mobile {
      display: none;
    }  
  }

.hero-template--20118159491251__ss_hero_36_zX3BCk {
      min-height: 560px;
    }

    .hero-bg-template--20118159491251__ss_hero_36_zX3BCk img,
    .hero-bg-template--20118159491251__ss_hero_36_zX3BCk svg,
    .hero-bg-template--20118159491251__ss_hero_36_zX3BCk video,
    .hero-bg-template--20118159491251__ss_hero_36_zX3BCk iframe {
      min-height: 560px;
    }

    @media(min-width: 1024px) {
      .hero-template--20118159491251__ss_hero_36_zX3BCk {
        height: 800px;
      }

      .hero-bg-template--20118159491251__ss_hero_36_zX3BCk img,
      .hero-bg-template--20118159491251__ss_hero_36_zX3BCk svg,
      .hero-bg-template--20118159491251__ss_hero_36_zX3BCk video,
      .hero-bg-template--20118159491251__ss_hero_36_zX3BCk iframe {
        height: 800px;
      }
    }

.hero-bg-template--20118159491251__ss_hero_36_zX3BCk::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 1;
      background-color: rgba(18,18,18,0.2);
      transition: all 0.25s ease 0s;
    }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

        @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}
        

        .hero-heading-heading_TmAHk4 {
          text-align: center;
          margin-top: 0px;
        }
      
        .hero-heading-heading_TmAHk4 * {
          margin: 0;
          font-size: 36px;
          color: #ffffff;
          line-height: 160%;
          text-transform: unset;
          word-break: break-word;
          font-weight: 700;
        }

        @media(min-width: 1024px) {
          
          .hero-heading-heading_TmAHk4 {
            text-align: center;
            margin-top: 0px;
          }
        
          .hero-heading-heading_TmAHk4 * {
            font-size: 60px;
          }
        }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

          .hero-button-button_KCmhW7 {
            text-decoration: none;
          }
        
         .hero-button-inner-button_KCmhW7 {
          display: flex;
          align-items: center;
          justify-content: center;
          max-width: fit-content;
          gap: 10px;
          width: 100%;
          margin: 0;
          margin-top: 16px !important;
          font-size: 14px;
          color: #121212;
          line-height: 100%;
          text-align: center;
          text-transform: unset;
          text-decoration: none;
          padding: 16px 32px;
          border-radius: 16px;
          transition: all 0.25s ease 0s;
          background-color: transparent;
          border: 0px;
          cursor: pointer;
        }

        .hero-button-inner-template--20118159491251__ss_hero_36_zX3BCk {
          margin: 0px;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
        }

        .hero-button-inner-button_KCmhW7:hover {
          color: #ffffff;
          transition: all 0.25s ease 0s;
        }

        .hero-button-inner-button_KCmhW7 svg {
          width: 14px !important;
          height: 14px !important;
          background: transparent;
          min-height: auto !important;
        }

        .hero-button-inner-button_KCmhW7 svg path {
          fill: #121212;
          transition: all 0.25s ease 0s;
        }

        .hero-button-inner-button_KCmhW7:hover svg path {
          fill: #ffffff;
          transition: all 0.25s ease 0s;
        }

        @media(min-width: 1024px) {        
          .hero-button-inner-button_KCmhW7 {
            display: flex !important;
            margin-top: 24px !important;
            padding: 16px 32px;
            font-size: 14px;
          }
        }

.hero-button-inner-button_KCmhW7 {
            background-color: #ffffff;
          }
  
          .hero-button-inner-button_KCmhW7:hover {
            background-color: #121212;
          }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


  .section-template--20118159491251__ss_feature_41_8rFJ3F {
    border-top: solid #121212 0px;
    border-bottom: solid #121212 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0rem;
    margin-right: 0rem;
    border-radius: 0px;
    overflow: hidden;
  }

  .section-template--20118159491251__ss_feature_41_8rFJ3F-settings {
    margin: 0 auto;
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
  }

  .feature-body-template--20118159491251__ss_feature_41_8rFJ3F {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
    gap: 150px;
  }

  .feature-stars-template--20118159491251__ss_feature_41_8rFJ3F {
    display: flex;
    align-items: center;
    gap: 1px;
  }

  .feature-stars-wrapper-template--20118159491251__ss_feature_41_8rFJ3F {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
  }

  .feature-content-template--20118159491251__ss_feature_41_8rFJ3F {
    grid-area: content;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    height: 100%;
  }

  .feature-image-wrapper-template--20118159491251__ss_feature_41_8rFJ3F {
    grid-area: feature;
    position: relative;
  }

  .feature-features-template--20118159491251__ss_feature_41_8rFJ3F {
    display: flex;
    flex-direction: column;
    z-index: 2;
    position: relative;
    gap: 10px;
    padding: 100px 20px 40px 20px;
  }

  .feature-feature-template--20118159491251__ss_feature_41_8rFJ3F {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
    gap: 20px;
  }

  .feature-feature-template--20118159491251__ss_feature_41_8rFJ3F:not(:last-child) {
    border-bottom: 1px solid #ffffff;
  }

  .feature-left-template--20118159491251__ss_feature_41_8rFJ3F {
    flex-shrink: 0;
    border-radius: 50px;
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .feature-left-icon-template--20118159491251__ss_feature_41_8rFJ3F {
    width: 42.0px;
    height: 42.0px;
  }

  .feature-left-icon-template--20118159491251__ss_feature_41_8rFJ3F img,
  .feature-left-icon-template--20118159491251__ss_feature_41_8rFJ3F svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .feature-right-text-template--20118159491251__ss_feature_41_8rFJ3F * {
    margin: 0px;
    font-size: 20px;
    color: #ffffff;
    line-height: 150%;
    text-transform: unset;
    text-wrap: wrap;
    word-break: break-word;
    font-weight: 700;
  }

  .feature-image-template--20118159491251__ss_feature_41_8rFJ3F {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0px solid #121212;
    border-radius: 20px;
    overflow: hidden;
  }

  .feature-image-template--20118159491251__ss_feature_41_8rFJ3F::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(18,18,18,0.1);
  }

  .feature-image-template--20118159491251__ss_feature_41_8rFJ3F img,
  .feature-image-template--20118159491251__ss_feature_41_8rFJ3F svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .feature-image-template--20118159491251__ss_feature_41_8rFJ3F svg {
    background: #AFAFAF;
  }

  @media(min-width: 1024px) {

    .section-template--20118159491251__ss_feature_41_8rFJ3F {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0rem;
      margin-right: 0rem;
      border-radius: 0px;
    }

    .section-template--20118159491251__ss_feature_41_8rFJ3F-settings {
      padding: 0 5rem;
      padding-top: 36px;
      padding-bottom: 36px;
      padding-left: 5rem;
      padding-right: 5rem;
    }

    .feature-body-template--20118159491251__ss_feature_41_8rFJ3F {
      grid-template-columns: 1fr 1fr;
      gap: 150px;
    }

    .feature-content-template--20118159491251__ss_feature_41_8rFJ3F {
      align-items: start;
    }

    .feature-stars-wrapper-template--20118159491251__ss_feature_41_8rFJ3F {
      justify-content: start;
    }

    .feature-features-template--20118159491251__ss_feature_41_8rFJ3F {
      gap: 20px;
      padding: 100px 40px 100px 100px;
    }

    .feature-feature-template--20118159491251__ss_feature_41_8rFJ3F {
      gap: 20px;
      padding-bottom: 20px;
    }

    .feature-left-template--20118159491251__ss_feature_41_8rFJ3F {
      width: 70px;
      height: 70px;
    }

    .feature-left-icon-template--20118159491251__ss_feature_41_8rFJ3F {
      width: 42.0px;
      height: 42.0px;
    }

    .feature-right-text-template--20118159491251__ss_feature_41_8rFJ3F * {
      font-size: 22px;
    }
  }

.section-template--20118159491251__ss_feature_41_8rFJ3F-settings {
      max-width: 1400px;
    }

.feature-right-text-template--20118159491251__ss_feature_41_8rFJ3F {
      text-shadow: 0px 2px 8px rgba(99, 99, 99, 0.2);
    }

    .feature-left-template--20118159491251__ss_feature_41_8rFJ3F {
      box-shadow: 0px 2px 8px rgba(99, 99, 99, 0.2);
    }

.feature-body-template--20118159491251__ss_feature_41_8rFJ3F {
        grid-template-columns: 1fr;
        grid-template-areas:
          "content"
          "feature";
      }

@media (min-width: 1024px) {
        .feature-body-template--20118159491251__ss_feature_41_8rFJ3F {
          grid-template-columns: 1fr 1fr;
          grid-template-areas: "content feature";
        }
      }

.feature-feature-template--20118159491251__ss_feature_41_8rFJ3F {
      opacity: 0;
      transform: scale(0.8);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .feature-feature-template--20118159491251__ss_feature_41_8rFJ3F.visible {
      opacity: 1;
      transform: scale(1);
    }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


        .feature-tag-tag_dqNYBa {
          margin: 0;
          margin-top: 0px;
          text-align: center;
          font-size: 16px;
          color: #121212;
          line-height: 100%;
          border: 0px solid #121212;
          border-radius: 100px;
          background-color: #f7f7f7;
          padding: 10px 18px;
          text-transform: unset;
          position: relative;
          z-index: 2;
          font-weight: 700;
        }

        @media(min-width: 1024px) {
          .feature-tag-tag_dqNYBa {
            margin-top: 0px;
            font-size: 16px;
            padding: 10px 18px;
          }

        }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


        .feature-heading-heading_VCCekk {
          margin-top: 20px;
          text-align: center;
        }

        .feature-heading-heading_VCCekk * {
          margin: 0;
          font-size: 28px;
          color: #121212;
          line-height: 130%;
          text-transform: unset;
          word-break: break-word;
          font-weight: 700;
        }

        @media(min-width: 1024px) {

          .feature-heading-heading_VCCekk {
            margin-top: 20px;
            text-align: left;
          }

          .feature-heading-heading_VCCekk * {
            font-size: 48px;
          }
        }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


        .feature-text-text_mHCLRD {
          margin-top: 24px;
          text-align: center;
          position: relative;
          z-index: 2;
        }

        .feature-text-text_mHCLRD * {
          margin: 0;
          font-size: 20px;
          color: #121212;
          line-height: 150%;
          text-transform: unset;
        }

        @media(min-width: 1024px) {

          .feature-text-text_mHCLRD {
            margin-top: 16px;
            text-align: left;
          }

          .feature-text-text_mHCLRD * {
            font-size: 22px;
          }

        }

.feature-left-feature_AhegiL {
          background-color: #ffffff;
          border: 0px solid #121212;
        }

        .feature-left-icon-feature_AhegiL svg path {
          fill: #121212;
        }

.feature-left-feature_wRwayL {
          background-color: #ffffff;
          border: 0px solid #121212;
        }

        .feature-left-icon-feature_wRwayL svg path {
          fill: #121212;
        }

.feature-left-feature_UtA3rw {
          background-color: #ffffff;
          border: 0px solid #121212;
        }

        .feature-left-icon-feature_UtA3rw svg path {
          fill: #121212;
        }

.feature-big-image-wrapper-image_dwHbBz {
          position: absolute;
          left: 50%;
          top: 38%;
          transform: translate(-50%, -38%);
          z-index: 2;
        }

        .feature-big-image-image_dwHbBz {
          width: 200px;
          border: 0px solid #121212;
          border-radius: 20px;
          overflow: hidden;
        }

        .feature-big-image-image_dwHbBz img,
        .feature-big-image-image_dwHbBz svg {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .feature-big-image-image_dwHbBz svg {
          background-color: #AFAFAF;
        }

        @media(min-width: 1024px) {
          .feature-big-image-wrapper-image_dwHbBz {
            left: 52%;
            top: 50%;
            transform: translate(-52%, -50%);
          }

          .feature-big-image-image_dwHbBz {
            width: 280px;
          }
        }

.feature-big-image-template--20118159491251__ss_feature_41_8rFJ3F {
            opacity: 0;
            scale: 0.8;
            transition: opacity 0.6s ease, transform 0.6s ease;
          }

          .feature-big-image-template--20118159491251__ss_feature_41_8rFJ3F.visible {
            opacity: 1;
            scale: 1;
            transition: opacity 0.6s ease, scale 0.6s ease;
          }

.feature-big-image-image_dwHbBz {
            animation-name: floating;
            animation-duration: 4s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out;
          }

          @keyframes floating {
            from{
              transform:translate(0,0);
            }
            65% {
              transform:translate(0,15px);
            }
            to {
              transform:translate(0,0);
            }
          }

.feature-big-image-image_dwHbBz {
            aspect-ratio: 9.6/13;
          }

@media(min-width: 1024px) {
            .feature-big-image-image_dwHbBz {
              aspect-ratio: 9.6/13;
            }
          }

.feature-big-image-image_dwHbBz {
            box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
          }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


  .section-template--20118159491251__ss_feature_43_txi7jj {
    border-top: solid #121212 0px;
    border-bottom: solid #121212 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0rem;
    margin-right: 0rem;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
  }

  .section-template--20118159491251__ss_feature_43_txi7jj-settings {
    margin: 0 auto;
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .feature-toggles-template--20118159491251__ss_feature_43_txi7jj {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    gap: 6px;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .feature-toggles-template--20118159491251__ss_feature_43_txi7jj::-webkit-scrollbar {
    display: none;
  }

  .feature-toggle-template--20118159491251__ss_feature_43_txi7jj {
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #121212;
    line-height: 100%;
    background-color: rgba(0,0,0,0);
    padding: 10px 14px;
    border: 0px solid #121212;
    border-radius: 10px;
    text-transform: unset;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.25s ease 0s;
    font-weight: 700;
  }

  .feature-toggle-template--20118159491251__ss_feature_43_txi7jj.active {
    background-color: #121212;
    border: 0px solid #121212;
    color: #ffffff;
    transition: all 0.25s ease 0s;
  }

  .feature-slider-template--20118159491251__ss_feature_43_txi7jj {
    margin-top: 24px !important;
  }

  .feature-slide-template--20118159491251__ss_feature_43_txi7jj {
    display: flex !important;
    height: auto !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 10px 10px;
    background-color: #f7f7f7;
    box-sizing: border-box !important;
    align-items: stretch;
    border-radius: 20px;
    justify-content: space-between;
    border: 0px solid #121212 !important;
  }

  .feature-slide-image-template--20118159491251__ss_feature_43_txi7jj {
    grid-area: image;
    position: relative;
    border: 0px solid #121212;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
  }

  .feature-slide-image-template--20118159491251__ss_feature_43_txi7jj img,
  .feature-slide-image-template--20118159491251__ss_feature_43_txi7jj svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .feature-slide-image-template--20118159491251__ss_feature_43_txi7jj svg {
    background-color: #AFAFAF;
  }

  .feature-slide-content-template--20118159491251__ss_feature_43_txi7jj {
    grid-area: content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 0;
    padding: 10px 10px;
  }

  .feature-slide-text-template--20118159491251__ss_feature_43_txi7jj {
    text-align: left;
    margin-top: 16px;
  }

  .feature-slide-text-template--20118159491251__ss_feature_43_txi7jj * {
    margin: 0px;
    font-size: 18px;
    color: #121212;
    line-height: 150%;
    text-transform: unset;
    text-wrap: wrap;
    word-break: break-word;
  }

  .feature-slide-subheading-template--20118159491251__ss_feature_43_txi7jj {
    text-align: left;
  }

  .feature-slide-subheading-template--20118159491251__ss_feature_43_txi7jj * {
    margin: 0px;
    font-size: 18px;
    color: #121212;
    line-height: 130%;
    text-transform: unset;
    text-wrap: wrap;
    word-break: break-word;
  }

  .feature-slide-heading-template--20118159491251__ss_feature_43_txi7jj {
    margin-top: 16px;
    text-align: left;
  }

  .feature-slide-heading-template--20118159491251__ss_feature_43_txi7jj * {
    margin: 0px;
    font-size: 28px;
    color: #121212;
    line-height: 130%;
    text-transform: unset;
    text-wrap: wrap;
    word-break: break-word;
  }

  .feature-progress-wrapper-template--20118159491251__ss_feature_43_txi7jj {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 20px;
  }

  .feature-progress-template--20118159491251__ss_feature_43_txi7jj {
    flex: 1 1 0;
    position: relative;
    display: block !important;
    background-color: #dfdfdf;
    height: 4px;
    border-radius: 2px;
    overflow: hidden;
  }

  .feature-progress-template--20118159491251__ss_feature_43_txi7jj.active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #121212;
    border-radius: 2px;
  }

  .features-slider-wrapper-template--20118159491251__ss_feature_43_txi7jj {
    align-items: stretch !important;
  }

  @media(min-width: 1024px) {

    .section-template--20118159491251__ss_feature_43_txi7jj {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0rem;
      margin-right: 0rem;
      border-radius: 0px;
    }

    .section-template--20118159491251__ss_feature_43_txi7jj-settings {
      padding: 0 5rem;
      padding-top: 36px;
      padding-bottom: 36px;
      padding-left: 5rem;
      padding-right: 5rem;
    }

    .feature-slider-template--20118159491251__ss_feature_43_txi7jj {
      margin-top: 32px !important;
    }

    .feature-toggles-template--20118159491251__ss_feature_43_txi7jj {
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 32px;
      gap: 8px;
      margin-left: 0rem;
      margin-right: 0rem;
      padding-left: 0rem;
      padding-right: 0rem;
    }

    .feature-toggle-template--20118159491251__ss_feature_43_txi7jj {
      font-size: 20px;
      padding: 12px 16px;
    }


    .feature-toggle-template--20118159491251__ss_feature_43_txi7jj:not(.active):hover {
      background-color: #121212;
      border: 0px solid #121212;
      color: #ffffff;
      transition: all 0.25s ease 0s;
    }

    .feature-slide-template--20118159491251__ss_feature_43_txi7jj {
      display: grid !important;
      gap: 16px !important;
      padding: 16px 16px;
    }

    .feature-slide-content-template--20118159491251__ss_feature_43_txi7jj {
      height: 100%;
      padding: 40px 40px;
    }

    .feature-slide-text-template--20118159491251__ss_feature_43_txi7jj {
      margin-top: 24px;
      text-align: left;
    }

    .feature-slide-text-template--20118159491251__ss_feature_43_txi7jj * {
      font-size: 20px;
    }

    .feature-slide-subheading-template--20118159491251__ss_feature_43_txi7jj {
      text-align: left;
    }

    .feature-slide-subheading-template--20118159491251__ss_feature_43_txi7jj * {
      font-size: 20px;
    }

    .feature-slide-heading-template--20118159491251__ss_feature_43_txi7jj {
      margin-top: 16px;
      text-align: left;
    }

    .feature-slide-heading-template--20118159491251__ss_feature_43_txi7jj * {
      font-size: 40px;
    }
  }

.section-template--20118159491251__ss_feature_43_txi7jj-settings {
      max-width: 1400px;
    }

.feature-progress-template--20118159491251__ss_feature_43_txi7jj.active:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #121212;
      -webkit-animation: tickertemplate20118159491251__ss_feature_43_txi7jj 6s linear;
      animation: tickertemplate20118159491251__ss_feature_43_txi7jj 6s linear;
      border-radius: 2px;
    }
    @keyframes tickertemplate20118159491251__ss_feature_43_txi7jj {
      0% {
        transform: translateX(-100%);
      }
      100% {
        transform: translateX(0%);
      }
    }

.feature-slide-content-template--20118159491251__ss_feature_43_txi7jj {
      order: 2;
    }

    .feature-slide-image-template--20118159491251__ss_feature_43_txi7jj {
      order: 1;
    }

@media(min-width: 1024px) {
      .feature-slide-template--20118159491251__ss_feature_43_txi7jj {
        grid-template-areas: "image content";
        grid-template-columns: 50% 1fr;
      }
    }

.feature-slide-image-template--20118159491251__ss_feature_43_txi7jj {
      aspect-ratio: 12/12;
    }

@media(min-width: 1024px) {
      .feature-slide-image-template--20118159491251__ss_feature_43_txi7jj {
        aspect-ratio: 12/12;
      }
    }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


        .feature-heading-heading_MjfJc7 {
          width: 100%;
          margin-top: 0px;
          text-align: center;
        }

        .feature-heading-heading_MjfJc7 * {
          margin: 0;
          font-size: 32px;
          color: #121212;
          line-height: 130%;
          text-transform: unset;
          word-break: break-word;
          font-weight: 700;
        }

        @media(min-width: 1024px) {

          .feature-heading-heading_MjfJc7 {
            margin-top: 0px;
            text-align: center;
          }

          .feature-heading-heading_MjfJc7 * {
            font-size: 48px;
          }
        }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


  .section-template--20118159491251__ss_featured_product_4_m4Hipi {
    border-top: solid #121212 0px;
    border-bottom: solid #121212 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0rem;
    margin-right: 0rem;
    border-radius: 0px;
    overflow: hidden;
  } 
  
  .section-template--20118159491251__ss_featured_product_4_m4Hipi-settings {
    margin: 0 auto;
    padding-top: 27px;
    padding-bottom: 0px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    height: 100%;
  }

  .featured-body-template--20118159491251__ss_featured_product_4_m4Hipi {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    height: 100%;
  }

  .featured-content-template--20118159491251__ss_featured_product_4_m4Hipi {
    grid-area: content;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: start;   
  }

  .featured-media-grid-template--20118159491251__ss_featured_product_4_m4Hipi {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .featured-images-template--20118159491251__ss_featured_product_4_m4Hipi {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .featured-image-template--20118159491251__ss_featured_product_4_m4Hipi {
    grid-area: image;
    border: 0px solid #121212;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    flex: 1 1 0;
  }

  .featured-image-template--20118159491251__ss_featured_product_4_m4Hipi img,
  .featured-image-template--20118159491251__ss_featured_product_4_m4Hipi svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit:cover;
  }

  .featured-image-template--20118159491251__ss_featured_product_4_m4Hipi svg {
    background-color: #AFAFAF;
  }

  .featured-video-template--20118159491251__ss_featured_product_4_m4Hipi {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    border: 0px solid #121212;
  }

  .featured-video-template--20118159491251__ss_featured_product_4_m4Hipi video,
  .featured-video-template--20118159491251__ss_featured_product_4_m4Hipi iframe {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0px;
  }

  .featured-features-template--20118159491251__ss_featured_product_4_m4Hipi {
    display: grid;
    width: 100%;
    
    grid-template-columns: 1fr 1fr;
    
    padding-top: 20px;
    border-top: 1px solid #dbdbdb;
    margin-top: 20px;
    gap: 10px;
  }
  
   .featured-feature-template--20118159491251__ss_featured_product_4_m4Hipi {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    position: relative;
    z-index: 1;
  }

  .featured-feature-text-template--20118159491251__ss_featured_product_4_m4Hipi {
    margin: 0;
    font-size: 12px;
    color: #121212;
    line-height: 150%;
    text-transform: unset;
    font-weight: 700;
  }

  
  .featured-feature-icon-template--20118159491251__ss_featured_product_4_m4Hipi {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .featured-feature-icon-template--20118159491251__ss_featured_product_4_m4Hipi img,
  .featured-feature-icon-template--20118159491251__ss_featured_product_4_m4Hipi svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: content;
  }

  .featured-feature-icon-template--20118159491251__ss_featured_product_4_m4Hipi svg path {
    fill: #121212;
  }

  .featured-feature-icon-template--20118159491251__ss_featured_product_4_m4Hipi svg circle {
    fill: #121212;
  }

  .featured-feature-icon-template--20118159491251__ss_featured_product_4_m4Hipi .refresh-template--20118159491251__ss_featured_product_4_m4Hipi path,
  .featured-feature-icon-template--20118159491251__ss_featured_product_4_m4Hipi .refresh-template--20118159491251__ss_featured_product_4_m4Hipi polyline{
    fill: none;
    stroke: #121212;
  }
  
  .featured-controls-template--20118159491251__ss_featured_product_4_m4Hipi {
    display: flex;
    gap: 8px;
    position: absolute;
    top: 16px;
    left: 16px;
  }
  
  .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi,
  .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi {
    margin: 0;
    cursor: pointer;
    z-index: 2;
    padding: 8px;
    border: 0px solid #121212;
    border-radius: 100px;
    background-color: #ffffff;
    transition: all 0.25s ease 0s;
  }

  .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi svg:first-child path,
  .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi svg:first-child path {
    fill: #121212;
  }

  .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi svg:last-child path,
  .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi svg:last-child path {
    fill: #121212;
  }
  
  .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi svg,
  .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi svg {
    display: block;
    width: 12px;
    height: 12px;
    object-fit: cover;
  }

  .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi svg,
  .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi svg {
    background-color: transparent !important;
  }
  
  .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi svg:nth-child(1),
  .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi svg:nth-child(1){
    display: none;
  }

  .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi.active svg:nth-child(1),
  .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi.active svg:nth-child(1) {
    display: block;
  }

  .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi.active svg:nth-child(2),
  .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi.active svg:nth-child(2) {
    display: none;
  }


  @media(min-width: 1024px) {

    .section-template--20118159491251__ss_featured_product_4_m4Hipi {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0rem;
      margin-right: 0rem;
      border-radius: 0px;
    }
    
    .section-template--20118159491251__ss_featured_product_4_m4Hipi-settings {
      padding: 0 5rem;
      padding-top: 36px;
      padding-bottom: 0px;
      padding-left: 5rem;
      padding-right: 5rem;
    }

    .featured-content-template--20118159491251__ss_featured_product_4_m4Hipi {
      align-items: start;
    }

    .featured-body-template--20118159491251__ss_featured_product_4_m4Hipi {      
      gap: 80px;
    }

    .featured-features-template--20118159491251__ss_featured_product_4_m4Hipi {
      margin-top: 20px;
      padding-top: 20px;
      gap: 10px;
      
      grid-template-columns: 1fr 1fr;
      
    }

    .featured-feature-template--20118159491251__ss_featured_product_4_m4Hipi {
      gap: 10px;     
    }
    
    .featured-feature-text-template--20118159491251__ss_featured_product_4_m4Hipi {
      font-size: 14px;
    }
    
    .featured-feature-icon-template--20118159491251__ss_featured_product_4_m4Hipi {
      height: 20px;
      width: 20px;
    }
    
    .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi,
    .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi {
      padding: 14px;
    }
    
    .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi:hover,
    .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi:hover {
      border: 0px solid #121212;
      background-color: #f3f3f3;
      transition: all 0.25s ease 0s;
    }
    
    .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi:hover svg:first-child path,
    .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi:hover svg:first-child path {
      fill: #121212;
    }

    .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi:hover svg:last-child path,
    .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi:hover svg:last-child path {
      fill: #121212;
    }

    .featured-play-template--20118159491251__ss_featured_product_4_m4Hipi svg,
    .featured-sound-template--20118159491251__ss_featured_product_4_m4Hipi svg {
      width: 16px;
      height: 16px;
    }
  }

.section-template--20118159491251__ss_featured_product_4_m4Hipi-settings {
      max-width: 1400px;
    }

.featured-body-template--20118159491251__ss_featured_product_4_m4Hipi {
      grid-template-areas: 
        "image"
        "content";     
    }

@media(min-width: 1024px) {
      .featured-body-template--20118159491251__ss_featured_product_4_m4Hipi {
        grid-template-columns: auto 45%;
        grid-template-areas: "content image";    
      }
    }

.featured-image-template--20118159491251__ss_featured_product_4_m4Hipi {
     aspect-ratio: 12/12; 
    }

@media(min-width: 1024px) {
      .featured-image-template--20118159491251__ss_featured_product_4_m4Hipi {
        aspect-ratio: 12/12; 
      }
    }

.featured-video-template--20118159491251__ss_featured_product_4_m4Hipi {
      aspect-ratio: 12/9; 
    }

@media(min-width: 1024px) {
      .featured-video-template--20118159491251__ss_featured_product_4_m4Hipi{
        aspect-ratio: 12/9; 
      }
    }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

        @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


        .featured-heading-heading_QYr6ip {
          margin-top: 0px;
          text-align: start;
          position: relative;
          z-index: 1;
        }
      
        .featured-heading-heading_QYr6ip * {
          margin: 0;
          font-size: 24px;
          color: #121212;
          line-height: 130%;
          text-transform: unset;
          word-break: break-word;
          font-weight: 700;
        }

        .featured-heading-heading_QYr6ip strong {
          color: #afafaf;
        }

        @media(min-width: 1024px) {
          
          .featured-heading-heading_QYr6ip {
            margin-top: 0px;
            text-align: start;
          }
        
          .featured-heading-heading_QYr6ip * {
            font-size: 36px;
          }
        }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

        
        .featured-text-text_6WYUrQ {
          margin-top: 16px;
          text-align: start;
          position: relative;
          z-index: 1;
        }
      
        .featured-text-text_6WYUrQ * {
          margin: 0;
          font-size: 16px;
          color: #121212;
          line-height: 150%;
          text-transform: unset;
        }

        @media(min-width: 1024px) {
          
          .featured-text-text_6WYUrQ {
            margin-top: 20px;
            text-align: start;
          }
      
          .featured-text-text_6WYUrQ * {
            font-size: 18px;
          }
          
        }

#shopify-section-template--20118159491251__custom_liquid_PxA6Qi /* 开启当前页面的平滑滚动体验 */html {scroll-behavior: smooth;} #shopify-section-template--20118159491251__custom_liquid_PxA6Qi /* 防止滑动终点被网页顶部的固定导航栏挡住 */#upgrade-form {scroll-margin-top: 100px;}

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


  .section-template--20118159491251__ss_how_it_works_6gabaN {
    border-top: solid #121212 0px;
    border-bottom: solid #121212 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0rem;
    margin-right: 0rem;
    border-radius: 0px;
    overflow: hidden;
  }
  
  .section-template--20118159491251__ss_how_it_works_6gabaN-settings {
    margin: 0 auto;
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .works-body-template--20118159491251__ss_how_it_works_6gabaN {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 36px;
  }

  .works-items-template--20118159491251__ss_how_it_works_6gabaN {
    display: flex;
    flex-direction: column;
    gap: 0;
    grid-area: faq;
  }
  
  .works-item-template--20118159491251__ss_how_it_works_6gabaN {
    padding: 20px 20px;
    width: 100%;
    position: relative;
    background-color: #f7f7f7;
    border-radius: 14px;    
    border: 0px solid #121212;
    transition: all 0.25s ease 0s;
  }

  .works-item-template--20118159491251__ss_how_it_works_6gabaN:not(:first-child) {
    margin-top: 8px;
  }

  .works-toggle-template--20118159491251__ss_how_it_works_6gabaN {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 12px;
  }

  .works-number-template--20118159491251__ss_how_it_works_6gabaN {
    margin: 0px;
    font-size: 12px;
    color: #121212;
    line-height: 130%;
    padding: 6px;
    border-radius: 8px;
    background-color: #ffffff;
    text-transform: unset;
    transition: all 0.25s ease 0s;
  }

  .works-question-wrap-template--20118159491251__ss_how_it_works_6gabaN {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .works-toggle-template--20118159491251__ss_how_it_works_6gabaN.active .works-number-template--20118159491251__ss_how_it_works_6gabaN {
    color: #121212;
    background-color: #ffffff;
  }

  .works-question-template--20118159491251__ss_how_it_works_6gabaN {
    margin: 0px;
    font-size: 20px;
    color: #121212;
    line-height: 130%;
    text-transform: unset;
    transition: all 0.25s ease 0s;
    font-weight: 700;
  }

  .works-toggle-template--20118159491251__ss_how_it_works_6gabaN.active .works-question-template--20118159491251__ss_how_it_works_6gabaN {
    color: #121212;
    transition: all 0.25s ease 0s;
  }

  .works-icon-template--20118159491251__ss_how_it_works_6gabaN {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    height: 16px;
    transition: all 0.25s ease 0s;
  }

  .works-icon-template--20118159491251__ss_how_it_works_6gabaN svg {
    width: 100%;
    height: 100%;
    transition: all 0.25s ease 0s;
  }

  .works-icon-template--20118159491251__ss_how_it_works_6gabaN svg path {
    stroke: #121212;
  }

  .works-icon-template--20118159491251__ss_how_it_works_6gabaN.active svg {
    transform: rotate(180deg);
    transition: all 0.25s ease 0s;
  }

  .works-answer-template--20118159491251__ss_how_it_works_6gabaN {
    transition: all 0.2s ease-in-out;
    overflow: hidden;
  }

  .works-answer-template--20118159491251__ss_how_it_works_6gabaN * {
    margin: 0px;
    font-size: 16px;
    color: #121212;
    line-height: 150%;
    text-transform: unset;
  }

  .works-height-cal-template--20118159491251__ss_how_it_works_6gabaN {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 40px);
    padding-top: 16px;
  }

  .works-height-cal-template--20118159491251__ss_how_it_works_6gabaN * {
    margin: 0px;
    font-size: 16px;
    color: #121212;
    line-height: 150%;
    text-transform: unset;
  }

  .works-media-template--20118159491251__ss_how_it_works_6gabaN {
    grid-area: media;
    border: 0px solid #121212;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .works-media-template--20118159491251__ss_how_it_works_6gabaN img,
  .works-media-template--20118159491251__ss_how_it_works_6gabaN svg,
  .works-media-template--20118159491251__ss_how_it_works_6gabaN video,
  .works-media-template--20118159491251__ss_how_it_works_6gabaN iframe {    
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
  }

  .works-media-template--20118159491251__ss_how_it_works_6gabaN svg {
    background-color: #AFAFAF;
  }

  .works-content-template--20118159491251__ss_how_it_works_6gabaN {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  @media(min-width: 1024px) {

    .section-template--20118159491251__ss_how_it_works_6gabaN {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0rem;
      margin-right: 0rem;
      border-radius: 0px;
    }
    
    .section-template--20118159491251__ss_how_it_works_6gabaN-settings {
      padding: 0 5rem;
      padding-top: 36px;
      padding-bottom: 36px;
      padding-left: 5rem;
      padding-right: 5rem;
    }

    
    .works-body-template--20118159491251__ss_how_it_works_6gabaN {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      margin-top: 60px;
    }

    .works-item-template--20118159491251__ss_how_it_works_6gabaN {
      padding: 20px 20px;
    }

    .works-item-template--20118159491251__ss_how_it_works_6gabaN:not(:first-child) {
      margin-top: 8px;
    }
    
    .works-question-template--20118159491251__ss_how_it_works_6gabaN {
      font-size: 20px;
    }
    
    .works-icon-template--20118159491251__ss_how_it_works_6gabaN {
      flex: 0 0 16px;
      height: 16px;
    }
    
    .works-answer-template--20118159491251__ss_how_it_works_6gabaN * {
      font-size: 16px;
    }

    .works-height-cal-template--20118159491251__ss_how_it_works_6gabaN {
      width: calc(100% - 40px);
    }

    .works-height-cal-template--20118159491251__ss_how_it_works_6gabaN * {
      font-size: 16px;
    }

    .works-number-template--20118159491251__ss_how_it_works_6gabaN {
      font-size: 12px;      
    }

    .works-content-template--20118159491251__ss_how_it_works_6gabaN {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }

.section-template--20118159491251__ss_how_it_works_6gabaN-settings {
      max-width: 1400px;
    }

.works-body-template--20118159491251__ss_how_it_works_6gabaN {
      grid-template-areas: 
        "media"
        "faq";     
    }

@media(min-width: 1024px) {
      .works-body-template--20118159491251__ss_how_it_works_6gabaN {
        grid-template-areas: "media faq";    
      }
    }

.works-media-template--20118159491251__ss_how_it_works_6gabaN {
      aspect-ratio: auto;
    }

@media(min-width: 1024px) {
      .works-media-template--20118159491251__ss_how_it_works_6gabaN {
        aspect-ratio: auto;
      }
    }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


        .works-heading-heading_pyQpGD {
          margin-top: 24px;
          text-align: center;
        }
      
        .works-heading-heading_pyQpGD * {
          margin: 0;
          font-size: 28px;
          color: #121212;
          line-height: 130%;
          text-transform: unset;
          word-break: break-word;
          font-weight: 700;
        }

        @media(min-width: 1024px) {
          
          .works-heading-heading_pyQpGD {
            max-width: 98%;
            margin-top: 24px;
            text-align: center;
          }
        
          .works-heading-heading_pyQpGD * {
            font-size: 48px;
          }
        }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

        
        .works-text-text_wbbtBJ {
          margin-top: 16px;
          text-align: center;
          position: relative;
          z-index: 2;
          max-width: 98%;
        }
      
        .works-text-text_wbbtBJ * {
          margin: 0;
          font-size: 18px;
          color: #121212;
          line-height: 150%;
          text-transform: unset;
        }

        @media(min-width: 1024px) {
          
          .works-text-text_wbbtBJ {
            margin-top: 16px;
            text-align: center;
          }
      
          .works-text-text_wbbtBJ * {
            font-size: 18px;
          }
          
        }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


        .works-button-button_DGryKN {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          width: 100%;
          margin: 0;
          margin-top: 24px;
          font-size: 16px;
          color: #232e3a;
          line-height: 100%;
          text-align: center;
          text-transform: unset;
          text-decoration: none;
          padding: 16px 24px;
          border-radius: 100px;
          transition: all 0.3s ease 0s;
          background-color: transparent;
          border: 0px;
          cursor: pointer;
          font-weight: 700;
        }

        .works-button-inner-button_DGryKN {
          margin: 0px;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          text-decoration: none;
        }

        .works-button-button_DGryKN:hover {
          color: #faf5f2;
          transition: all 0.25s ease 0s;
        }

        .works-button-button_DGryKN svg {
          width: 14px;
          height: 14px;
        }

        .works-button-button_DGryKN svg path {
          fill: #232e3a;
          transition: all 0.25s ease 0s;
        }

        .works-button-button_DGryKN:hover svg path {
          fill: #faf5f2;
          transition: all 0.25s ease 0s;
        }

        @media (min-width: 1024px) {
          .works-button-button_DGryKN {
            margin-top: 32px;
            padding: 16px 24px;
            font-size: 16px;
          }
        }

.works-button-button_DGryKN {
            transition: all 0.3s ease 0s;
            background-color: #e2e5e8;
          }
      
          .works-button-button_DGryKN:hover {
            transition: all 0.3s ease 0s;
            background-color: #b7cbf5;
          }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}

  @font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


  .section-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    border-top: solid #121212 0px;
    border-bottom: solid #121212 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0rem;
    margin-right: 0rem;
    border-radius: 0px;
    overflow: hidden;
  }
  
  .section-template--20118159491251__ss_product_ingredients_7_WHkzFa-settings {
    margin: 0 auto;
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .ingredients-slider-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    margin-top: 32px;
    overflow: visible !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .ingredients-slider-template--20118159491251__ss_product_ingredients_7_WHkzFa .swiper-wrapper {
    align-items: stretch !important;
  }

  .ingredients-slide-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    height: auto !important;
  }
  
  .ingredients-slide-image-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    border: 0px solid #121212;
    border-radius: 0px;
    overflow: hidden;
  }

  .ingredients-slide-image-template--20118159491251__ss_product_ingredients_7_WHkzFa img,
  .ingredients-slide-image-template--20118159491251__ss_product_ingredients_7_WHkzFa svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ingredients-slide-image-template--20118159491251__ss_product_ingredients_7_WHkzFa svg {
    background-color: #AFAFAF;
  }

  .ingredients-title-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    margin: 0px;  
    margin-top: 16px;
    text-align: left;
    font-size: 20px;
    line-height: 130%;
    color: #121212;
    text-transform: unset;
    word-break: break-word;
    padding: 0 10px;
  }

  .ingredient-content-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px; 
  }

  .ingredients-slide-bottom-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 8px 16px 8px;
    border-top: 1px solid #e5e5e5
  }

  .ingredients-slide-subtitle-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    margin: 0px;  
    margin-top: 12px;
    text-align: left;
    font-size: 12px;
    line-height: 130%;
    color: #121212;
    text-transform: unset;
    word-break: break-word;
  }
  
  .ingredients-slide-text-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    margin: 0px;  
    margin-top: 8px;
    text-align: left;
    font-size: 14px;
    line-height: 150%;
    color: #121212;
    text-transform: unset;
    word-break: break-word;
  }

  .ingredients-source-icon-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    width: 32px;
    height: 32px;
  }

  .ingredients-source-icon-template--20118159491251__ss_product_ingredients_7_WHkzFa svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ingredients-source-icon-template--20118159491251__ss_product_ingredients_7_WHkzFa svg {
    background-color: #121212;
    transition: all 0.1s ease 0s;
  }

  .ingredients-source-icon-template--20118159491251__ss_product_ingredients_7_WHkzFa:hover svg {
    transition: all 0.1s ease 0s;
    background-color: #4d4d4d;
  }

  .ingredients-source-icon-template--20118159491251__ss_product_ingredients_7_WHkzFa svg g {
    stroke: #ffffff;
    transition: all 0.1s ease 0s;
  }

  .ingredients-source-icon-template--20118159491251__ss_product_ingredients_7_WHkzFa:hover svg g {
    transition: all 0.1s ease 0s;
    stroke: #ffffff;
  }
  
  .ingredients-navigation-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 20px;
  }
  
  .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa,
  .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    display: flex;
    width: 38px;
    height: 38px;
    border: 0px;
    border: 0px solid #c7c7c7;
    border-radius: 100px;
    background: transparent;
    background: #ebebeb;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    -webkit-appearance: none;
    flex-shrink: 0;
    /* box-shadow: 0px 0px 10px 0px rgba(0,0,0,.15); */
  }

  .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon,
  .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon {
    pointer-events: none;
    place-items: center;
    display: grid;
  }

  .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon:before,
  .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon:before {
    content: "";
    grid-area: 1 / -1;
    transition: all .2s ease;
    width: 8px;
    height: 8px;
    transform: rotate(calc(1 * 45deg));
    box-sizing: border-box;
    border-style: solid;
    border: 0px;
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    position: relative;
    left: -1px;
  }

  .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon:before {
    left: unset;
    right: -1px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
  }

  .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon:after,
  .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon:after {
    content: "";
    grid-area: 1 / -1;
    transition: all .2s ease;
    width: 7.7px;
    height: 1.6px;
    transform-origin: center;
    opacity: 0;
    background: currentColor;
    transform: scaleX(.5);
  }

  .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa span,
  .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa span {
    color: #7b7b7b;
  }

  .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa.swiper-button-disabled,
  .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa.swiper-button-disabled {
    opacity: 0.5;
  }

  .ingredients-scrollbar-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    flex: 1 1 auto;
    position: static !important;
    height: 4px !important;
    background-color: #dddddd !important;
    z-index: 2 !important;
  }

  .ingredients-scrollbar-template--20118159491251__ss_product_ingredients_7_WHkzFa .swiper-scrollbar-drag {
    display: block !important;
    background-color: #6e6e6e!important;
  }

   .ingredients-modal-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    display: flex;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    align-items: center;
    justify-content: right;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #000000ce;   
    transition: all 0.25s ease 0s;
  }
  
  .ingredients-modal-template--20118159491251__ss_product_ingredients_7_WHkzFa.active {
    opacity: 1;
    z-index: 9999;
    pointer-events: all;
    transition: all 0.25s ease 0s;
  }

  .ingredients-modal-inner-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    transform: translateX(100%);
    padding: 40px 16px;
    background-color: #ffffff;
    transition: all 0.25s ease 0s;
  }

  .ingredients-modal-inner-template--20118159491251__ss_product_ingredients_7_WHkzFa.active {
    transition: all 0.25s ease 0s;
    transform: translateX(0%);
  }

  .ingredients-modal-inner-template--20118159491251__ss_product_ingredients_7_WHkzFa::-webkit-scrollbar {
    display: none;
  }

  .ingredients-modal-content-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    margin-top: 32px;
    display: none;
    padding-bottom: 80px;
  }

  .ingredients-modal-content-template--20118159491251__ss_product_ingredients_7_WHkzFa.active {
    display: block;
  }

  .ingredients-sidebar-image-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    display: block;
    margin-top: 16px;
    border: 0px solid #121212;
    border-radius: 0px;
    overflow: hidden;
    padding: 0;
  }

  .ingredients-sidebar-image-template--20118159491251__ss_product_ingredients_7_WHkzFa img,
  .ingredients-sidebar-image-template--20118159491251__ss_product_ingredients_7_WHkzFa svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ingredients-sidebar-image-template--20118159491251__ss_product_ingredients_7_WHkzFa svg {
    background-color: #AFAFAF;
  }

  .ingredients-sidebar-title-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    margin: 0px;  
    text-align: left;
    font-size: 24px;
    line-height: 130%;
    color: #121212;
    text-transform: unset;
    word-break: break-word;
  }

  .ingredients-sidebar-subtext-template--20118159491251__ss_product_ingredients_7_WHkzFa * {
    margin: 0px;  
    margin-top: 4px;
    text-align: left;
    font-size: 14px;
    line-height: 150%;
    color: #121212;
    text-transform: unset;
    word-break: break-word;
  }

  .ingredients-sidebar-heading-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    margin: 0px;  
    padding-top: 16px;
    text-align: left;
    font-size: 13px;
    line-height: 130%;
    color: #999999;
    text-transform: unset;
    text-transform: uppercase;
    word-break: break-word;
  }

  .ingredients-sidebar-heading-template--20118159491251__ss_product_ingredients_7_WHkzFa:first-child {
    border: 0px !important;
  }

  .ingredients-sidebar-heading-template--20118159491251__ss_product_ingredients_7_WHkzFa:not(:first-child) {
    border-top: 1px solid #e5e5e5;
  }

  .ingredients-sidebar-text-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    margin-top: 8px;
    padding-bottom: 16px;
  }

  .ingredients-sidebar-text-template--20118159491251__ss_product_ingredients_7_WHkzFa * {
    margin: 0px;    
    text-align: left;
    font-size: 14px;
    line-height: 150%;
    color: #121212;
    text-transform: unset;
    word-break: break-word;
  }
  
  .ingredients-close-modal-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    padding: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    box-shadow: none;
    border: 0px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 2;
    padding: 10px;
    background-color: #121212;
    overflow: hidden;
    transition: all 0.25s ease 0s;
  }

  .ingredients-close-modal-template--20118159491251__ss_product_ingredients_7_WHkzFa:hover {
    background-color: #4d4d4d;
    transition: all 0.25s ease 0s;
  }

  .ingredients-close-modal-template--20118159491251__ss_product_ingredients_7_WHkzFa svg {
    position: relative;
    z-index: 2;
    display: block;
    width: 16px;
    height: 16px;
    transition: all 0.25s ease 0s;
  }

  .ingredients-close-modal-template--20118159491251__ss_product_ingredients_7_WHkzFa svg path {
    fill: #ffffff;   
    transition: all 0.25s ease 0s;
  }

  .ingredients-close-modal-template--20118159491251__ss_product_ingredients_7_WHkzFa:hover svg path {
    fill: #ffffff; 
    transition: all 0.25s ease 0s;
  }

  .ingredients-sidebar-table-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    border-top: 1px solid #e5e5e5; 
    padding: 0;
  }

  .ingredients-slider-wrapper-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    display: grid;
  }
  
  @media(min-width: 1024px) {

    .section-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0rem;
      margin-right: 0rem;
      border-radius: 0px;
    }
    
    .section-template--20118159491251__ss_product_ingredients_7_WHkzFa-settings {
      padding: 0 5rem;
      padding-top: 36px;
      padding-bottom: 36px;
      padding-left: 5rem;
      padding-right: 5rem;
    }

    .ingredients-slider-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      margin-top: 56px;
    }

    .ingredients-title-template--20118159491251__ss_product_ingredients_7_WHkzFa {    
      margin-top: 16px;
      text-align: left;
      font-size: 20px;    
    }

    .ingredient-content-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      gap: 32px; 
    }

    .ingredients-slide-subtitle-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      margin-top: 12px;
      text-align: left;
      font-size: 12px;    
    }
    
    .ingredients-slide-text-template--20118159491251__ss_product_ingredients_7_WHkzFa {   
      margin-top: 8px;
      text-align: left;
      font-size: 14px;     
    }

    .ingredients-source-icon-template--20118159491251__ss_product_ingredients_7_WHkzFa { 
      width: 32px;
      height: 32px;
    }
    
    .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa,
    .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      width: 48px;
      height: 48px;
      transition: all 0.25s ease 0s;
    }

    .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon:before,
    .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon:before {
      width: 10px;
      height: 10px;
    }

    .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon:after,
    .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa .animate-icon:after {
      width: 9.7px;
    }

    .ingredients-navigation-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      margin-top: 20px;
      justify-content: space-between;
    }
    
    .ingredients-modal-inner-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      width: 500px;
      padding: 40px 32px;
    }

    .ingredients-sidebar-heading-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      padding-top: 16px;
      text-align: left;
      font-size: 13px;    
    }    

    .ingredients-sidebar-image-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      margin-top: 16px; 
    }

    .ingredients-sidebar-title-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      text-align: left;
      font-size: 32px;
    }
  
    .ingredients-sidebar-subtext-template--20118159491251__ss_product_ingredients_7_WHkzFa * {
      margin-top: 4px;
      text-align: left;
      font-size: 16px;
    }

    .ingredients-sidebar-text-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      margin-top: 8px;
      padding-bottom: 16px;
    }

    .ingredients-modal-content-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      margin-top: 32px;
    }

    .ingredients-sidebar-text-template--20118159491251__ss_product_ingredients_7_WHkzFa * {       
      text-align: left;
      font-size: 16px;     
    } 

    .ingredients-close-modal-template--20118159491251__ss_product_ingredients_7_WHkzFa svg {
      width: 16px;
      height: 16px;
    }
  }

.section-template--20118159491251__ss_product_ingredients_7_WHkzFa-settings {
      max-width: 1200px;
    }

.ingredients-slide-image-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      aspect-ratio: 12/12;
    }

@media(min-width: 1024px) {
      .ingredients-slide-image-template--20118159491251__ss_product_ingredients_7_WHkzFa {
        aspect-ratio: 12/12;
      }
    }

.ingredients-sidebar-image-template--20118159491251__ss_product_ingredients_7_WHkzFa  {
    aspect-ratio: 12/8;
  }

@media(min-width: 1024px) {
      .ingredients-sidebar-image-template--20118159491251__ss_product_ingredients_7_WHkzFa  {
        aspect-ratio: 12/8;
      }
    }

.ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa:hover,
    .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa:hover {
      transition: all 0.3s ease 0s;
      border: 0px solid #c7c7c7;
      background: #f5f5f5;
    }
  
    .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa:hover .animate-icon,
    .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa:hover .animate-icon {
      color: #7b7b7b;
    }

.ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa,
    .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      display: flex;
    }

@media(min-width: 1024px) {
      .ingredients-btn-prev-template--20118159491251__ss_product_ingredients_7_WHkzFa,
      .ingredients-btn-next-template--20118159491251__ss_product_ingredients_7_WHkzFa {
        display: flex;
      }
    }

.ingredients-scrollbar-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      display: flex !important;
    }

@media(min-width: 1024px) {
      .ingredients-scrollbar-template--20118159491251__ss_product_ingredients_7_WHkzFa {
        display: flex !important;
      }
    }

@font-face {
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//global.rokid.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}


        .ingredients-heading-heading_wQQBe3 {
          text-align: center;
          margin-top: 0px;
        }
      
        .ingredients-heading-heading_wQQBe3 * {
          margin: 0;
          font-size: 28px;
          color: #121212;
          line-height: 130%;
          text-transform: unset;
          word-break: break-word;
          font-weight: 700;
        }

        @media(min-width: 1024px) {
          
          .ingredients-heading-heading_wQQBe3 {
            max-width: 80%;
            text-align: center;
            margin-top: 0px;
          }
        
          .ingredients-heading-heading_wQQBe3 * {
            font-size: 46px;
          }
        }

@media(min-width: 1024px) {
            .ingredients-heading-heading_wQQBe3 {
              margin-left: auto;
              margin-right: auto;
            } 
          }

.ingredients-slider-template--20118159491251__ss_product_ingredients_7_WHkzFa.preview .swiper-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
  }

  .ingredients-slider-template--20118159491251__ss_product_ingredients_7_WHkzFa.preview .ingredients-slide-template--20118159491251__ss_product_ingredients_7_WHkzFa {
    width: 100%;
  }

  .ingredients-slider-template--20118159491251__ss_product_ingredients_7_WHkzFa.preview .ingredients-slide-template--20118159491251__ss_product_ingredients_7_WHkzFa:not(:first-child) {
    margin-left: 16px;
  } 

  @media(min-width: 1024px) {
    .ingredients-slider-template--20118159491251__ss_product_ingredients_7_WHkzFa.preview .ingredients-slide-template--20118159491251__ss_product_ingredients_7_WHkzFa:not(:first-child) {
      margin-left: 16px;
    } 

    .ingredients-slider-template--20118159491251__ss_product_ingredients_7_WHkzFa.preview .ingredients-slide-template--20118159491251__ss_product_ingredients_7_WHkzFa {
      width: calc(100% / 3 - (16px));
    }
  }