@import "https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700";
html {
  box-sizing: border-box;
  vertical-align: baseline;
}

*, :before, :after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

img, body, article, main, aside, address, details, figcaption, figure, footer, header, nav {
  display: block;
}

img {
  max-width: 100%;
}

ol, ul {
  list-style: none;
}

li:empty, p:empty {
  display: none;
}

textarea, select, input, button {
  appearance: none;
  color: inherit;
  background: none;
  border: none;
}

strong {
  font-weight: bold;
}

a {
  color: inherit;
  text-decoration: none;
}

:focus, :active {
  outline: none;
}

html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-size: 1rem;
  line-height: 1.6;
}

body {
  color: #0e3f00;
  font-family: Poppins, sans-serif;
}

h1, .h1 {
  font-size: 1.875rem;
  line-height: 1.46667;
}

h2, .h2 {
  font-size: 1.5rem;
  font-weight: 400;
}

h2.lighter, .h2.lighter {
  font-weight: 300;
  line-height: 1.285;
  font-style: 1.75rem;
  letter-spacing: -.063rem;
}

h3, .h3, h4, .h4 {
  font-size: 1.125rem;
}

p {
  font-size: .75rem;
}

.small {
  font-size: .875rem;
}

.text ol:not(:first-child), .text ul:not(:first-child), .text p:not(:first-child), .text h1:not(:first-child), .text h2:not(:first-child), .text h3:not(:first-child), .text h4:not(:first-child), .text h5:not(:first-child) {
  margin-top: 1.25rem;
}

.text--white {
  color: #fff;
}

.text {
  flex-direction: column;
  display: flex;
}

body {
  overflow-x: hidden;
}

.desktop {
  display: block !important;
}

@media screen and (width <= 1025px) {
  .desktop {
    display: none !important;
  }
}

.mobile {
  display: none !important;
}

@media screen and (width <= 1025px) {
  .mobile {
    display: block !important;
  }
}

.container {
  width: 90%;
  margin: 0 auto;
  position: relative;
}

@media screen and (width >= 1300px) {
  .container {
    width: 1200px;
  }
}

.container--big {
  width: 90%;
  max-width: 1360px;
}

.container--left {
  margin-left: 5%;
}

@media screen and (width >= 1250px) {
  .container--left {
    margin-left: calc(50% - 600px);
  }
}

.container--right {
  margin-right: 5%;
}

@media screen and (width >= 1250px) {
  .container--right {
    margin-right: calc(50% - 600px);
  }
}

.grid {
  width: 100%;
  display: grid;
}

@media screen and (width >= 769px) {
  .grid--1 {
    grid-template-columns: repeat(1, auto);
  }

  .grid--2 {
    grid-template-columns: repeat(2, auto);
  }

  .grid--3 {
    grid-template-columns: repeat(3, auto);
  }

  .grid--4 {
    grid-template-columns: repeat(4, auto);
  }

  .grid--5 {
    grid-template-columns: repeat(5, auto);
  }

  .grid--6 {
    grid-template-columns: repeat(6, auto);
  }

  .grid--7 {
    grid-template-columns: repeat(7, auto);
  }

  .grid--8 {
    grid-template-columns: repeat(8, auto);
  }

  .grid--9 {
    grid-template-columns: repeat(9, auto);
  }

  .grid--10 {
    grid-template-columns: repeat(10, auto);
  }

  .grid--11 {
    grid-template-columns: repeat(11, auto);
  }

  .grid--12 {
    grid-template-columns: repeat(12, auto);
  }
}

.grid--gap {
  grid-row-gap: .75rem;
  grid-column-gap: .75rem;
  padding-bottom: .75rem;
}

.grid--gap--small {
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
  padding-top: .75rem;
}

.grid--gap--med {
  grid-row-gap: 3rem;
  grid-column-gap: 3rem;
  padding-top: .75rem;
}

.grid--gap--big {
  grid-row-gap: 4.5rem;
  grid-column-gap: 4.5rem;
  padding-top: .75rem;
}

.flex {
  flex-wrap: wrap;
  display: flex;
}

.flex--center {
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (width >= 769px) {
  .flex--1 {
    width: 8.33333%;
  }

  .flex--2 {
    width: 16.6667%;
  }

  .flex--3 {
    width: 25%;
  }

  .flex--4 {
    width: 33.3333%;
  }

  .flex--5 {
    width: 41.6667%;
  }

  .flex--6 {
    width: 50%;
  }

  .flex--7 {
    width: 58.3333%;
  }

  .flex--8 {
    width: 66.6667%;
  }

  .flex--9 {
    width: 75%;
  }

  .flex--10 {
    width: 83.3333%;
  }

  .flex--11 {
    width: 91.6667%;
  }

  .flex--12 {
    width: 100%;
  }
}

.align--start {
  align-items: flex-start;
}

.align--center {
  align-items: center;
}

.align--strech {
  align-items: stretch;
}

.align--end {
  align-items: flex-end;
}

.justify--start {
  justify-content: flex-start;
}

.justify--center {
  justify-content: center;
}

.justify--space {
  justify-content: space-between;
}

.justify--end {
  justify-content: flex-end;
}

.gap {
  padding: .75rem;
}

.gap-r {
  padding-right: .75rem;
}

.gap-r-s {
  padding-right: 1.5rem;
}

.gap-r-m {
  padding-right: 3rem;
}

.gap-l {
  padding-left: .75rem;
}

.gap-l-s {
  padding-left: 1.5rem;
}

.gap-l-m {
  padding-left: 3rem;
}

.gap-b {
  padding-bottom: .75rem;
}

.gap-b-s {
  padding-bottom: 1.5rem;
}

.gap-b-m {
  padding-bottom: 3rem;
}

.gap-t {
  padding-top: .75rem;
}

.gap-t-s {
  padding-top: 1.5rem;
}

.gap-t-m {
  padding-top: 3rem;
}

.header {
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  width: 100%;
  padding: 0 5%;
  transition: opacity .4s cubic-bezier(.2, 1.14, 1, 1);
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (width <= 1025px) {
  .header {
    display: none;
  }
}

.header.active {
  opacity: 1;
  pointer-events: all;
}

.header__body {
  justify-content: space-between;
  align-items: center;
  height: 120px;
  display: flex;
}

.nav {
  backdrop-filter: blur(5px);
  background: #fafafa40;
  border-radius: 0 0 10px 10px;
  justify-content: center;
  align-items: center;
  gap: 80px;
  padding: 0 24px;
  display: flex;
}

.nav__item {
  color: #205b07bf;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
  position: relative;
}

.nav__item:after {
  content: "";
  background: #0e3f00;
  border-radius: 0 0 2px 2px;
  width: 40px;
  max-width: 0%;
  height: 5px;
  transition: max-width .3s;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.nav__item.active {
  color: #0e3f00;
}

.nav__item.active:after {
  max-width: 100%;
}

@media screen and (width >= 1600px) {
  html {
    font-size: 1.25rem;
  }
}

body {
  background: #fafafa;
}

body svg {
  pointer-events: none;
}

body.cursor-grab {
  cursor: grab;
}

.media {
  aspect-ratio: 1440 / 810;
  width: 100%;
  position: relative;
}

.media__item {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.video-background {
  position: relative;
  overflow: hidden;
}

.video-background:after {
  content: "";
  height: calc(100% - var(--shift));
  background: linear-gradient(0deg, #0e3f0000 0%, #0e3f00 100%);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.video-background__video {
  height: calc(100% - var(--shift));
  object-fit: cover;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.video-background__video video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.video-background > section {
  z-index: 2;
  position: relative;
}

[playsinline] video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.avatar {
  align-items: center;
  display: flex;
}

.avatar__image {
  aspect-ratio: 1;
  border-radius: 100%;
  width: 36px;
  margin-right: 10px;
  overflow: hidden;
}

.avatar__content {
  color: #000;
  font-size: 1rem;
}

#wpadminbar {
  opacity: .5;
}

#wpadminbar:hover {
  opacity: 1;
}

@keyframes rotate180 {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate180B {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0);
  }
}

.hero {
  align-items: center;
  height: 810px;
  display: flex;
  position: relative;
}

@media screen and (width <= 1025px) {
  .hero {
    height: auto;
  }
}

.hero:after {
  content: "";
  pointer-events: none;
  background: #fafafa40;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.hero__video {
  object-fit: cover;
  width: 100%;
  height: auto;
  position: absolute;
}

.hero__logo {
  z-index: 2;
  position: relative;
}

.hero__logo svg {
  pointer-events: all;
}

.hero__logo .circles {
  position: relative;
  left: 1px;
  transform: translateX(2px);
}

.hero__logo .field, .hero__logo .circles {
  transform-origin: center;
  transition: all 6s;
  transform: rotate(0);
}

.hero__logo:hover .field {
  transform: rotate(360deg);
}

.hero__logo:hover .circles {
  transform: rotate(-360deg)translateX(2px);
}

.hero__content {
  z-index: 2;
  pointer-events: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 810px;
  padding: 50px 0;
  display: flex;
  position: relative;
}

@media screen and (width <= 1025px) {
  .hero__content {
    justify-content: space-evenly;
    height: 100vh;
  }
}

.hero__content h1 {
  margin-top: 0 !important;
}

@media screen and (width <= 1025px) {
  .hero__content h1 {
    font-size: 1.25rem;
  }

  .hero__content p {
    font-size: .625rem;
  }
}

.hero__content button, .hero__content a {
  pointer-events: all;
}

.hero__text {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.hero__text .button {
  margin-top: 20px;
}

.hero__text p {
  line-height: 1.66667;
}

@media screen and (width >= 1025px) {
  .hero__text p:nth-last-child(2) {
    min-height: 50px;
  }
}

.hero__cta {
  align-items: center;
  display: flex;
}

.hero__cta:hover .hero__cta-media:after {
  opacity: 0;
}

.hero__cta-media {
  border-radius: 5px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

.hero__cta-media:after {
  content: "";
  opacity: .25;
  background: #0e3f00;
  width: 100%;
  height: 100%;
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.hero__cta-media svg {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero__cta-button {
  margin-top: 4px;
}

.hero__slides {
  z-index: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  max-width: 810px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.hero__slides .swiper {
  width: 100%;
  height: 100%;
}

.hero__slides .swiper-slide {
  aspect-ratio: 270 / 480;
  justify-content: center;
  align-items: center;
  height: 480px;
  display: flex;
  overflow: hidden;
}

.hero__slides .swiper-slide video {
  width: 100%;
  height: 100%;
}

.hero__slider {
  width: 33%;
  height: 100%;
}

.hero__slide {
  height: 100%;
}

.hero .swiper-wrapper {
  scroll-snap-type: none !important;
}

@media screen and (width <= 1025px) {
  .hero {
    max-height: unset;
    height: unset;
    min-height: 100vh;
  }

  .hero__slides, .hero__cta, .hero__logo, .hero__subtitle {
    display: none;
  }

  .hero__content {
    z-index: 3;
    color: #fff;
    justify-content: flex-end;
    align-items: center;
  }
}

@media screen and (width <= 1025px) and (width <= 1025px) {
  .hero__content {
    justify-content: space-evenly;
  }
}

@media screen and (width <= 1025px) {
  .hero .container {
    top: 50%;
    left: 50%;
    top: unset;
    z-index: 3;
    position: absolute;
    transform: translateX(-50%);
  }

  .hero__text {
    text-align: center;
    align-items: center;
    margin: 0 auto;
  }

  .hero__text-logo {
    margin-bottom: 40px;
  }

  .hero .button {
    backdrop-filter: blur(.5px);
    background: #ffffff1a;
    margin-top: 40px;
    box-shadow: inset 0 2px 3px #fff, 1px 2px 4px #0e3f0080;
  }

  .hero .gradient-hero {
    z-index: 2;
    object-fit: cover;
    background: linear-gradient(#0e3f0000 0%, #0e3f00 100%);
    width: 100%;
    height: 100%;
    max-height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.about {
  position: relative;
}

@media screen and (width <= 1025px) {
  .about {
    color: #fff;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .about:before, .about:after {
    display: none !important;
  }

  .about p br {
    display: none;
  }

  .about .button {
    border-radius: 100%;
    width: 94px;
    height: 92px;
    padding: 0;
    font-size: 12px;
    position: absolute;
    top: calc(50% - 46px);
    left: calc(50% - 47px);
    transform: translate(-50%, -50%);
    margin-top: 0 !important;
  }

  .about .about__content {
    flex-direction: column-reverse;
    width: 100%;
    max-width: 350px;
    height: 100%;
    padding-bottom: 100px;
  }

  .about .about__content div {
    display: inline;
  }

  .about .about__content p {
    max-width: 265px;
    font-size: .5rem;
  }
}

@media screen and (width <= 1025px) and (width <= 1025px) {
  .about .about__content p {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (width <= 1025px) {
  .about .about__title {
    max-width: 281px;
    font-size: 1rem;
  }
}

@media screen and (width <= 1025px) and (width <= 1025px) {
  .about .about__title {
    margin-bottom: 30px;
  }
}

.about__gradient {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (width <= 1025px) {
  .about__gradient {
    display: block;
    transform: scale(1.1);
  }
}

.about__gradient--2 {
  top: unset;
  width: 100%;
  height: auto;
  bottom: 0;
}

.about:before, .about:after {
  content: "";
  opacity: .4;
  background: linear-gradient(#fafafa00 0%, #fafafa 100%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.about:before {
  opacity: 1;
  background: linear-gradient(0deg, #fafafa00 0%, #fafafa 100%);
}

.about__media {
  aspect-ratio: 16 / 9;
  width: 100%;
}

@media screen and (width <= 1025px) {
  .about__media {
    aspect-ratio: unset;
  }
}

.about__content {
  text-align: center;
  z-index: 2;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about__content p:last-child {
  min-height: 70px;
}

.about__content .button {
  margin-top: 90px;
}

.text-image {
  padding: 130px 0;
  position: relative;
}

@media screen and (width <= 1025px) {
  .text-image {
    padding: 20px 0 210px;
  }
}

.text-image:after {
  content: "";
  opacity: .75;
  pointer-events: none;
  background: #fafafa;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (width <= 1025px) {
  .text-image:after {
    display: block;
  }
}

.text-image .team__header {
  z-index: 2;
  background: none;
  margin-top: 0;
  padding: 0;
}

.text-image .team__header:before {
  display: none;
}

.text-image .team__header:after {
  left: unset;
  top: 34px;
  right: 0;
}

.text-image .team__header-line {
  right: 5%;
  left: unset;
  z-index: 2;
  top: 24px;
}

.text-image__container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-image__container.reverse {
  flex-direction: row-reverse;
}

.text-image__container.reverse .text-image__content {
  padding-left: 0;
  padding-right: 6.94444vw;
}

@media screen and (width >= 1441px) {
  .text-image__container.reverse .text-image__content {
    padding-right: 100px;
  }
}

.text-image__cover {
  z-index: -1;
  background: #f5f5f5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.text-image__title {
  margin-bottom: 133px;
  font-size: 28px;
  font-weight: 500;
}

@media screen and (width <= 1025px) {
  .text-image__title {
    margin-bottom: 10px;
  }
}

.text-image__media {
  aspect-ratio: 510 / 547;
  width: 50%;
  max-width: 510px;
}

.text-image__media-item {
  object-fit: cover;
  object-position: top center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.text-image__media--has-many {
  position: relative;
}

@media screen and (width <= 1025px) {
  .text-image__media--has-many {
    display: none;
  }
}

.text-image__media--has-many figure {
  position: absolute;
}

.text-image__media--has-many figure:first-child {
  aspect-ratio: 1;
  z-index: 1;
  width: 100%;
  max-width: 350px;
}

.text-image__media--has-many figure:nth-child(2) {
  aspect-ratio: 378 / 481;
  z-index: 2;
  width: 100%;
  max-width: 378px;
  bottom: 0;
  right: 0;
}

.text-image__media--has-many .text-image__media-video {
  height: 100%;
  position: absolute;
  opacity: 1 !important;
}

.text-image__media--has-many .text-image__media-video:first-child {
  aspect-ratio: 463.475 / 824.412;
  z-index: 2;
  top: 15.1389vw;
}

.text-image__media--has-many .text-image__media-video:nth-child(2) {
  z-index: 1;
  aspect-ratio: 515.025 / 916.132;
  right: 0;
}

.text-image__media--has-many .button-play {
  z-index: 3;
  position: absolute;
  bottom: 0;
  right: 0;
}

.text-image__content {
  z-index: 2;
  width: 55%;
  max-width: calc(590px + 6.94444vw);
  padding-left: 6.94444vw;
  position: relative;
}

@media screen and (width >= 1441px) {
  .text-image__content {
    padding-left: 100px;
  }
}

@media screen and (width <= 1025px) {
  .text-image__content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
  }
}

.text-image__content.wider {
  max-width: calc(590px + 6.94444vw);
}

.text-image__content.wider p {
  max-width: 486px;
}

@media screen and (width <= 1025px) {
  .text-image__content .title__small {
    font-size: .875rem;
  }

  .text-image__content .title h2 {
    max-width: 281px;
    font-size: 1.625rem !important;
    font-weight: 700 !important;
  }

  .text-image__content .title h2 br {
    display: none;
  }
}

.text-image__content .text {
  opacity: .8;
}

.text-image__content .text p {
  color: #205b07;
  font-size: .875rem;
  line-height: 1.5;
}

@media screen and (width <= 1025px) {
  .text-image__content .text p {
    color: #0e3f00;
    max-width: 281px;
  }
}

.text-image__content .text h2 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
}

.text-image__content .text:not(:last-child) {
  margin-bottom: 90px;
}

@media screen and (width <= 1025px) {
  .text-image__content .text:not(:last-child) {
    margin-bottom: 40px;
  }
}

.features {
  z-index: 8;
  background: #fafafa;
  position: relative;
}

.features__gradient {
  z-index: 5;
  background: linear-gradient(#fafafa 0%, #fafafa00 100%);
  width: 100%;
  height: 100px;
  position: absolute;
  top: -35px;
  left: 0;
}

.features__gradient:after {
  content: "";
  opacity: .25;
  background: linear-gradient(#fafafa00 0%, #0e3f00 100%);
  height: 20px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw !important;
}

@media screen and (width <= 1025px) {
  .features__gradient {
    display: none;
  }
}

.features__ball {
  pointer-events: none;
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 50%;
}

@media screen and (width <= 1025px) {
  .features__ball {
    display: none;
  }
}

.features__ball svg {
  transform: translateY(110%);
}

.features:after {
  content: "";
  z-index: 3;
  background: #0e3f00;
  width: 5px;
  height: calc(100% - 20px);
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (width <= 1025px) {
  .features:after {
    display: none;
  }
}

.feature {
  align-items: stretch;
  width: 90%;
  max-width: 1600px;
  min-height: 810px;
  margin: 0 auto;
  padding: 130px 0;
  display: flex;
}

.feature .desktop {
  width: 100%;
}

@media screen and (width <= 1025px) {
  .feature {
    aspect-ratio: 390 / 844;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .feature .feature__title {
    top: 0;
    position: sticky !important;
  }
}

.feature__video {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (width <= 1025px) {
  .feature__video {
    position: relative;
  }
}

.feature__video:after {
  content: "";
  backdrop-filter: blur(2.5px);
  background: #fafafa80;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.feature__video video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.feature .container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
}

.feature.reversed {
  flex-direction: row-reverse;
}

.feature.reversed .feature__cell {
  position: relative;
}

.feature.reversed .feature__cell:first-child {
  z-index: 2;
  background: #fafafa;
}

.feature.reversed .feature__title {
  justify-content: flex-start;
}

.feature.reversed .feature__title span:after {
  left: calc(100% + 18px);
}

.feature .gradient {
  z-index: 2;
  position: relative;
}

@media screen and (width <= 1025px) {
  .feature .gradient {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .feature .gradient:after {
    content: "";
    aspect-ratio: 390 / 350;
    background: linear-gradient(#0e3f0000 0%, #0e3f00 100%);
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.feature__cell {
  background: #fafafa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

@media screen and (width <= 1025px) {
  .feature__cell {
    z-index: 3;
    background: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    position: absolute !important;
  }
}

.feature__cell:first-child {
  z-index: 3;
}

.feature__cell .flat-button {
  margin-top: 240px;
}

.feature__cell.media {
  z-index: 2;
}

@media screen and (width <= 1025px) {
  .feature__cell.media {
    z-index: 1;
  }
}

.feature__media {
  border: 10px solid #000;
  border-radius: 40px;
  width: 242px;
  height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 6px #00000040;
}

@media screen and (width <= 1025px) {
  .feature__media {
    box-shadow: none;
    border: none;
    border-radius: 0;
    width: 100%;
    height: 100%;
  }
}

.feature__media:after {
  content: "";
  z-index: 4;
  background: #000;
  border-radius: 20px;
  width: 60px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.feature__media-item {
  z-index: 2;
  border-radius: 40px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.feature__media-item video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.feature__content {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

@media screen and (width <= 1025px) {
  .feature__content {
    color: #fff;
    position: absolute;
    bottom: 40px;
  }
}

.feature__content-title {
  margin-right: 30px;
  font-size: 1.75rem;
  font-weight: 600;
}

.feature__content p {
  opacity: .8;
  text-align: right;
  max-width: 304px;
  font-size: .875rem;
}

@media screen and (width <= 1025px) {
  .feature__content p {
    max-width: 430px;
    font-size: 1.4rem;
    text-align: center !important;
  }
}

@media screen and (width <= 740px) {
  .feature__content p {
    max-width: 268px;
    font-size: .625rem;
  }
}

@media screen and (width <= 1300px) {
  .feature__content {
    flex-direction: column;
  }

  .feature__content .feature__content-title {
    min-width: 304px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .feature__content p {
    text-align: left;
  }
}

.feature__title {
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 100px;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

@media screen and (width <= 1025px) {
  .feature__title {
    z-index: 5;
    background: #fff;
    align-items: center;
    height: 40px;
    margin-bottom: 0;
    display: flex;
    top: 0;
    justify-content: center !important;
    position: sticky !important;
  }
}

.feature__title span {
  position: relative;
}

.feature__title span:after {
  content: "";
  background: #0e3f00;
  width: 40vw;
  height: 5px;
  position: absolute;
  top: 50%;
  right: calc(100% + 18px);
  transform: translateY(-50%);
}

@media screen and (width <= 1025px) {
  .feature__title span:after {
    display: none;
  }
}

.feature--explore {
  position: relative;
}

.feature--explore .feature__cell {
  background: none !important;
}

.feature--explore .feature__video {
  display: block !important;
}

@media screen and (width >= 1025px) {
  .feature--explore .feature__video {
    width: 40%;
    left: 50%;
    overflow: hidden;
  }

  .feature--explore .feature__video:after {
    content: "";
    backdrop-filter: blur(10px);
    background: #fafafacc;
  }

  .feature--explore .feature__video-item {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%)translateX(-50%);
    box-shadow: 6px 0 6px 11px #000;
  }
}

.feature--explore:after {
  content: "";
  opacity: .25;
  background: linear-gradient(#fafafa00 0%, #0e3f00 100%);
  width: 100vw;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (width <= 1025px) {
  .feature--explore:after {
    display: none;
  }
}

.feature--explore .button-mobile {
  z-index: 5;
  backdrop-filter: blur(1.5px);
  background: #fafafa26;
  border-radius: 50px;
  width: 200px;
  position: absolute;
  top: 50%;
  left: calc(50% - 100px);
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 3px #fafafabf, inset 0 3px 4px #0e3f00;
}

@media screen and (width <= 1025px) {
  .feature--explore {
    min-height: unset;
    width: 100%;
    padding: 0;
  }

  .feature--explore:after {
    content: "";
    display: none;
  }
}

.feature--explore p {
  font-size: .625rem;
}

.gradient {
  z-index: 4;
  pointer-events: none;
  width: 100%;
}

.gradient svg {
  width: 100%;
  height: auto;
}

.team {
  margin-top: 83px;
  margin-bottom: 175px;
}

@media screen and (width <= 1025px) {
  .team {
    margin: 0;
  }

  .team .swiper-wrapper {
    justify-content: center;
  }
}

.team__header {
  backdrop-filter: blur(5px);
  color: #0e3f00;
  background: #fafafa;
  position: relative;
}

@media screen and (width <= 1025px) {
  .team__header {
    background: #fafafacc;
  }

  .team__header:before {
    background: linear-gradient(#fafafa00 0%, #0e3f0040 100%);
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
  }
}

.team__header-line {
  position: absolute;
  top: 40px;
  left: 5%;
}

.team__header:after {
  content: "";
  background: #0e3f00;
  width: 95%;
  height: 1px;
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
}

@media screen and (width <= 1025px) {
  .team__header:after {
    display: block;
  }
}

.team__header .container {
  position: relative;
}

@media screen and (width <= 1025px) {
  .team__header {
    margin-top: -180px;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 5%;
  }

  .team__header .team__title {
    text-align: right;
    position: relative;
  }

  .team__header .team__slider-title {
    text-align: right;
    color: #0e3f00;
    margin-bottom: 0;
  }
}

.team__header:before {
  content: "";
  background: linear-gradient(#fafafa00 0%, #0e3f0040 100%);
  width: 100%;
  height: 10px;
}

.team__title {
  text-align: center;
  margin-bottom: 46px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.55;
}

@media screen and (width <= 1025px) {
  .team__title {
    margin-bottom: 30px;
  }
}

.team__slider {
  padding: 42px 0 120px;
  position: relative;
}

@media screen and (width <= 1025px) {
  .team__slider {
    padding: 50px 0;
  }
}

.team__slider:before, .team__slider:after {
  content: "";
  background: linear-gradient(#3a832100 0%, #3a8321 100%);
  border-radius: 50px;
  width: 90%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 83.3333vw !important;
}

@media screen and (width >= 1300px) {
  .team__slider:before, .team__slider:after {
    width: 1200px;
  }
}

@media screen and (width <= 1025px) {
  .team__slider:before, .team__slider:after {
    background: #103f00;
    border-radius: 0;
    width: 100%;
  }
}

.team__slider:after {
  opacity: .5;
}

.team__slider:before {
  background: #0e3f00;
}

.team__slider-title {
  z-index: 3;
  text-align: center;
  color: #fff;
  margin-bottom: 42px;
  padding: 0 80px;
  position: relative;
}

@media screen and (width <= 1025px) {
  .team__slider-title {
    max-width: 281px;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    font-weight: 700 !important;
  }
}

.team__slide {
  border-radius: 20px;
  height: 330px;
  position: relative;
  overflow: hidden;
  width: 20% !important;
}

@media screen and (width <= 1025px) {
  .team__slide {
    width: 56vw !important;
  }

  .team__slide-title {
    font-size: .75rem;
  }

  .team__slide-subtitle {
    margin-top: 3px;
    font-size: 8px;
  }
}

.team__slide-media {
  background: #fafafa;
  border-radius: 20px;
  width: 90%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.team__slide-media img, .team__slide-media video {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.team__slide-media:after {
  content: "";
  background: linear-gradient(#fafafa00 0%, #fafafad6 84.41%, #fafafa 100%);
  border-radius: 20px;
  width: 102%;
  height: 165px;
  position: absolute;
  bottom: -1%;
  left: -1%;
}

.team__slide-content {
  z-index: 2;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.team__slide-content-title, .team__slide-content-subtitle {
  min-height: 28px;
}

.team__slide-content-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.55;
}

.team__slide-content-subtitle {
  font-size: .5rem;
  font-weight: 500;
  line-height: 3.5;
}

.programs {
  z-index: 9;
  padding: 50px 0;
  position: relative;
}

@media screen and (width <= 1025px) {
  .programs .container {
    z-index: 4;
    width: 100%;
  }

  .programs .container .programs__title, .programs .container .programs__subtitle {
    padding: 0 5%;
  }

  .programs:after {
    content: "";
    background: #fafafa;
    width: 100%;
    height: 60%;
    min-height: 270px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.programs__title, .programs__subtitle {
  text-align: center;
  min-height: 42px;
}

@media screen and (width <= 1025px) {
  .programs__subtitle {
    max-width: 310px;
    margin: 0 auto;
    font-size: .675rem;
  }
}

.programs__subtitle--mobile {
  text-align: center;
  margin-bottom: 4px;
}

.programs__title {
  min-height: 42px;
  font-size: 1.375rem;
  font-weight: 500;
}

@media screen and (width <= 1025px) {
  .programs__title {
    font-size: 1rem;
    font-weight: 900;
  }
}

.programs__cards {
  grid-template-columns: repeat(1, 1fr);
  gap: 50px;
  margin-top: 51px;
  padding: 0 10px;
  display: grid;
}

@media screen and (width >= 1025px) {
  .programs__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 50px;
  }
}

@media screen and (width <= 1025px) {
  .programs__cards {
    flex-wrap: nowrap;
    gap: 0 20px;
    margin-top: 40px;
    padding-bottom: 20px;
    display: flex;
    overflow-x: auto;
  }
}

.programs__card {
  backdrop-filter: blur(2.5px);
  background: #fafafad9;
  border-radius: 10px;
  padding: 30px;
  position: relative;
  box-shadow: 0 2px 5px #00000080;
}

@media screen and (width <= 1025px) {
  .programs__card {
    box-shadow: none;
    backdrop-filter: none;
    aspect-ratio: 16 / 9;
    background: #fff;
    min-width: 33vw;
    padding: 0;
  }

  .programs__card-media {
    width: 100%;
    height: 30vw;
    position: relative;
  }

  .programs__card-media:after {
    content: "";
    background: linear-gradient(#174701, #0000);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .programs__card .avatar {
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
  }

  .programs__card .avatar__image {
    width: 10px;
  }

  .programs__card .avatar__content {
    color: #fff;
    font-size: 8px;
  }

  .programs__card .dots {
    opacity: .8;
    position: absolute;
    top: 3px;
    right: 5px;
  }

  .programs__card .dots svg {
    width: 11px;
    height: 11px;
  }
}

.programs__card-media {
  border-radius: 10px;
  margin-bottom: 24px;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .programs__card-media {
    margin-bottom: 10px;
  }
}

.programs__card-media img, .programs__card-media video {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.programs__card-title {
  margin-bottom: 16px;
  font-size: 1.125rem;
  font-weight: 500;
}

@media screen and (width <= 1025px) {
  .programs__card-title {
    margin-bottom: 5px;
    font-size: 1rem;
    font-weight: 400;
  }
}

.programs__card-subtitle {
  text-align: left;
  margin-bottom: 21px;
  font-size: .875rem;
}

@media screen and (width <= 1025px) {
  .programs__card-content {
    padding: 0 10px;
  }
}

.programs__card-rating {
  align-items: center;
  margin-bottom: 26px;
  display: flex;
}

@media screen and (width <= 1025px) {
  .programs__card-rating {
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .programs__card-rating .active path {
    fill: #f6d060;
  }
}

.programs__card-rating-star {
  align-items: center;
  padding-left: 10px;
  display: flex;
}

.programs__card-rating-star p {
  font-size: .775rem;
  line-height: 1;
}

.programs__card-rating__amount {
  color: #0e3f00;
  font-size: 1rem;
  font-weight: 500;
}

@media screen and (width <= 1025px) {
  .programs__card-rating__amount {
    color: #000;
    opacity: .5;
    position: relative;
    top: 2px;
    left: 2px;
  }
}

.programs__card-rating__count {
  color: #00000080;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
}

@media screen and (width <= 1025px) {
  .programs__card-rating__count {
    padding-right: 10px;
    font-size: .75rem;
  }

  .programs__card-rating__count svg {
    opacity: .4;
    max-width: 13px;
    height: auto;
    margin-right: 5px;
  }
}

.programs__card-rating__stars {
  width: 97px;
  height: 20px;
  margin: 0 9px 0 6px;
  position: relative;
}

.programs__card-rating__stars .active, .programs__card-rating__stars .inactive {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.programs__card-rating__stars .inactive {
  opacity: .5;
  z-index: 1;
}

.programs__card-rating__stars .active {
  clip-path: polygon(0 0, var(--rating) 0, var(--rating) 100%, 0% 100%);
  opacity: 1;
  z-index: 2;
}

.download {
  text-align: center;
  color: #fff;
  padding-top: 60px;
  position: relative;
}

.download:after {
  content: "";
  backdrop-filter: blur(2.5px);
  background: #fafafa1a;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.download__container {
  z-index: 2;
  position: relative;
}

.download__title {
  margin-bottom: 10px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.7;
}

.download__subtitle {
  margin-bottom: 26px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.download__stores {
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 35px;
  display: flex;
}

.download__store {
  width: 50%;
  max-width: 166px;
}

.download__store rect, .download__store path {
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
}

.download__store:hover rect {
  fill: #fff;
}

.download__store:hover path {
  fill: #0e3f00;
}

.download .socials {
  background: #0e3f00;
  margin-top: 47px;
  padding: 20px 0;
}

@media screen and (width <= 1025px) {
  .download .socials {
    margin-top: 20px;
  }
}

.download .socials:after {
  content: "";
  top: 0;
  left: 0;
  top: unset;
  background: #fafafa;
  width: 100%;
  height: 50%;
  display: none;
  position: absolute;
  bottom: 0;
}

@media screen and (width <= 1025px) {
  .download .socials {
    background: none;
  }

  .download .socials:after {
    display: block;
  }
}

.socials {
  z-index: 2;
  position: relative;
}

.socials__container {
  z-index: 2;
  justify-content: center;
  align-items: center;
  gap: 0 36px;
  display: flex;
  position: relative;
  flex-direction: row !important;
}

.socials__link {
  border: 1px solid #0000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.socials__link rect, .socials__link path {
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
}

.socials__link:hover {
  border-color: #ffffff80;
}

.socials__link:hover rect {
  fill: #0e3f00;
}

.socials__link:hover path {
  fill: #fff;
}

.socials svg {
  width: 30px;
  height: 30px;
}

.newsletter {
  z-index: 10;
  color: #fff;
  background: #205b07;
  min-height: 308px;
  padding: 53px 0 40px;
  position: relative;
  opacity: 1 !important;
}

@media screen and (width >= 1025px) {
  .newsletter {
    overflow: hidden;
  }
}

@media screen and (width <= 1025px) {
  .newsletter--small {
    padding: 20px;
  }

  .newsletter--small form:after {
    content: "";
    display: none;
  }
}

.newsletter:after {
  content: "";
  background: linear-gradient(90deg, #44c10f40 0%, #205b07 75%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.newsletter .container {
  z-index: 2;
  position: relative;
}

.newsletter__logo {
  z-index: 2;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (width >= 1025px) {
  .newsletter__logo {
    z-index: 1;
    transition: all 1.6s .3s;
    transform: translateX(calc(55% - 100vw));
  }

  .newsletter__logo path {
    opacity: 1;
    fill-opacity: 1;
  }
}

.newsletter__logo svg {
  width: auto;
  height: 100%;
}

.newsletter__title {
  flex-direction: column-reverse;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

@media screen and (width <= 1025px) {
  .newsletter__title {
    z-index: 2;
    text-align: center;
    margin-bottom: 28px;
  }
}

.newsletter__title p {
  font-size: .875rem;
}

@media screen and (width <= 1025px) {
  .newsletter__title p {
    font-size: .75rem;
    font-weight: 500;
  }
}

.newsletter__title h2 {
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (width <= 1025px) {
  .newsletter__title h2 {
    font-size: 1.25rem;
  }
}

.newsletter__form {
  z-index: 2;
  max-width: 538px;
  position: relative;
}

@media screen and (width <= 1025px) {
  .newsletter__form {
    text-align: center;
  }
}

.newsletter__decor {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(0%);
  display: flex !important;
}

.newsletter__decor svg {
  max-width: 80vw;
  margin: 0 auto;
}

@media screen and (width <= 1025px) {
  .newsletter--form {
    min-height: unset;
    height: 0;
    padding: 0;
    overflow: hidden;
  }

  .newsletter--form .wpcf7-not-valid-tip {
    text-align: center;
    width: 100%;
    transform: translateY(35px) !important;
  }
}

.newsletter--form.newsletter-active .container {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

.newsletter--form.newsletter-active .newsletter__logo {
  transform: translateX(50%);
}

@media screen and (width <= 1025px) {
  .newsletter--form .container {
    z-index: 99;
    pointer-events: none;
    opacity: 0;
    background: none;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100vw;
    height: 100%;
    min-height: 50vh;
    transition-property: opacity, transform;
    transition-duration: .5s, 1s;
    transition-timing-function: ease;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100%);
    position: fixed !important;
  }

  .newsletter--form .container:after {
    content: "";
    filter: blur(2px);
    pointer-events: none;
    background: #000000a6;
    width: 110%;
    height: 110%;
    display: block;
    position: absolute;
    top: -5%;
    left: -5%;
    position: fixed !important;
  }

  .newsletter--form .newsletter-form .wpcf7-form-control-wrap {
    width: 100%;
  }

  .newsletter--form .newsletter-form {
    width: 100%;
    max-width: 310px;
    margin-bottom: 50vh;
    padding: 0;
  }
}

@media screen and (width <= 450px) {
  .newsletter--form .newsletter-form {
    max-width: 60%;
  }
}

@media screen and (width <= 1025px) {
  .newsletter--form input[type="submit"] {
    background: #205b07;
    border-radius: 15px;
    width: 100%;
    max-width: 310px;
    height: 50px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: inset 0 2px 4px #ffffff40;
  }
}

@media screen and (width <= 1025px) and (width <= 450px) {
  .newsletter--form input[type="submit"] {
    max-width: 60%;
  }
}

@media screen and (width <= 1025px) {
  .newsletter--form input[type="submit"]:hover {
    color: #0e3f00;
    background: #ffffffbf;
    border-radius: 50px;
    box-shadow: inset 1px 3px 4px #0e3f00bf, 1px 3px 5px #fff;
  }

  .newsletter--form input[type="email"] {
    color: #0e3f00;
    text-align: center;
    background: #fff;
    width: 90%;
    height: 50px;
    max-width: 310px !important;
  }
}

.newsletter-form {
  background: #fff;
  border-radius: 10px;
  padding: 24px;
}

.newsletter-form .screen-reader-response, .newsletter-form .sent p {
  display: none;
}

.newsletter-form .sent .wpcf7-response-output {
  display: block;
}

.newsletter-form .invalid .wpcf7-response-output {
  margin-top: 5px;
}

.newsletter-form .wpcf7-response-output {
  color: #0e3f00;
  font-size: 1rem;
  display: none;
}

.newsletter-form .wpcf7-not-valid-tip {
  color: red;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(5px);
}

.newsletter-form form {
  padding-left: 74px;
  position: relative;
}

@media screen and (width <= 1025px) {
  .newsletter-form form {
    padding-left: 0;
  }
}

.newsletter-form form p {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.newsletter-form form .wpcf7-form-control-wrap input {
  max-width: 200px;
}

.newsletter-form form .wpcf7-spinner {
  display: none;
}

.newsletter-form form:before {
  content: " ";
  background-image: url("mail.267ee9b9.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16.59px;
  height: 12.71px;
  display: block;
  position: absolute;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
}

@media screen and (width <= 1025px) {
  .newsletter-form form:before {
    display: none;
  }
}

.newsletter-form input {
  color: #205b07;
  min-width: 200px;
  padding: 12px 0;
  font-size: .875rem;
}

.newsletter-form input::placeholder {
  color: #205b0780;
}

.newsletter-form [type="submit"] {
  cursor: pointer;
  color: #fff;
  background: #205b07;
  border-radius: 10px;
  min-width: 125px;
  height: 48px;
  padding: 10px;
  font-weight: 700;
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
}

.newsletter-form [type="submit"]:hover {
  color: #0e3f00;
  background: #205b0703;
  box-shadow: inset 0 2px 3px #fff, 0 2px 4px #0e3f00bf;
}

.newsletter-form--small {
  background: #d9d9d9;
  max-width: 350px;
  padding: 10px 10px 10px 20px;
}

.newsletter-form--small form {
  padding: 0;
}

.newsletter-form--small form [type="submit"] {
  min-width: 90px;
  height: 40px;
  font-weight: 400;
}

.newsletter-form--small form:before {
  display: none;
}

.newsletter-decor-animate {
  width: 100%;
  margin-top: -50vh;
  transition: all 1s;
  display: none;
  position: absolute;
  opacity: 1 !important;
}

@media screen and (width <= 1025px) {
  .newsletter-decor-animate {
    display: block;
  }
}

.newsletter-decor-animate .newsletter__decor {
  top: 100%;
}

.newsletter-decor-animate.decor-animated .newsletter__decor {
  transform: translateY(-50%);
  opacity: 1 !important;
}

[data-aoe="animate-newsletter-aoe"] {
  opacity: 1 !important;
}

@media screen and (width <= 1025px) {
  [data-aoe="animate-newsletter-aoe"] {
    display: none;
  }
}

.register {
  text-align: center;
  padding: 140px 0;
}

@media screen and (width <= 1025px) {
  .register {
    color: #fff;
    background: #205b07;
    padding: 40px 0;
  }
}

.register__title {
  margin-bottom: 4px;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.77;
}

@media screen and (width <= 1025px) {
  .register__title {
    font-size: 1.5rem;
  }
}

.register__subtitle {
  max-width: 637px;
  margin: 0 auto 30px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (width <= 1025px) {
  .register__subtitle {
    font-size: .625rem;
    font-weight: 400;
  }
}

.register #register {
  padding: 10px 0 0;
}

@media screen and (width <= 1025px) {
  .register #register .wpcf7-response-output {
    color: #fff;
    font-size: .875rem;
  }
}

.register #register .wpcf7-form .form-wrap {
  width: 100%;
}

@media screen and (width <= 1025px) {
  .register #register .wpcf7-form .form-wrap {
    width: 90%;
    margin: 0 auto;
  }
}

.register #register .wpcf7-form .form-wrap p {
  justify-content: space-between;
  gap: 0 10px;
  max-width: 500px;
  margin: 0 auto;
  display: flex;
}

@media screen and (width <= 1025px) {
  .register #register .wpcf7-form .form-wrap p {
    flex-direction: column;
  }

  .register #register .wpcf7-form .form-wrap p br {
    display: none;
  }

  .register #register .wpcf7-form .form-wrap p .wpcf7-form-control-wrap {
    margin-bottom: 10px;
  }
}

.register #register .wpcf7-form input {
  color: #0e3f00;
  text-align: center;
  background: #fff;
  box-shadow: 0 1px 2px #00000040;
}

.register #register .wpcf7-form input::placeholder {
  color: #0e3f0080;
}

.register #register .wpcf7-form input[type="submit"] {
  background: #205b0703;
  margin-top: 40px;
  box-shadow: inset 0 2px 3px #fff, 0 2px 4px #0e3f00bf;
}

.register #register .wpcf7-form input[type="submit"]:hover {
  color: #fff;
  background: #205b07bf;
  box-shadow: inset 3px 5px 10px #0e3f00;
}

@media screen and (width <= 1025px) and (width >= 330px) {
  .register #register .wpcf7-form input[type="submit"] {
    min-width: 310px;
  }
}

@media screen and (width <= 1025px) and (width <= 1025px) {
  .register #register .wpcf7-form input[type="submit"] {
    color: #fff;
    box-shadow: unset;
    background: #3a8321;
    border-radius: 15px;
    margin-top: 0;
  }
}

.register #register .wpcf7-form input:checked {
  background: #000;
}

.register #register .wpcf7-form .wpcf7-form-control-wrap:nth-last-child(4) {
  width: 50%;
}

.register .form-subtitle {
  color: #0e3f00;
  text-align: center;
  width: 100%;
  font-weight: 500;
  justify-content: center !important;
  margin: 20px auto 22px !important;
}

@media screen and (width <= 1025px) {
  .register .form-subtitle {
    color: #fff;
    font-size: .625rem;
    font-weight: 600;
  }
}

.build-labels {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  gap: 0 25px;
  padding-bottom: 3px;
  display: flex;
  overflow: auto;
}

@media screen and (width <= 1025px) {
  .build-labels {
    justify-content: flex-start;
    margin-bottom: 100px;
    padding: 0 20px;
  }
}

.build-labels .custom-radio {
  color: #0e3f00;
  cursor: pointer;
  background: #fff;
  border-radius: 15px;
  min-width: 150px;
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #00000040;
}

.build-labels .custom-radio.active {
  color: #fff;
  background: #0e3f00;
}

.build-labels .custom-radio:after {
  content: "";
  background: linear-gradient(#0e3f0000 0%, #0e3f00 100%);
  border-radius: 15px;
  width: 100%;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
}

.build-labels .custom-radio__media {
  object-fit: cover;
  object-position: center;
  border-radius: 15px;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.build-labels .custom-radio__label {
  text-align: center;
  padding: 12px;
  font-size: 1rem;
  font-weight: 600;
}

.build-labels > p {
  display: none;
}

a, button, .button {
  cursor: pointer;
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
}

.button {
  text-transform: uppercase;
  letter-spacing: .6px;
  background: #ffffff03;
  border-radius: 10px;
  padding: 11px 26px;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  box-shadow: inset 0 2px 3px #fff, 1px 2px 4px #0e3f0080;
}

.button:hover {
  color: #fff;
  background: #205b07bf;
  box-shadow: inset 2px 4px 4px #0e3f00, 1px 3px 5px #fff;
}

.button--transparent {
  color: #fff;
  background: #ffffff26;
}

.blank {
  font-size: 8px;
  line-height: 275%;
}

.button-play {
  background: #fff;
  border-radius: 85px;
  justify-content: space-between;
  align-items: center;
  min-width: 198px;
  min-height: 62px;
  padding-left: 5px;
  padding-right: 22px;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  box-shadow: inset 0 1px 2px #0e3f00bf, 0 1px 2px #00000040;
}

.button-play svg {
  content: "";
  width: 50px;
  height: 50px;
  margin-right: 22px;
  display: block;
}

.button-play svg rect, .button-play svg path {
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
}

.button-play svg rect {
  fill: #0000;
}

.button-play:hover svg rect {
  fill: #3a8321;
}

.button-play:hover svg path {
  stroke: #fff;
}

.flat-button {
  color: #fff;
  letter-spacing: .038rem;
  background: #205b07;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  padding: 11px 28px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
  display: inline-flex;
  box-shadow: inset 2px 4px 3px #3a8321, 0 2px 2px #00000080;
}

.flat-button:hover {
  color: #0e3f00;
  background: #ffffffbf;
  box-shadow: inset 1px 3px 4px #0e3f00bf, 1px 3px 5px #fff;
}

.form {
  color: #fff;
  text-align: center;
  z-index: 2;
  padding: 50px 0 70px;
  position: relative;
}

@media screen and (width <= 1025px) {
  .form {
    padding: 30px 0;
  }
}

.form__title {
  margin-bottom: 4px;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.77;
}

.form__subtitle {
  max-width: 637px;
  margin: 0 auto 30px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.form .wpcf7-form > p {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px 0;
  width: 100%;
  max-width: 792px;
  margin: 0 auto;
  display: flex;
}

.form .wpcf7-form > p .wpcf7-form-control-wrap {
  width: calc(50% - 12px);
}

@media screen and (width <= 740px) {
  .form .wpcf7-form > p .wpcf7-form-control-wrap {
    text-align: center;
    width: 100%;
  }
}

.form .wpcf7-form > p .wpcf7-form-control-wrap:nth-last-child(4) {
  width: 100%;
}

.form .wpcf7-form > p br {
  display: none;
}

.form .wpcf7-form input, .form .wpcf7-form textarea {
  color: #fff;
  background: #fafafa40;
  border: 1px solid #fafafa;
  border-radius: 5px;
  width: 100%;
  padding: 16px 30px;
  font-family: Poppins, sans-serif;
  font-size: .875rem;
}

@media screen and (width <= 1025px) {
  .form .wpcf7-form input, .form .wpcf7-form textarea {
    text-align: center;
  }
}

.form .wpcf7-form input::placeholder, .form .wpcf7-form textarea::placeholder {
  color: #fafafabf;
}

.form .wpcf7-form input[type="submit"], .form .wpcf7-form textarea[type="submit"] {
  color: #0e3f00;
  letter-spacing: .038rem;
  cursor: pointer;
  background: #ffffff80;
  border: none;
  border-radius: 5px;
  width: auto;
  min-width: 150px;
  min-height: 40px;
  margin: 0 auto;
  padding: 10px 20px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.5;
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
  box-shadow: inset 0 2px 3px #fff, 1px 2px 4px #0e3f0080;
}

@media screen and (width <= 1025px) {
  .form .wpcf7-form input[type="submit"], .form .wpcf7-form textarea[type="submit"] {
    background: #fafafa;
    border-radius: 50px;
    min-width: 204px;
    box-shadow: 0 2px 2px #0e3f0080;
  }
}

.form .wpcf7-form input[type="submit"]:hover, .form .wpcf7-form textarea[type="submit"]:hover {
  color: #fff;
  background: #205b07bf;
  box-shadow: inset 3px 5px 10px #0e3f00;
}

.form .wpcf7-not-valid-tip {
  text-align: left;
  color: red;
  width: 100%;
  margin-top: 5px;
  display: block;
}

.form .screen-reader-response {
  display: none !important;
}

.form .wpcf7-response-output {
  color: #0e3f00;
  margin-top: 20px;
}

.gate-el {
  overflow: hidden;
  z-index: 9 !important;
}

.gate {
  z-index: 12;
  pointer-events: none;
  width: 100%;
  height: 100%;
  max-height: 99vh;
  display: block;
  position: absolute;
  top: 0%;
  left: 0;
  opacity: 1 !important;
}

.gate.gate-open svg {
  opacity: 0;
}

.gate.gate-open .rect.rect_1 {
  left: -50%;
}

.gate.gate-open .rect.rect_2 {
  right: -50%;
}

.gate .rect {
  background: #0e3f00;
  width: 50%;
  height: 100%;
  transition: all 2s cubic-bezier(.2, 1.14, 1, 1);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gate .rect.rect_2 {
  left: unset;
  right: 0;
}

.gate svg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 1s cubic-bezier(.2, 1.14, 1, 1);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.footer {
  color: #fff;
  background: #0e3f00;
  padding: 30px 0 0;
  position: relative;
}

.footer__line {
  z-index: 2;
  width: 20px;
  height: 20px;
  display: none;
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (width <= 1025px) {
  .footer__line {
    display: block;
  }

  .footer {
    border-top: 2px solid #fff;
    padding: 50px 0 0;
  }
}

.footer__bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (width <= 1025px) {
  .footer__bg {
    background: url("footer-bg.80179c53.png") center / contain;
  }
}

.footer__bg svg {
  max-width: 100%;
}

.footer .container {
  z-index: 2;
  display: flex;
  position: relative;
}

@media screen and (width <= 1025px) {
  .footer .container {
    flex-direction: column;
    width: 100%;
  }

  .footer__top {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }
}

.footer__copy {
  color: #fafafa;
  font-feature-settings: "liga" off, "clig" off;
  margin: 20px 0;
  font-size: .875rem;
  font-weight: 275;
  line-height: 1.5;
}

@media screen and (width <= 1025px) {
  .footer__copy {
    font-weight: 400;
  }

  .footer .newsletter-form--small {
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 91px;
  }
}

.footer__links {
  justify-content: space-between;
  width: 100%;
  max-width: 330px;
  margin: 25px 0;
  display: flex;
}

.footer__links-col {
  flex-direction: column;
  align-items: flex-start;
  gap: 0 24px;
  display: flex;
}

.footer__links-col a {
  white-space: nowrap;
  font-size: .625rem;
  font-weight: 500;
  line-height: 2;
  position: relative;
}

.footer__links-col a:after {
  content: "";
  pointer-events: none;
  background: #fafafabf;
  width: 100%;
  max-width: 0%;
  height: 1px;
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
  position: absolute;
  bottom: 5px;
  left: 0;
}

.footer__links-col a.active:after, .footer__links-col a:hover:after {
  max-width: 100%;
}

.footer__col {
  justify-content: space-between;
  gap: 0 24px;
  width: 50%;
  display: flex;
}

@media screen and (width <= 1025px) {
  .footer__col {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}

.footer__col--left {
  flex-direction: column;
}

@media screen and (width <= 1025px) {
  .footer__nav {
    margin-bottom: 30px;
  }
}

@media screen and (width >= 1200px) {
  .footer__nav {
    min-width: 180px;
  }
}

.footer__nav-title {
  margin-bottom: 27px;
  font-size: .938rem;
  font-weight: 500;
}

@media screen and (width <= 1025px) {
  .footer__nav-title {
    text-align: center;
    margin-bottom: 17px;
  }
}

.footer__nav-items {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (width <= 1025px) {
  .footer__nav-items {
    align-items: center;
  }
}

.footer__nav-items a {
  color: #fafafabf;
  white-space: nowrap;
  font-size: .75rem;
  line-height: 2;
  position: relative;
}

.footer__nav-items a:after {
  content: "";
  pointer-events: none;
  background: #fafafabf;
  width: 100%;
  max-width: 0%;
  height: 1px;
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
  position: absolute;
  bottom: 5px;
  left: 0;
}

.footer__nav-items a.active:after, .footer__nav-items a:hover:after {
  max-width: 100%;
}

@media screen and (width <= 1025px) {
  .footer .socials {
    margin-top: 120px;
    margin-bottom: 20px;
  }

  .footer .socials rect {
    fill: #0000 !important;
  }

  .footer .socials path {
    fill: #fff !important;
  }
}

.footer .support {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.footer .support p {
  margin-bottom: 5px;
  font-size: .5rem;
  line-height: 2.25;
}

.footer .support-links {
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  display: flex;
}

.footer .support-links span, .footer .support-links a {
  font-size: .625rem;
  font-weight: 500;
  line-height: 2;
}

.footer .support-links a {
  white-space: nowrap;
  position: relative;
}

.footer .support-links a:after {
  content: "";
  pointer-events: none;
  background: #fafafabf;
  width: 100%;
  max-width: 0%;
  height: 1px;
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
  position: absolute;
  bottom: 5px;
  left: 0;
}

.footer .support-links a.active:after, .footer .support-links a:hover:after {
  max-width: 100%;
}

.footer .support-links span {
  margin: 0 5px;
  font-weight: 900;
}

.footer .download__stores rect {
  fill: #fff;
}

.footer .download__stores path {
  fill: #0e3f00;
}

.footer__bottom {
  margin-top: 30px;
}

@media screen and (width <= 1025px) {
  .footer__bottom {
    margin-top: 23px;
  }
}

.footer__bottom .container {
  border-top: 1px solid #fff;
  justify-content: space-between;
  padding: 17px 70px;
  display: flex;
  position: relative;
}

.footer__bottom .container:before, .footer__bottom .container:after {
  content: "";
  border: 1px solid #fff;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.footer__bottom .container:before {
  background: #fff;
  border: none;
  width: 4px;
  height: 4px;
  top: -2px;
}

@media screen and (width <= 1025px) {
  .footer__bottom .container {
    color: #0e3f00;
    text-align: center;
    background: #fafafa;
    border: none;
    padding: 10px 0;
  }

  .footer__bottom .container p {
    line-height: 1;
  }

  .footer__bottom .container:before, .footer__bottom .container:after {
    display: none;
  }
}

.author {
  margin-bottom: 10px;
  display: flex;
}

.author__link {
  white-space: nowrap;
  position: relative;
}

.author__link:after {
  content: "";
  pointer-events: none;
  background: #c32a4f;
  width: 100%;
  max-width: 0%;
  height: 1px;
  transition: all .4s cubic-bezier(.2, 1.14, 1, 1);
  position: absolute;
  bottom: -3px;
  left: 0;
}

.author__link.active:after, .author__link:hover:after {
  max-width: 100%;
}

.swiper-container {
  z-index: 1;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  position: relative;
  overflow: hidden;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: flex;
  position: relative;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-flow: column wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  position: relative;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-container-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-button {
  height: 10px;
}

.swiper-button-next, .swiper-button-prev {
  z-index: 2;
  cursor: pointer;
  background: #ccc;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-button-prev {
  left: 5%;
}

.swiper-button-next {
  right: 5%;
}

.swiper-pagination {
  z-index: 2;
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.swiper-pagination-bullet {
  background: #ccc;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  display: block;
}

.swiper-pagination-bullet-active {
  background: red;
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  width: var(--swiper-centered-offset-after);
  height: 100%;
  min-height: 1px;
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  width: 100%;
  min-width: 1px;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  width: var(--swiper-virtual-size);
  height: 1px;
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  height: var(--swiper-virtual-size);
  width: 1px;
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  object-fit: contain;
  transform-origin: center;
  width: 100%;
  height: 100%;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  text-transform: none !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  width: 100%;
  top: 0;
  left: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  position: relative;
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-flow: column wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  opacity: .6;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  filter: blur(50px);
  background: #000;
  position: absolute;
  inset: 0;
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  transition-property: transform, opacity, height;
  overflow: hidden;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

[data-aoe] {
  animation-duration: .7s;
  animation-fill-mode: forwards;
  animation-name: unset;
  opacity: 0;
}

.no-aoe [data-aoe] {
  transition: opacity .4s ease-in;
  opacity: 1 !important;
  animation: none !important;
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.infinite {
  animation-iteration-count: infinite;
}

.pulsate {
  transform-origin: center;
  opacity: 1;
  animation-name: pulsate;
}

@keyframes pulsate {
  0% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(.8, .8, .8);
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.blink {
  animation-name: blink;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.hitLeft {
  backface-visibility: hidden;
  animation-name: hitLeft;
}

@keyframes hitLeft {
  0% {
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    transform: translateX(-100px);
  }

  40% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.47, 0, .745, .715);
    transform: translateX(20px)rotate(4deg);
  }

  100% {
    opacity: 1;
  }
}

.hitRight {
  backface-visibility: hidden;
  animation-name: hitRight;
}

@keyframes hitRight {
  0% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    transform: translateX(100px);
  }

  40% {
    animation-timing-function: cubic-bezier(.47, 0, .745, .715);
    transform: translateX(-20px)rotate(-4deg);
  }

  100% {
    opacity: 1;
  }
}

.shake {
  opacity: 1;
  animation-name: shake;
  animation-timing-function: ease-in-out;
}

@keyframes shake {
  10% {
    transform: translateX(-10px);
  }

  20% {
    transform: translateX(10px);
  }

  30% {
    transform: translateX(-10px);
  }

  40% {
    transform: translateX(10px);
  }

  50% {
    transform: translateX(-10px);
  }

  60% {
    transform: translateX(10px);
  }

  70% {
    transform: translateX(-10px);
  }

  80% {
    transform: translateX(10px);
  }

  90% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(10px);
  }
}

.ball {
  animation-name: ball;
}

@keyframes ball {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transform: translate3d(0, 0, 0);
  }

  20% {
    opacity: 1;
    animation-timing-function: ease-in;
    transform: translate3d(0, -100px, 0);
  }

  40% {
    animation-timing-function: ease-out;
    transform: translate3d(0, 0, 0);
  }

  60% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -30px, 0);
  }

  75% {
    animation-timing-function: ease-out;
    transform: translate3d(0, 0, 0);
  }

  85% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -15px, 0);
  }

  100% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: translate3d(0, 0, 0);
  }
}

.pull {
  backface-visibility: hidden;
  animation-name: pull;
}

@keyframes pull {
  0% {
    transform: scale3d(0, 0, 0);
  }

  50% {
    transform-origin: top;
    opacity: 1;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: scale3d(1, 0, 1);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: scale3d(1, 1, 1);
  }
}

.pullLeft {
  backface-visibility: hidden;
  animation-name: pullLeft;
}

@keyframes pullLeft {
  0% {
    transform: scale3d(0, 1, 1);
  }

  50% {
    transform-origin: 0;
    opacity: 1;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: scale3d(0, 1, 1);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: scale3d(1, 1, 1);
  }
}

.pullRight {
  backface-visibility: hidden;
  animation-name: pullRight;
}

@keyframes pullRight {
  0% {
    transform: scale3d(0, 1, 1);
  }

  50% {
    transform-origin: 100%;
    opacity: 1;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: scale3d(0, 1, 1);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: scale3d(1, 1, 1);
  }
}

.jumpInLeft {
  backface-visibility: hidden;
  animation-name: jumpInLeft;
  animation-timing-function: cubic-bezier(.25, .46, .45, .94);
}

@keyframes jumpInLeft {
  0% {
    transform: scale3d(.5, .5, .5);
  }

  50% {
    opacity: 1;
    transform: scale3d(1.2, 1.2, 1.2)rotate(10deg);
  }

  70% {
    transform: scale3d(.9, .9, .9)rotate(-5deg);
  }

  90% {
    transform: scale3d(1, 1, 1)rotate(0);
  }

  100% {
    opacity: 1;
  }
}

.jumpInRight {
  backface-visibility: hidden;
  animation-name: jumpInRight;
  animation-timing-function: cubic-bezier(.25, .46, .45, .94);
}

@keyframes jumpInRight {
  0% {
    transform: scale3d(.5, .5, .5);
  }

  50% {
    opacity: 1;
    transform: scale3d(1.2, 1.2, 1.2)rotate(-10deg);
  }

  70% {
    transform: scale3d(.9, .9, .9)rotate(5deg);
  }

  90% {
    transform: scale3d(1, 1, 1)rotate(0);
  }

  100% {
    opacity: 1;
  }
}

.rollIn {
  backface-visibility: hidden;
  animation-name: rollIn;
}

@keyframes rollIn {
  0% {
    animation-timing-function: cubic-bezier(.25, .46, .45, .94);
    transform: translateY(100px)rotate(-445deg);
  }

  30% {
    opacity: 1;
  }

  50% {
    transform: translateY(-20px)rotate(-20deg);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.455, .03, .515, .955);
    transform: translateY(0)rotate(0);
  }
}

.popIn {
  animation-name: popIn;
}

@keyframes popIn {
  0% {
    transform: scale3d(0, 0, 0);
  }

  20% {
    opacity: 1;
  }

  40% {
    animation-timing-function: cubic-bezier(.47, 0, .745, .715);
    transform: scale3d(1.08, 1.08, 1.08);
  }

  60% {
    animation-timing-function: ease-in-out;
    transform: scale3d(1, 1, 1);
  }

  80% {
    animation-timing-function: ease-in-out;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.25, .46, .45, .94);
    transform: scale3d(1, 1, 1);
  }
}

.popInLeft {
  animation-name: popInLeft;
}

@keyframes popInLeft {
  0% {
    transform: translate3d(-100px, 0, 0)scale3d(.1, .1, .1);
  }

  40% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.47, 0, .745, .715);
    transform: translate3d(0, 0, 0)scale3d(1.08, 1.08, 1.08);
  }

  60% {
    animation-timing-function: ease-in-out;
    transform: scale3d(1, 1, 1);
  }

  80% {
    animation-timing-function: ease-in-out;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.25, .46, .45, .94);
    transform: scale3d(1, 1, 1);
  }
}

.popInRight {
  animation-name: popInRight;
}

@keyframes popInRight {
  0% {
    transform: translate3d(100px, 0, 0)scale3d(.1, .1, .1);
  }

  40% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.47, 0, .745, .715);
    transform: translate3d(0, 0, 0)scale3d(1.08, 1.08, 1.08);
  }

  60% {
    animation-timing-function: ease-in-out;
    transform: scale3d(1, 1, 1);
  }

  80% {
    animation-timing-function: ease-in-out;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.25, .46, .45, .94);
    transform: scale3d(1, 1, 1);
  }
}

.popInTop {
  animation-name: popInTop;
}

@keyframes popInTop {
  0% {
    transform: translate3d(0, -100px, 0)scale3d(.1, .1, .1);
  }

  40% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.47, 0, .745, .715);
    transform: translate3d(0, 0, 0)scale3d(1.08, 1.08, 1.08);
  }

  60% {
    animation-timing-function: ease-in-out;
    transform: translate3d(0, 0, 0)scale3d(1, 1, 1);
  }

  80% {
    animation-timing-function: ease-in-out;
    transform: translate3d(0, 0, 0)scale3d(1.03, 1.03, 1.03);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.25, .46, .45, .94);
    transform: translate3d(0, 0, 0)scale3d(1, 1, 1);
  }
}

.popInBottom {
  animation-name: popInBottom;
}

@keyframes popInBottom {
  0% {
    transform: translate3d(0, 100px, 0)scale3d(.1, .1, .1);
  }

  40% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.47, 0, .745, .715);
    transform: translate3d(0, 0, 0)scale3d(1.08, 1.08, 1.08);
  }

  60% {
    animation-timing-function: ease-in-out;
    transform: translate3d(0, 0, 0)scale3d(1, 1, 1);
  }

  80% {
    animation-timing-function: ease-in-out;
    transform: translate3d(0, 0, 0)scale3d(1.03, 1.03, 1.03);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.25, .46, .45, .94);
    transform: translate3d(0, 0, 0)scale3d(1, 1, 1);
  }
}

.flip {
  animation-name: flip;
}

@keyframes flip {
  from {
    animation-timing-function: cubic-bezier(.25, .46, .45, .94);
    transform: perspective(100px)rotateY(-360deg)scale3d(1, 1, 1);
  }

  50% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.25, .46, .45, .94);
    transform: perspective(100px)rotateY(-180deg)scale3d(1.2, 1.2, 1.2);
  }

  to {
    opacity: 1;
    animation-timing-function: cubic-bezier(.95, .05, .795, .035);
    transform: perspective(100px)rotateY(0)scale3d(1, 1, 1);
  }
}

.flipInX {
  animation-name: flipInX;
}

@keyframes flipInX {
  from {
    transform: perspective(800px)rotateX(90deg)scale3d(1.2, 1.2, 1.2);
  }

  50% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.455, .03, .515, .955);
    transform: perspective(800px)rotateX(-20deg)scale3d(1, 1, 1);
  }

  to {
    opacity: 1;
    transform: perspective(800px)rotateX(0)scale3d(1, 1, 1);
  }
}

.flipInY {
  animation-name: flipInY;
}

@keyframes flipInY {
  from {
    transform: perspective(800px)rotateY(90deg)scale3d(1.2, 1.2, 1.2);
  }

  50% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.455, .03, .515, .955);
    transform: perspective(800px)rotateY(-20deg)scale3d(1, 1, 1);
  }

  to {
    opacity: 1;
    transform: perspective(800px)rotateY(0)scale3d(1, 1, 1);
  }
}

.fadeIn {
  animation-name: fadeIn;
  animation-timing-function: cubic-bezier(.455, .03, .515, .955);
}

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

  100% {
    opacity: 1;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
  animation-timing-function: cubic-bezier(.455, .03, .515, .955);
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
  animation-timing-function: cubic-bezier(.455, .03, .515, .955);
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInTop {
  animation-name: fadeInTop;
  animation-timing-function: cubic-bezier(.455, .03, .515, .955);
}

@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }

  50% {
    opacity: .2;
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInBottom {
  animation-name: fadeInBottom;
  animation-timing-function: cubic-bezier(.455, .03, .515, .955);
}

@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }

  50% {
    opacity: .2;
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.driveInLeft {
  animation-name: driveInLeft;
}

@keyframes driveInLeft {
  0% {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(-100px, 0, 0);
  }

  30% {
    opacity: 1;
  }

  60% {
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    transform: translate3d(30px, 0, 0);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    transform: translate3d(0, 0, 0);
  }
}

.driveInRight {
  animation-name: driveInRight;
}

@keyframes driveInRight {
  0% {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(100px, 0, 0);
  }

  30% {
    opacity: 1;
  }

  60% {
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    transform: translate3d(-30px, 0, 0);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    transform: translate3d(0, 0, 0);
  }
}

.driveInTop {
  animation-name: driveInTop;
}

@keyframes driveInTop {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, -100px, 0);
  }

  30% {
    opacity: 1;
  }

  60% {
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    transform: translate3d(0, 0, 0);
  }
}

.driveInBottom {
  animation-name: driveInBottom;
}

@keyframes driveInBottom {
  0% {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, 100px, 0);
  }

  30% {
    opacity: 1;
  }

  60% {
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    transform: translate3d(0, 0, 0);
  }
}

.spin {
  animation-name: spin;
}

@keyframes spin {
  0% {
    transform-origin: center;
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: rotateZ(0);
  }

  20% {
    transform-origin: center;
    opacity: 1;
    animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    transform: rotateZ(-20deg);
  }

  70% {
    transform-origin: center;
    animation-timing-function: ease-in-out;
    transform: rotateZ(380deg);
  }

  100% {
    opacity: 1;
    transform-origin: center;
    animation-timing-function: cubic-bezier(.47, 0, .745, .715);
    transform: rotateZ(360deg);
  }
}

.spinIn {
  animation-name: spinIn;
}

@keyframes spinIn {
  0% {
    transform-origin: center;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    transform: rotateZ(0)scale3d(0, 0, 0);
  }

  50% {
    opacity: 1;
  }

  70% {
    transform-origin: center;
    transform: rotateZ(380deg)scale3d(1, 1, 1);
  }

  100% {
    opacity: 1;
    transform-origin: center;
    transform: rotateZ(360deg)scale3d(1, 1, 1);
  }
}

.swoopInLeft {
  animation-name: swoopInLeft;
}

@keyframes swoopInLeft {
  0% {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: scaleX(1.5)translate3d(-100px, 0, 0);
  }

  40% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: scaleX(1.2)translate3d(0, 0, 0);
  }

  65% {
    transform: scaleX(1)translate3d(20px, 0, 0);
  }

  100% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: scaleX(1)translate3d(0, 0, 0);
  }
}

.swoopInRight {
  animation-name: swoopInRight;
}

@keyframes swoopInRight {
  0% {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: scaleX(1.5)translate3d(100px, 0, 0);
  }

  40% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: scaleX(1.2)translate3d(0, 0, 0);
  }

  65% {
    transform: scaleX(1)translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: scaleX(1)translate3d(0, 0, 0);
  }
}

.swoopInTop {
  animation-name: swoopInTop;
}

@keyframes swoopInTop {
  0% {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: scaleY(1.5)translate3d(0, -100px, 0);
  }

  40% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: scaleY(1.2)translate3d(0, 0, 0);
  }

  65% {
    transform: scaleY(1)translate3d(0, 20px, 0);
  }

  100% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: scaleY(1)translate3d(0, 0, 0);
  }
}

.swoopInBottom {
  animation-name: swoopInBottom;
}

@keyframes swoopInBottom {
  0% {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: scaleY(1.5)translate3d(0, -100px, 0);
  }

  40% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: scaleY(1.2)translate3d(0, 0, 0);
  }

  65% {
    transform: scaleY(1)translate3d(0, -20px, 0);
  }

  100% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: scaleY(1)translate3d(0, 0, 0);
  }
}

.unfold {
  animation-name: unfold;
}

@keyframes unfold {
  0% {
    animation-timing-function: cubic-bezier(.47, 0, .745, .715);
    transform: scale3d(0, 0, 0);
  }

  30% {
    animation-timing-function: cubic-bezier(.455, .03, .515, .955);
    transform: scale3d(.4, 1, 1);
  }

  100% {
    opacity: 1;
    animation-timing-function: cubic-bezier(.55, .085, .68, .53);
    transform: scale3d(1, 1, 1);
  }
}
/*# sourceMappingURL=_app.css.map */