#hero {
    padding: 80px 0;
}
#hero-inner {
    max-width: 1120px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
#hero .hero-title {
    margin: 0 0 24px 0;
    font-size: 72px;
    line-height: 79px;
}
#hero .hero-text {
    margin: 0 0 30px 0;
    line-height: 32px;
}
#hero .hero-button-wrapper {
    display: flex;
}
@media (max-width: 1180px) {
    #hero-inner {
        padding: 0 30px;
    }
    #hero .hero-title {
      font-size: 38px;
      line-height: 48px;
      margin: 0 0 30px 0;
    }
    #hero .hero-title br {
        display: none;
    }
    #hero .hero-text {
      font-size: 16px;
      line-height: 27px;
  }
}
@media (max-width: 768px) {
    #hero {
        padding: 50px 0 40px 0;
    }
    #hero-inner {
        padding: 0 20px;
    }
    #hero .hero-title p {
        display: inline;
    }
    #hero .hero-text br {
        display: none;
    }
}
#detection #hero {
    padding-bottom: 32px;
}

.animation #hero-inner, 
.animation #hero-inner #hero-sup,
.animation #hero-inner #hero-title,
.animation #hero-inner #hero-text,
.animation #hero-inner .button,
.animation #hero-inner {
    will-change: opacity,transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),-webkit-transform 1s cubic-bezier(.215,.61,.355,1);
    transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),-webkit-transform 1s cubic-bezier(.215,.61,.355,1);
    transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1s cubic-bezier(.215,.61,.355,1);
    transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1s cubic-bezier(.215,.61,.355,1),-webkit-transform 1s cubic-bezier(.215,.61,.355,1);
}
/* .home .animation #hero-media{
    will-change: opacity,transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: opacity 3s cubic-bezier(.63,.61,.43,1),-webkit-transform 2.8s cubic-bezier(.63,.61,.43,1);
    transition: opacity 3s cubic-bezier(.63,.61,.43,1),-webkit-transform 2.8s cubic-bezier(.63,.61,.43,1);
    transition: opacity 3s cubic-bezier(.63,.61,.43,1),transform 2.8s cubic-bezier(.63,.61,.43,1);
    transition: opacity 3s cubic-bezier(0.22, 0.61, 0.36, 1),transform 2.8s cubic-bezier(.63,.61,.43,1),-webkit-transform 2.8s cubic-bezier(.63,.61,.43,1); 
} */
.animation #hero-inner .lottie-player,
.animation #hero-inner svg {
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(.215,.61,.355,1) .4s;
    transition: opacity 1.2s cubic-bezier(.215,.61,.355,1) .4s;
}
.appear #hero-inner {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-delay: 0s;
}

.appear #hero-inner #hero-sup {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-delay: 0.15s;
}
.appear #hero-inner #hero-title {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-delay: 0s;
}
.appear #hero-inner #hero-text {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-delay: 0.30s;
}
.appear #hero-inner .button {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-delay: 0.45s;
}
.appear #hero-inner  {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-delay: 0.6s;
}
/* .home .appear #hero-inner  {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-delay: 0.6s;
} */

.appear #hero-inner .lottie-player,
.appear #hero-inner svg {
    opacity: 1;
}