.c-client-slider {
  --section-padding: 40px;
}
.c-client-slider .img-rsp {
  opacity: 0.6;
}
@media screen and (min-width: 769px) {
  .c-client-slider .infinite-slider {
    --gutter: 88px;
  }
}
.c-future-animation {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.c-future-animation .wrapper {
  position: relative;
  z-index: 0;
}
.c-future-animation__content {
  padding-top: calc(2 * var(--section-padding));
  max-width: 812px;
  margin: 0 auto;
}
.c-future-animation__cta {
  display: flex;
  justify-content: center;
}
.c-future-animation__text {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.c-future-animation__items {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 20px;
}
.c-spline-animation {
  position: absolute;
  z-index: -1;
  left: 50%;
  width: 100%;
  min-width: 1000px;
  opacity: 0.6;
  top: 0;
  transform: translateX(-50%);
  mix-blend-mode: screen;
}
@media screen and (max-width: 480px) {
  .c-spline-animation {
    min-width: 1400px;
  }
}
.c-future-item {
  --delay: 0s;
  display: flex;
  align-items: center;
  border: 2px solid var(--x-purple);
  max-width: 192px;
  border-radius: 16px;
}
.c-future-item > :first-child {
  padding: 12px;
}
.c-future-item > :last-child {
  border-left: 2px solid;
  height: 100%;
  width: 64px;
  flex: 0 0 auto;
  padding: 12px;
  display: flex;
  align-items: center;
}
.c-future-item .img-rsp {
  margin: 0 auto;
  max-width: 100%;
}
.c-future-item:first-child {
  border-radius: 16px 16px 16px 0;
}
.c-future-item:last-child {
  border-radius: 16px 16px 0 16px;
}
@media screen and (min-width: 769px) {
  .c-future-animation__text {
    font-size: 28px;
  }
  .c-future-animation__items {
    flex-flow: row wrap;
    justify-content: center;
    align-items: unset;
    gap: 56px;
    margin-top: 160px;
  }
  .c-future-item {
    max-width: 296px;
  }
  .c-future-item > :last-child {
    width: 80px;
  }
  .c-future-item .x-small-txt {
    font-size: 22px;
  }
}
[data-aos="fadeIn"] {
  opacity: 0;
  transform: translateY(20px);
  transition:
    0.5s transform var(--delay),
    0.5s opacity var(--delay);
}
[data-aos="fadeIn"].animate {
  opacity: 1;
  transform: translate(0);
}
.c-sectors {
  --font-size: min(44px, 9vw);
  --line-height: calc(var(--font-size) * 0.9 + 16px);
}
.c-sectors > .wrapper {
  height: 200vh;
}
@media screen and (min-width: 769px) {
  .c-sectors > .wrapper {
    height: 300vh;
    min-height: 1000px;
  }
}
.c-sectors__block {
  position: sticky;
  top: calc(var(--navbar-offset) + 24px);
  overflow: hidden;
  background-color: var(--x-beige3);
  border-radius: 35px;
  padding: 32px 32px 0;
}
.c-sectors__cta {
  display: flex;
}
.c-sectors__slider {
  transition: 0.4s transform ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .c-sectors__slider {
    transition: 0.8s transform ease-in-out;
  }
}
.c-sectors__title {
  font-size: var(--font-size);
  position: relative;
  opacity: 0.3;
}
.c-sectors__title::before {
  content: "\e801";
  position: absolute;
  font-family: "lord fontello";
  left: -48px;
  top: calc(50% - 16px);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--x-red);
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  opacity: 0;
}
.c-sectors__title.active {
  color: var(--x-red);
  opacity: 1;
  transform: translateX(48px);
  transition: 625ms transform;
}
.c-sectors__title.active::before {
  opacity: 1;
  transition: 625ms opacity 0.2s;
  color: var(--x-black);
}
@media screen and (max-width: 768px) {
  .c-sectors__block {
    margin-left: calc(-1 * var(--site-margins));
    margin-right: calc(-1 * var(--site-margins));
  }
  .c-sectors__wrapper {
    overflow: hidden;
    height: calc(4.5 * var(--line-height));
    padding-top: 4px;
  }
  .c-sectors__slider {
    transform: translateY(calc(-1 * var(--active) * var(--line-height) - var(--length) * var(--line-height)));
  }
}
@media screen and (min-width: 769px) {
  .c-sectors {
    --font-size: min(72px, 5vw);
  }
  .c-sectors__block {
    height: 528px;
    padding: 80px 112px;
  }
  .c-sectors__slider {
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateY(calc(-1 * var(--active) * var(--line-height)));
  }
}
.c-s-slider.theme-black {
  --color: var(--x-beige2);
}
.c-arrows {
  display: flex;
  gap: 8px;
}
.c-arrow {
  --width: 40px;
  --background: var(--x-yellow);
  --color: var(--x-black);
  cursor: pointer;
  width: var(--width);
  height: var(--width);
  line-height: var(--width);
  border-radius: 50%;
  background-color: var(--background);
  color: var(--color);
  display: block;
  font-size: calc(var(--width) * 0.3);
}
.c-arrow.c-arrow--prev {
  transform: rotate(180deg);
}
@media screen and (min-width: 769px) {
  .c-arrow {
    --width: 60px;
  }
}
.c-s-slider {
  overflow: hidden;
}
.c-s-slider__cta {
  display: flex;
  margin-top: 24px;
}
@media screen and (min-width: 769px) {
  .c-s-slider__cta {
    justify-content: flex-end;
  }
  .c-s-slider__grid {
    align-items: flex-end;
  }
}
.c-fixed-slider {
  --slide-width: 240px;
  --slider-width: 294px;
  --difference: calc(var(--slider-width) - var(--slide-width));
  --ratio: calc(var(--slider-width) / var(--slide-width));
  --gutter: 16px;
  padding: 56px 0;
  max-width: 375px;
  margin: 0 auto;
}
.c-fixed-slider,
.c-fixed-slider__track {
  display: flex;
}
.c-fixed-slider__track {
  margin-left: calc(-1 * var(--gutter));
  transform: translateX(calc(-1 * var(--active) * var(--slide-width)));
  transition: 625ms transform ease-in-out;
}
.c-fixed-slider__track > div {
  display: flex;
  padding-left: var(--gutter);
  flex: 0 0 auto;
}
.c-fixed-slider__track > div > div {
  width: var(--slide-width);
  flex: 0 0 auto;
  padding-left: var(--gutter);
}
.c-fixed-slider__track > div > div.active {
  margin-left: calc(var(--difference) / 2);
  margin-right: calc(var(--difference) / 2);
}
.c-fixed-slider__track {
  transform: translateX(calc(-1 * var(--active) * var(--slide-width)));
  transform: translateX(-33.33%) translateX(calc(-1 * var(--active) * var(--slide-width)));
}
@media screen and (min-width: 769px) {
  .c-fixed-slider {
    --slide-width: 340px;
    --slider-width: 375px;
  }
}
.c-solution {
  position: relative;
  background-color: var(--x-yellow);
  border-radius: 10px;
  padding: 12px;
  transition: 0.3s transform ease-in-out;
  opacity: 0.6;
  color: var(--x-black);
}
.c-solution .icon--arrow {
  font-size: 0.5em;
}
@media screen and (min-width: 769px) {
  .c-solution .icon--arrow {
    font-size: 1em;
  }
}
.c-solution,
.c-solution > div {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  height: 100%;
}
.c-solution > div {
  padding: 16px;
  border: 1px solid var(--x-black);
  border-radius: 10px;
}
.c-solution__title {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
}
.c-solution .c-solution__img {
  --width: 84px;
  width: var(--width);
  height: var(--width);
}
.c-solution .c-solution__img > div {
  display: none;
}
.c-solution .c-solution__img img {
  object-fit: contain;
}
.active > .c-solution {
  transform: scale(1.275);
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .active > .c-solution {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 768px) {
  .c-solution .c-solution__img {
    --width: 64px;
  }
}
.c-clients__title {
  white-space: pre-wrap;
}
.c-clients__grid {
  display: flex;
  flex-flow: row wrap;
}
.c-clients__logo {
  width: 50%;
  max-width: 50%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
}
.c-clients__logo .img-rsp {
  max-width: min(160px, 70%);
}
@media screen and (min-width: 769px) {
  .c-clients__logo {
    width: 25%;
    max-width: 25%;
    height: 140px;
  }
}
@media screen and (min-width: 1025px) {
  .c-clients__logo {
    width: 20%;
    max-width: 20%;
  }
}
@media screen and (max-width: 600px) {
  .template-index .c-clients__logo[data-fade-in] {
    opacity: 1;
    transform: translateY(0);
  }
}
.c-enroll__title {
  white-space: pre-wrap;
}
.c-enroll__block {
  min-height: 516px;
  position: relative;
  z-index: 1;
  padding: 32px;
  display: flex;
  flex-flow: column;
}
.c-enroll__block > :first-child {
  flex: 1 1 auto;
}
.c-enroll__block::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #000 5.38%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.3;
}
.c-enroll__image {
  position: absolute;
  z-index: -2;
  inset: 0;
}
.c-enroll__image img {
  border-radius: 30px;
}
@media screen and (max-width: 480px) {
  .c-enroll__image img {
    object-position: 60% 50%;
  }
}
.c-enroll__cta {
  display: flex;
}
.c-sticker {
  max-width: 250px;
}
.c-sticker__bottom {
  padding: 8px 16px;
  border: 1px solid;
  border-radius: 0 32px 32px 32px;
}
.c-sticker__top {
  border: 1px solid;
  border-radius: 16px 16px 16px 0;
  display: flex;
}
.c-sticker__top > :first-child {
  flex: 0 0 auto;
}
.c-sticker__top > :last-child {
  flex: 1 1 auto;
}
.c-sticker__table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  border-left: 1px solid;
}
.c-sticker__table > div {
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-sticker__table > :first-child {
  grid-row: 1/2;
  grid-column: 1/3;
  border-bottom: 1px solid;
}
.c-sticker__table > :nth-child(2) {
  grid-row: 2/3;
  grid-column: 1/2;
}
.c-sticker__table > :last-child {
  grid-row: 2/3;
  grid-column: 2/3;
  border-left: 1px solid;
}
.c-sticker__logo {
  padding: 10px 16px;
}
.c-sticker__logo .img-rsp {
  width: 64px;
}
@media screen and (min-width: 769px) {
  .c-enroll__block {
    padding: 140px 112px;
    justify-content: center;
  }
  .c-sticker {
    position: absolute;
    z-index: 1;
    bottom: 40px;
    right: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-enroll__block {
    margin-left: calc(-0.5 * var(--site-margins));
    margin-right: calc(-0.5 * var(--site-margins));
  }
}