@media only screen and (min-width: 0rem) {
     #hero-855 {
         padding: clamp(11.25rem, 23.82vw, 18.75rem) 1rem clamp(3.75rem, 7.82vw, 6.25rem);
         background-color: var(--primary);
         overflow: hidden;
         position: relative;
         z-index: 1;
     }

     #hero-855 .cs-container {
         width: 100%;
         max-width: 80rem;
         margin: auto;
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
         gap: clamp(4rem, 10vw, 7rem);
         position: relative;
         z-index: 2;
     }

     #hero-855 .cs-content {
         text-align: center;
         max-width: 39.375rem;
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
         position: relative;
         z-index: 10;
     }

     #hero-855 .cs-topper {
         font-size: clamp(0.875rem, 1.5vw, 1rem);
         line-height: 1.2em;
         text-transform: uppercase;
         text-align: inherit;
         letter-spacing: 0.1em;
         font-weight: 700;
         color: var(--secondary);
         margin-bottom: 0.25rem;
         display: block;
     }

     #hero-855 .cs-title {
         font-size: clamp(2.4375rem, 5vw, 3.8125rem);
         font-weight: 900;
         line-height: 1.2em;
         text-align: center;
         max-width: 15ch;
         margin: 0 0 1rem 0;
         color: var(--secondary);
         position: relative;
     }

     #hero-855 .cs-text {
         font-size: clamp(1rem, 1.5vw, 1.25rem);
         line-height: 1.5em;
         text-align: center;
         width: 100%;
         max-width: 33.1875rem;
         margin: 0 0 clamp(1.75rem, 3.92vw, 2.5rem) 0;
         color: var(--secondary);
         opacity: 0.9;
     }

     #hero-855 .cs-button-box {
         display: flex;
         justify-content: center;
         gap: 1rem;
         align-items: center;
     }

     #hero-855 .cs-picture {
         width: 100%;
         max-width: 37.5rem;
         display: flex;
         justify-content: flex-start;
         align-items: flex-end;
     }

     #hero-855 .cs-picture img {
         width: 100%;
         height: auto;
     }

     #hero-855 .cs-wave {
         width: 100%;
         height: auto;
         display: block;
         position: absolute;
         left: 0;
         bottom: -1px;
         z-index: 1;
     }

     #hero-855 .cs-wave path {
         width: 100%;
         height: auto;
     }

     #hero-855 .mobile {
         bottom: -0.4375rem;
     }

     #hero-855 .desktop {
         display: none;
     }

     #hero-855 .cs-dark {
         display: none;
         visibility: hidden;
         opacity: 0;
         bottom: -1.875rem;
         transition: visibility 0.3s, opacity 0.3s, bottom 0.5s;
     }

     #hero-855 .cs-dark.desktop {
         display: none;
     }
 }

 @media only screen and (min-width: 64rem) {
     #hero-855 {
         text-align: left;
         padding-bottom: 17vw;
     }

     #hero-855 .cs-container {
         flex-direction: row;
         justify-content: space-between;
     }

     #hero-855 .cs-content {
         width: 40vw;
         flex: none;
         align-items: flex-start;
     }

     #hero-855 .cs-title,
     #hero-855 .cs-text {
         text-align: left;
     }

     #hero-855 .cs-dark {
         display: none;
     }

     #hero-855 .cs-dark.desktop {
         display: block;
     }

     #hero-855 .desktop {
         display: block;
     }

     #hero-855 .mobile {
         display: none;
     }

     #hero-855 .cs-picture {
         width: 70vw;
         max-width: 58.5rem;
         position: absolute;
         top: auto;
         right: -6.25rem;
     }
 }

 @media only screen and (min-width: 93.75rem) {
     #hero-855 {
         padding-bottom: 12.5rem;
     }

     #hero-855 .cs-picture {
         right: -9.375rem;
     }
 }

 @media only screen and (min-width: 0rem) {
     body.dark-mode #hero-855 {
         background-color: #000;
     }

     body.dark-mode #hero-855:before {
         content: '';
         width: 100%;
         height: 100%;
         background: rgba(0, 16, 153, 0.3);
         background: -o-linear-gradient(305deg, rgba(0, 16, 153, 0.2) 0%, rgba(58, 217, 255, 0.2) 96%);
         background: linear-gradient(145deg, rgba(0, 16, 153, 0.2) 0%, rgba(58, 217, 255, 0.2) 96%);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001099", endColorstr="#3ad9ff", GradientType=1);
         opacity: 1;
         position: absolute;
         display: block;
         top: 0;
         left: 0;
         z-index: -1;
     }

     body.dark-mode #hero-855 .cs-title,
     body.dark-mode #hero-855 .cs-topper,
     body.dark-mode #hero-855 .cs-text,
     body.dark-mode #hero-855 .cs-number,
     body.dark-mode #hero-855 .cs-desc {
         color: var(--bodyTextColorWhite);
     }

     body.dark-mode #hero-855 .cs-wave path {
         fill: var(--dark);
     }

     body.dark-mode #hero-855 .cs-dark.mobile {
         visibility: visible;
         opacity: 1;
         bottom: -1px;
     }
 }

 @media only screen and (min-width: 64rem) {

     body.dark-mode #hero-855 .cs-desktop,
     body.dark-mode #hero-855 .mobile {
         display: none;
     }

     body.dark-mode #hero-855 .cs-dark.mobile {
         display: none;
     }

     body.dark-mode #hero-855 .cs-dark.desktop {
         visibility: visible;
         opacity: 1;
         bottom: -1px;
     }
 }

 @media only screen and (min-width: 0rem) {
     .universe {
         display: none;
     }

     .universe1 {
         width: 100%;
         height: 100%;
         position: absolute;
         top: 0;
     }

     .universe2 {
         position: absolute;
         width: 100%;
         height: 70%;
         left: -20% !important;
         top: 0% !important;
         -webkit-transform: scaleY(-1);
         -ms-transform: scaleY(-1);
         transform: scaleY(-1);
     }

     .universe2 .satellite {
         -webkit-animation-delay: 10s;
         animation-delay: 10s;
         left: -20%;
         top: 30%;
     }

     .universe3 {
         position: absolute;
         width: 100%;
         height: 70%;
         left: -10% !important;
         top: 20% !important;
         -webkit-transform: scaleX(-1);
         -ms-transform: scaleX(-1);
         transform: scaleX(-1);
     }

     .universe3 .satellite {
         display: none;
     }

     .satellite {
         width: 10px !important;
         position: absolute;
         top: 50%;
         left: 30%;
         -webkit-animation-name: orbit;
         animation-name: orbit;
         -webkit-animation-duration: 11s;
         animation-duration: 11s;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
     }

     @-webkit-keyframes orbit {
         0% {
             top: 60%;
             left: 0px;
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             top: -40%;
             left: 120%;
             -webkit-transform: rotate(560deg);
             transform: rotate(560deg);
         }
     }

     @keyframes orbit {
         0% {
             top: 60%;
             left: 0px;
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg);
         }

         100% {
             top: -40%;
             left: 120%;
             -webkit-transform: rotate(360deg);
             transform: rotate(360deg);
         }
     }

     .shooting-star {
         position: absolute;
         right: 50%;
         top: -13.59%;
         width: 1px;
         height: 70px;
         background: #fff;
         -webkit-transform: rotate(-15deg);
         -ms-transform: rotate(-15deg);
         transform: rotate(-15deg);
         -webkit-animation: shootingStar;
         animation: shootingStar;
         -webkit-animation-duration: 9s;
         animation-duration: 9s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         -webkit-animation-delay: 1s;
         animation-delay: 1s;
     }

     .shooting-star2 {
         top: -23.59%;
         -webkit-animation: shootingStar2;
         animation: shootingStar2;
         -webkit-animation-duration: 10s;
         animation-duration: 10s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         -webkit-animation-delay: 1.5s;
         animation-delay: 1.5s;
     }

     @-webkit-keyframes shootingStar {
         0% {
             top: -13.59%;
             right: 60%;
         }

         2% {
             opacity: 0;
             top: 100%;
             right: 0%;
         }

         86% {
             opacity: 0;
         }

         100% {
             opacity: 0;
         }
     }

     @keyframes shootingStar {
         0% {
             top: -13.59%;
             right: 60%;
         }

         2% {
             opacity: 0;
             top: 100%;
             right: 0%;
         }

         86% {
             opacity: 0;
         }

         100% {
             opacity: 0;
         }
     }

     @-webkit-keyframes shootingStar2 {
         0% {
             top: -23.59%;
             right: 50%;
         }

         2% {
             opacity: 0;
             top: 100%;
             right: -17%;
         }

         86% {
             opacity: 0;
         }

         100% {
             opacity: 0;
         }
     }

     @keyframes shootingStar2 {
         0% {
             top: -23.59%;
             right: 50%;
         }

         2% {
             opacity: 0;
             top: 100%;
             right: -17%;
         }

         86% {
             opacity: 0;
         }

         100% {
             opacity: 0;
         }
     }

     .star {
         width: 2px;
         height: 2px;
         border-radius: 50%;
         background-color: #fff;
         position: absolute;
         opacity: 0.5;
         display: block;
     }

     .star1 {
         top: 2%;
         left: 25%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 3s;
         animation-duration: 6s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
     }

     .star2 {
         top: 1.3%;
         left: 48%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 2s;
         animation-duration: 4s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 0.5s;
         animation-delay: 0.5s;
     }

     .star3 {
         top: 20%;
         left: 36%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 4s;
         animation-duration: 8s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 1s;
         animation-delay: 1s;
     }

     .star4 {
         top: 17%;
         left: 5%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 4s;
         animation-duration: 7s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 0.8s;
         animation-delay: 0.8s;
     }

     .star5 {
         top: 11%;
         right: 19%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 4s;
         animation-duration: 8s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 0.2s;
         animation-delay: 0.2s;
     }

     .star6 {
         top: 4%;
         right: 24%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 3s;
         animation-duration: 3s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 0.9s;
         animation-delay: 0.9s;
     }

     .star7 {
         top: 3%;
         left: 29%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 5s;
         animation-duration: 5s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 1.2s;
         animation-delay: 1.2s;
     }

     .star8 {
         top: 18%;
         left: 56%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 3s;
         animation-duration: 7s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 0.4s;
         animation-delay: 0.4s;
     }

     .star9 {
         top: 31%;
         left: 57%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 4s;
         animation-duration: 4s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 0.1s;
         animation-delay: 0.1s;
     }

     .star10 {
         top: 27%;
         left: 12%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 4s;
         animation-duration: 4s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 0.2s;
         animation-delay: 0.2s;
     }

     .star11 {
         top: 7%;
         right: 31%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 3s;
         animation-duration: 3s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 1.4s;
         animation-delay: 1.4s;
     }

     .star12 {
         top: 35%;
         right: 12%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 4.5s;
         animation-duration: 4.5s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 1.1s;
         animation-delay: 1.1s;
     }

     .star13 {
         top: 12%;
         right: 25%;
         -webkit-animation: starFlicker;
         animation: starFlicker;
         -webkit-animation-duration: 3.3s;
         animation-duration: 3.3s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         -webkit-animation-fill-mode: forwards;
         animation-fill-mode: forwards;
         -webkit-animation-delay: 0.7s;
         animation-delay: 0.7s;
     }

     @-webkit-keyframes starFlicker {
         0% {
             opacity: 0.2;
         }

         50% {
             opacity: 0.8;
         }

         100% {
             opacity: 0.2;
         }
     }

     @keyframes starFlicker {
         0% {
             opacity: 0.2;
         }

         50% {
             opacity: 0.8;
         }

         100% {
             opacity: 0.2;
         }
     }

     .universe2 .star:nth-child(7) {
         top: -10% !important;
     }

     .universe2 .star:nth-child(2) {
         top: -15% !important;
     }

     body.dark-mode .universe {
         display: block;
     }

     .cs-ufo-wrapper {
         display: none;
     }
 }

 @media only screen and (min-width: 64rem) {
     .universe1 {
         height: 50%;
         width: 100%;
         left: -18.75rem;
     }

     .universe2 {
         position: absolute;
         width: 100%;
         height: 40%;
         left: 0% !important;
         top: 30% !important;
         -webkit-transform: scaleX(-1);
         -ms-transform: scaleX(-1);
         transform: scaleX(-1);
     }

     .universe2 .satellite {
         -webkit-animation-delay: 10s;
         animation-delay: 10s;
     }

     .universe3 {
         position: absolute;
         width: 100%;
         height: 50%;
         left: 10% !important;
         top: 0% !important;
         -webkit-transform: scaleY(-1);
         -ms-transform: scaleY(-1);
         transform: scaleY(-1);
     }

     .universe3 .satellite {
         display: none;
     }

     .shooting-star {
         position: absolute;
         right: 50%;
         top: -13.59%;
         width: 1px;
         height: 70px;
         background: #fff;
         -webkit-transform: rotate(-62deg);
         -ms-transform: rotate(-62deg);
         transform: rotate(-62deg);
         -webkit-animation: shootingStar;
         animation: shootingStar;
         animation-duration: 9s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         -webkit-animation-delay: 1s;
         animation-delay: 1s;
     }

     .shooting-star2 {
         top: -23.59%;
         -webkit-animation: shootingStar2;
         animation: shootingStar2;
         -webkit-animation-duration: 10s;
         animation-duration: 10s;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         -webkit-animation-delay: 1.5s;
         animation-delay: 1.5s;
     }

     @-webkit-keyframes shootingStar {
         0% {
             top: -13.59%;
             right: 60%;
         }

         2% {
             opacity: 0;
             top: 100%;
             right: 0%;
         }

         86% {
             opacity: 0;
         }

         100% {
             opacity: 0;
         }
     }

     @keyframes shootingStar {
         0% {
             top: -13.59%;
             right: 60%;
         }

         2% {
             opacity: 0;
             top: 100%;
             right: 0%;
         }

         86% {
             opacity: 0;
         }

         100% {
             opacity: 0;
         }
     }

     @-webkit-keyframes shootingStar2 {
         0% {
             top: -23.59%;
             right: 50%;
         }

         2% {
             opacity: 0;
             top: 100%;
             right: -17%;
         }

         86% {
             opacity: 0;
         }

         100% {
             opacity: 0;
         }
     }

     @keyframes shootingStar2 {
         0% {
             top: -23.59%;
             right: 50%;
         }

         2% {
             opacity: 0;
             top: 100%;
             right: -17%;
         }

         86% {
             opacity: 0;
         }

         100% {
             opacity: 0;
         }
     }

     .satellite {
         -webkit-animation-duration: 20s;
         animation-duration: 20s;
         -webkit-animation-delay: 0s;
         animation-delay: 0s;
     }

     .universe2 .satellite {
         -webkit-animation-delay: 10s;
         animation-delay: 10s;
         left: -10%;
     }

     .desktop-star {
         top: 20%;
         left: 20%;
     }

     body.dark-mode .cs-ufo-wrapper {
         max-width: 80rem;
         z-index: 1;
         width: 100%;
         display: block;
         position: absolute;
         left: 50%;
         top: 0;
         pointer-events: none;
         bottom: 10rem;
         transform: translateX(-50%);
         animation: containerZ1 16s ease-in-out 8s forwards;
         z-index: -1;
     }

     body.dark-mode .cs-ufo {
         width: 1.25rem;
         height: auto;
         position: absolute;
         bottom: -10.625rem;
         left: 50%;
         animation: ufoFlight1 17s ease-in-out 8s forwards;
         z-index: -2;
     }

     body.dark-mode .cs-alien {
         width: 1.25rem;
         height: auto;
     }

     body.dark-mode .cs-beam {
         width: 100%;
         max-width: 1.875rem;
         height: auto;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         top: 67%;
         z-index: -1;
         opacity: 0;
         animation: beamFlicker 16s ease-in-out 8s forwards;
         transition: opacity 0s;
     }

     @keyframes ufoFlight1 {
         0% {
             left: 50%;
             transform: translate(-60px, 0) scale(1);
             z-index: -1;
         }

         10% {
             transform: translate(-60px, -45vw) scale(1);
         }

         57.9% {
             z-index: 3;
         }

         60% {
             transform: translate(180px, -39vh) scale(5);
         }

         66% {
             transform: translate(100px, -30vh) scale(5);
         }

         75% {
             transform: translate(100px, -30vh) scale(3);
         }

         90% {
             transform: translate(100px, -50vw) scale(4);
         }

         94.9% {
             transform: translate(100px, -50vw) scale(4);
         }

         95% {
             transform: translate(100px, -50vw) scale(4) rotate(-5deg);
         }

         95.5% {
             transform: translate(100px, -50vw) scale(4) rotate(5deg);
         }

         96% {
             transform: translate(100px, -50vw) scale(4) rotate(-5deg);
         }

         96.9% {
             transform: translate(100px, -50vw) scale(4) rotate(5deg);
             z-index: 3;
         }

         97% {
             transform: translate(100px, -50vw) scale(4);
             z-index: -5;
         }

         100% {
             transform: translate(250px, 200px) scale(0.5);
         }
     }

     @keyframes beamFlicker {
         0% {
             opacity: 0;
         }

         57.9% {
             opacity: 0;
         }

         58% {
             opacity: 1;
         }

         59% {
             opacity: 0;
         }

         60% {
             opacity: 1;
         }

         61% {
             opacity: 0;
         }

         76.9% {
             opacity: 0;
         }

         77% {
             opacity: 1;
         }

         78% {
             opacity: 0;
         }

         79% {
             opacity: 1;
         }

         80% {
             opacity: 0;
         }
     }

     @keyframes containerZ1 {
         0% {
             z-index: -2;
         }

         57.9% {
             z-index: 6;
         }

         96.9% {
             z-index: 6;
         }

         97% {
             z-index: -6;
         }

         100% {
             z-index: -6;
         }
     }
 }

 @media only screen and (min-width: 1200px) {
     body.dark-mode #hero-855 .cs-container.cs-ufo-wrapper {
         animation: containerZ2 17s ease-in-out 8s forwards;
         position: absolute !important;
         bottom: 6.25rem;
     }

     body.dark-mode #hero-855 .cs-ufo {
         animation: ufoFlight3 17s ease-in-out 8s forwards;
     }

     @keyframes ufoFlight3 {
         0% {
             left: 50%;
             bottom: -12.5rem;
             transform: translate(-60px, 0) scale(1);
             z-index: -1;
         }

         10% {
             transform: translate(-60px, -550px) scale(1);
         }

         57.9% {
             z-index: 3;
         }

         60% {
             transform: translate(180px, -30vh) scale(5);
         }

         66% {
             transform: translate(100px, -30vh) scale(5);
         }

         75% {
             transform: translate(100px, -30vh) scale(3);
         }

         90% {
             transform: translate(100px, -580px) scale(4);
         }

         94.9% {
             transform: translate(100px, -580px) scale(4);
         }

         95% {
             transform: translate(100px, -580px) scale(4) rotate(-5deg);
         }

         95.5% {
             transform: translate(100px, -580px) scale(4) rotate(5deg);
         }

         96% {
             transform: translate(100px, -580px) scale(4) rotate(-5deg);
         }

         96.9% {
             transform: translate(100px, -580px) scale(4) rotate(5deg);
             z-index: 3;
         }

         97% {
             transform: translate(100px, -580px) scale(4);
             z-index: -5;
         }

         100% {
             transform: translate(250px, 200px) scale(0.5);
         }
     }

     @keyframes containerZ2 {
         0% {
             z-index: -2;
         }

         70% {
             z-index: 6;
         }

         96.9% {
             z-index: 6;
         }

         97% {
             z-index: -3;
         }
     }
 }

 @media only screen and (min-width: 1500px) {
     body.dark-mode #hero-855 .cs-ufo-wrapper {
         left: 50%;
         width: 100%;
         top: 0;
         animation: containerZ2 17s ease-in-out 8s forwards;
         opacity: 1;
         display: block;
         position: absolute;
         z-index: -6;
     }

     body.dark-mode #hero-855 .cs-ufo {
         width: 1.25rem;
         height: auto;
         position: absolute;
         bottom: -6.25rem;
         left: -6.25rem;
         animation: ufoFlight2 17s ease-in-out 8s forwards;
         z-index: -2;
     }

     @keyframes ufoFlight2 {
         0% {
             transform: translate(0, 0) scale(1);
             z-index: -1;
         }

         10% {
             transform: translate(0, -550px) scale(1);
         }

         57.9% {
             z-index: 3;
         }

         60% {
             transform: translate(900px, -250px) scale(5);
         }

         75% {
             transform: translate(1100px, -300px) scale(3);
         }

         90% {
             transform: translate(900px, -590px) scale(4);
         }

         94.9% {
             transform: translate(900px, -590px) scale(4);
         }

         95% {
             transform: translate(900px, -590px) scale(4) rotate(-5deg);
         }

         95.5% {
             transform: translate(900px, -590px) scale(4) rotate(5deg);
         }

         96% {
             transform: translate(900px, -590px) scale(4) rotate(-5deg);
         }

         96.9% {
             transform: translate(900px, -590px) scale(4) rotate(5deg);
             z-index: 3;
         }

         97% {
             transform: translate(900px, -590px) scale(4);
             z-index: -5;
         }

         100% {
             transform: translate(1400px, 0) scale(0.5);
         }
     }

     @keyframes containerZ2 {
         0% {
             z-index: -2;
         }

         60% {
             z-index: 6;
         }

         70% {
             z-index: 6;
         }

         94.9% {
             z-index: 6;
         }

         95% {
             z-index: -1;
         }
     }
 }

 @media only screen and (min-width: 2500px) {
     body.dark-mode #hero-855 .cs-ufo {
         bottom: -18.75rem;
         animation: ufoFlight2 17s ease-in-out 8s forwards;
     }

     @keyframes ufoFlight2 {
         0% {
             bottom: -18.75rem;
             transform: translate(0rem, 0) scale(1);
             z-index: -1;
         }

         10% {
             bottom: -6.25rem;
             transform: translate(0rem, -31.375rem) scale(1);
         }

         57.9% {
             z-index: 3;
         }

         60% {
             transform: translate(56.25rem, -25.625rem) scale(5);
         }

         75% {
             transform: translate(63.75rem, -18.75rem) scale(3);
         }

         90% {
             transform: translate(56.25rem, -48rem) scale(4);
         }

         94.9% {
             transform: translate(56.25rem, -48rem) scale(4);
         }

         95% {
             transform: translate(56.25rem, -48rem) scale(4) rotate(-5deg);
         }

         95.5% {
             transform: translate(56.25rem, -48rem) scale(4) rotate(5deg);
         }

         96% {
             transform: translate(56.25rem, -48rem) scale(4) rotate(-5deg);
         }

         96.9% {
             transform: translate(56.25rem, -48rem) scale(4) rotate(5deg);
             z-index: 3;
         }

         97% {
             transform: translate(56.25rem, -48rem) scale(4);
             z-index: -5;
         }

         100% {
             transform: translate(87.5rem, 0) scale(0.5);
         }
     }
 }