/** Shopify CDN: Minification failed

Line 222:16 Expected ")" to end URL token
Line 227:16 Expected ")" to end URL token

**/
.sf-hero{overflow:hidden;width:100%}.sf-hero,.sf-hero__bg{position:relative}.sf-hero__bg img{height:100%;width:100%}.sf-hero.sf-hero--adapt .sf-hero .sf-hero__bg{height:100%}.sf-hero:not(.sf-hero--adapt) .sf__slide-media{height:420px}.sf-hero:not(.sf-hero--adapt).sf-hero--small .sf-hero__bg{height:290px}.sf-hero:not(.sf-hero--adapt).sf-hero--medium .sf-hero__bg{height:360px}.sf-hero:not(.sf-hero--adapt).sf-hero--large .sf-hero__bg{height:420px}.sf-hero:not(.sf-hero--adapt).sf-hero--fullscreen .sf-hero__bg{height:100vh}@media(min-width:768px){.sf-hero:not(.sf-hero--adapt).sf-hero--small .sf-hero__bg{height:420px}.sf-hero:not(.sf-hero--adapt).sf-hero--medium .sf-hero__bg{height:560px}.sf-hero:not(.sf-hero--adapt).sf-hero--large .sf-hero__bg{height:720px}.sf-hero:not(.sf-hero--adapt).sf-hero--fullscreen .sf-hero__bg{height:100vh}}.sf-hero--has-overlay:before{background-color:var(--color-image-overlay);bottom:0;content:"";left:0;opacity:var(--opacity-image-overlay);position:absolute;right:0;top:0;z-index:1}@media screen and (max-width:767px){.sf-hero--has-overlay.sf-hero__mobile-no-overlay:before{display:none}}.sf-hero__inner{z-index:1}.sf-hero__inner[class*="--middle-"]{align-items:center}.sf-hero__inner[class*="--top-"]{align-items:flex-start}.sf-hero__inner[class*="--bottom-"]{align-items:flex-end}.sf-hero__inner--bottom-center,.sf-hero__inner--middle-center,.sf-hero__inner--top-center{justify-content:center}.sf-hero__inner--bottom-left,.sf-hero__inner--middle-left,.sf-hero__inner--top-left{justify-content:flex-start}.sf-hero__inner--bottom-right,.sf-hero__inner--middle-right,.sf-hero__inner--top-right{justify-content:flex-end}.sf-hero__inner .sf-hero__content .sf-hero__btn .sf__btn.sf__btn-link,.sf-hero__inner .sf-hero__content .sf-hero__btn .sf__btn.sf__btn-secondary{border-color:var(--content-color);color:var(--content-color)}.sf-hero__subtitle,.sf-hero__title{display:block;padding-left:0;padding-right:0}.sf-hero__content p{margin-top:0}.sf-hero__btn{display:inline-block}@media screen and (max-width:767px){.sf-hero .sf-hero__inner{height:auto!important}.sf-hero .sf-hero__inner .sf-hero__content br{display:none}.sf-hero .sf-hero__inner .sf-hero__content .sf-hero__btn .sf__btn:not(.sf__btn-link){padding-bottom:7px;padding-top:7px}.sf-hero .sf-hero--fullscreen .sf-hero__inner,.sf-hero .sf-hero--large .sf-hero__inner{padding-bottom:8rem;padding-top:8rem}}.sf-hero--has-link .sf-hero__inner{pointer-events:none}.sf-hero--has-link .sf-hero__btn{pointer-events:auto}@media(max-width:767px){.sf-hero--content-stack{overflow:visible}.sf-hero--content-stack .sf-hero__inner{position:relative!important;z-index:2}.sf-hero--content-stack.sf-hero--has-overlay:before{display:none}}.sf-slider__link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
/*# sourceMappingURL=hero.css.map */


.hero-text, .hero-title {
  position: relative;
  display: inline-block;
  font-family: Inter;
  font-size: 80px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 0;
  color: transparent;
  background: linear-gradient(90deg, #8F8EC9 -1.08%, #D0CDDF 26.14%, #FFF 48.55%, #D0CDDF 72.01%, #8F8EC9 97.35%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
 
}

.hero-title::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  color: #fff;
  text-shadow: 0px 0px 52.2px #C213FF;
  background: none;
   animation: changeShadow 9s infinite;
}

@keyframes changeShadow {
  0% {
    text-shadow: 0px 0px 52.2px #C213FF;
  }
  10% {
    text-shadow: 0px 0px 52.2px #18ACFF;
  }
  20% {
    text-shadow: 0px 0px 52.2px #FF0CAC;
  }
  30% {
    text-shadow: 0px 0px 52.2px #FF0720;
  }
  40% {
    text-shadow: 0px 0px 52.2px #FF900E;
  }
  50% {
    text-shadow: 0px 0px 52.2px #FFD43C;
  }
  60% {
    text-shadow: 0px 0px 52.2px #5BFF0E;
  }
  70% {
    text-shadow: 0px 0px 52.2px #0EE2FF;
  }
  80% {
    text-shadow: 0px 0px 52.2px #18ACFF;
  }
  90% {
    text-shadow: 0px 0px 52.2px #5BFF0E;
  }
  100% {
    text-shadow: 0px 0px 52.2px #C213FF;
  }
}
.hero-text{
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.hero-text.ann-text{
    font-size: 16px;
    margin-top: 20px;
}
.hero-main-bg:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(185deg, rgba(29, 47, 125, 0.00) 9.19%, #1D2F7D 90.29%);

}
.hp-hero-btn a.btn-animate{
      display: flex;
      padding: 15px 25px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 100px;
      border: 0.7px solid rgba(255, 255, 255, 0.79);
      color: #FFF;
      text-align: center;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.36px;
      animation: textchangeShadow 15s infinite;
}

        @keyframes textchangeShadow {
            0% {
              box-shadow: 0px 0px 7.4px 0px #9747FF, 0px 0px 36.4px 0px #9747FF, 0px 0px 26.5px 0px #9747FF;
              background: #9747FF;
            }
            10% {
                background: #18ACFF;
                  box-shadow: 0px 0px 7.4px 0px #18ACFF, 0px 0px 36.4px 0px #18ACFF, 0px 0px 26.5px 0px #18ACFF;
            }
            20% {
               background: #E800D0;
                box-shadow: 0px 0px 7.4px 0px #FF0CAC, 0px 0px 36.4px 0px #FF0CAC, 0px 0px 26.5px 0px #E800D0;
            }
            30% {
                background: #EB0018;
                box-shadow: 0px 0px 7.4px 0px #FF0720, 0px 0px 36.4px 0px #FF0720, 0px 0px 26.5px 0px #FF0720;
            }
            40% {
              background: #FF900E;
              box-shadow: 0px 0px 7.4px 0px #FF900E, 0px 0px 36.4px 0px #FF900E, 0px 0px 26.5px 0px #FF900E;
            }
            50% {
                 background: #FFC90B;
                  box-shadow: 0px 0px 7.4px 0px #FFD43C, 0px 0px 36.4px 0px #FFD43C, 0px 0px 26.5px 0px #FFD43C;
            }
            60% {
              background: #4FDA0D;
              box-shadow: 0px 0px 7.4px 0px #5BFF0E, 0px 0px 36.4px 0px #5BFF0E, 0px 0px 26.5px 0px #5BFF0E;
            }
            70% {
             background: #18ACFF;
              box-shadow: 0px 0px 7.4px 0px #18ACFF, 0px 0px 36.4px 0px #18ACFF, 0px 0px 26.5px 0px #18ACFF;
            }
            80% {
          background: #0041E8;
          box-shadow: 0px 0px 7.4px 0px rgba(0, 65, 232, 0.00), 0px 0px 36.4px 0px #0041E8, 0px 0px 26.5px 0px #0041E8;
            }
           90% {
              background: #9747FF;
                box-shadow: 0px 0px 7.4px 0px #9747FF, 0px 0px 36.4px 0px #9747FF, 0px 0px 26.5px 0px #9747FF;
            }
           100% {
              box-shadow: 0px 0px 7.4px 0px #9747FF, 0px 0px 36.4px 0px #9747FF, 0px 0px 26.5px 0px #9747FF;
              background: #9747FF;
            }
       
          
        }
.hero-btn-wrapper{
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top:37px;
}
.btn-watch{
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.36px;
    display: inline-flex;
    padding: 15px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
}
.btn-watch:after{
    content:"▶";
    color:inherit;
    font-size:inherit;
    font-family: inherit;
    font-weight:inherit;
    line-height:inherit;
}
@media screen and (max-width:1140px){
 .hero-title{
    font-size:60px;
  }
  .hero-text{
        font-size: 32px;
  }
  .hp-hero-btn a.btn-animate, .btn-watch{
    font-size:16px;
  }
}
@media screen and (max-width:520px){
  .hero-title{
    font-size:40px;
  }
  .hero-text{
    font-size:25px;
  }
  .hero-btn-wrapper{
    flex-direction: column;
    align-items: center;
  }
}
@font-face {
    font-family: 'Inter';
    src: url({{ Inter Medium | asset_url }}) format('woff2');
     
}
@font-face {
    font-family: 'Inter';
    src: url({{ Inter Bold | asset_url }}) format('woff2');
     
}