html {
   scroll-behavior: smooth;
}
.mobile-menu {
   animation: bugfix infinite 1s;
   -webkit-animation: bugfix infinite 1s;
}
@keyframes bugfix {
   from {
      padding: 0;
   }
   to {
      padding: 0;
   }
}
@-webkit-keyframes bugfix {
   from {
      padding: 0;
   }
   to {
      padding: 0;
   }
}
input[type=checkbox] {
   display: none;
   &:checked~#overlay {
      visibility: visible;
      height: calc(100dvh + 50px);
   }
   &:checked~#overlay-button {
      margin-top: 1.55rem;
      &:hover span,
      span {
         background: transparent;
      }
      span {
         &:before {
            transform: rotate(45deg) translate(7px, 7px);
            opacity: 1;
         }
         &:after {
            transform: rotate(-45deg) translate(7px, -7px);
         }
      }
   }
}
#overlay {
   &.active {
      visibility: visible;
   }
   background: conic-gradient(from 180deg at 50% 50%, rgba(99, 36, 235, 0.00) 16.200000643730164deg, #6324EB 51.42857372760773deg, #F16097 75.59999763965607deg, rgba(241, 96, 151, 0.00) 109.80000257492065deg, rgba(99, 36, 235, 0.00) 208.7999939918518deg, #6324EB 237.60000944137573deg, #F16097 268.20000171661377deg, rgba(241, 96, 151, 0.00) 311.40000343322754deg), linear-gradient(0deg, #05000B 0%, #05000B 100%), conic-gradient(from 180deg at 50% 50%, rgba(99, 36, 235, 0.10) 0deg, #6324EB 51.42857372760773deg, #F16097 102.85714745521545deg, rgba(241, 96, 151, 0.10) 154.28571581840515deg, rgba(99, 36, 235, 0.10) 205.7142949104309deg, #6324EB 257.1428632736206deg, #F16097 308.5714316368103deg, rgba(241, 96, 151, 0.10) 360deg);
   background-blend-mode: luminosity, soft-light, normal;
}
.journey-block {
   background-blend-mode: luminosity, soft-light, normal;
}
.numbers-block:hover .numbers-title {
   background: conic-gradient(from 180deg at 28% 50%, rgba(99, 36, 235, 0.10) 0deg, #6324EB 51.42857372760773deg, #F16097 102.85714745521545deg, rgba(241, 96, 151, 0.10) 154.28571581840515deg, rgba(99, 36, 235, 0.10) 205.7142949104309deg, #6324EB 257.1428632736206deg, #F16097 308.5714316368103deg, rgba(241, 96, 151, 0.10) 360deg) !important;
   background-clip: text !important;
   -webkit-background-clip: text !important;
   -webkit-text-fill-color: transparent !important;
}
.slide-head {
   background-blend-mode: luminosity, soft-light, normal;
}
.mySwiper4 {
   mask-image: linear-gradient(to right, transparent 0%, black 20% 80%, transparent 100%);
}
.loop-slider {
   mask-image: linear-gradient(to right, transparent 0%, black 20% 80%, transparent 100%);
   background: transparent;
}
.loop-slider2 {
   mask-image: linear-gradient(to left, transparent 0%, black 20% 80%, transparent 100%);
   background: transparent;
}
.scroll:hover {
   transform: none !important;
}
@keyframes animate {
   0% {
      transform: translateX(100%);
   }
   100% {
      transform: translateX(-100%);
   }
}
@keyframes animate2 {
   0% {
      transform: translateX(0);
   }
   100% {
      transform: translateX(-200%);
   }
}
@keyframes animate3 {
   0% {
      transform: translateX(-100%);
   }
   100% {
      transform: translateX(100%);
   }
}
@keyframes animate4 {
   0% {
      transform: translateX(-200%);
   }
   100% {
      transform: translateX(0%);
   }
}
.loop-slider .scroll-wrap {
   animation: animate var(--t) linear infinite;
   animation-delay: calc(var(--t) / -1);
}
.loop-slider .scroll-wrap_2 {
   animation: animate2 var(--t) linear infinite;
   animation-delay: calc(var(--t) / -2);
}
.loop-slider2 .scroll-wrap {
   animation: animate3 var(--t) linear infinite;
   animation-delay: calc(var(--t) / -1);
}
.loop-slider2 .scroll-wrap_2 {
   animation: animate4 var(--t) linear infinite;
   animation-delay: calc(var(--t) / -2);
}
.accordion-content {
   will-change: opacity, max-height;
   margin-top: 0 !important;
}
button[aria-expanded='true']+.accordion-content {
   max-height: fit-content !important;
}
body::-webkit-scrollbar { width: 0; }
body { -ms-overflow-style: none; }
body { overflow: -moz-scrollbars-none; }
.main-screenImg {
   perspective: 900px;
   height: 50%;
}
.style-flat {
   transform-style: flat;
}
.flip {
   transform: rotateX(60deg);
   position: relative;
}
.swiper-slide1 .moreBtn,
.footer-item {
   transition: all 0.7s linear;
}
.show {
   transform: translateX(0px);
   transition: transform 1s ease-in-out;
}
.btn,
.btnGradHover,
.btnGradHover span,
path, .truncate-text span,
.truncate-text a {
   transition: all .7s ease-in-out;
}


.journey-img {
   transition: all 1.5s ease-out;
}


.truncate-text span, 
.truncate-text a {
   color: #F16097;
}
.truncate-text span:hover,
.truncate-text a:hover {
   color: #6324EB;
}
.footer-item:hover {
   opacity: 1;
}
.btnGradHover span {
   transform: translateX(0px);
   transition: transform .7s ease-in-out;
}
.btnGradHover:hover span {
   transform: translateX(7px);
}
#overlay a {
   font-size: 54px;
   font-weight: bold;
}

.parallax-container {
   position: relative;
   overflow: hidden;
   height: 100vh;
}
.parallax-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}


.block-el {
   max-width: 474px;
   width: 100%;
   height: 260px;
   max-height: 260px;
}
.block-parallax {
   max-width: 474px;
   height: 260px;
   border-radius: 32px;
   border: 1px solid rgba(255, 255, 255, 0.15);
   padding: 40px;
   color: white;
   background: #09061C;
   position: relative;
   overflow: hidden;
}
.block-info {
   position: relative;
   z-index: 2;
}
.info-img {
   width: 80px;
   height: 80px;
}
.info-title {
   margin-top: 24px;
   margin-bottom: 8px;
   font-size: 20px;
   font-weight: 600;
   letter-spacing: -0.6px;
}
.info-text {
   font-size: 15px;
   font-weight: 300;
   line-height: 22px;
   letter-spacing: -0.15px;
}
.parallax-images {
   position: absolute;
   width: 120%;
   height: 120%;
   top: -10%;
   left: -10%;
   z-index: 1;
}
.images-parallax-item {
   position: absolute;
   max-width: 100%;
   width: 100%;
   max-height: 100%;
   height: 100%;
   top: 0;
   left: 0;
}
.images-parallax__bg,
.images-parallax__number,
.images-parallax__shadow {
   position: absolute;
   max-width: 100%;
   height: 100%;
}
.images-parallax__bg {
   background: url('/img/parallax/block_parallax.webp') top / cover no-repeat;
   width: 120%;
   height: 120%;
}
.images-parallax__number {
   background: url('/img/2.webp') top / contain no-repeat;
   width: 307px;
   height: 306px;
   top: -3%;
   right: -10%;
   opacity: 0.3;
   z-index: 3;
   transition: all 0.7s ease-out;
}
.images-parallax__shadow {
   background: url('/img/parallax/star_parallax.webp') top / cover no-repeat;
   width: 386px;
   height: 386px;
   top: -10%;
   right: -10%;
   z-index: 2;
}
.images-parallax__bg,
.images-parallax__shadow {
   opacity: 0;
   transition: all 0.7s ease-out;
}
.block-el:hover .images-parallax__bg,
.block-el:hover .images-parallax__number,
.block-el:hover .images-parallax__shadow {
   opacity: 1;
}

.images-parallax {
   transition: all 1.5s ease-out;
}
.card {
   transition: all 1.5s ease-out;
   min-width: 429px;
}
.card_2 {
   transition: all .5s linear;
}
.card:hover,
.card_2:hover {
   box-shadow: 0px 0px 50px 0px #320078;
   z-index: 1;
}
.line-bg-wrap .simpleParallax {
   overflow: visible !important;
}
@media screen and (max-width: 639px) {
   .line-bg-wrap .line-bg{
display: none;
   }
}
.simpleParallax.circle-bg {
   color: red !important;
   background: white !important;
}
@media screen and (min-width: 639px) {
   .layer6 {
      bottom: -17% !important;
   }
}
@media screen and (min-width: 768px) {
   .layer6 {
      bottom: -13% !important;
   }
}
@media screen and (min-width: 1024px) {
   .layer6 {
      bottom: -6% !important;
   }
}
@media screen and (min-width: 1279px) {
   .layer6 {
      bottom: 0% !important;
   }
}
@media screen and (min-width: 1430px) {
   .layer5 {
      bottom: -17% !important;
   }
}
@media screen and (min-width: 1680px) {
   .layer5 {
      bottom: -22% !important;
   }
}
@media screen and (min-width: 1880px) {
   .layer5 {
      bottom: -29% !important;
   }
   .layer2 {
      bottom: -53% !important;
   }
}

@media screen and (max-width: 639px) {
   .layer5 {
      bottom: -32% !important;
   }
}
@media screen and (max-width: 550px) {
   .layer5 {
      bottom: -24% !important;
   }
}
@media screen and (max-width: 450px) {
   .layer5 {
      bottom: -17% !important;
   }
}
.lerp-wrap {
   display: inline-block;
   display: -webkit-inline-box;
   vertical-align: middle;
   margin-left: 1.25rem;
   line-height: 1.1;
}
.moreBtn:first-of-type {
   margin-bottom: auto;
}
.moreBtn:first-of-type img {
   margin-bottom: 90px;
}
.error .input-field {
   border-color: #F16097;
}
.just-validate-error-label {
   color: #F16097 !important;
}