:root {
  --yellow: #F2D622;
  --bg-light-yellow: #FFF7C3;
  --button-light-yellow: #FFF3C4;
  --red: #ff0000;
  --bg-gray: #212121;
  --white: #FFFFFF;
  --white-60: rgba(255, 255, 255, .6);
  --white-40: rgba(255, 255, 255, .4);
  --white-20: rgba(255, 255, 255, .2);
  --black: #000000;
  --black-60: rgba(0, 0, 0, .6);
  --black-50: rgba(0, 0, 0, .5);
  --black-40: rgba(0, 0, 0, .4);
  --site-header-height: 79px;
}

html {
  background-color: var(--yellow);
  font-family: "Commissioner", "Arial", sans-serif;
}

button,
input,
textarea,
select {
  font-family: inherit;
}

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

li {
  list-style: none;
}

button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  user-select: none;
}

img {
  user-select: none;
}

input, textarea {
  background-color: initial;
  border: initial;
  outline: initial;
}

textarea {
  resize: none;
}

address {
  font-style: initial;
}

pre {
  font-family: "Commissioner", "Arial", sans-serif;
  white-space: pre-line;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.text-uppercase {
  text-transform: uppercase;
}

.bg-light-yellow {
  background-color: var(--bg-light-yellow);
}

.bg-gray {
  background-color: var(--bg-gray);
}

.bg-gray .title-wrapper {
  color: var(--white);
}

.color-red {
  color: var(--red);
}

.page {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  overflow-x: clip;
}

.root.is-scroll-locked {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
}

.content {
  flex-grow: 1;
}

.section,
.footer {
  padding: 100px;
}

.section--full-height {
  height: calc(100dvh - var(--site-header-height));
}

.section,
.footer,
.title-wrapper,
.team__main,
.team__about,
.team__column,
.team__experience,
.team-card,
.team-card__info,
.why-we__item,
.step__item,
.cases,
.case__aside,
.case__task,
.case__tags,
.case__content,
.case__column,
.case__list,
.service__item,
.service__content,
.service__1c,
.footer-info__item,
.footer-info__flex,
.footer__others {
  display: flex;
  flex-direction: column;
}

.why-we,
.case__item,
.case__columns,
.cases__actions,
.service__actions,
.service__1c-item,
.footer-socials {
  display: flex;
}

.section {
  row-gap: 30px;
}

.section--no-inline-padding {
  padding-inline: 0;
}

.section--no-inline-padding .title-wrapper {
  padding: 0 100px;
}

.button-main {
  display: flex;
  align-items: center;
  column-gap: 10px;
  border-radius: 999px;
  padding: 10px 20px;
}

.button-main--big {
  padding: 20px 40px;
}

.button-main--black {
  background-color: var(--bg-gray);
  color: var(--white);
}

.button-main--yellow {
  background-color: var(--yellow);
}

.button-main--light-yellow {
  background-color: var(--button-light-yellow);
}

.button-main__icon {
  display: block;
  flex-shrink: 0;

  width: 24px;
  height: 24px;

  background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M5%2012H19'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12%205L19%2012L12%2019'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.header,
.header__inner,
.header__nav-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header {
  position: sticky;
  top: 0;
  z-index: 60;

  padding: 20px 100px;
  column-gap: 20px;
  background-color: var(--yellow);
  transition:
    transform .24s cubic-bezier(.22, 1, .36, 1),
    background-color .24s ease;
  will-change: transform;
}

.header.header--over-hero {
  background-color: transparent;
}

.header.is-menu-open {
  background-color: var(--yellow);
}

.header.is-hidden {
  transform: translateY(-100%);
}

.header__inner {
  position: relative;
  column-gap: 50px;
}

.header__nav-list {
  column-gap: 20px;
}

.header__form {
  display: none;
  position: absolute;

  background-color: var(--black);
  top: 0;
  right: 0;
}

.burger-menu {
  --dot-size: 7px;

  position: relative;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 50%;
  color: var(--black);
  cursor: pointer;

  display: none;
  grid-template-columns: repeat(3, var(--dot-size));
  grid-template-rows: repeat(3, var(--dot-size));
  justify-content: center;
  align-content: center;
  gap: 4px;

  transition:
    background-color .24s ease,
    color .24s ease,
    transform .24s cubic-bezier(.22, 1, .36, 1);
}

.burger-menu::before,
.burger-menu::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 3px;
  border-radius: 999px;
  background-color: currentColor;
  opacity: 0;
  transform: translate(-50%, -50%) rotate(var(--line-angle)) scaleX(.25);
  transform-origin: center;
  transition:
    opacity .18s ease,
    transform .42s cubic-bezier(.16, 1, .3, 1);
}

.burger-menu::before {
  --line-angle: 45deg;
}

.burger-menu::after {
  --line-angle: -45deg;
}

.burger-menu__dot {
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background-color: currentColor;
  transform: translate(0, 0) scale(1);

  transition:
    opacity .22s ease,
    transform .46s cubic-bezier(.16, 1, .3, 1);
  transition-delay: var(--dot-delay, 0ms);
  will-change: transform, opacity;
}

.burger-menu__dot:nth-child(1) {
  --dot-x: -8px;
  --dot-y: -8px;
  --dot-delay: 0ms;
}

.burger-menu__dot:nth-child(2) {
  --dot-x: 0;
  --dot-y: -11px;
  --dot-delay: 16ms;
}

.burger-menu__dot:nth-child(3) {
  --dot-x: 8px;
  --dot-y: -8px;
  --dot-delay: 32ms;
}

.burger-menu__dot:nth-child(4) {
  --dot-x: -11px;
  --dot-y: 0;
  --dot-delay: 48ms;
}

.burger-menu__dot:nth-child(5) {
  --dot-x: 0;
  --dot-y: 0;
  --dot-delay: 64ms;
}

.burger-menu__dot:nth-child(6) {
  --dot-x: 11px;
  --dot-y: 0;
  --dot-delay: 48ms;
}

.burger-menu__dot:nth-child(7) {
  --dot-x: -8px;
  --dot-y: 8px;
  --dot-delay: 32ms;
}

.burger-menu__dot:nth-child(8) {
  --dot-x: 0;
  --dot-y: 11px;
  --dot-delay: 16ms;
}

.burger-menu__dot:nth-child(9) {
  --dot-x: 8px;
  --dot-y: 8px;
  --dot-delay: 0ms;
}

.burger-menu:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

.burger-menu:active {
  transform: scale(.96);
}

.burger-menu.is-open::before,
.burger-menu.is-open::after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(var(--line-angle)) scaleX(1);
  transition-delay: .14s;
}

.burger-menu.is-open .burger-menu__dot {
  opacity: 0;
  transform: translate(var(--dot-x), var(--dot-y)) scale(.12);
}

.title-wrapper {
  row-gap: 10px;
}

.team__layout {
  display: grid;
  grid-template-columns: 5fr 2fr 2fr;
}

.team__group-photo, .team__group-img,
.team-card__photo, .team-card__img,
.group-photo, .group-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  vertical-align: top;
}

.section--hero {
  position: relative;
  z-index: 0;
  isolation: isolate;
  min-height: calc(100dvh - var(--site-header-height));
  padding: 0;
  background-color: var(--yellow);
  overflow: visible;
  /*overflow: hidden;*/
}

.hero__background,
.hero__glass {
  position: absolute;
  top: calc(var(--site-header-height) * -1);
  height: calc(100% + var(--site-header-height));
  pointer-events: none;
}

.hero__background {
  left: 0;
  right: 0;
  z-index: 0;
  overflow: hidden;
  background-color: var(--yellow);
}

.hero__caption-row {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--hero-caption-offset, 0);
  width: max-content;
}

.hero__caption-track {
  display: flex;
  height: 100%;
  width: max-content;
  animation: hero-caption-marquee var(--hero-caption-speed, 34s) linear infinite;
  will-change: transform;
}

.hero__caption-group {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 100%;
  column-gap: var(--hero-caption-gap, 9vw);
  padding-right: var(--hero-caption-gap, 9vw);
}

.hero__caption-image {
  display: block;
  flex-shrink: 0;
  aspect-ratio: var(--caption-ratio);
  width: auto;
  max-width: none;
  height: var(--hero-caption-height, 100%);
  opacity: .92;
}

.hero {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: calc(100dvh - var(--site-header-height));
  padding: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 40px;
  overflow: hidden;
}

.hero__title {
  width: 100%;
  text-align: center;

  display: grid;
}

.hero__headline {
  width: 100%;
  overflow: hidden;
  line-height: 1.12;
}

.hero__content-slide {
  grid-area: 1 / 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  pointer-events: none;
}

.hero__content-slide.is-active {
  pointer-events: auto;
}

.hero__animated-line {
  display: block;
  overflow: hidden;
}

.hero__animated-item,
.hero__actions {
  display: block;
  opacity: 0;
  transform: translateY(115%);
  transition:
    opacity .62s ease,
    transform .78s cubic-bezier(.16, 1, .3, 1);
  transition-delay: 0ms;
  will-change: transform, opacity;
}

.hero__content-slide.is-active .hero__animated-item,
.hero__content-slide.is-active .hero__actions {
  opacity: 1;
  transform: translateY(0);
  transition-delay: var(--item-delay, 0ms);
  animation: hero-content-enter .78s cubic-bezier(.16, 1, .3, 1) both;
  animation-delay: var(--item-delay, 0ms);
}

.hero__content-slide.is-leaving .hero__animated-item,
.hero__content-slide.is-leaving .hero__actions {
  opacity: 0;
  transform: translateY(115%);
  transition-delay: var(--item-exit-delay, 0ms);
  animation: none;
}

.hero__content-slide--left {
  justify-self: start;
  align-items: flex-start;
  text-align: left;
}

.hero__content-slide--center {
  justify-self: center;
  align-items: center;
  text-align: center;
}

.hero__content-slide--right {
  justify-self: end;
  align-items: flex-end;
  text-align: right;
}

.hero__subtitle {
  width: 100%;
  line-height: 1.35;
}

.hero__actions {
  display: flex;
  align-items: center;
  column-gap: 30px;
}

.hero__glass {
  --hero-glass-cycle: 15.6s;
  --hero-glass-height: calc(100% + var(--site-header-height));
  --hero-glass-visual-height: 100%;
  --hero-glass-ratio: 2553 / 1176;
  --hero-glass-mask-forward: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%202553%201176%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M329.921%201176L726%200H396.079L0%201176H329.921Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M1056.88%201176L1453.5%200H1123.12L726.5%201176H1056.88Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M2222.62%201176L1826%200H2156.38L2553%201176H2222.62Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  --hero-glass-mask-backward: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%202553%201176%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2223.08%200L1827%201176H2156.92L2553%200H2223.08Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M1496.12%200L1099.5%201176H1429.88L1826.5%200H1496.12Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M330.375%200L727%201176H396.625L0%200H330.375Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");

  left: -74.77vw;
  top: calc(var(--site-header-height) * -1);
  z-index: 8;
  width: 252.75vw;
  min-width: 0;
  height: var(--hero-glass-height);
  min-height: var(--hero-glass-height);
  overflow: hidden;
  clip-path: none;
  background: transparent;
  animation: hero-glass-sweep var(--hero-glass-cycle) cubic-bezier(.37, 0, .63, 1) infinite;
  transform: translateX(-100%);
  transform-origin: center;
  isolation: isolate;
  will-change: transform;
}

.hero__glass-pane,
.hero__glass-pane::before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: var(--hero-glass-visual-height);
  pointer-events: none;
  transform: translateY(-50%);
  mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: auto 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: left center;
  -webkit-mask-size: auto 100%;
}

.hero__glass-pane {
  --hero-glass-visible-opacity: 1;

  z-index: 0;
  opacity: 0;
  background-color: rgba(242, 214, 34, .3);
  /*backdrop-filter: blur(13px) saturate(1.04) contrast(.92);*/
  backdrop-filter: blur(5px);
  /*-webkit-backdrop-filter: blur(13px) saturate(1.04) contrast(.92);*/
  -webkit-backdrop-filter: blur(5px);
  animation-duration: var(--hero-glass-cycle);
  animation-iteration-count: infinite;
  animation-timing-function: steps(1, end);
}

.hero__glass-pane::before {
  content: none;
  top: -4%;
  left: -10%;
  right: -10%;
  height: 108%;
  opacity: .58;
  background-color: rgba(242, 214, 34, .16);
  backdrop-filter: blur(8px) saturate(1.02) contrast(.88);
  -webkit-backdrop-filter: blur(8px) saturate(1.02) contrast(.88);
  transform: translateX(var(--hero-glass-refraction, -112px));
}

.hero__glass-pane--forward {
  --hero-glass-refraction: -112px;

  opacity: 1;
  animation-name: hero-glass-visible-forward;
  mask-image: var(--hero-glass-mask-forward);
  -webkit-mask-image: var(--hero-glass-mask-forward);
}

.hero__glass-pane--backward {
  --hero-glass-refraction: 112px;

  animation-name: hero-glass-visible-backward;
  mask-image: var(--hero-glass-mask-backward);
  -webkit-mask-image: var(--hero-glass-mask-backward);
}

.hero__glass-svg {
  --hero-glass-visible-opacity: .04;

  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  display: block;
  aspect-ratio: var(--hero-glass-ratio);
  width: auto;
  height: var(--hero-glass-visual-height);
  overflow: hidden;
  opacity: 0;
  transform: translateY(-50%);
}

.hero__glass-shapes {
  opacity: 0;
  animation-duration: var(--hero-glass-cycle);
  animation-iteration-count: infinite;
  animation-timing-function: steps(1, end);
}

.hero__glass-shapes--forward {
  opacity: var(--hero-glass-visible-opacity, 1);
  animation-name: hero-glass-visible-forward;
}

.hero__glass-shapes--backward {
  animation-name: hero-glass-visible-backward;
}

@keyframes hero-caption-marquee {
  to {
    transform: translateX(-50%);
  }
}

@keyframes hero-content-enter {
  from {
    opacity: 0;
    transform: translateY(115%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes hero-glass-sweep {
  0% {
    transform: translateX(-100%);
    animation-timing-function: cubic-bezier(.28, .64, .34, 1);
  }

  18% {
    transform: translateX(-8vw);
    animation-timing-function: cubic-bezier(.42, .08, .58, .92);
  }

  32% {
    transform: translateX(74vw);
    animation-timing-function: cubic-bezier(.3, .68, .36, 1);
  }

  43% {
    transform: translateX(158vw);
    animation-timing-function: cubic-bezier(.4, .12, .6, .88);
  }

  48% {
    transform: translateX(178vw);
    animation-timing-function: cubic-bezier(.44, .08, .56, .92);
  }

  49.999%,
  50% {
    transform: translateX(174.77vw);
    animation-timing-function: cubic-bezier(.28, .64, .34, 1);
  }

  68% {
    transform: translateX(66vw);
    animation-timing-function: cubic-bezier(.42, .08, .58, .92);
  }

  81% {
    transform: translateX(-18vw);
    animation-timing-function: cubic-bezier(.3, .68, .36, 1);
  }

  91% {
    transform: translateX(-78vw);
    animation-timing-function: cubic-bezier(.4, .12, .6, .88);
  }

  96% {
    transform: translateX(-104%);
    animation-timing-function: cubic-bezier(.44, .08, .56, .92);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes hero-glass-visible-forward {
  0%,
  49.999% {
    opacity: var(--hero-glass-visible-opacity, 1);
  }

  50%,
  100% {
    opacity: 0;
  }
}

@keyframes hero-glass-visible-backward {
  0%,
  49.999% {
    opacity: 0;
  }

  50%,
  100% {
    opacity: var(--hero-glass-visible-opacity, 1);
  }
}

.section-img {
  width: 100%;
  /*height: 100dvh;*/
}

.section-img .group-photo, .section-img .group-img {
  /*object-position: 0 -5dvh;*/
  aspect-ratio: 1920 / 1290;
  /*height: 100dvh;*/
}

.team__about {
  height: 100%;
  padding: 80px 100px;
  row-gap: 60px;
  align-items: center;
}

.team-text-wrapper {
  display: grid;
  grid-template-columns: 2fr 7fr;
}

.team__text {
  grid-column: 2 / 3;
  padding-left: 40px;
  border-left: 1px var(--black) solid;
}

.team__experience {
  padding: 100px 50px;
  row-gap: 10px;
  background-color: var(--bg-gray);
  color: var(--yellow);
}

.team-card {
  height: 100%;
}

.team-card__info {
  background-color: var(--bg-gray);
  padding: 50px;
  row-gap: 10px;
}

.team-card__name {
  color: var(--white);
}

.team-card__position {
  color: var(--white-60);
}

.team__more {
  height: 100%;
  background-color: var(--yellow);
  text-align: center;
}

.why-we {
  flex-wrap: wrap;
  gap: 20px;
}

.why-we__item {
  background-color: var(--yellow);
  padding: 50px;
  border-radius: 125px;
  row-gap: 10px;
}

.why-we__item:nth-child(1),
.why-we__item:nth-child(2) {
  width: calc((100% - 20px) / 2);
}

.why-we__item:nth-child(3),
.why-we__item:nth-child(4),
.why-we__item:nth-child(5) {
  width: calc((100% - 40px) / 3);
}

.why-we__item,
.steps,
.service__item,
.footer__others {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.why-we__item > *,
.steps > *,
.service__item > *,
.footer__others > * {
  position: relative;
  z-index: 1;
}

.why-we__item::after,
.steps::after,
.service__item::after,
.footer__others::after {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 0;
  pointer-events: none;
}

.why-we__item::after {
  right: 20px;
  bottom: 0;
  height: 100%;
}

.why-we__item:nth-child(1)::after {
  aspect-ratio: 116 / 203;
  background-image: url("data:image/svg+xml,%3Csvg width='116' height='203' viewBox='0 0 116 203' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M115.049 -5.5V207.5H75.3748V23.9688H70.7684L42.4959 90.8975L42.367 91.2031H0.774231L1.09259 90.4971L44.2986 -5.20605L44.4315 -5.5H115.049Z' stroke='%23FFF7C3'/%3E%3C/svg%3E");
}

.why-we__item:nth-child(2)::after {
  aspect-ratio: 157 / 212;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22160%22%20height%3D%22203%22%20viewBox%3D%220%200%20160%20203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M97.6816%20-5.5C107.92%20-5.5%20118.156%20-4.14666%20128.39%20-1.44238H128.391C138.812%201.06851%20148.754%204.54581%20158.213%208.98926L158.639%209.18945L158.465%209.62598L144.323%2045.1523L144.126%2045.6484L143.644%2045.4189C135.965%2041.7685%20128.19%2038.5986%20120.32%2035.9092L120.316%2035.9082C112.669%2033.2295%20105.124%2031.8926%2097.6816%2031.8926C89.476%2031.8926%2082.1471%2033.5157%2075.6836%2036.75L75.6826%2036.749C69.4104%2039.9838%2064.0849%2044.6473%2059.7041%2050.7471L59.6992%2050.7529C55.3204%2056.6595%2051.9774%2063.9122%2049.6816%2072.5234L49.6826%2072.5244C47.5774%2081.1434%2046.5225%2090.8272%2046.5225%20101.578C46.5225%20116.17%2048.2482%20128.626%2051.6875%20138.957L52.0332%20139.898C55.6668%20149.559%2061.1698%20156.954%2068.5312%20162.111C76.123%20167.43%2085.8279%20170.107%2097.6816%20170.107C106.109%20170.107%20114.441%20169.149%20122.677%20167.232L122.68%20167.231C131.123%20165.311%20140.243%20162.622%20150.041%20159.161L150.708%20158.925V196.65L150.396%20196.776C141.325%20200.446%20132.348%20203.152%20123.464%20204.892C114.576%20206.632%20104.634%20207.5%2093.6416%20207.5C72.4109%20207.5%2054.8033%20203.154%2040.8506%20194.427L40.8438%20194.422C27.094%20185.507%2016.9289%20173.101%2010.3506%20157.224L10.3496%20157.222C3.77859%20141.168%200.500024%20122.52%200.5%20101.289C0.5%2085.6473%202.62251%2071.3448%206.87402%2058.3867C11.125%2045.2378%2017.3125%2033.9139%2025.4404%2024.4238L25.4443%2024.4199C33.768%2014.9275%2043.93%207.56704%2055.9238%202.33984L55.9258%202.33887C68.1195%20-2.89111%2082.0416%20-5.49996%2097.6816%20-5.5Z%22%20stroke%3D%22%23FFF7C3%22%2F%3E%0A%3C%2Fsvg%3E");
}

.why-we__item:nth-child(3)::after {
  aspect-ratio: 212 / 210;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22212%22%20height%3D%22203%22%20viewBox%3D%220%200%20212%20203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M133.415%20-3.5L211.28%20205.5H162.78L144.943%20154.419L144.826%20154.084H66.5479L66.4326%20154.425L49.2129%20205.5H0.711914L76.1045%20-3.5H133.415ZM103.75%2031.1543L103.68%2031.3682V31.3701L76.4385%20115.618L76.3076%20116.022L76.0957%20116.677H134.668L134.451%20116.021L134.316%20115.613L106.457%2031.3652L106.456%2031.3643L106.386%2031.1523L106.272%2030.8096H103.862L103.75%2031.1543Z%22%20stroke%3D%22%23FFF7C3%22%2F%3E%0A%3C%2Fsvg%3E");
}

.why-we__item:nth-child(4)::after {
  aspect-ratio: 180 / 210;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22180%22%20height%3D%22203%22%20viewBox%3D%220%200%20180%20203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M47.001%20-4.5V128.078H47.9121L48.0605%20127.858L137.599%20-4.5H179.498L178.875%20206.5H132.375L132.998%2076.9258L133.001%2076.4229H131.465L131.315%2076.6348L39.5908%20206.5H0.501953L1.125%20-4.5H47.001Z%22%20stroke%3D%22%23FFF7C3%22%2F%3E%0A%3C%2Fsvg%3E");
}

.why-we__item:nth-child(5)::after {
  aspect-ratio: 171 / 210;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22171%22%20height%3D%22203%22%20viewBox%3D%220%200%20171%20203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M170.5%20-4.5V37.6504H108.716V206.5H61.6602V37.6504H0.5V-4.5H170.5Z%22%20stroke%3D%22%23FFF7C3%22%2F%3E%0A%3C%2Fsvg%3E");
}

.steps {
  background-color: var(--bg-light-yellow);
  padding: 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  border-radius: 100px;
}

.steps::after {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: calc(100% - 100px);
  aspect-ratio: 177 / 588;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%27177%27%20height%3D%27588%27%20viewBox%3D%270%200%20177%20588%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M159.329%20413.078V447.783H108.156V587.5H69.3564V447.783H18.7012V413.078H159.329ZM52.8496%20206.789V316.492H53.7354L53.8848%20316.272L127.909%20206.789H162.43L161.914%20381.211H123.631L124.146%20274.08L124.147%20273.577H122.746L122.597%20273.789L46.7627%20381.211H14.5664L15.082%20206.789H52.8496ZM111.332%200.5L176.28%20174.922H135.965L121.092%20132.308L120.976%20131.972H55.502L55.3867%20132.312L41.0293%20174.922H0.710938L63.5977%200.5H111.332ZM86.543%2029.3408L86.4844%2029.5195V29.5205L63.7402%2099.8965L63.6309%20100.235L63.4189%20100.889H112.549L112.332%20100.232L112.22%2099.8926L88.96%2029.5166V29.5156L88.9004%2029.3379L88.7871%2028.9961H86.6553L86.543%2029.3408Z%27%20stroke%3D%27%23F2D622%27%2F%3E%3C%2Fsvg%3E");
}

.step__item {
  background-color: var(--yellow);
  padding: 50px;
  row-gap: 10px;
  border-radius: 77px;
}

.step__number-wrapper {
  display: flex;
  flex-grow: 1;
  align-items: end;
  justify-content: flex-end;
}

.step__number {
  background-color: var(--bg-light-yellow);
  border-radius: 70px;
  width: 70px;
  padding-bottom: 5px;
}

.team__more,
.step__number,
.footer__social-item,
.footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cases {
  row-gap: 30px;
}

.cases .case__item:nth-child(3),
.cases .case__item:nth-child(4),
.cases .case__item:nth-child(5) {
  display: none;
}

.cases.cases--opened .case__item:nth-child(3),
.cases.cases--opened .case__item:nth-child(4),
.cases.cases--opened .case__item:nth-child(5) {
  display: flex;
}

.case__item {
  padding: 50px;
  column-gap: 100px;
  border-radius: 77px;
  background-color: var(--yellow);
}

.case__aside {
  row-gap: 20px;
  max-width: 450px;
}

.case__actions {
  display: flex;
}

.case__icon {
  --icon-width: 106px;
  --icon-ratio: 106 / 106;
}

.case__icon::before,
.case__list-item::before,
.service__1c-item::before {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.case__icon::before {
  display: block;

  width: var(--icon-width);
  aspect-ratio: var(--icon-ratio);

  background-image: var(--icon-image);
}

.case__icon--circles {
  --icon-image: url("data:image/svg+xml,%3Csvg%20width='106'%20height='106'%20viewBox='0%200%20106%20106'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle%20cx='65'%20cy='41'%20r='40.5'%20stroke='black'/%3E%3Ccircle%20cx='53'%20cy='53'%20r='40.5'%20stroke='black'/%3E%3Ccircle%20cx='41'%20cy='65'%20r='40.5'%20stroke='black'/%3E%3C/svg%3E");
}

.case__icon--squares {
  --icon-image: url("data:image/svg+xml,%3Csvg%20width='106'%20height='106'%20viewBox='0%200%20106%20106'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20x='24.5'%20y='0.5'%20width='81'%20height='81'%20stroke='black'/%3E%3Crect%20x='12.5'%20y='12.5'%20width='81'%20height='81'%20stroke='black'/%3E%3Crect%20x='0.5'%20y='24.5'%20width='81'%20height='81'%20stroke='black'/%3E%3C/svg%3E");
}

.case__icon--triangles {
  --icon-ratio: 105 / 93;
  --icon-image: url("data:image/svg+xml,%3Csvg%20width='105'%20height='93'%20viewBox='0%200%20105%2093'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M104.346%2071H22.3457L63.3457%200L104.346%2071ZM23.6895%2070.224H103.002L63.3457%201.55191L23.6895%2070.224Z'%20fill='black'/%3E%3Cpath%20d='M93.1729%2082H11.1729L52.1729%2011L93.1729%2082ZM12.5167%2081.224H91.829L52.1729%2012.5519L12.5167%2081.224Z'%20fill='black'/%3E%3Cpath%20d='M82%2093H0L41%2022L82%2093ZM1.3438%2092.224H80.6562L41%2023.5519L1.3438%2092.224Z'%20fill='black'/%3E%3C/svg%3E");
}

.case__icon--pentagons {
  --icon-ratio: 106 / 102;
  --icon-image: url("data:image/svg+xml,%3Csvg%20width='106'%20height='102'%20viewBox='0%200%20106%20102'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M105.895%2029.793L90.2343%2078H39.5548L23.8945%2029.793L64.8945%200L105.895%2029.793ZM24.9074%2030.1222L40.1812%2077.1377H89.6079L104.881%2030.1222L64.8945%201.0653L24.9074%2030.1222Z'%20fill='black'/%3E%3Cpath%20d='M94%2041.793L78.3398%2090H27.6602L12%2041.793L53%2012L94%2041.793ZM13.0129%2042.1222L28.2867%2089.1377H77.7133L92.9862%2042.1222L53%2013.0653L13.0129%2042.1222Z'%20fill='black'/%3E%3Cpath%20d='M82%2053.793L66.3398%20102H15.6602L0%2053.793L41%2024L82%2053.793ZM1.01292%2054.1222L16.2867%20101.138H65.7133L80.9862%2054.1222L41%2025.0653L1.01292%2054.1222Z'%20fill='black'/%3E%3C/svg%3E");
}

.case__icon--hexagons {
  --icon-width: 97px;
  --icon-ratio: 97 / 106;
  --icon-image: url("data:image/svg+xml,%3Csvg%20width='97'%20height='106'%20viewBox='0%200%2097%20106'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M96.3984%2020.5V61.5L60.898%2082L25.3984%2061.5V20.5L60.898%200L96.3984%2020.5ZM26.2183%2020.9733V61.0259L60.898%2081.0527L95.5786%2061.0259V20.9733L60.898%200.946523L26.2183%2020.9733Z'%20fill='black'/%3E%3Cpath%20d='M83.6992%2032.5V73.5L48.1988%2094L12.6992%2073.5V32.5L48.1988%2012L83.6992%2032.5ZM13.5191%2032.9733V73.0259L48.1988%2093.0527L82.8794%2073.0259V32.9733L48.1988%2012.9465L13.5191%2032.9733Z'%20fill='black'/%3E%3Cpath%20d='M71%2044.5V85.5L35.4996%20106L0%2085.5V44.5L35.4996%2024L71%2044.5ZM0.819837%2044.9733V85.0259L35.4996%20105.053L70.1802%2085.0259V44.9733L35.4996%2024.9465L0.819837%2044.9733Z'%20fill='black'/%3E%3C/svg%3E");
}

.case__task {
  row-gap: 4px;
}

.case__tags {
  row-gap: 8px;
}

.case__content {
  padding-inline: 50px;
  row-gap: 20px;
  border-left: 1px var(--black-60) solid;
}

.case__columns {
  column-gap: 50px;
}

.case__column:nth-child(1), .case__content .case__icon {
  display: none;
}

.case__column {
  row-gap: 8px;
}

.case__list {
  row-gap: 8px;
}

.case__list-item {
  position: relative;
  padding-left: 24px;
}

.case__list-item::before {
  position: absolute;
  left: 0;
  top: 7px;

  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM8%201.7793C4.56359%201.77931%201.77737%204.56457%201.77734%208.00098C1.77734%2011.4374%204.56357%2014.2236%208%2014.2236C11.4364%2014.2236%2014.2227%2011.4374%2014.2227%208.00098C14.2226%204.56456%2011.4364%201.7793%208%201.7793ZM8%203.55566C10.4546%203.55566%2012.4443%205.5454%2012.4443%208C12.4441%2010.4544%2010.4545%2012.4443%208%2012.4443C5.54555%2012.4443%203.55587%2010.4544%203.55566%208C3.55566%205.54542%205.54542%203.55569%208%203.55566Z'%20fill='black'/%3E%3C/svg%3E");
}

.cases__actions {
  justify-content: center;
}

.services {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.service__item {
  background-color: var(--bg-light-yellow);
  padding: 50px;
  border-radius: 100px;
  row-gap: 30px;
}

.service__item::after {
  left: 0;
  bottom: 0;
  height: 100%;
  max-height: 154px;
  background-position: left bottom;
}

.service__item:nth-child(1)::after {
  aspect-ratio: 81 / 149;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2281%22%20height%3D%22149%22%20viewBox%3D%220%200%2081%20149%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M79.7881%200.5V149.9H51.6523V21.4277H48.668L28.8682%2068.1865L28.7393%2068.4922H-0.775391L-0.455078%2067.7861L29.8604%200.793945L29.9932%200.5H79.7881Z%22%20stroke%3D%22%23F2D622%22%2F%3E%3C%2Fsvg%3E");
}

.service__item:nth-child(2)::after {
  aspect-ratio: 110 / 152;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22110%22%20height%3D%22152%22%20viewBox%3D%220%200%20110%20152%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M54.9082%200.5C65.1504%200.500025%2074.4129%202.49164%2082.6855%206.48535H82.6846C90.9534%2010.3357%2097.454%2015.8318%20102.171%2022.9746L102.62%2023.6367C107.19%2030.514%20109.468%2038.5923%20109.468%2047.8516V49.9717C109.468%2059.5107%20107.475%2067.6599%20103.462%2074.3955C99.6042%2080.967%2094.3186%2086.3938%2087.6133%2090.6738L87.6064%2090.6777C80.9244%2094.8007%2073.3243%2098.2083%2064.8105%20100.904L64.8096%20100.905L51.2412%20105.146L51.2363%20105.146C45.1831%20106.977%2040.4999%20109.009%2037.165%20111.232L37.1533%20111.24C33.8171%20113.325%2031.4877%20115.665%2030.126%20118.247L30.127%20118.248C28.8985%20120.705%2028.2725%20123.733%2028.2725%20127.352V127.7H108.196V152.868H-0.5V134.56C-0.499952%20124.191%201.20384%20115.558%204.64062%20108.685C8.07009%20101.684%2013.0019%2095.9662%2019.4307%2091.5371L20.0488%2091.1123C26.0674%2087.03%2033.2452%2083.6567%2041.5752%2080.9873L43.3154%2080.4453L57.5098%2075.9961L58.4736%2075.6768C63.2446%2074.0563%2067.2592%2072.1318%2070.5264%2069.9102C73.9968%2067.4092%2076.6238%2064.4314%2078.4199%2060.9775L78.4277%2060.9639C80.3599%2057.5136%2081.332%2053.5713%2081.332%2049.124V48.2764C81.332%2041.3366%2078.9797%2035.8999%2074.2998%2031.9082L74.293%2031.9033C69.6037%2027.7657%2063.1625%2025.668%2054.9082%2025.668C46.8071%2025.668%2040.2911%2027.9008%2035.3125%2032.3262H35.3115C30.4988%2036.5888%2028.0596%2042.7964%2028.0596%2051.0322V55.3477H-0.0761719V51.4561C-0.0761719%2040.639%202.3441%2031.4244%207.21094%2023.8379C12.0673%2016.2676%2018.6404%2010.4819%2026.9189%206.48535L26.9219%206.48438C35.3341%202.49216%2044.6658%200.5%2054.9082%200.5Z%22%20stroke%3D%22%23F2D622%22%2F%3E%3C%2Fsvg%3E");
}

.service__item:nth-child(3)::after {
  aspect-ratio: 115 / 152;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22115%22%20height%3D%22152%22%20viewBox%3D%220%200%20115%20152%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M109.468%200.5V37.3408L109.202%2037.4814L64.7363%2061.084V63.6758H72.0801C78.7906%2063.6758%2085.2869%2065.0327%2091.5654%2067.7432H91.5664C98.0097%2070.4637%20103.31%2074.6902%20107.461%2080.4141L107.847%2080.9453C111.768%2086.4934%20113.708%2093.6369%20113.708%20102.336V104.88C113.708%20114.575%20111.354%20123.082%20106.632%20130.38L106.629%20130.384C101.909%20137.535%2095.2615%20143.105%2086.707%20147.097L86.7041%20147.099C78.2876%20150.95%2068.462%20152.868%2057.2402%20152.868C46.0156%20152.868%2036.0488%20150.879%2027.3516%20146.887C18.6528%20142.894%2011.7946%20137.182%206.79297%20129.751L6.78711%20129.742C1.92298%20122.16%20-0.5%20113.229%20-0.5%20102.972V98.6562H27.6357V102.124C27.6357%20109.905%2030.3371%20116.121%2035.7266%20120.822C41.1273%20125.392%2048.2824%20127.7%2057.2402%20127.7C66.3522%20127.7%2073.2835%20125.527%2078.1084%20121.254L78.1133%20121.249C83.0924%20116.961%2085.5723%20111.587%2085.5723%20105.092V102.972C85.5722%2098.534%2084.4639%2094.9784%2082.29%2092.2607C80.0956%2089.5176%2077.1412%2087.5195%2073.4062%2086.2744L73.3906%2086.2686C69.6393%2084.8792%2065.3884%2084.1797%2060.6318%2084.1797H30.4521V53.6992L30.7178%2053.5586L78.3643%2028.2588V25.668H3.31641V0.5H109.468Z%22%20stroke%3D%22%23F2D622%22%2F%3E%3C%2Fsvg%3E");
}

.service__item:nth-child(4)::after {
  aspect-ratio: 126 / 149;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22126%22%20height%3D%22149%22%20viewBox%3D%220%200%20126%20149%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M100.564%200.5V94.6279H125.156V119.796H100.564V149.9H72.4277V119.796H-0.5V87.7832L-0.430664%2087.666L50.873%200.746094L51.0186%200.5H100.564ZM26.3643%2091.8721V94.6279H72.4277V18.8838H69.3975L26.3643%2091.8721Z%22%20stroke%3D%22%23F2D622%22%2F%3E%3C%2Fsvg%3E");
}

.service__item:nth-child(5)::after {
  aspect-ratio: 113 / 152;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22113%22%20height%3D%22152%22%20viewBox%3D%220%200%20113%20152%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M106.5%200.5V26.0918H32.2998V61.3438H35.373C36.8068%2059.5288%2038.703%2057.7937%2041.0518%2056.1357C43.5116%2054.3994%2046.6753%2052.9653%2050.5264%2051.8242C54.4002%2050.6765%2058.9733%2050.1084%2064.2363%2050.1084C73.0711%2050.1084%2081.135%2051.9614%2088.4189%2055.6748C95.7114%2059.3926%20101.503%2064.8984%20105.789%2072.1807L106.199%2072.8574C110.366%2079.9%20112.436%2088.5337%20112.436%2098.7324V101.276C112.435%20111.806%20110.158%20120.94%20105.585%20128.66C101.152%20136.382%2094.7184%20142.385%2086.2988%20146.666L86.293%20146.669C77.8708%20150.809%2067.827%20152.868%2056.1797%20152.868C44.5321%20152.868%2034.42%20150.808%2025.8584%20146.67L25.8555%20146.669C17.4366%20142.531%2010.9317%20136.672%206.35645%20129.095C1.78078%20121.516%20-0.5%20112.732%20-0.5%20102.76V100.14H28.0596V102.548C28.0596%20109.488%2030.3442%20115.44%2034.915%20120.432L35.3604%20120.877C40.0312%20125.402%2046.8029%20127.7%2055.7559%20127.7C64.9968%20127.7%2071.9896%20125.252%2076.8145%20120.427C81.797%20115.444%2084.2997%20109.005%2084.2998%20101.064V98.9443C84.2998%2091.1472%2081.7992%2084.9994%2076.8301%2080.4443L76.8252%2080.4395C71.9811%2075.8722%2065.889%2073.5801%2058.5117%2073.5801C54.4547%2073.5801%2051.1346%2074.1408%2048.5303%2075.2373C45.8921%2076.3481%2043.7588%2077.7276%2042.1172%2079.3691C40.4405%2081.0458%2039.05%2082.7175%2037.9404%2084.3818L37.792%2084.6045H4.16406V0.5H106.5Z%22%20stroke%3D%22%23F2D622%22%2F%3E%3C%2Fsvg%3E");
}

.service__item:nth-child(6)::after {
  aspect-ratio: 113 / 155;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22113%22%20height%3D%22155%22%20viewBox%3D%220%200%20113%20155%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M56.8164%200.5C67.8947%200.500045%2077.5086%202.346%2085.6436%206.05664H85.6426C93.9172%209.76636%20100.284%2015.1259%20104.723%2022.1387L105.146%2022.8008C109.447%2029.6821%20111.588%2037.8271%20111.588%2047.2158V47.7158H83.0283V47.2158C83.0283%2041.4083%2081.0276%2036.3718%2077.0146%2032.082C73.0544%2027.8487%2066.3694%2025.668%2056.8164%2025.668C47.4334%2025.668%2040.2215%2028.1172%2035.1113%2032.9512C30.1453%2037.7821%2027.6357%2044.4939%2027.6357%2053.1523V67.916H30.7266C33.1881%2065.0875%2036.8708%2062.4228%2041.7471%2059.915C46.7977%2057.3176%2054.0996%2056.044%2063.5996%2056.0439C72.293%2056.0439%2080.2855%2057.8968%2087.5674%2061.6084C94.9977%2065.3236%20101%2070.7556%20105.57%2077.8945C110.156%2084.9159%20112.436%2093.4254%20112.436%20103.396V105.94C112.435%20115.776%20110.083%20124.49%20105.364%20132.068L105.362%20132.072C100.645%20139.505%2094.001%20145.358%2085.4473%20149.635L85.4414%20149.639C76.8814%20153.776%2066.9109%20155.836%2055.5439%20155.836C44.1749%20155.836%2034.2716%20153.704%2025.8496%20149.422C17.4338%20145.143%2010.9308%20139.215%206.35645%20131.639C1.78145%20124.061%20-0.5%20115.348%20-0.5%20105.516V54.8477C-0.499953%2042.7696%201.91533%2032.7091%206.78027%2024.6963L6.78223%2024.6943C11.7796%2016.5559%2018.5671%2010.4816%2027.1367%206.48242L27.1396%206.48145C35.8361%202.48966%2045.7321%200.5%2056.8164%200.5ZM55.9678%2078.668C50.2345%2078.668%2045.2235%2079.7165%2040.9219%2081.7979C36.6179%2083.8804%2033.3%2086.7881%2030.9512%2090.5186C28.7478%2094.2421%2027.6357%2098.6699%2027.6357%20103.82V105.516C27.6357%20113.166%2030.1329%20119.243%2035.1006%20123.799C40.2155%20128.361%2047.1523%20130.668%2055.9678%20130.668C64.784%20130.668%2071.6467%20128.361%2076.6182%20123.804L76.623%20123.799C81.7337%20119.241%2084.2998%20113.164%2084.2998%20105.516V103.82C84.2998%2098.6699%2083.1173%2094.2427%2080.7725%2090.5186L80.7656%2090.5068C78.5593%2086.7837%2075.3163%2083.8794%2071.0146%2081.7979L71.0088%2081.7949C66.8535%2079.7173%2061.8453%2078.668%2055.9678%2078.668Z%22%20stroke%3D%22%23F2D622%22%2F%3E%3C%2Fsvg%3E");
}

.service__desc {
  text-align: end;
}

.service__actions {
  margin-top: 20px;
  justify-content: end;
}

.service__content {
  flex-grow: 1;
  align-items: end;
  justify-content: end;
  row-gap: 10px;
}

.service__1c {
  width: 100%;
  row-gap: 4px;
}

.service__1c-item {
  position: relative;
  column-gap: 10px;
  justify-content: space-between;
  padding-left: 32px;
}

.service__1c-item::before {
  position: absolute;
  left: 0;
  top: 9px;

  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%200C18.6274%200%2024%205.37258%2024%2012C24%2018.6274%2018.6274%2024%2012%2024C5.37258%2024%200%2018.6274%200%2012C0%205.37258%205.37258%200%2012%200ZM12%202.66602C6.84536%202.66604%202.66699%206.84536%202.66699%2012C2.66711%2017.1545%206.84543%2021.333%2012%2021.333C17.1546%2021.333%2021.3329%2017.1546%2021.333%2012C21.333%206.84534%2017.1547%202.66602%2012%202.66602ZM12%205.33301C15.6819%205.33301%2018.6669%208.31814%2018.667%2012C18.667%2015.6819%2015.6819%2018.667%2012%2018.667C8.31814%2018.6669%205.33301%2015.6819%205.33301%2012C5.33306%208.31817%208.31817%205.33306%2012%205.33301Z'%20fill='%23F2D622'/%3E%3C/svg%3E");
}

.contacts__layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 200px;
}

.contacts__form {
  background-color: var(--bg-light-yellow);
  border-radius: 60px;
}

.form__content {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  padding: 50px;
}

.form__content--success,
.form__content--fail {
  display: none;
  flex-direction: column;
  row-gap: 10px;
}

.form--fail .button-main {
  margin-top: 20px;
}

.form.form--success .form__content--success,
.form.form--fail .form__content--fail {
  display: flex;
}

.form.form--fail .form__content--form,
.form.form--success .form__content--form {
  display: none;
}

.label {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.label__name {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.label__error {
  display: none;
  text-transform: initial;
}

.label.label--is-error .label__error,
.label-checkbox-wrapper.label--is-error .label__error {
  display: flex;
}

.input, .textarea {
  padding-bottom: 8px;
  border-bottom: 1px var(--black-60) solid;

  font-size: 20px;
  font-weight: 400;

  color: var(--black);
}

.input::placeholder, .textarea::placeholder {
  color: var(--black-40);
}

.input:focus {
  /*border-bottom: 10px var(--black-60) solid;*/
  /*outline: ;*/
}

.label-checkbox-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.label-checkbox {
  user-select: none;
  width: fit-content;
  display: flex;
  align-items: start;
  column-gap: 10px;
  cursor: pointer;
}

.checkbox {
  appearance: none;
  -webkit-appearance: none;

  width: 30px;
  height: 30px;
  flex-shrink: 0;

  border: 1px solid var(--yellow);
  border-radius: 10px;
  background-color: transparent;

  cursor: pointer;

  transition: background-color 0.1s linear;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 16px;
}

.checkbox:checked {
  background-color: var(--yellow);
  background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='13'%20viewBox='0%200%2022%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20.75%200.75L7%2014.5L0.75%208.25'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.checkbox__name, .checkbox__link {
  margin-top: 2px;
  font-size: 20px;
  font-weight: 300;
}

.checkbox__link {
  color: var(--black-60);

  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left calc(100% - 1px);
  background-size: 100% 1px;

  transition:
    color 0.1s linear,
    background-size 0.1s linear,
    background-position 0.1s linear;
}

.form__button {
  align-self: start;
}



.contacts__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contacts__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  padding-bottom: 50px;
}

.contacts__address {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.contacts__list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.contacts__item {

}

.contacts__link {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.contacts__link-icon {
  display: block;
  flex-shrink: 0;

  width: 30px;
  height: 30px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.contacts__link--phone .contacts__link-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'30'%20height%3D'30'%20viewBox%3D'0%200%2030%2030'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M27.8604%2021.6501V25.4001C27.8618%2025.7482%2027.7905%2026.0928%2027.651%2026.4118C27.5115%2026.7308%2027.307%2027.0171%2027.0504%2027.2525C26.7939%2027.4878%2026.4911%2027.667%2026.1613%2027.7785C25.8315%2027.89%2025.4821%2027.9315%2025.1354%2027.9001C21.2889%2027.4822%2017.5941%2026.1678%2014.3479%2024.0626C11.3276%2022.1435%208.76702%2019.5828%206.84785%2016.5626C4.73532%2013.3016%203.42066%209.58886%203.01035%205.72512C2.97911%205.37945%203.0202%205.03107%203.13098%204.70215C3.24176%204.37323%203.41982%204.07098%203.65381%203.81465C3.8878%203.55831%204.17261%203.35351%204.49009%203.21327C4.80757%203.07304%205.15078%203.00045%205.49785%203.00012H9.24785C9.85449%202.99415%2010.4426%203.20897%2010.9026%203.60454C11.3625%204.0001%2011.6629%204.54943%2011.7479%205.15012C11.9061%206.3502%2012.1997%207.52853%2012.6229%208.66262C12.791%209.11003%2012.8274%209.59626%2012.7277%2010.0637C12.628%2010.5312%2012.3964%2010.9603%2012.0604%2011.3001L10.4729%2012.8876C12.2523%2016.0171%2014.8434%2018.6082%2017.9729%2020.3876L19.5604%2018.8001C19.9002%2018.464%2020.3293%2018.2324%2020.7968%2018.1327C21.2642%2018.033%2021.7504%2018.0694%2022.1979%2018.2376C23.3319%2018.6608%2024.5103%2018.9543%2025.7104%2019.1126C26.3176%2019.1983%2026.8721%2019.5041%2027.2685%2019.972C27.6649%2020.4399%2027.8756%2021.0371%2027.8604%2021.6501Z'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");
}

.contacts__link--email .contacts__link-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'30'%20height%3D'30'%20viewBox%3D'0%200%2030%2030'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M5%205H25C26.375%205%2027.5%206.125%2027.5%207.5V22.5C27.5%2023.875%2026.375%2025%2025%2025H5C3.625%2025%202.5%2023.875%202.5%2022.5V7.5C2.5%206.125%203.625%205%205%205Z'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20d%3D'M27.5%207.5L15%2016.25L2.5%207.5'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");
}

.contacts__link--phone .contacts__link-icon {
  margin-top: 2px;
}

.contacts__link--email .contacts__link-icon {
  margin-top: 6px;
}

.contacts__socials {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.contacts__social-item, .contacts__social-link {
  display: flex;
}

.contacts__documents {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  color: var(--black-50);
}

.contacts__support-decoration {
  width: 100%;
}

.faq-list {
  --faq-marquee-speed: 250;
  --faq-mobile-answer-duration: 360ms;

  color: var(--white);
  padding-top: 50px;
  overflow: hidden;
}

.faq__item {
  cursor: pointer;
  padding: 30px 100px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  border-top: 1px var(--white-20) solid;
  overflow: hidden;
  transition: background-color .2s ease;

  --faq-bg: var(--bg-gray);
  --faq-stroke: var(--white);
}

.faq__item-plug {
  display: flex;
}

.faq__item-answer {
  display: none;
  transform: translateX(0);
}

.faq__item-question {
  transition: color .2s ease;
}

.faq__item .faq__item-answer, .faq__item-plug {
  white-space: nowrap;

  color: var(--faq-bg);
  -webkit-text-fill-color: var(--faq-bg);

  -webkit-text-stroke: 2px var(--faq-stroke);
  paint-order: stroke fill;
}

.faq__item-answer--marquee {
  animation: faq-answer-marquee var(--faq-marquee-duration, 1s) linear forwards;
  will-change: transform;
}

@keyframes faq-answer-marquee {
  to {
    transform: translateX(calc(var(--faq-marquee-distance, 0px) * -1));
  }
}

.faq__item--active {
  background-color: var(--yellow);

  --faq-bg: var(--yellow);
  --faq-stroke: var(--black);
}

.faq__item--active .faq__item-plug {
  display: none;
}

.faq__item--active .faq__item-answer {
  display: flex;
}

.faq__item--active .faq__item-question {
  color: var(--black);
}

.faq__item--active .faq__item-answer {
  color: var(--faq-bg);
  -webkit-text-fill-color: var(--faq-bg);

  -webkit-text-stroke: 3px var(--faq-stroke);
  paint-order: stroke fill;
}







.footer {
  row-gap: 50px;
  color: var(--white);
}

.footer-info {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 80px 40px;
}

.footer-info__item {
  row-gap: 30px;
}

.footer-info__flex {
  row-gap: 10px;
}

.footer-socials {
  align-items: center;
  column-gap: 10px;
}

.footer__social-icon {
  width: 42px;
  height: 42px;
  object-fit: contain;
  object-position: left top;
}

.footer__others {
  color: var(--white-40);
  row-gap: 10px;
}

.footer__others::after {
  right: 0;
  top: 0;
  height: 100%;
  aspect-ratio: 288 / 100;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22288%22%20height%3D%22100%22%20viewBox%3D%220%200%20288%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M287.468%200.5V19.8535H258.265V99.5H236.551V19.8535H207.643V0.5H287.468ZM132.306%200.5V63.0371H133.141L133.289%2062.8174L175.471%200.5H194.842L194.549%2099.5H173.131L173.423%2038.6455L173.426%2038.1436H172.299L172.149%2038.3545L128.937%2099.5H110.888L111.181%200.5H132.306ZM63.3877%200.5L100.292%2099.5H77.7461L69.3086%2075.3516L69.1914%2075.0166H31.5205L31.4053%2075.3564L23.2607%2099.5H0.710938L36.4453%200.5H63.3877ZM49.1855%2016.6592L49.1523%2016.7607L49.1514%2016.7627L36.1719%2056.8799L36.1094%2057.0732L35.8975%2057.7275H64.5273L64.3105%2057.0703L64.2471%2056.877V56.876L50.9727%2016.7578H50.9717L50.9385%2016.6562L50.8242%2016.3145H49.2979L49.1855%2016.6592Z%22%20stroke%3D%22white%22%20stroke-opacity%3D%220.1%22%2F%3E%3C%2Fsvg%3E");
}

.footer__other {
  width: fit-content;
  display: flex;
}

.footer__other:last-of-type {
  margin-top: 20px;
}

.footer__form {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 20px;
}

.footer__form-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 20px;
}

.footer__form-content.form__content--success,
.footer__form-content.form__content--fail {
  display: none;
}

.form.form--success .footer__form-content.form__content--success,
.form.form--fail .footer__form-content.form__content--fail {
  display: flex;
}

.footer__form .label-checkbox {
  text-transform: none;
}

.footer__form .checkbox__link {
  color: var(--white-60);
}

.footer__form .checkbox__link:hover {
  color: var(--white);
}

.footer__form .checkbox {
  border-color: var(--white);
}

.footer__form .checkbox:checked {
  background-color: var(--white);
}

.footer__form .input {
  color: var(--white);
  border-color: var(--white-60);
}

.footer__form .input::placeholder {
  color: var(--white-40);
}