html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
  margin: 0;
  padding: 0;
}
body {
  font: 400 16px "Onest", arial, sans-serif;
  color: #000000cc;
  text-rendering: optimizeLegibility;
  text-decoration-skip: objects;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  background-color: #ffffff;
}
input,
textarea,
select,
button {
  font: inherit;
}
input,
textarea {
  padding: 0;
  border: none;
  background-color: inherit;
}
input[type="checkbox"] {
  flex-shrink: 0;
  margin: 2px;
  margin-right: 12px;
  width: 20px;
  height: 20px;
  appearance: none;
  background-color: transparent;
  outline: 1px solid #9ca3ae;
  outline-offset: 1px;
  border-radius: 4px;
  cursor: pointer;
  transition: outline-color 0.2s ease-in-out;
}
input[type="checkbox"]:hover {
  outline-color: rgba(0, 0, 0, 0.8);
}
input[type="checkbox"].checkbox-invalid {
  outline-color: #ff4040;
}
input[type="checkbox"]:checked {
  background-image: url(../images/icons/checkbox.svg);
  background-size: cover;
  outline-color: #ac6cdd;
}
textarea {
  resize: none;
}
label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
span {
  display: block;
}
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
img {
  max-width: 100%;
}
svg {
  flex-shrink: 0;
}
button {
  padding: 0;
  margin: 0;
  color: inherit;
  background-color: inherit;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
ul {
  list-style: none;
}
*:focus-visible {
  outline: 0;
}
@keyframes moveLeft {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50.1% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes moveRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(100%);
    opacity: 0;
  }
  50.1% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  to {
    opacity: 1;
  }
}
@keyframes wrapperHeight {
    0% {
        height: 0;
    }
    10% {
        height: 87px;
    }
    20% {
        height: 184px;
    }
    30% {
        height: 356px;
    }
    40% {
        height: 450px;
    }
    50% {
        height: 550px;
    }
    100% {
        height: 629px;
    }
}
@media (max-width: 1171px) {
  @keyframes wrapperHeight {
      0% {
          height: 0;
      }
      10% {
          height: 85px;
      }
      20% {
          height: 161px;
      }
      30% {
          height: 275px;
      }
      40% {
          height: 350px;
      }
      50% {
          height: 430px;
      }
      100% {
          height: 517px;
      }
  }
}
@media (max-width: 767px) {
  @keyframes wrapperHeight {
      0% {
          height: 0;
      }

      10% {
          height: 83px;
      }
      20% {
          height: 175px;
      }
      30% {
          height: 330px;
      }
      40% {
          height: 400px;
      }
      50% {
          height: 494px;
      }
      100% {
          height: 552px;
      }
  }
}
@media (max-width: 348px) {
  @keyframes wrapperHeight {
      0% {
          height: 0;
      }
      10% {
          height: 83px;
      }
      20% {
          height: 176px;
      }
      30% {
          height: 326px;
      }
      40% {
          height: 399px;
      }
      50% {
          height: 495px;
      }
      100% {
          height: 553px;
      }
  }
}
@keyframes rotate-infinite {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.app-header {
  position: sticky;
  z-index: 4;
  margin-bottom: -88px;
  top: 0;
  background-color: #fff;
  box-shadow: 20px 20px 20px 0px rgba(137, 137, 137, 0.1);
}
.app-header__wrapper {
  display: flex;
  align-items: center;
  min-height: 88px;
  font-weight: 500;
  letter-spacing: -0.16px;
}
.app-header__logo-link {
  margin-right: 40px;
}
.app-header__logo-link path {
  transition: fill-opacity 0.2s ease-in-out;
}
.app-header__logo-link:hover path {
  fill-opacity: 0.7;
}
.app-header__button,
.app-header__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  border-radius: 10px;
  overflow: hidden;
  transition: background-color 0.2s ease-in-out;
}
.app-header__button {
  margin-right: auto;
  width: 48px;
  background-color: #ac6cdd;
}
.app-header__button:hover {
  background-color: #8a56b1;
}
.app-header__button:active {
  background-color: #ac6cdd;
}
.app-header__button-line {
  display: none;
}
.app-header__link-path {
  transition: fill 0.2s ease-in-out;
}
.app-header__link--login {
  margin-right: 4px;
  gap: 10px;
  max-width: 114px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(45px);
  transition: color 0.2s ease-in-out;
}
.app-header__link--login:hover {
  color: #ac6cdd;
}
.app-header__link--login:hover .app-header__link-path {
  fill: #ac6cdd;
}
.app-header__link--signup {
  max-width: 146px;
  width: 100%;
  color: #fff;
  background-color: #ac6cdd;
}
.app-header__link--signup:hover {
  background-color: #8a56b1;
}
.app-header__nav {
  display: flex;
  margin-right: auto;
  gap: 8px;
}
.app-header__nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  min-height: 34px;
  border-radius: 12px;
  transition: background-color 0.2s ease-in-out;
}
.app-header__nav-link:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.app-header__tabs {
  position: relative;
  display: none;
  padding: 8px 0 40px;
  color: rgba(0, 0, 0, 0.8);
}
.app-header__tabs-content {
  position: absolute;
  display: none;
  top: 8px;
  left: 289px;
}
.app-header__tabs-content--active {
  display: block;
}
.app-header__tabs-content--small {
  max-width: 674px;
}
.app-header__tabs-title {
  margin-bottom: 12px;
  padding-left: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.app-header__tabs-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px 12px;
}
.app-header__tabs-list:first-of-type {
  margin-bottom: 24px;
}
.app-header__tabs-list--col2 {
  grid-template-columns: repeat(2, 1fr);
}
.app-header__tabs-item {
  display: flex;
  align-items: center;
  padding: 12px;
  gap: 10px;
  letter-spacing: -0.16px;
  border-radius: 10px;
  cursor: pointer;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.app-header__tabs-item--span2 {
  grid-column: span 2;
}
.app-header__tabs-item-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.app-header__tabs-item-title {
  margin-bottom: 4px;
}
.app-header__tabs-item-info {
  color: rgba(0, 0, 0, 0.6);
}
.app-header__tabs-item:hover {
  background-color: #f6f8fb;
}
.app-header__tabs-item rect,
.app-header__tabs-item circle,
.app-header__tabs-item-path {
  transition: fill 0.2s ease-in-out;
}
.app-header__tabs-item:hover rect {
  fill: #dee2e9;
}
.app-header__tabs-item:hover circle,
.app-header__tabs-item:hover .app-header__tabs-item-path {
  fill: #ffffff;
}
.app-header__tabs-item:active .app-header__tabs-item-title {
  color: #ac6cdd;
}
.app-header__menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 16px;
  max-width: 273px;
  width: 100%;
  min-height: 456px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1250px) {
  .app-header__menu {
    min-height: 520px;
  }
}
.app-header__menu-accordions {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.app-header__menu-button {
  position: relative;
  z-index: 22;
  padding: 19px 12px;
  width: 100%;
  text-align: left;
  border-radius: 10px;
}
.app-header__menu-button--active {
  background-color: #f6f8fb;
}
.app-header__menu-button svg {
  display: none;
}
.app-header__menu-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.app-header__menu-link {
  padding: 19px;
  text-align: center;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: -0.16px;
  border-radius: 10px;
  border: 1px solid #ac6cdd;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out;
}
.app-header__menu-link:hover {
  color: #fff;
  background-color: #8a56b1;
  border-color: #8a56b1;
}
.app-header__legal {
  padding: 16px;
  background: #f6f8fb;
  border-radius: 10px;
}
.app-header__legal-top {
  display: flex;
  flex-direction: column;
  padding-bottom: 12px;
  gap: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.app-header__legal-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.36px;
}
.app-header__legal-text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.16px;
}
.app-header__legal-info {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 120%;
  letter-spacing: -0.12px;
}
.app-header__legal-bottom {
  display: flex;
  padding-top: 12px;
  gap: 16px;
}
.app-header--opened {
  position: fixed;
  width: 100%;
}
.app-header--opened .app-header__tabs {
  display: flex;
}
.app-header--opened .app-header__nav {
  display: none;
}
@media (max-width: 1171px) {
  .app-header__wrapper {
    position: relative;
    padding-right: 60px;
  }
  .app-header__logo-link {
    margin-right: auto;
  }
  .app-header__button {
    position: absolute;
    margin-right: 0;
    right: 0;
    backdrop-filter: unset;
  }
  .app-header__button img {
    display: none;
  }
  .app-header__button-line {
    position: relative;
    display: block;
    height: 2px;
    width: 18px;
    background-color: #fff;
    border-radius: 2px;
  }
  .app-header__button-line::before,
  .app-header__button-line::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    transition: transform 0.2s ease-in-out;
  }
  .app-header__button-line::before {
    bottom: 250%;
  }
  .app-header__button-line::after {
    top: 250%;
  }
  .app-header__button--opened .app-header__button-line {
    background-color: transparent;
  }
  .app-header__button--opened .app-header__button-line::before,
  .app-header__button--opened .app-header__button-line::after {
    background-color: #ffffff;
  }
  .app-header__button--opened .app-header__button-line::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  .app-header__button--opened .app-header__button-line::after {
    top: 0;
    transform: rotate(-45deg);
  }
  .app-header__link--login {
    margin-right: 0;
  }
  .app-header__link--signup {
    display: none;
  }
  .app-header__nav {
    display: none;
  }
  .app-header__tabs {
    padding: 22px 0 42px;
  }
  .app-header__tabs-content {
    max-width: 444px;
    top: 22px;
    left: 244px;
  }
  .app-header__tabs-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 4px 0;
  }
  .app-header__tabs-list:first-of-type {
    margin-bottom: 16px;
  }
  .app-header__tabs-item {
    padding: 8px;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.14px;
  }
  .app-header__tabs-item--span2 {
    grid-column: span 1;
  }
  .app-header__tabs-item svg {
    width: 40px;
    height: 40px;
  }
  .app-header__tabs-item-title {
    padding-left: 8px;
    margin-bottom: 0;
  }
  .app-header__tabs-item-info {
    display: none;
  }
  .app-header__menu {
    padding-right: 19px;
    max-width: 225px;
    min-height: 494px;
  }
  .app-header__legal-bottom {
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 1024px) {
  .app-header__logo-link:hover path {
    fill-opacity: 0.8;
  }
  .app-header__logo-link:hover .app-header__logo-link-path--purple {
    fill-opacity: 1;
  }
  .app-header__button:hover {
    background-color: #ac6cdd;
  }
  .app-header__link--login:hover {
    color: rgba(0, 0, 0, 0.8);
  }
  .app-header__link--login:hover .app-header__link-path {
    fill: black;
  }
}
@media (max-width: 767px) {
  .app-header {
    margin-bottom: -80px;
  }
  .app-header--opened {
    padding-bottom: 24px;
  }
  .app-header__wrapper {
    padding-right: 54px;
    min-height: 80px;
  }
  .app-header__link--login {
    max-width: 48px;
  }
  .app-header__link--login span {
    display: none;
  }
  .app-header__tabs {
    position: relative;
    display: none;
    padding: 0;
    height: calc(100vh - 80px);
    color: rgba(0, 0, 0, 0.8);
    overflow-y: auto;
  }
  .app-header__tabs-content {
    position: static;
    display: block;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    box-sizing: content-box;
    transition: all 0.3s ease-in-out;
  }
  .app-header__tabs-title {
    margin-bottom: 8px;
    font-size: 14px;
  }
  .app-header__tabs-list {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .app-header__menu {
    padding: 0;
    gap: 32px;
    max-width: 100%;
    border: none;
  }
  .app-header__menu-accordions {
    padding-top: 8px;
  }
  .app-header__menu-accordion {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .app-header__menu-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    padding-left: 12px;
    min-height: 50px;
    border-radius: 0;
  }
  .app-header__menu-button--active {
    background-color: transparent;
  }
  .app-header__menu-button svg {
    display: block;
    transition: transform 0.3s ease-in-out;
    min-width: 24px;
    min-height: 24px;
  }
  .app-header__menu-button path {
    transition: fill 0.3s ease-in-out, fill-opacity 0.3s ease-in-out;
  }
  .app-header__menu-links {
    padding-bottom: 110px;
  }
  .app-header__menu-link {
    padding: 15px;
  }
  .app-header__legal {
    margin-bottom: -8px;
  }
  .app-header__menu-accordion--opened .app-header__tabs-content {
    padding: 16px 0 8px;
    opacity: 1;
  }
  .app-header__menu-accordion--opened:last-of-type {
    border: none;
  }
  .app-header__menu-accordion--opened .app-header__menu-button svg {
    fill: #ac6cdd;
    fill-opacity: 1;
    transform: rotate(180deg);
  }
  .app-header__menu-accordion--opened .app-header__menu-button path {
    fill: #ac6cdd;
    fill-opacity: 1;
  }
}
.hero {
  position: relative;
  min-height: 700px;
}
.hero__slider {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.hero__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.hero__card {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.hero__card.swiper-slide-active {
  pointer-events: all;
}
.hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__content {
  position: absolute;
  top: 0;
  padding-top: 230px;
  height: 100%;
  color: #ffffff;
}
.hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .hero__title {
    font-size: 32px;
  }
}
.hero__text {
  margin-bottom: 32px;
  max-width: 516px;
  font-size: 24px;
  line-height: 120%;
}
.hero__link,
.hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-radius: 10px;
}
.hero__link {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  bottom: 140px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.hero__link:hover {
  background-color: #8a56b1;
}
.hero__link:hover {
  background-color: #8a56b1;
}
.hero__control {
  position: relative;
}
.hero__control-wrapper {
  position: absolute;
  display: flex;
  bottom: 140px;
  left: 175px;
}
.hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
.hero__control-button:hover {
  background-color: #ac6cdd;
  border-color: #ac6cdd;
}
.hero__control-button--previous {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .hero__control-button--previous {
    margin-right: 10px;
  }
}
.hero__control-button path {
  transition: stroke 0.2s ease-in-out, stroke-opacity 0.2s ease-in-out;
}
.hero__control-button:hover path {
  stroke: #fff;
}
.hero__control-button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.hero__control-button--previous {
  padding-left: 44px;
}
.hero__control-button--previous:hover svg {
  animation: moveLeft 1s infinite;
}
.hero__control-button--next {
  padding-right: 44px;
}
.hero__control-button--next:hover svg {
  animation: moveRight 1s infinite;
}
@media (max-width: 1171px) {
  .hero {
    min-height: 1042px;
  }
  .hero__image {
    object-position: 35% 0;
  }
  .hero__content {
    padding-top: 144px;
  }
  .hero__link {
    bottom: 40px;
  }
  .hero__control-wrapper {
    bottom: 40px;
  }
}
@media (max-width: 767px) {
  .hero {
    min-height: 651px;
  }
  .hero__title {
    margin-bottom: 8px;
    max-width: 328px;
    line-height: 110%;
  }
  .hero__text {
    margin-bottom: 20px;
    max-width: 290px;
    font-size: 18px;
    letter-spacing: -0.16px;
    line-height: 130%;
  }
  .hero__content {
    padding-top: 104px;
  }
  .hero__link {
    height: 48px;
    bottom: 24px;
    max-width: fit-content;
  }
  .hero__control-wrapper {
    bottom: 24px;
    left: 163px;
  }
  .hero__control-button {
    width: 48px;
    height: 48px;
  }
}
.hero__container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-top: 118px;
}
@media (max-width: 1171px) {
  .hero__container {
    justify-content: flex-start;
    padding-top: 366px;
  }
}
@media (max-width: 767px) {
  .hero__container {
    padding-top: 282px;
  }
}
.hero__chat {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  width: 512px;
  height: 542px;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  overflow: hidden;
}
.hero__chat::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  height: 158px;
  background: linear-gradient(
    180deg,
    rgba(243, 243, 243, 0.878431) 0%,
    rgba(255, 255, 255, 0.3) 50.5%,
    rgba(255, 255, 255, 0) 100%
  );
}
.hero__chat-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  gap: 12px;
  width: 100%;
  height: 0;
  animation: wrapperHeight 18s forwards step-start;
}
.hero__chat-message {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.hero__chat-message--client {
  flex-direction: row-reverse;
  align-self: flex-end;
  padding-left: 61px;
}
.hero__chat-message-wrapper {
  padding: 10px 14px 12px;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(45px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.hero__chat-message--staff .hero__chat-message-wrapper {
  border-radius: 20px 20px 20px 0px;
}
.hero__chat-message--client .hero__chat-message-wrapper {
  text-align: right;
  border-radius: 20px 20px 0px 20px;
}
.hero__chat-message-role {
  font-size: 14px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}
.hero__chat-message-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 18px;
  line-height: 130%;
}
.hero__chat-message-text--purple {
  display: inline;
  font-size: 18px;
  font-weight: 600;
  color: #ac6cdd;
}
.hero__chat-message--staff .hero__chat-message-text {
  max-width: 300px;
}
.hero__chat-message--staff .hero__chat-message-text--last {
  max-width: 247px;
}
.hero__chat-image {
  width: 50px;
  height: 50px;
  object-fit: cover;
  object-position: center;
  border-radius: 40px;
}
.hero__chat-button {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  margin: 16px 0;
  padding: 5px 28px;
  height: 56px;
  color: #fff;
  font-weight: 500;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.hero__chat-button:hover {
  background-color: #8a56b1;
}
@media (max-width: 1171px) {
  .hero__chat {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 688px;
    height: 467px;
  }
  .hero__chat::after {
    height: 108px;
  }
  .hero__chat-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    gap: 12px;
  }
  .hero__chat-message--client {
    padding-left: 0;
  }
  .hero__chat-message--staff .hero__chat-message-text {
    max-width: unset;
  }
  .hero__chat-message--staff .hero__chat-message-text--last {
    max-width: unset;
  }
  .hero__chat-button {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .hero__chat {
    max-width: 328px;
    width: 100%;
    height: 278px;
  }
  .hero__chat::after {
    height: 100px;
  }
  .hero__chat-wrapper {
    gap: 8px;
  }
  .hero__chat-message {
    position: relative;
  }
  .hero__chat-message--client {
    padding-left: 0;
  }
  .hero__chat-message-wrapper {
    display: flex;
    flex-direction: column;
    padding: 12px 14px 10px;
    gap: 7px;
  }
  .hero__chat-message--staff .hero__chat-message-role {
    padding-left: 24px;
  }
  .hero__chat-message--client .hero__chat-message-role {
    padding-right: 24px;
  }
  .hero__chat-message-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .hero__chat-message-text--purple {
    font-size: 16px;
    font-weight: 700;
  }
  .hero__chat-image {
    position: absolute;
    z-index: 1;
    top: 10px;
    width: 20px;
    height: 20px;
  }
  .hero__chat-message--staff .hero__chat-image {
    left: 14px;
  }
  .hero__chat-message--client .hero__chat-image {
    right: 14px;
  }
  .hero__chat-button {
    align-self: unset;
    margin: 4px 0 0;
    padding: 5px 28px;
    height: 48px;
  }
}
@media (max-width: 340px) {
  .hero__chat__chat-wrapper {
    padding: 0 12px;
  }
  .hero__chat__chat-message-wrapper {
    padding: 12px 10px 10px;
  }
  .hero__chat__chat-message--staff .hero__chat__chat-image {
    left: 10px;
  }
  .hero__chat__chat-message--client .hero__chat__chat-image {
    right: 10px;
  }
}
.hero__chat-message {
  opacity: 0;
}
.hero__chat-message:nth-child(1) {
  animation: fadeInUp 1.6s forwards 0s;
}
.hero__chat-message:nth-child(2) {
  animation: fadeInUp 1.6s forwards 1.75s;
}
.hero__chat-message:nth-child(3) {
  animation: fadeInUp 1.6s forwards 3.5s;
}
.hero__chat-message:nth-child(4) {
  animation: fadeInUp 1.6s forwards 5.25s;
}
.hero__chat-message:nth-child(5) {
  animation: fadeInUp 1.6s forwards 7s;
}
.hero__chat-button {
  flex-shrink: 0;
  opacity: 0;
  animation: fadeInUp 1.6s forwards 8.9s;
}
.services {
  padding: 20px 0 0;
}
.services__links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.services__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(100% / 6);
  gap: 16px;
  min-height: 160px;
  text-align: center;
  cursor: pointer;
}
.services__link:hover .services__link-top {
  background-color: #dee2e9;
}
.services__link:hover .services__link-path {
  fill: #ffffff;
}
.services__link:hover .services__link-text {
  color: rgba(0, 0, 0, 0.6);
}
.services__link-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  background-color: #f6f8fb;
  border-radius: 16px;
  transition: background-color 0.3s ease-in-out;
}
.services__link-path {
  transition: fill 0.3s ease-in-out;
}
.services__link-text {
  width: min-content;
  font-size: 20px;
  line-height: 130%;
  transition: color 0.3s ease-in-out;
}
.services__link-text--lh {
  line-height: 133%;
}
@media (max-width: 1171px) {
  .services__links {
    gap: 24px;
  }
  .services__link {
    width: calc(100% / 3 - 20px);
  }
}
@media (max-width: 767px) {
  .services__links {
    gap: 0;
  }
  .services__link {
    min-height: 130px;
    width: calc(100% / 2);
  }
  .services__link-top {
    width: 56px;
    height: 56px;
    border-radius: 12px;
  }
  .services__link-top svg {
    width: 50px;
    height: 50px;
  }
  .services__link-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.opportunity {
  padding: 60px 0;
  padding-top: 120px;
}
@media (max-width: 767px) {
  .opportunity {
    padding: 40px 0;
  }
}
.opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.opportunity__links {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.opportunity__link {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  min-height: 412px;
  width: calc((100% / 3) - 15px);
  text-align: center;
  background-color: #f6f8fb;
  background-position: 50% 100%;
  background-size: 300px;
  background-repeat: no-repeat;
  border-radius: 10px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.opportunity__link--1 {
  background-image: url(../images/opportunity/opportunity-1.webp);
}
.opportunity__link--2 {
  background-image: url(../images/opportunity/opportunity-2.webp);
}
.opportunity__link--3 {
  background-image: url(../images/opportunity/opportunity-3.webp);
}
.opportunity__link-title {
  margin-bottom: 12px;
  max-width: 260px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.opportunity__link-text {
  margin-bottom: 24px;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
  transition: color 0.2s ease-in-out;
}
.opportunity__link-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
.opportunity__link-path {
  transition: stroke 0.2s ease-in-out;
}
.opportunity__link:hover {
  color: #fff;
  background-color: #9ca3ae;
}
.opportunity__link:hover .opportunity__link-text {
  color: #fff;
}
.opportunity__link:hover .opportunity__link-path {
  stroke: #fff;
}
@media (max-width: 1171px) {
  .opportunity__links {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .opportunity__link {
    align-items: flex-start;
    min-height: 214px;
    text-align: left;
    width: 100%;
    background-size: 220px;
    background-position: 100% 50%;
  }
  .opportunity__link--1 {
    background-image: url(../images/opportunity/opportunity-tablet-1.webp);
  }
  .opportunity__link--2 {
    background-image: url(../images/opportunity/opportunity-tablet-2.webp);
  }
  .opportunity__link--3 {
    background-image: url(../images/opportunity/opportunity-tablet-3.webp);
  }
  .opportunity__link-text {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .opportunity__title {
    text-align: left;
  }
  .opportunity__links {
    gap: 16px;
  }
  .opportunity__link {
    padding: 20px;
    min-height: 407px;
    background-position: 50% 100%;
  }
}
.report {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .report {
    padding: 40px 0;
  }
}
.report__wrapper {
  padding: 38px 60px 32px;
  color: #fff;
  background-color: #ac6cdd;
  background-image: url(../images/report/back.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 10px;
  position: relative;
}
.report__top {
  display: flex;
  gap: 10px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 38px 0 0 60px;
}
.report__top-info {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 5px 18px;
  border-radius: 52px;
  background: rgba(255, 255, 255, 0.2);
}
.report__title {
  padding-top: 39px;
  margin-top: 24px;
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 20px;
  max-width: 530px;
}
@media (max-width: 767px) {
  .report__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.report__text {
  margin-bottom: 32px;
  max-width: 498px;
  font-size: 20px;
  line-height: 130%;
}
.report__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 28px;
  width: fit-content;
  height: 56px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  background-color: #ffffff;
  transition: color 0.2s ease-in-out;
}
.report__link:hover {
  color: #ac6cdd;
}
@media (max-width: 767px) {
  .report__link {
    height: 48px;
  }
}
@media (max-width: 1171px) {
  .report__top {
    padding: 40px 0 0 40px;
  }
  .report__wrapper {
    padding: 40px;
    min-height: 614px;
    background-image: url(../images/report/back-tablet.webp);
    background-size: contain;
    background-position: 100% 100%;
  }
}
@media (max-width: 767px) {
  .report__wrapper {
    padding: 20px;
    min-height: 513px;
    background-image: url(../images/report/back-mobile.webp);
  }
  .report__top {
    gap: 4px;
    padding: 20px 0 0 20px;
  }
  .report__top-link {
    height: 33px;
    padding: 5px 14px;
    font-size: 14px;
  }
  .report__title {
    padding-top: 33px;
    margin-top: 12px;
    margin-bottom: 8px;
  }
  .report__text {
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.services-slider {
  padding: 60px 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .services-slider {
    padding: 40px 0;
  }
}
.services-slider__wrapper {
  position: relative;
}
.services-slider__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .services-slider__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.services-slider__swiper-wrapper {
  display: flex;
}
.services-slider__swiper-link {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 32px;
  width: 630px;
  min-height: 340px;
  background-color: #f6f8fb;
  border-radius: 10px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.services-slider__swiper-link:not(:last-child) {
  margin-right: 20px;
}
.services-slider__swiper-link-title {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.services-slider__swiper-link-text {
  margin-bottom: auto;
  max-width: 406px;
  font-size: 18px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
  transition: color 0.15s ease-in-out;
}
.services-slider__swiper-link-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
.services-slider__swiper-link-image {
  position: absolute;
  object-fit: contain;
  width: 40%;
  right: 0;
  bottom: 0;
}
.services-slider__swiper-link path {
  transition: stroke 0.15s ease-in-out;
}
.services-slider__swiper-link:hover {
  color: #fff;
  background-color: #9ca3ae;
}
.services-slider__swiper-link:hover path {
  stroke: #fff;
}
.services-slider__swiper-link:hover .services-slider__swiper-link-text {
  color: #fff;
}
.services-slider__swiper-control {
  position: absolute;
  display: flex;
  gap: 10px;
  top: 4px;
  right: 0;
}
.services-slider__swiper-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.services-slider__swiper-button svg {
  transition: opacity 0.15s ease-in-out;
}
.services-slider__swiper-button path {
  transition: stroke 0.15s ease-in-out;
}
.services-slider__swiper-button:hover path {
  stroke: #ac6cdd;
}
.services-slider__swiper-pagination {
  display: none;
}
@media (max-width: 1171px) {
  .services-slider__title {
    max-width: 570px;
  }
  .services-slider__swiper-control {
    top: 56px;
  }
}
@media (max-width: 767px) {
  .services-slider__swiper-wrapper {
    margin-bottom: 24px;
  }
  .services-slider__swiper-link {
    margin-right: 16px;
    padding: 20px;
    width: 298px;
    min-height: 251px;
    overflow: hidden;
  }
  .services-slider__swiper-link-title {
    margin-bottom: 8px;
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .services-slider__swiper-link-text {
    margin-bottom: auto;
    font-size: 16px;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .services-slider__swiper-link-image {
    width: 150px;
    right: -31px;
    bottom: 0;
  }
  .services-slider__swiper-control {
    position: static;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .services-slider__swiper-button {
    width: 48px;
    height: 48px;
  }
  .services-slider__swiper-pagination {
    display: flex;
    font-size: 18px;
    letter-spacing: -0.36px;
    color: rgba(0, 0, 0, 0.5);
  }
}
.swiper-button-disabled.services-slider__swiper-button svg {
  opacity: 0.2;
}
.promotions {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .promotions {
    padding: 40px 0;
  }
}
.promotions__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .promotions__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.promotions__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.promotions__left,
.promotions__right,
.promotions__link,
.promotions__link-image {
  border-radius: 10px;
}
.promotions__left {
  padding: 32px;
  color: #fff;
  background-color: #9ca3ae;
  background-image: url(../images/promotions/left.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.promotions__left-title {
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
}
.promotions__left-text {
  margin-bottom: 32px;
  line-height: 120%;
  letter-spacing: -0.16px;
}
.promotions__left-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 28px;
  width: fit-content;
  height: 56px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  background-color: #ffffff;
  transition: color 0.2s ease-in-out;
}
.promotions__left-link:hover {
  color: #ac6cdd;
}
@media (max-width: 767px) {
  .promotions__left-link {
    height: 48px;
  }
}
.promotions__right {
  background-color: #f6f8fb;
}
.promotions__link {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 24px;
  gap: 10px;
  min-height: 210px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.promotions__link:not(:last-child) ::after {
  position: absolute;
  content: "";
  height: 1px;
  right: 24px;
  bottom: 0;
  left: 24px;
  background-color: #e8edf4;
  transition: background-color 0.2s ease-in-out;
}
.promotions__link-content {
  display: flex;
  flex-direction: column;
}
.promotions__link-text {
  margin-bottom: auto;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.promotions__link-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
.promotions__link path {
  transition: stroke 0.2s ease-in-out;
}
.promotions__link-image {
  max-width: 220px;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.promotions__link:hover {
  color: #fff;
  background-color: #9ca3ae;
}
.promotions__link:hover:not(:last-child) ::after {
  background-color: transparent;
}
.promotions__link:hover path {
  stroke: #ffffff;
}
.promotions__all-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  position: absolute;
  top: -62px;
  right: 0;
  transition: color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .promotions__all-link {
    position: static;
    align-self: center;
  }
}
.promotions__all-link:hover {
  color: #ac6cdd;
}
.promotions__all-link path {
  transition: stroke 0.2s ease-in-out;
}
.promotions__all-link:hover path {
  stroke: #ac6cdd;
}
@media (max-width: 1171px) {
  .promotions__title {
    max-width: 590px;
  }
  .promotions__wrapper {
    display: flex;
    flex-direction: column;
  }
  .promotions__left {
    min-height: 630px;
  }
  .promotions__left-title,
  .promotions__left-text {
    max-width: 624px;
  }
}
@media (max-width: 767px) {
  .promotions__wrapper {
    gap: 16px;
  }
  .promotions__left {
    padding: 20px;
    min-height: 342px;
  }
  .promotions__left-title {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
    color: rgba(255, 255, 255, 0.85);
  }
  .promotions__left-text {
    font-size: 16px;
  }
  .promotions__right {
    margin-bottom: 14px;
  }
  .promotions__link {
    flex-direction: column;
    padding: 20px;
    gap: 12px;
  }
  .promotions__link-content {
    display: flex;
    flex-direction: column;
  }
  .promotions__link-text {
    margin-bottom: 32px;
  }
  .promotions__link-image {
    align-self: center;
    max-width: 288px;
  }
}
.news {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .news {
    padding: 40px 0;
  }
}
.news__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .news__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.news__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.news__left,
.news__left-content,
.news__right {
  border-radius: 10px;
}
.news__left {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 20px;
  min-height: 630px;
  overflow: hidden;
}
.news__left-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.news__left-content {
  position: relative;
  padding: 24px;
  width: 100%;
  background-color: #ffffff;
}
.news__left-title {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.news__left-text {
  margin-bottom: 24px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 120%;
  letter-spacing: -0.16px;
}
.news__link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.news__link path {
  transition: stroke 0.2s ease-in-out;
}
.news__link:hover {
  color: #ac6cdd;
}
.news__link:hover path {
  stroke: #ac6cdd;
}
.news__right {
  background-color: #f6f8fb;
}
.news__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
  min-height: 210px;
}
.news__card:not(:last-child) ::after {
  position: absolute;
  content: "";
  height: 1px;
  right: 24px;
  bottom: 0;
  left: 24px;
  background-color: #e8edf4;
}
.news__card-top {
  display: flex;
  margin-bottom: 20px;
  gap: 6px;
}
.news__card-info {
  display: flex;
  align-items: center;
  padding: 3px 18px;
  min-height: 29px;
  font-size: 14px;
  letter-spacing: -0.14px;
  background-color: #dfe8f5;
  border-radius: 52px;
}
.news__card-text {
  margin-bottom: auto;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.news__all-link {
  position: absolute;
  top: -62px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .news__all-link {
    position: static;
    align-self: center;
  }
}
.news__all-link:hover {
  color: #ac6cdd;
}
.news__all-link path {
  transition: stroke 0.2s ease-in-out;
}
.news__all-link:hover path {
  stroke: #ac6cdd;
}
@media (max-width: 1171px) {
  .news__wrapper {
    display: flex;
    flex-direction: column;
  }
  .news__left-image {
    object-position: 50% 0;
  }
}
@media (max-width: 767px) {
  .news__wrapper {
    gap: 16px;
  }
  .news__left {
    min-height: 342px;
  }
  .news__left-image {
    object-position: 50% 20%;
  }
  .news__left-content {
    padding: 10px;
  }
  .news__left-title {
    margin-bottom: 8px;
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .news__left-text {
    margin-bottom: 18px;
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .news__right {
    margin-bottom: 14px;
  }
  .news__card {
    padding: 20px;
    min-height: 210px;
  }
  .news__card:not(:last-child) ::after {
    right: 20px;
    left: 20px;
  }
  .news__card-text {
    margin-bottom: auto;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
}
.hotline {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .hotline {
    padding: 40px 0;
  }
}
.hotline__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 108px;
  background-image: url(../images/hotline/back-desk.webp);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.hotline__text {
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}
.hotline__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 28px;
  width: fit-content;
  height: 56px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  background-color: #ffffff;
  transition: color 0.2s ease-in-out;
}
.hotline__link:hover {
  color: #ac6cdd;
}
@media (max-width: 767px) {
  .hotline__link {
    height: 48px;
  }
}
@media (max-width: 1171px) {
  .hotline__wrapper {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    gap: 48px;
    background-image: url(../images/hotline/back.webp);
  }
  .hotline__wrapper::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .hotline__wrapper {
    padding: 20px;
    gap: 48px;
    background-position: 100% 50%;
  }
  .hotline__text {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
}
.faq {
  padding: 60px 0;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .faq {
    padding: 40px 0;
  }
}
.faq__wrapper {
  display: flex;
  gap: 24px;
}
.faq__left {
  display: flex;
  flex-direction: column;
  max-width: 407px;
  width: 100%;
}
.faq__left-image {
  max-width: 300px;
}
.faq__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .faq__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.faq__accordion {
  padding: 32px 0;
}
.faq__accordion:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.faq__accordion-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 8px;
  width: 100%;
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.48px;
  height: fit-content;
}
.faq__accordion-control span {
  line-height: 110%;
}
.faq__accordion-control svg {
  flex-shrink: 0;
  transition: transform 0.3s ease-in-out;
}
.faq__accordion-content {
  box-sizing: content-box;
  max-height: 0;
  will-change: max-height;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.faq__accordion-text {
  width: calc(100% - 56px);
  font-size: 18px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.faq__accordion-text a {
  color: #ac6cdd;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 2px;
}
.accordion--opened .faq__accordion-control svg {
  transform: rotate(180deg);
}
.accordion--opened .faq__accordion-content {
  padding-top: 24px;
  opacity: 1;
}
@media (max-width: 1171px) {
  .faq__wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .faq__left {
    max-width: 100%;
  }
  .faq__left-image {
    display: none;
  }
  .faq__title {
    margin-bottom: 0;
  }
  .faq__accordion-control {
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .faq__wrapper {
    gap: 24px;
  }
  .faq__accordion {
    padding: 20px 0;
  }
  .faq__accordion-control {
    padding-right: 12px;
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .faq__accordion-text {
    width: calc(100% - 44px);
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.14px;
  }
  .faq__accordion--opened .faq__accordion-content {
    padding-top: 16px;
  }
}
.cookie {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 16px;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.cookie--visible {
  display: flex;
}
.cookie__wrapper {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px -2px 14px 0px rgba(0, 0, 0, 0.3);
}
.cookie__content {
  padding: 16px;
  font-size: 16px;
  line-height: 130%;
}
.cookie__text a {
  color: #ac6cdd;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 1171px) {
  .cookie__wrapper {
    padding: 20px;
  }
  .cookie__content {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .cookie__wrapper {
    padding: 16px;
  }
  .cookie__content {
    padding: 4px;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.14px;
  }
  .cookie__close svg {
    width: 32px;
    height: 32px;
  }
}
.account {
  padding: 136px 0 120px;
}
.account__tabs {
  display: flex;
  flex-direction: column;
}
.account__tabs-control {
  position: relative;
  align-self: center;
  margin-bottom: 40px;
  padding: 4px;
  border-radius: 36px;
  background-color: #f2f1f3;
}
.account__tabs-control::before {
  position: absolute;
  content: "";
  z-index: 1;
  width: 163px;
  height: 50px;
  background-color: #fff;
  border-radius: 36px;
  box-shadow: 0px 3px 8px 0px rgba(12, 12, 27, 0.08);
  transition: transform 0.2s ease-in-out;
}
.account__tabs-control.left::before {
  transform: translateX(0);
}
.account__tabs-control.right::before {
  transform: translateX(103%);
}
.account__tabs-button {
  position: relative;
  z-index: 1;
  width: 163px;
  height: 50px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.4);
  border-radius: 36px;
  background-color: transparent;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.account__tabs-button--active {
  color: rgba(0, 0, 0, 0.8);
}
.account__tabs-content {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.account__tabs-content--active {
  display: grid;
}
.account__left {
  display: flex;
  flex-direction: column;
  padding: 40px;
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.account__left-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  text-align: center;
}
.account__left-error svg {
  margin-bottom: 24px;
}
.account__title {
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
}
.account__subtitle {
  margin-bottom: 32px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 24px;
  line-height: 120%;
}
.account__form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.account__form-inputs {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  gap: 20px;
}
.account__form-inputs--invalid {
  gap: 4px;
}
.account__form-inputbox {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.account__form-input {
  padding: 16px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.account__form-input::placeholder {
  white-space: wrap;
  text-align: left;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 370px) {
  .account__form-input--big {
    padding-bottom: 36px;
  }
}
.account__form-input--invalid {
  border-color: #ff4040;
}
.account__form-checkbox {
  cursor: pointer;
}
.account__form-label {
  display: flex;
  margin-bottom: 12px;
}
.account__form-text {
  margin-bottom: 16px;
  font-size: 18px;
  letter-spacing: -0.18px;
}
.account__form-code {
  display: flex;
  margin-bottom: 8px;
  gap: 10px;
}
.account__form-code-number {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  padding-left: 19px;
  width: 48px;
  height: 48px;
  color: #000000;
  background-color: #f6f6f6;
  border-radius: 12px;
}
.account__form-code-number--filled {
  background-color: #fff;
  box-shadow: 0px 3px 8px 0px rgba(12, 12, 27, 0.08);
  border: 1px solid #f6f6f6;
}
.account__form-code-number--invalid {
  border-color: #ff4040;
}
.account__form-info {
  display: inline;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.account__form-info--underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.account__form-info--invalid {
  color: #ff4040;
}
.account__form-info--gray {
  margin-bottom: 12px;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.5);
}
.account__form-info--label {
  color: rgba(0, 0, 0, 0.6);
}
.account__form-info--invalid {
  color: #ff4040;
}
.account__form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  height: 59px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.account__form-button:hover {
  background-color: #8a56b1;
}
.account__form-button:disabled {
  color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.05);
}
.account__form-link {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  gap: 13px;
  height: 59px;
  font-weight: 500;
  line-height: 120%;
  color: #000;
  border: 1px solid #767676;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.account__form-link--disabled {
  color: #bababa;
  border-color: #bababa;
  pointer-events: none;
}
.account__form-link--disabled path {
  fill: #a3cd9f;
}
.account__form-link:hover {
  border-color: #21a038;
  background: #f4faf5;
}
.account__form-loading {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.account__form-link--active .account__form-loading {
  z-index: 1;
  opacity: 1;
}
.account__form-link--active .account__form-loading svg {
  animation: rotate-infinite 2s linear infinite;
}
.account__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.account__item {
  display: flex;
  align-items: center;
  padding: 22px;
  gap: 16px;
  font-size: 18px;
  line-height: 130%;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.account__linebox {
  display: flex;
  align-items: center;
}
.account__linebox-text {
  padding: 8px;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
  color: rgba(0, 0, 0, 0.3);
}
.account__line {
  flex-grow: 1;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 1171px) {
  .account__tabs-content {
    display: none;
    flex-direction: column;
  }
  .account__tabs-content--active {
    display: flex;
  }
  .account__left {
    min-height: 496px;
  }
  .account__form-label {
    margin-bottom: 68px;
  }
}
@media (max-width: 767px) {
  .account {
    padding: 130px 0;
  }
  .account__tabs-control {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 288px;
    width: 100%;
  }
  .account__tabs-control::before {
    position: absolute;
    content: "";
    z-index: 1;
    width: 143px;
    height: 50px;
    top: 4px;
    left: 4px;
    background-color: #fff;
    border-radius: 36px;
    box-shadow: 0px 3px 8px 0px rgba(12, 12, 27, 0.08);
    transition: transform 0.2s ease-in-out;
  }
  .account__tabs-control.right::before {
    transform: translateX(96%);
  }
  .account__tabs-button {
    width: 100%;
  }
  .account__left {
    padding: 20px;
    min-height: 476px;
  }
  .account__title {
    font-size: 32px;
  }
  .account__subtitle {
    margin-bottom: 28px;
    font-size: 18px;
    line-height: 130%;
  }
  .account__form-label {
    margin-bottom: 44px;
  }
  .account__form-button,
  .account__form-link {
    height: 48px;
  }
  .account__item {
    padding: 14px;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.14px;
  }
}
.report-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .report-hero {
    padding: 40px 0;
  }
}
.report-hero__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 18px;
}
@media (max-width: 1171px) {
  .report-hero__top {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .report-hero__top {
    margin-bottom: 32px;
    gap: 14px;
  }
}
.report-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .report-hero__title {
    font-size: 32px;
  }
}
.report-hero__text {
  padding-top: 10px;
  max-width: 630px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .report-hero__text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .report-hero__text {
    font-size: 16px;
  }
}
.report-hero__image {
  width: 100%;
  min-height: 501px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .report-hero__image {
    min-height: 240px;
  }
}
@media (max-width: 767px) {
  .report-hero {
    padding-top: 98px;
  }
}
.report-options {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .report-options {
    padding: 40px 0;
  }
}
.report-options__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .report-options__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.report-options__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.report-options__wrapper,
.report-options__left {
  gap: 20px;
}
.report-options__left {
  display: flex;
  flex-direction: column;
}
.report-options__card {
  position: relative;
  padding: 32px;
  min-height: 208px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.report-options__card--big {
  flex-grow: 1;
}
.report-options__card-wrapper {
  display: flex;
  gap: 10px;
}
.report-options__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .report-options__card-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.report-options__card-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.report-options__card-text {
  max-width: 320px;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.report-options__card-text--mb {
  margin-bottom: 32px;
}
.report-options__card-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .report-options__card-button {
    max-width: 100%;
    width: 100%;
  }
}
.report-options__card-button:hover {
  background-color: #8a56b1;
}
.report-options__card-image {
  position: absolute;
  max-width: 300px;
  right: 0;
  bottom: 0;
}
.report-options__card-link {
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #ac6cdd;
}
.report-options__right {
  padding: 32px;
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.report-options__right-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .report-options__right-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.report-options__form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.report-options__form-inputs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.report-options__form-inputs-wrapper {
  display: flex;
  gap: 16px;
}
.report-options__form-input {
  padding: 16px;
  width: 100%;
  flex-grow: 1;
}
.report-options__form-input::placeholder {
  white-space: wrap;
  text-align: left;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 370px) {
  .report-options__form-input--big {
    padding-bottom: 36px;
  }
}
.report-options__form-input--width50 {
  height: 54px;
}
.report-options__form-bottom {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.report-options__form-bottom-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.report-options__form-bottom-label {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
  color: rgba(0, 0, 0, 0.6);
}
.report-options__form-bottom-label a {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.report-options__form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .report-options__form-button {
    max-width: 100%;
    width: 100%;
  }
}
.report-options__form-button:hover {
  background-color: #8a56b1;
}
.report-options__form-info {
  display: inline;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.report-options__form-info--underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.report-options__form-info--invalid {
  color: #ff4040;
}
@media (max-width: 1171px) {
  .report-options__wrapper {
    display: flex;
    flex-direction: column;
  }
  .report-options__card {
    min-height: 149px;
  }
}
@media (max-width: 767px) {
  .report-options__title {
    margin-bottom: 32px;
  }
  .report-options__wrapper,
  .report-options__left {
    gap: 16px;
  }
  .report-options__card {
    padding: 20px;
    min-height: unset;
    overflow: hidden;
  }
  .report-options__card--big {
    min-height: 320px;
  }
  .report-options__card-title {
    margin-bottom: 8px;
  }
  .report-options__card-title--mb {
    margin-bottom: 16px;
  }
  .report-options__card-image {
    max-width: 200px;
    right: calc(50% - 100px);
    bottom: -22px;
  }
  .report-options__right {
    padding: 20px;
  }
  .report-options__right-title {
    margin-bottom: 12px;
  }
  .report-options__form-inputs {
    gap: 16px;
  }
  .report-options__form-inputs-wrapper {
    flex-direction: column;
  }
  .report-options__form-input {
    width: 100%;
  }
  .report-options__form-bottom {
    flex-direction: column;
  }
}
.request-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .request-hero {
    padding: 40px 0;
  }
}
.request-hero__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 18px;
}
@media (max-width: 1171px) {
  .request-hero__top {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .request-hero__top {
    margin-bottom: 32px;
    gap: 14px;
  }
}
.request-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .request-hero__title {
    font-size: 32px;
  }
}
.request-hero__textbox {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.request-hero__text {
  padding-top: 10px;
  max-width: 630px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .request-hero__text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .request-hero__text {
    font-size: 16px;
  }
}
.request-hero__image {
  width: 100%;
  min-height: 501px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .request-hero__image {
    min-height: 240px;
  }
}
@media (max-width: 767px) {
  .request-hero {
    padding-top: 98px;
  }
}
.request-options {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .request-options {
    padding: 40px 0;
  }
}
.request-options__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .request-options__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.request-options__wrapper,
.request-options__left {
  display: flex;
  gap: 20px;
}
.request-options__left {
  flex-direction: column;
  max-width: 738px;
  width: 100%;
}
.request-options__left-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.request-options__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 32px;
  min-height: 208px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.request-options__card-wrapper {
  display: flex;
  gap: 10px;
}
.request-options__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .request-options__card-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.request-options__card-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  gap: 12px;
}
.request-options__card-item {
  display: flex;
  gap: 10px;
}
.request-options__card-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.request-options__card-text {
  max-width: 320px;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.request-options__card-text--mb {
  margin-bottom: 32px;
}
.request-options__card-button,
.request-options__card-top-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .request-options__card-button,
  .request-options__card-top-link {
    max-width: 100%;
    width: 100%;
  }
}
.request-options__card-button:hover,
.request-options__card-top-link:hover {
  background-color: #8a56b1;
}
.request-options__card-top-link {
  display: flex;
  gap: 10px;
  margin-top: auto;
}
.request-options__card-image {
  position: absolute;
  max-width: 340px;
  right: 0;
  bottom: 0;
}
.request-options__card-link {
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #ac6cdd;
}
.request-options__right {
  padding: 32px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.request-options__right-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .request-options__right-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.request-options__form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  gap: 32px;
}
.request-options__form-inputs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.request-options__form-inputs-wrapper {
  display: flex;
  gap: 16px;
}
.request-options__form-input,
.request-options__form-textarea {
  padding: 16px;
  width: 100%;
  flex-grow: 1;
}
.request-options__form-input::placeholder,
.request-options__form-textarea::placeholder {
  white-space: wrap;
  text-align: left;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 370px) {
  .request-options__form-input--big,
  .request-options__form-textarea--big {
    padding-bottom: 36px;
  }
}
.request-options__form-input--width50 {
  height: 54px;
}
.request-options__form-bottom {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.request-options__form-bottom-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.request-options__form-bottom-label {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
  color: rgba(0, 0, 0, 0.6);
}
.request-options__form-bottom-label a {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.request-options__form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .request-options__form-button {
    max-width: 100%;
    width: 100%;
  }
}
.request-options__form-button:hover {
  background-color: #8a56b1;
}
.request-options__form-info {
  display: inline;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.request-options__form-info--underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.request-options__form-info--invalid {
  color: #ff4040;
}
.request-options__dropdown {
  position: relative;
}
.request-options__dropdown-input {
  cursor: pointer;
}
.request-options__dropdown-list {
  position: absolute;
  z-index: 1;
  display: none;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  backdrop-filter: blur(25px);
  border-top: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 0px 0px 10px 10px;
}
.request-options__dropdown-list--visible {
  display: block;
}
.request-options__dropdown-item {
  color: rgba(0, 0, 0, 0.5);
  line-height: 120%;
  letter-spacing: -0.16px;
  padding: 10px 16px;
  cursor: pointer;
}
.request-options__dropdown-item:last-child {
  padding-bottom: 16px;
}
.request-options__dropdown-arrow {
  position: absolute;
  z-index: -1;
  top: 16px;
  right: 16px;
  transition: transform 0.1s ease-in-out;
}
.request-options__dropdown-list--visible ~ .request-options__dropdown-arrow {
  transform: rotate(180deg);
}
@media (max-width: 1171px) {
  .request-options__wrapper {
    display: flex;
    flex-direction: column;
  }
  .request-options__left {
    max-width: 100%;
  }
  .request-options__card {
    min-height: 149px;
  }
}
@media (max-width: 767px) {
  .request-options__title {
    margin-bottom: 32px;
  }
  .request-options__wrapper,
  .request-options__left,
  .request-options__left-top {
    gap: 16px;
  }
  .request-options__left-top {
    display: flex;
    flex-direction: column;
  }
  .request-options__card {
    padding: 20px;
    min-height: unset;
  }
  .request-options__card--big {
    min-height: 320px;
  }
  .request-options__card-title {
    margin-bottom: 8px;
  }
  .request-options__card-title--mb {
    margin-bottom: 16px;
  }
  .request-options__card-list,
  .request-options__card-text--mb {
    margin-bottom: 24px;
  }
  .request-options__right {
    padding: 20px;
  }
  .request-options__right-title {
    margin-bottom: 12px;
  }
  .request-options__form {
    gap: 32px;
  }
  .request-options__form-inputs {
    gap: 16px;
  }
  .request-options__form-inputs-wrapper {
    flex-direction: column;
    gap: 16px;
  }
  .request-options__form-input {
    width: 100%;
  }
  .request-options__form-bottom {
    padding-bottom: 0;
  }
}
.legal-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .legal-hero {
    padding: 40px 0;
  }
}
.legal-hero__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 18px;
}
@media (max-width: 1171px) {
  .legal-hero__top {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .legal-hero__top {
    margin-bottom: 32px;
    gap: 14px;
  }
}
.legal-hero__top-right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.legal-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .legal-hero__title {
    font-size: 32px;
  }
}
.legal-hero__text {
  padding-top: 10px;
  max-width: 630px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .legal-hero__text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .legal-hero__text {
    font-size: 16px;
  }
}
.legal-hero__button {
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .legal-hero__button {
    max-width: 100%;
    width: 100%;
  }
}
.legal-hero__button:hover {
  background-color: #8a56b1;
}
.legal-hero__image {
  width: 100%;
  min-height: 501px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .legal-hero__image {
    min-height: 240px;
  }
}
@media (max-width: 767px) {
  .legal-hero {
    padding-top: 98px;
  }
  .legal-hero__top-right {
    gap: 24px;
  }
  .legal-hero__button {
    width: unset;
  }
}
.legal-faq {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .legal-faq {
    padding: 40px 0;
  }
}
.legal-faq__wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.legal-faq__accordion {
  position: relative;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
  box-shadow: 0px 637px 178px 0px rgba(186, 188, 197, 0),
    0px 408px 163px 0px rgba(186, 188, 197, 0.01),
    0px 229px 138px 0px rgba(186, 188, 197, 0.03),
    0px 102px 102px 0px rgba(186, 188, 197, 0.04),
    0px 25px 56px 0px rgba(186, 188, 197, 0.05);
}
.legal-faq__control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  width: 100%;
  text-align: left;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.legal-faq__control-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background-color: #dee2e9;
  border-radius: 100px;
  transition: background-color 0.2s ease-in-out;
}
.legal-faq__control-wrapper::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 128px;
  top: 0;
  left: 0;
}
.legal-faq__control:hover .legal-faq__control-wrapper {
  background-color: #ac6cdd;
}
.legal-faq__control-icon {
  transition: transform 0.2s ease-in-out;
}
.legal-faq__control-icon path {
  transition: fill 0.2s ease-in-out;
}
.legal-faq__control:hover .legal-faq__control-icon path {
  fill: #fff;
}
.legal-faq__content {
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
  gap: 40px;
  max-width: 758px;
  max-height: 0;
  will-change: max-height;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.legal-faq__listbox,
.legal-faq__textbox {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.legal-faq__text {
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.legal-faq__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.legal-faq__item {
  display: flex;
  gap: 10px;
}
.legal-faq__item svg {
  margin-top: 8px;
}
.legal-faq__links {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
  background: #dee2e9;
  border-radius: 8px;
}
.legal-faq__link {
  font-size: 20px;
  line-height: 130%;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 2px;
  color: rgba(0, 0, 0, 0.7);
}
.accordion--opened .legal-faq__content {
  padding-top: 27px;
  opacity: 1;
}
.accordion--opened .legal-faq__control-icon {
  transform: rotate(45deg);
}
@media (max-width: 1171px) {
  .legal-faq__wrapper {
    gap: 20px;
  }
  .legal-faq__accordion {
    padding: 24px;
  }
  .legal-faq__control {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .legal-faq__control::after {
    height: 96px;
  }
  .legal-faq__content {
    gap: 20px;
    max-width: 568px;
  }
  .legal-faq__listbox,
  .legal-faq__textbox {
    gap: 16px;
  }
  .legal-faq__item svg {
    margin-top: 6px;
  }
  .legal-faq__text,
  .legal-faq__link {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .accordion--opened .legal-faq__content {
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .legal-faq__wrapper {
    gap: 16px;
  }
  .legal-faq__accordion {
    padding: 14px;
  }
  .legal-faq__control {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .legal-faq__control::after {
    height: 76px;
  }
  .legal-faq__content {
    max-width: 450px;
  }
  .legal-faq__links {
    padding: 14px;
  }
  .legal-faq__text,
  .legal-faq__link {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
}
@media (max-width: 599px) {
  .legal-faq__content {
    max-width: 244px;
  }
}
.loan-hero {
  position: relative;
  padding-top: 112px;
  min-height: 700px;
}
.loan-hero__slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.loan-hero__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.loan-hero__card {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.loan-hero__card.swiper-slide-active {
  pointer-events: all;
}
.loan-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.loan-hero__content {
  position: absolute;
  padding-top: 247px;
  height: 100%;
  top: 0;
  color: #ffffff;
}
.loan-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .loan-hero__title {
    font-size: 32px;
  }
}
.loan-hero__text {
  margin-bottom: 32px;
  max-width: 570px;
  font-size: 24px;
  line-height: 120%;
}
.loan-hero__link,
.loan-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-radius: 10px;
}
.loan-hero__link {
  position: absolute;
  padding: 10px;
  max-width: 195px;
  width: 100%;
  bottom: 140px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.loan-hero__link:hover {
  color: #fff;
  background-color: #ac6cdd;
}
.loan-hero__control {
  position: relative;
}
.loan-hero__control-wrapper {
  position: absolute;
  display: flex;
  bottom: 140px;
  left: 227px;
}
.loan-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
.loan-hero__control-button:hover {
  background-color: #ac6cdd;
  border-color: #ac6cdd;
}
.loan-hero__control-button--previous {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .loan-hero__control-button--previous {
    margin-right: 10px;
  }
}
.loan-hero__control-button path {
  transition: stroke 0.2s ease-in-out, stroke-opacity 0.2s ease-in-out;
}
.loan-hero__control-button:hover path {
  stroke: #fff;
}
.loan-hero__control-button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.loan-hero__control-button--previous {
  padding-left: 44px;
}
.loan-hero__control-button--previous:hover svg {
  animation: moveLeft 1s infinite;
}
.loan-hero__control-button--next {
  padding-right: 44px;
}
.loan-hero__control-button--next:hover svg {
  animation: moveRight 1s infinite;
}
.loan-hero__control-button svg {
  flex-shrink: 0;
}
@media (max-width: 1171px) {
  .loan-hero {
    min-height: 1042px;
    padding-top: 108px;
  }
  .loan-hero__link {
    bottom: 40px;
  }
  .loan-hero__content {
    padding-top: 208px;
  }
  .loan-hero__control-wrapper {
    bottom: 40px;
    left: 227px;
  }
}
@media (max-width: 767px) {
  .loan-hero {
    padding-top: 90px;
    min-height: 640px;
  }
  .loan-hero__image {
    object-position: 50% 100%;
  }
  .loan-hero__title {
    margin-bottom: 8px;
    max-width: 400px;
  }
  .loan-hero__text {
    margin-bottom: 20px;
    max-width: 328px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .loan-hero__content {
    padding-top: 145px;
  }
  .loan-hero__control-wrapper {
    bottom: 44px;
    left: 211px;
  }
  .loan-hero__control-button {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 349px) {
  .loan-hero__text {
    max-width: 300px;
  }
  .loan-hero__link {
    width: fit-content;
  }
  .loan-hero__control-wrapper {
    left: 174px;
  }
}
.paydown {
  padding: 60px 0;
  padding-top: 120px;
}
@media (max-width: 767px) {
  .paydown {
    padding: 40px 0;
  }
}
.paydown__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .paydown__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.paydown__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.paydown__link {
  display: flex;
  padding: 24px;
  gap: 24px;
  width: calc((100% / 2) - 10px);
  min-height: 232px;
  background-color: #f6f8fb;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.paydown__link:hover {
  background-color: #f1f7ff;
}
.paydown__link-content {
  display: flex;
  flex-direction: column;
}
.paydown__link-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .paydown__link-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.paydown__link-text {
  margin-bottom: auto;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.paydown__link-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.paydown__link:hover .paydown__link-wrapper {
  color: #ac6cdd;
}
.paydown__link path {
  transition: stroke 0.2s ease-in-out;
}
.paydown__link:hover path {
  stroke: #ac6cdd;
}
.paydown__link-image {
  object-fit: cover;
  max-width: 250px;
  border-radius: 8px;
}
@media (max-width: 1171px) {
  .paydown__link {
    flex-direction: column;
    justify-content: space-between;
  }
  .paydown__link-title {
    margin-bottom: 10px;
  }
  .paydown__link-text {
    margin-bottom: 16px;
  }
  .paydown__link-image {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .paydown__title {
    margin-bottom: 32px;
  }
  .paydown__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .paydown__link {
    flex-direction: column;
    width: 100%;
  }
  .paydown__link-title {
    font-size: 24px;
  }
  .paydown__link-text {
    margin-bottom: 16px;
    max-width: 280px;
  }
  .paydown__link-image {
    align-self: center;
    max-width: 280px;
  }
}
.loan-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .loan-opportunity {
    padding: 40px 0;
  }
}
.loan-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .loan-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.loan-opportunity__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.loan-opportunity__link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  min-height: 412px;
  width: calc((100% / 3) - 15px);
  text-align: center;
  background-color: #f6f8fb;
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.loan-opportunity__link-title {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.loan-opportunity__link-text {
  margin-bottom: 24px;
  max-width: 329px;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
  transition: color 0.2s ease-in-out;
}
.loan-opportunity__link-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
.loan-opportunity__link-path {
  transition: stroke 0.2s ease-in-out;
}
.loan-opportunity__link:hover {
  color: #fff;
  background-color: #9ca3ae;
}
.loan-opportunity__link:hover .loan-opportunity__link-text {
  color: #fff;
}
.loan-opportunity__link:hover .loan-opportunity__link-path {
  stroke: #fff;
}
.loan-opportunity__image {
  position: absolute;
  width: 300px;
  bottom: 0;
  left: calc(50% - 150px);
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1171px) {
  .loan-opportunity__links {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .loan-opportunity__link {
    align-items: flex-start;
    width: 100%;
    min-height: 214px;
    text-align: left;
  }
  .loan-opportunity__link-text {
    max-width: 350px;
  }
  .loan-opportunity__image {
    width: 220px;
    right: 0;
    bottom: 0;
    left: unset;
  }
}
@media (max-width: 767px) {
  .loan-opportunity__title {
    margin-bottom: 32px;
  }
  .loan-opportunity__links {
    gap: 16px;
  }
  .loan-opportunity__link {
    align-items: center;
    padding: 20px;
    min-height: 400px;
  }
  .loan-opportunity__link-title,
  .loan-opportunity__link-text {
    text-align: center;
  }
  .loan-opportunity__image {
    right: unset;
    bottom: 0;
    left: calc(50% - 110px);
  }
}
.legal-questions {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .legal-questions {
    padding: 40px 0;
  }
}
.legal-questions__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .legal-questions__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.legal-questions__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.legal-questions__link {
  display: flex;
  padding: 24px;
  gap: 24px;
  width: calc((100% / 2) - 10px);
  min-height: 232px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.legal-questions__link-content {
  display: flex;
  flex-direction: column;
}
.legal-questions__link-content-top {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.legal-questions__link-icon {
  margin-bottom: 16px;
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.legal-questions__link-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .legal-questions__link-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.legal-questions__link-text {
  max-width: 270px;
  line-height: 130%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.legal-questions__link-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
.legal-questions__link-wrapper span {
  transition: color 0.2s ease-in-out;
}
.legal-questions__link:hover .legal-questions__link-wrapper span {
  color: #ac6cdd;
}
.legal-questions__link path {
  transition: stroke 0.2s ease-in-out;
}
.legal-questions__link:hover path {
  stroke: #ac6cdd;
}
@media (max-width: 767px) {
  .legal-questions__title {
    margin-bottom: 32px;
  }
  .legal-questions__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .legal-questions__link {
    width: 100%;
    min-height: 230px;
  }
  .legal-questions__link-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
  .legal-questions__link-title {
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
}
.loan-request-hero {
  position: relative;
  padding-top: 112px;
  min-height: 700px;
}
.loan-request-hero__slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.loan-request-hero__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.loan-request-hero__card {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.loan-request-hero__card.swiper-slide-active {
  pointer-events: all;
}
.loan-request-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.loan-request-hero__content {
  position: absolute;
  padding-top: 247px;
  height: 100%;
  top: 0;
  color: #ffffff;
}
.loan-request-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .loan-request-hero__title {
    font-size: 32px;
  }
}
.loan-request-hero__text {
  margin-bottom: 32px;
  max-width: 510px;
  font-size: 24px;
  line-height: 120%;
}
.loan-request-hero__link,
.loan-request-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-radius: 10px;
}
.loan-request-hero__link {
  position: absolute;
  padding: 10px;
  max-width: 195px;
  width: 100%;
  bottom: 140px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.loan-request-hero__link:hover {
  color: #fff;
  background-color: #ac6cdd;
}
.loan-request-hero__control {
  position: relative;
}
.loan-request-hero__control-wrapper {
  position: absolute;
  display: flex;
  bottom: 140px;
  left: 227px;
}
.loan-request-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
.loan-request-hero__control-button:hover {
  background-color: #ac6cdd;
  border-color: #ac6cdd;
}
.loan-request-hero__control-button--previous {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .loan-request-hero__control-button--previous {
    margin-right: 10px;
  }
}
.loan-request-hero__control-button path {
  transition: stroke 0.2s ease-in-out, stroke-opacity 0.2s ease-in-out;
}
.loan-request-hero__control-button:hover path {
  stroke: #fff;
}
.loan-request-hero__control-button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.loan-request-hero__control-button--previous {
  padding-left: 44px;
}
.loan-request-hero__control-button--previous:hover svg {
  animation: moveLeft 1s infinite;
}
.loan-request-hero__control-button--next {
  padding-right: 44px;
}
.loan-request-hero__control-button--next:hover svg {
  animation: moveRight 1s infinite;
}
.loan-request-hero__control-button svg {
  flex-shrink: 0;
}
@media (max-width: 1171px) {
  .loan-request-hero {
    min-height: 1042px;
    padding-top: 108px;
  }
  .loan-request-hero__link {
    bottom: 40px;
  }
  .loan-request-hero__content {
    padding-top: 208px;
  }
  .loan-request-hero__control-wrapper {
    bottom: 40px;
    left: 227px;
  }
}
@media (max-width: 767px) {
  .loan-request-hero {
    padding-top: 90px;
    min-height: 640px;
  }
  .loan-request-hero__image {
    object-position: 50% 100%;
  }
  .loan-request-hero__title {
    margin-bottom: 8px;
    max-width: 400px;
  }
  .loan-request-hero__text {
    margin-bottom: 20px;
    max-width: 328px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .loan-request-hero__content {
    padding-top: 145px;
  }
  .loan-request-hero__control-wrapper {
    bottom: 44px;
    left: 211px;
  }
  .loan-request-hero__control-button {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 356px) {
  .loan-request-hero__title {
    font-size: 29px;
  }
  .loan-request-hero__text {
    font-size: 14px;
  }
  .loan-request-hero__link {
    width: fit-content;
  }
  .loan-request-hero__control-wrapper {
    left: 190px;
  }
}
.loan-request-options {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .loan-request-options {
    padding: 40px 0;
  }
}
.loan-request-options__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .loan-request-options__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.loan-request-options__wrapper,
.loan-request-options__left {
  display: flex;
  gap: 20px;
}
.loan-request-options__left {
  flex-direction: column;
}
.loan-request-options__left-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.loan-request-options__card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 32px;
  min-height: 208px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.loan-request-options__card-wrapper {
  display: flex;
  gap: 10px;
}
.loan-request-options__card-wrapper--mb {
  margin-bottom: 12px;
}
.loan-request-options__card-wrapper svg {
  flex-shrink: 0;
}
.loan-request-options__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .loan-request-options__card-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.loan-request-options__card-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  gap: 12px;
}
.loan-request-options__card-item {
  display: flex;
  gap: 10px;
}
.loan-request-options__card-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.loan-request-options__card-text {
  max-width: 500px;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.loan-request-options__card-text--mb {
  margin-bottom: 32px;
}
.loan-request-options__card-text a {
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #ac6cdd;
}
.loan-request-options__card-top-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  width: fit-content;
}
@media (max-width: 767px) {
  .loan-request-options__card-top-link {
    max-width: 100%;
    width: 100%;
  }
}
.loan-request-options__card-top-link:hover {
  background-color: #8a56b1;
}
.loan-request-options__card-top-link {
  display: flex;
  gap: 10px;
  margin-top: auto;
}
.loan-request-options__card-image {
  position: absolute;
  max-width: 340px;
  right: 0;
  bottom: 0;
}
.loan-request-options__right {
  display: flex;
  flex-direction: column;
  padding: 32px;
  max-width: 522px;
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.loan-request-options__right-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .loan-request-options__right-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.loan-request-options__form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
}
.loan-request-options__form-inputs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
}
.loan-request-options__form-inputs-wrapper {
  display: flex;
  gap: 16px;
}
.loan-request-options__form-input {
  padding: 16px;
  width: 100%;
  flex-grow: 1;
}
.loan-request-options__form-input::placeholder {
  white-space: wrap;
  text-align: left;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 370px) {
  .loan-request-options__form-input--big {
    padding-bottom: 36px;
  }
}
.loan-request-options__form-input--width50 {
  height: 54px;
}
.loan-request-options__form-bottom {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.loan-request-options__form-bottom-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.loan-request-options__form-bottom-label {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
  color: rgba(0, 0, 0, 0.6);
}
.loan-request-options__form-bottom-label a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.loan-request-options__form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .loan-request-options__form-button {
    max-width: 100%;
    width: 100%;
  }
}
.loan-request-options__form-button:hover {
  background-color: #8a56b1;
}
.loan-request-options__form-info {
  display: inline;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.loan-request-options__form-info--underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.loan-request-options__form-info--invalid {
  color: #ff4040;
}
@media (max-width: 1171px) {
  .loan-request-options__title {
    max-width: 688px;
  }
  .loan-request-options__wrapper {
    display: flex;
    flex-direction: column;
  }
  .loan-request-options__card {
    min-height: 149px;
  }
  .loan-request-options__right {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .loan-request-options__title {
    margin-bottom: 32px;
    max-width: 488px;
  }
  .loan-request-options__wrapper,
  .loan-request-options__left,
  .loan-request-options__left-top {
    gap: 16px;
  }
  .loan-request-options__left-top {
    display: flex;
    flex-direction: column;
  }
  .loan-request-options__card {
    padding: 20px;
    min-height: unset;
  }
  .loan-request-options__card--big {
    min-height: 320px;
  }
  .loan-request-options__card-title {
    margin-bottom: 8px;
  }
  .loan-request-options__card-title--mb {
    margin-bottom: 16px;
  }
  .loan-request-options__card-list,
  .loan-request-options__card-text--mb {
    margin-bottom: 24px;
  }
  .loan-request-options__right {
    padding: 20px;
  }
  .loan-request-options__right-title {
    margin-bottom: 12px;
  }
  .loan-request-options__form {
    gap: 24px;
  }
  .loan-request-options__form-inputs {
    gap: 16px;
  }
  .loan-request-options__form-inputs-wrapper {
    flex-direction: column;
    gap: 16px;
  }
  .loan-request-options__form-input {
    width: 100%;
  }
  .loan-request-options__form-bottom {
    flex-direction: column;
  }
}
.pay-loan-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .pay-loan-hero {
    padding: 40px 0;
  }
}
.pay-loan-hero__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 18px;
}
@media (max-width: 1171px) {
  .pay-loan-hero__top {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .pay-loan-hero__top {
    margin-bottom: 32px;
    gap: 14px;
  }
}
.pay-loan-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .pay-loan-hero__title {
    font-size: 32px;
  }
}
.pay-loan-hero__text {
  padding-top: 10px;
  max-width: 630px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .pay-loan-hero__text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .pay-loan-hero__text {
    font-size: 16px;
  }
}
.pay-loan-hero__image {
  width: 100%;
  min-height: 501px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .pay-loan-hero__image {
    min-height: 240px;
  }
}
@media (max-width: 767px) {
  .pay-loan-hero {
    padding-top: 98px;
  }
}
.payment-account {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .payment-account {
    padding: 40px 0;
  }
}
.payment-account__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .payment-account__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.payment-account__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.payment-account__card {
  padding: 32px;
  width: calc(100% / 3 - 15px);
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.payment-account__card--df {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.payment-account__card-icon--mb {
  margin-bottom: 43px;
}
.payment-account__card-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.payment-account__card-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .payment-account__card-link {
    max-width: 100%;
    width: 100%;
  }
}
.payment-account__card-link:hover {
  background-color: #8a56b1;
}
@media (max-width: 1171px) {
  .payment-account__wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .payment-account__card {
    flex-basis: 25%;
    flex-grow: 1;
    padding: 20px;
  }
  .payment-account__card--df {
    flex-basis: 100%;
    gap: 24px;
  }
  .payment-account__card-icon {
    margin: 7px;
  }
  .payment-account__card-icon--mb {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .payment-account__title {
    margin-bottom: 32px;
  }
  .payment-account__wrapper {
    gap: 16px;
  }
  .payment-account__card {
    flex-basis: 100%;
    gap: 24px;
  }
  .payment-account__card-icon {
    margin: 7px;
    margin-bottom: 3px;
  }
  .payment-account__card-icon--mb {
    margin-bottom: 20px;
  }
  .payment-account__card-text {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.payment-online {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .payment-online {
    padding: 40px 0;
  }
}
.payment-online__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .payment-online__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.payment-online__wrapper {
  display: flex;
  margin-bottom: 20px;
  gap: 20px;
}
.payment-online__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  max-width: 305px;
  width: 100%;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.payment-online__card--big {
  max-width: 100%;
}
.payment-online__card-icon {
  margin-bottom: 32px;
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.payment-online__card-text {
  max-width: 257px;
  width: 100%;
  font-size: 18px;
  line-height: 130%;
}
.payment-online__card-text a {
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  color: #ac6cdd;
}
.payment-online__card-info {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  color: rgba(0, 0, 0, 0.9);
}
.payment-online__card-images {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 48px;
  gap: 8px;
  width: 100%;
}
.payment-online__card-image {
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}
.payment-online__card-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .payment-online__card-button {
    max-width: 100%;
    width: 100%;
  }
}
.payment-online__card-button:hover {
  background-color: #8a56b1;
}
.payment-online__bottom {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.payment-online__bottom-info {
  font-size: 18px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.5);
}
.payment-online__bottom-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.payment-online__bottom-icons:hover + .payment-online__infobox {
  opacity: 1;
  visibility: visible;
}
.payment-online__bottom-icon {
  z-index: 1;
  flex-shrink: 0;
  margin-bottom: -6px;
  transform: translateY(-16px);
}
.payment-online__infobox {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
  max-width: 412px;
  bottom: calc(100% + 14px);
  right: -10px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
}
.payment-online__infobox-text {
  text-align: center;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
}
.payment-online__infobox-icon {
  display: none;
}
.payment-online__modal {
  position: relative;
  display: none;
  padding: 40px;
  max-width: 591px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
}
.payment-online__modal--visible {
  display: block;
}
.payment-online__modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.payment-online__modal-overlay {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: 20px;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: rgba(3, 3, 3, 0.7);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: opacity 0.2s ease-in-out;
}
.payment-online__modal-overlay--visible {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.payment-online__modal-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  text-align: center;
}
.payment-online__modal-wrapper svg {
  margin-bottom: 24px;
}
.payment-online__modal-wrapper-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  width: 100%;
}
@media (max-width: 767px) {
  .payment-online__modal-wrapper-button {
    max-width: 100%;
    width: 100%;
  }
}
.payment-online__modal-wrapper-button:hover {
  background-color: #8a56b1;
}
.payment-online__modal-title {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
}
.payment-online__modal-title--pay {
  margin-bottom: 8px;
}
.payment-online__modal-title--final {
  margin-bottom: 12px;
}
.payment-online__modal-description {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 130%;
}
.payment-online__modal-description--final {
  margin-bottom: 40px;
}
.payment-online__form-inputs {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  gap: 20px;
}
.payment-online__form-input {
  margin-bottom: 16px;
  padding: 16px;
  width: 100%;
  line-height: 120%;
  letter-spacing: -0.16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.payment-online__form-input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.payment-online__form-input--invalid {
  margin-bottom: 4px;
  border-color: #ff4040;
}
.payment-online__form-input--wrapped {
  margin: 0;
}
.payment-online__form-invalid-info {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 120%;
  color: #ff4040;
}
.payment-online__form-info {
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.5);
}
.payment-online__form-info a {
  font-weight: 600;
  color: #ac6cdd;
}
.payment-online__form-infolink {
  margin-bottom: 16px;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
.payment-online__form-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 32px;
  gap: 10px;
}
.payment-online__form-wrapper--last {
  margin-bottom: 16px;
}
.payment-online__form-wrapper--invalid {
  margin-bottom: 8px;
}
.payment-online__form-wrapper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  gap: 16px;
  min-height: 64px;
  background-color: #f6f8fb;
  border: 1px solid #f6f8fb;
  border-radius: 8px;
}
.payment-online__form-wrapper-button--active {
  border-color: #ac6cdd;
}
.payment-online__form-wrapper-input {
  padding: 16px;
  line-height: 120%;
  letter-spacing: -0.16px;
  border: 1px solid #dee2e9;
  border-radius: 8px;
}
.payment-online__form-wrapper-input::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.payment-online__form-wrapper-input--invalid {
  border-color: #ff4040;
}
.payment-online__form-wrapper-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 7px;
  gap: 4px;
}
.payment-online__form-wrapper-info {
  line-height: 120%;
  letter-spacing: -0.16px;
}
.payment-online__form-wrapper-amount {
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.9);
}
.payment-online__form-link {
  display: inline;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  color: #ac6cdd;
}
.payment-online__form-link--pay {
  display: block;
  margin-bottom: 40px;
  font-weight: 400;
}
.payment-online__form-button {
  padding: 10px;
  width: 100%;
  min-height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
}
.payment-online__form-button:disabled {
  color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.05);
}
@media (max-width: 1171px) {
  .payment-online__wrapper {
    flex-wrap: wrap;
  }
  .payment-online__card {
    flex-basis: 25%;
    flex-grow: 1;
    padding: 20px;
    max-width: unset;
    width: unset;
  }
  .payment-online__card--big {
    flex-basis: 100%;
    max-width: unset;
  }
  .payment-online__card-text a {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .payment-online__card-link {
    font-size: 16px;
    font-weight: 500;
    line-height: 114%;
    letter-spacing: -0.16px;
  }
  .payment-online__card-images {
    display: flex;
    width: 100%;
  }
  .payment-online__bottom {
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 8px;
  }
  .payment-online__infobox {
    right: unset;
    left: -10px;
  }
}
@media (max-width: 767px) {
  .payment-online__title {
    margin-bottom: 32px;
  }
  .payment-online__wrapper {
    margin-bottom: 16px;
  }
  .payment-online__card {
    flex-basis: 100%;
  }
  .payment-online__card-icon {
    margin-bottom: 24px;
  }
  .payment-online__card-info {
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 0.9);
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .payment-online__card-images {
    display: grid;
    margin-bottom: 20px;
    gap: 4px;
  }
  .payment-online__bottom-info {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.14px;
  }
  .payment-online__bottom-icon {
    display: none;
  }
  .payment-online__infobox {
    left: 0;
  }
  .payment-online__infobox-icon {
    display: block;
    flex-shrink: 0;
    margin-top: -6px;
    transform: translateY(18px);
  }
  .payment-online__modal {
    padding: 20px;
    max-width: 328px;
  }
  .payment-online__modal--pay {
    align-self: flex-start;
  }
  .payment-online__modal-wrapper {
    padding: 0;
  }
  .payment-online__modal-wrapper svg {
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
  }
  .payment-online__modal-title--final {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .payment-online__modal-description {
    color: rgba(0, 0, 0, 0.6);
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .payment-online__modal-description--final {
    font-size: 16px;
    margin-bottom: 24px;
    color: rgba(0, 0, 0, 0.8);
  }
  .payment-online__form-info {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .payment-online__form-invalid-info {
    max-width: 209px;
  }
  .payment-online__form-link {
    font-size: 16px;
    font-weight: 500;
    line-height: 114%;
    letter-spacing: -0.16px;
  }
  .payment-online__form-link--pay {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
  }
  .payment-online__form-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .payment-online__form-wrapper--last {
    justify-content: space-between;
  }
  .payment-online__form-wrapper-button {
    width: 100%;
    min-height: 56px;
  }
  .payment-online__form-wrapper-content {
    padding: 0;
  }
  .payment-online__form-wrapper-input {
    max-width: 209px;
  }
}
.payment-details {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .payment-details {
    padding: 40px 0;
  }
}
.payment-details__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .payment-details__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.payment-details__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.payment-details__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  gap: 8px;
  width: calc(100% / 3 - 15px);
  min-height: 281px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.payment-details__card--image {
  position: relative;
  align-items: center;
  padding: 0;
  background-color: unset;
}
.payment-details__card--info {
  position: relative;
}
.payment-details__card-number {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: auto;
  padding: 5px 18px;
  min-height: 36px;
  color: rgba(0, 0, 0, 0.9);
  background-color: #dee2e9;
  border-radius: 52px;
}
.payment-details__card-text {
  font-size: 18px;
  line-height: 130%;
}
.payment-details__card-text a {
  color: #ac6cdd;
  font-weight: 600;
}
.payment-details__card-image {
  position: absolute;
  max-width: 312px;
  top: -37px;
  left: 66px;
}
.payment-details__card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.payment-details__card-description {
  color: rgba(0, 0, 0, 0.6);
  line-height: 120%;
  letter-spacing: -0.16px;
}
.payment-details__card-info {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  color: #fff;
}
.payment-details__card-background {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  object-position: center;
  border-radius: 10px;
}
.payment-details__control {
  display: none;
}
@media (max-width: 1171px) {
  .payment-details__wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .payment-details__card {
    flex-basis: 33%;
    flex-grow: 1;
    padding: 20px;
    min-height: 235px;
  }
  .payment-details__card--image {
    display: none;
  }
  .payment-details__card--info {
    flex-basis: 100%;
  }
  .payment-details__card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .payment-details__card-link {
    font-size: 16px;
    font-weight: 500;
    line-height: 114%;
    letter-spacing: -0.16px;
  }
  .payment-details__card-description {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
}
@media (max-width: 767px) {
  .payment-details {
    overflow: hidden;
  }
  .payment-details__wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 24px;
    gap: 0;
  }
  .payment-details__card {
    flex-basis: unset;
    flex-shrink: 0;
    width: 298px;
    min-height: 235px;
  }
  .payment-details__card--image {
    display: none;
  }
  .payment-details__card-info {
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .payment-details__control,
  .payment-details__pagination {
    display: flex;
    align-items: center;
  }
  .payment-details__control {
    gap: 12px;
  }
  .payment-details__pagination {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .payment-details__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }
  .payment-details__button path {
    transition: stroke-opacity 0.2s ease-in-out;
  }
}
.swiper-button-disabled.payment-details__button path {
  stroke-opacity: 0.2;
}
.settlement-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .settlement-hero {
    padding: 40px 0;
  }
}
.settlement-hero__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 18px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1171px) {
  .settlement-hero__top {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .settlement-hero__top {
    margin-bottom: 32px;
    gap: 14px;
  }
}
.settlement-hero__top-right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.settlement-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .settlement-hero__title {
    font-size: 32px;
  }
}
.settlement-hero__text {
  padding-top: 10px;
  max-width: 630px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .settlement-hero__text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .settlement-hero__text {
    font-size: 16px;
  }
}
.settlement-hero__link {
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .settlement-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.settlement-hero__link:hover {
  background-color: #8a56b1;
}
.settlement-hero__image {
  width: 100%;
  min-height: 501px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .settlement-hero__image {
    min-height: 240px;
  }
}
@media (max-width: 1171px) {
  .settlement-hero__top {
    display: flex;
  }
}
@media (max-width: 767px) {
  .settlement-hero {
    padding-top: 98px;
  }
  .settlement-hero__top-right {
    gap: 24px;
  }
  .settlement-hero__link {
    width: unset;
  }
}
.settlement-info {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .settlement-info {
    padding: 40px 0;
  }
}
.settlement-info__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.settlement-info__card {
  position: relative;
  padding: 32px;
  min-height: 338px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.settlement-info__card-text {
  display: inline;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  color: #000;
}
.settlement-info__card-text--purple {
  color: #ac6cdd;
}
.settlement-info__card-text--gray {
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.7);
}
.settlement-info__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1171px) {
  .settlement-info__wrapper {
    display: flex;
    flex-direction: column;
  }
  .settlement-info__card {
    padding: 24px;
    min-height: 250px;
  }
}
@media (max-width: 767px) {
  .settlement-info__wrapper {
    gap: 16px;
  }
  .settlement-info__card {
    padding: 20px;
    min-height: 250px;
  }
  .settlement-info__card-text {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .settlement-info__card-text--gray {
    font-size: 18px;
  }
  .settlement-info__card-image {
    display: none;
  }
}
.control {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .control {
    padding: 40px 0;
  }
}
.control__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  max-width: 939px;
}
@media (max-width: 767px) {
  .control__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.control__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.control__card {
  display: flex;
  padding: 32px;
  gap: 16px;
  width: calc(100% / 3 - 15px);
  background-color: #f6f8fb;
  border-radius: 10px;
}
.control__card-image {
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.control__card-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .control__wrapper {
    display: flex;
    flex-direction: column;
  }
  .control__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .control__title {
    margin-bottom: 40px;
  }
  .control__wrapper {
    gap: 16px;
  }
  .control__card {
    padding: 20px;
  }
  .control__card-image {
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
  .control__card-text {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.ability {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .ability {
    padding: 40px 0;
  }
}
.ability__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .ability__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.ability__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.ability__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  gap: 32px;
  width: calc(100% / 3 - 15px);
  background-color: #f6f8fb;
  border-radius: 10px;
}
.ability__card-number {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: auto;
  padding: 5px 18px;
  min-height: 36px;
  color: rgba(0, 0, 0, 0.9);
  background-color: #dee2e9;
  border-radius: 52px;
  margin-bottom: auto;
}
.ability__card-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .ability__wrapper {
    display: flex;
    flex-direction: column;
  }
  .ability__card {
    width: 100%;
    gap: 38px;
  }
}
@media (max-width: 767px) {
  .ability__title {
    margin-bottom: 40px;
  }
  .ability__wrapper {
    gap: 16px;
  }
  .ability__card {
    padding: 20px;
    gap: 36px;
    min-height: 200px;
  }
  .ability__card-text {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.platform {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .platform {
    padding: 40px 0;
  }
}
.platform__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .platform__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.platform__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.platform__card {
  display: flex;
  flex-direction: column;
  min-height: 222px;
  padding: 32px;
  gap: 35px;
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.platform__card--big {
  grid-column: span 2;
}
.platform__card--last {
  position: relative;
  border: none;
}
.platform__card-icon {
  margin-bottom: auto;
  width: 42px;
  height: 42px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.platform__card-text {
  max-width: 660px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.platform__card-image {
  position: absolute;
  width: 312px;
  top: -63px;
  left: 52px;
}
@media (max-width: 1171px) {
  .platform__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .platform__card {
    padding: 20px;
    gap: 24px;
    min-height: 200px;
  }
  .platform__card--big {
    grid-column: span 1;
  }
  .platform__card--last {
    grid-column: span 2;
  }
  .platform__card-text {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .platform__card-image {
    top: -60px;
    left: calc(50% - 156px);
  }
}
@media (max-width: 767px) {
  .platform__title {
    margin-bottom: 40px;
  }
  .platform__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .platform__card--last {
    display: none;
  }
}
.availing {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .availing {
    padding: 40px 0;
  }
}
.availing__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .availing__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.availing__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.availing__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 32px;
  width: calc(100% / 3 - 15px);
  min-height: 200px;
  background: #f6f8fb;
  border-radius: 10px;
}
.availing__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
}
.availing__card-number--2 {
  right: 10px;
}
.availing__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .availing__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.availing__card-number--2 {
  right: 13px;
}
.availing__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .availing__card-number {
    right: 24px;
  }
  .availing__card-number--1 {
    right: 33px;
  }
}
.availing__card-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .availing__card {
    padding: 24px;
    min-height: 260px;
  }
}
@media (max-width: 767px) {
  .availing__title {
    margin-bottom: 40px;
  }
  .availing__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .availing__card {
    width: 100%;
    min-height: 200px;
  }
}
.settlement-request {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .settlement-request {
    padding: 40px 0;
  }
}
.settlement-request__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
  max-width: 825px;
}
@media (max-width: 767px) {
  .settlement-request__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.settlement-request__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.settlement-request__left {
  position: relative;
  padding: 32px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.settlement-request__left-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .settlement-request__left-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.settlement-request__left-text {
  margin-bottom: 32px;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.settlement-request__left-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  max-width: 135px;
  width: 100%;
}
@media (max-width: 767px) {
  .settlement-request__left-button {
    max-width: 100%;
    width: 100%;
  }
}
.settlement-request__left-button:hover {
  background-color: #8a56b1;
}
.settlement-request__left-image {
  position: absolute;
  max-width: 300px;
  right: 0;
  bottom: 0;
}
.settlement-request__right {
  padding: 32px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.settlement-request__right-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .settlement-request__right-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.settlement-request__form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  gap: 32px;
}
.settlement-request__form-inputs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.settlement-request__form-inputs-wrapper {
  display: flex;
  gap: 16px;
}
.settlement-request__form-input,
.settlement-request__form-textarea {
  padding: 16px;
  width: 100%;
  flex-grow: 1;
}
.settlement-request__form-input::placeholder,
.settlement-request__form-textarea::placeholder {
  white-space: wrap;
  text-align: left;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 370px) {
  .settlement-request__form-input--big,
  .settlement-request__form-textarea--big {
    padding-bottom: 36px;
  }
}
.settlement-request__form-input--width50 {
  height: 54px;
}
.settlement-request__form-bottom {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.settlement-request__form-bottom-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.settlement-request__form-bottom-label {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
  color: rgba(0, 0, 0, 0.6);
}
.settlement-request__form-bottom-label a {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.settlement-request__form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .settlement-request__form-button {
    max-width: 100%;
    width: 100%;
  }
}
.settlement-request__form-button:hover {
  background-color: #8a56b1;
}
.settlement-request__form-info {
  display: inline;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.settlement-request__form-info--underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.settlement-request__form-info--invalid {
  color: #ff4040;
}
@media (max-width: 1171px) {
  .settlement-request__wrapper {
    display: flex;
    flex-direction: column;
  }
  .settlement-request__left-text {
    max-width: 399px;
  }
  .settlement-request__left-image {
    max-width: 220px;
  }
}
@media (max-width: 767px) {
  .settlement-request__title {
    margin-bottom: 40px;
    max-width: 380px;
  }
  .settlement-request__wrapper {
    gap: 16px;
  }
  .settlement-request__left {
    padding: 20px;
  }
  .settlement-request__left-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .settlement-request__left-button {
    max-width: 135px;
  }
  .settlement-request__left-image {
    display: none;
  }
  .settlement-request__right {
    padding: 20px;
  }
  .settlement-request__right-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .settlement-request__form {
    gap: 32px;
  }
  .settlement-request__form-inputs {
    gap: 16px;
  }
  .settlement-request__form-inputs-wrapper {
    flex-direction: column;
    gap: 16px;
  }
  .settlement-request__form-input {
    width: 100%;
  }
  .settlement-request__form-bottom {
    padding-bottom: 0;
  }
}
.restructuring-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .restructuring-hero {
    padding: 40px 0;
  }
}
.restructuring-hero__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 18px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1171px) {
  .restructuring-hero__top {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .restructuring-hero__top {
    margin-bottom: 32px;
    gap: 14px;
  }
}
.restructuring-hero__top-right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.restructuring-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .restructuring-hero__title {
    font-size: 32px;
  }
}
.restructuring-hero__text {
  padding-top: 10px;
  max-width: 630px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .restructuring-hero__text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .restructuring-hero__text {
    font-size: 16px;
  }
}
.restructuring-hero__button {
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .restructuring-hero__button {
    max-width: 100%;
    width: 100%;
  }
}
.restructuring-hero__button:hover {
  background-color: #8a56b1;
}
.restructuring-hero__image {
  width: 100%;
  min-height: 501px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .restructuring-hero__image {
    min-height: 240px;
  }
}
@media (max-width: 1171px) {
  .restructuring-hero__top {
    display: flex;
  }
}
@media (max-width: 767px) {
  .restructuring-hero {
    padding-top: 98px;
  }
  .restructuring-hero__top-right {
    gap: 24px;
  }
  .restructuring-hero__button {
    width: unset;
    height: 48px;
  }
}
.restructuring-info {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .restructuring-info {
    padding: 40px 0;
  }
}
.restructuring-info__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.restructuring-info__card {
  padding: 32px;
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.restructuring-info__card-text {
  display: inline;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.restructuring-info__card-text--purple {
  color: #ac6cdd;
}
.restructuring-info__card-text--mb {
  display: block;
  margin-bottom: 16px;
}
.restructuring-info__card-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.restructuring-info__card-item {
  display: flex;
  gap: 12px;
  font-size: 18px;
  line-height: 130%;
}
.restructuring-info__card-item svg {
  flex-shrink: 0;
}
@media (max-width: 1171px) {
  .restructuring-info__wrapper {
    display: flex;
    flex-direction: column;
  }
  .restructuring-info__card-text {
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
}
@media (max-width: 767px) {
  .restructuring-info__wrapper {
    gap: 16px;
  }
  .restructuring-info__card {
    padding: 20px;
  }
  .restructuring-info__card-text {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .restructuring-info__card-text--mb {
    margin-bottom: 24px;
  }
  .restructuring-info__card-list {
    gap: 7px;
  }
  .restructuring-info__card-item {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.restructuring-products {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .restructuring-products {
    padding: 40px 0;
  }
}
.restructuring-products__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
  max-width: 600px;
}
@media (max-width: 767px) {
  .restructuring-products__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.restructuring-products__wrapper {
  display: flex;
  padding: 20px 7px;
  background-color: #f6f8fb;
  border-radius: 20px;
}
.restructuring-products__card {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 17px 40px;
  gap: 27px;
}
.restructuring-products__card:not(:last-child) {
  border-right: 1px solid #e8edf4;
}
.restructuring-products__card svg {
  flex-shrink: 0;
}
.restructuring-products__card-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 1171px) {
  .restructuring-products__wrapper {
    flex-direction: column;
    padding: 32px;
  }
  .restructuring-products__card {
    padding: 7px 0 7px 7px;
    gap: 20px;
  }
  .restructuring-products__card:not(:last-child) {
    padding-bottom: 17px;
    border-right: none;
    border-bottom: 1px solid #e8edf4;
  }
  .restructuring-products__card:not(:first-child) {
    padding-top: 17px;
  }
}
@media (max-width: 767px) {
  .restructuring-products__title {
    margin-bottom: 40px;
  }
  .restructuring-products__wrapper {
    padding: 30px 20px;
  }
  .restructuring-products__card {
    padding: 0;
  }
  .restructuring-products__card:not(:last-child) {
    padding-bottom: 16px;
  }
  .restructuring-products__card:not(:first-child) {
    padding-top: 16px;
  }
}
.restructuring-conditions {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .restructuring-conditions {
    padding: 40px 0;
  }
}
.restructuring-conditions__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
  max-width: 778px;
}
@media (max-width: 767px) {
  .restructuring-conditions__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.restructuring-conditions__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.restructuring-conditions__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 32px;
  gap: 32px;
  min-height: 210px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.restructuring-conditions__card--big {
  grid-column: span 2;
}
.restructuring-conditions__card--image {
  position: relative;
  background-color: unset;
}
.restructuring-conditions__card-number {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: auto;
  padding: 5px 18px;
  min-height: 36px;
  color: rgba(0, 0, 0, 0.9);
  background-color: #dee2e9;
  border-radius: 52px;
}
.restructuring-conditions__card-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.restructuring-conditions__card-image {
  position: absolute;
  z-index: -1;
  width: 323px;
  top: -60px;
  left: 66px;
}
@media (max-width: 1171px) {
  .restructuring-conditions__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .restructuring-conditions__card {
    padding: 20px;
    min-height: 200px;
  }
  .restructuring-conditions__card--big {
    grid-column: span 1;
  }
  .restructuring-conditions__card--image {
    display: none;
  }
  .restructuring-conditions__card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
@media (max-width: 767px) {
  .restructuring-conditions__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .restructuring-conditions__card {
    gap: 24px;
    min-height: 210px;
  }
  .restructuring-conditions__card-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
}
.restructuring-request{padding:60px 0}@media(max-width: 767px){.restructuring-request{padding:40px 0}}.restructuring-request__title{margin-bottom:40px;font-size:48px;font-weight:500;line-height:100%;margin:0 auto 40px;text-align:center}@media(max-width: 767px){.restructuring-request__title{margin-bottom:24px;font-size:32px}}.restructuring-request__wrapper{display:grid;grid-template-columns:repeat(2, 1fr);padding-bottom:60px;gap:20px}.restructuring-request__left{padding:32px;border-radius:10px;background-image:url(../../images/restructuring/request.webp);background-size:cover;background-repeat:no-repeat;background-position:center}.restructuring-request__subtitle{margin-bottom:14px;font-size:40px;font-weight:500;line-height:100%}.restructuring-request__text{font-size:20px;line-height:136%;letter-spacing:-0.2px}.restructuring-request__form{display:flex;flex-direction:column;padding:32px;gap:24px;background-color:#f6f8fb;border-radius:10px}.restructuring-request__form-inputs{display:flex;flex-direction:column;gap:16px}.restructuring-request__form-inputs-wrapper{display:flex;gap:24px}.restructuring-request__form-inputbox--width50{width:calc(50% - 16px)}.restructuring-request__form-input{padding:16px;width:100%;flex-grow:1}.restructuring-request__form-input::placeholder{white-space:wrap;text-align:left;line-height:120%;letter-spacing:-0.16px;color:rgba(0,0,0,.5)}@media(max-width: 370px){.restructuring-request__form-input--big{padding-bottom:36px}}.restructuring-request__form-input--width50{height:54px}.restructuring-request__form-label{display:flex;align-items:center;padding:16px 12px;gap:8px;min-height:46px;max-width:183px;width:100%;font-size:14px;letter-spacing:-0.14px;background-color:#fff;border-radius:10px}.restructuring-request__form-label input{display:none}.restructuring-request__form-label svg{flex-shrink:0}.restructuring-request__form-label path{transition:fill .2s ease-in-out}.restructuring-request__form-label-svg{display:none}.restructuring-request__form-label-svg--visible{display:block}.restructuring-request__form-label-info{display:none}.restructuring-request__form-label-info--uploaded{color:#ac6cdd}.restructuring-request__form-label-info--visible{display:block}.restructuring-request__form-bottom{display:flex;flex-direction:column;gap:24px}.restructuring-request__form-bottom-wrapper{display:flex;flex-direction:column;gap:8px}.restructuring-request__form-bottom-label{display:flex;align-items:flex-start;font-size:14px;line-height:120%;letter-spacing:-0.14px;color:rgba(0,0,0,.6)}.restructuring-request__form-bottom-label a{display:inline;text-decoration:underline;text-underline-offset:3px}.restructuring-request__form-button{display:flex;justify-content:center;align-items:center;padding:5px 28px;height:56px;font-weight:500;letter-spacing:-0.16px;color:#fff;background-color:#ac6cdd;border-radius:10px;transition:background-color .2s ease-in-out}@media(max-width: 767px){.restructuring-request__form-button{max-width:100%;width:100%}}.restructuring-request__form-button:hover{background-color:#8a56b1}.restructuring-request__form-info{display:inline;font-size:14px;letter-spacing:-0.14px}.restructuring-request__form-info--underline{text-decoration:underline;text-underline-offset:3px}.restructuring-request__form-info--invalid{color:#ff4040}@media(max-width: 1171px){.restructuring-request{display:flex;flex-direction:column-reverse;padding-top:0}.restructuring-request__title{padding-top:60px}.restructuring-request__wrapper{display:flex;flex-direction:column}.restructuring-request__left{min-height:570px}.restructuring-request__subtitle{max-width:499px}.restructuring-request__text{max-width:424px}}@media(max-width: 767px){.restructuring-request__title{margin-bottom:40px}.restructuring-request__wrapper{gap:16px}.restructuring-request__left{padding:20px;min-height:300px}.restructuring-request__subtitle{font-size:24px;line-height:110%;letter-spacing:-0.48px}.restructuring-request__text{font-size:16px;line-height:120%;letter-spacing:-0.16px}.restructuring-request__form{padding:20px;gap:16px}.restructuring-request__form-inputs-wrapper{flex-direction:column;gap:16px}.restructuring-request__form-input{width:100%}.restructuring-request__form-label{justify-content:center;max-width:288px}.restructuring-request__form-bottom{padding-bottom:0;gap:16px}}
.work-hero {
  position: relative;
  padding-top: 112px;
  min-height: 700px;
}
.work-hero__slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.work-hero__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.work-hero__card {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.work-hero__card.swiper-slide-active {
  pointer-events: all;
}
.work-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work-hero__content {
  position: absolute;
  padding-top: 247px;
  height: 100%;
  top: 0;
  color: #ffffff;
}
.work-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .work-hero__title {
    font-size: 32px;
  }
}
.work-hero__text {
  margin-bottom: 32px;
  max-width: 594px;
  font-size: 24px;
  line-height: 120%;
}
.work-hero__link,
.work-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-radius: 10px;
}
.work-hero__link {
  position: absolute;
  padding: 10px;
  max-width: 195px;
  width: 100%;
  bottom: 140px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.work-hero__link:hover {
  color: #fff;
  background-color: #ac6cdd;
}
.work-hero__control {
  position: relative;
}
.work-hero__control-wrapper {
  position: absolute;
  display: flex;
  bottom: 140px;
  left: 227px;
}
.work-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
.work-hero__control-button:hover {
  background-color: #ac6cdd;
  border-color: #ac6cdd;
}
.work-hero__control-button--previous {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .work-hero__control-button--previous {
    margin-right: 10px;
  }
}
.work-hero__control-button path {
  transition: stroke 0.2s ease-in-out, stroke-opacity 0.2s ease-in-out;
}
.work-hero__control-button:hover path {
  stroke: #fff;
}
.work-hero__control-button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.work-hero__control-button--previous {
  padding-left: 44px;
}
.work-hero__control-button--previous:hover svg {
  animation: moveLeft 1s infinite;
}
.work-hero__control-button--next {
  padding-right: 44px;
}
.work-hero__control-button--next:hover svg {
  animation: moveRight 1s infinite;
}
.work-hero__control-button svg {
  flex-shrink: 0;
}
@media (max-width: 1171px) {
  .work-hero {
    min-height: 1042px;
    padding-top: 108px;
  }
  .work-hero__link {
    bottom: 40px;
  }
  .work-hero__content {
    padding-top: 208px;
  }
  .work-hero__control-wrapper {
    bottom: 40px;
    left: 227px;
  }
}
@media (max-width: 767px) {
  .work-hero {
    padding-top: 90px;
    min-height: 640px;
  }
  .work-hero__image {
    object-position: 50% 100%;
  }
  .work-hero__title {
    margin-bottom: 8px;
    max-width: 400px;
  }
  .work-hero__text {
    margin-bottom: 20px;
    max-width: 328px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .work-hero__content {
    padding-top: 145px;
  }
  .work-hero__control-wrapper {
    bottom: 44px;
    left: 211px;
  }
  .work-hero__control-button {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 355px) {
  .work-hero__link {
    width: fit-content;
  }
  .work-hero__control-wrapper {
    left: 177px;
  }
}
.attempt {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .attempt {
    padding: 40px 0;
  }
}
.attempt__wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  padding: 32px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.attempt__left {
  max-width: 700px;
}
.attempt__title {
  margin-bottom: 32px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
}
.attempt__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.attempt__item {
  display: flex;
  gap: 8px;
  font-size: 24px;
  line-height: 120%;
}
.attempt__item svg {
  flex-shrink: 0;
}
.attempt__image {
  position: absolute;
  max-width: 323px;
  right: 73px;
  bottom: 0;
}
@media (max-width: 1171px) {
  .attempt__wrapper {
    flex-direction: column;
    padding-bottom: 260px;
  }
  .attempt__left {
    max-width: unset;
  }
  .attempt__image {
    align-self: center;
    right: unset;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .attempt__wrapper {
    padding: 24px;
    padding-bottom: 195px;
    min-height: unset;
  }
  .attempt__title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 100%;
  }
  .attempt__item {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .attempt__image {
    max-width: 220px;
  }
}
.work-faq {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .work-faq {
    padding: 40px 0;
  }
}
.work-faq__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .work-faq__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.work-faq__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.work-faq__card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-basis: 29%;
  flex-grow: 1;
  padding: 32px;
  min-height: 300px;
  background-color: #f6f8fb;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.work-faq__card:last-child:hover {
  background-color: #ac6cdd;
}
.work-faq__card-number {
  position: absolute;
  top: -26px;
  right: 30px;
  font-size: 155px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.1px;
  color: #dee2e9;
}
.work-faq__card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 24px;
}
.work-faq__card-text {
  z-index: 1;
  max-width: 270px;
  min-height: 105px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.work-faq__card-text--w100 {
  max-width: 100%;
}
.work-faq__card-text--h0 {
  min-height: unset;
}
.work-faq__card-number,
.work-faq__card-text,
.work-faq__card-linkbox {
  transition: color 0.2s ease-in-out;
}
.work-faq__card:last-child:hover .work-faq__card-number {
  color: #cda7eb;
}
.work-faq__card:last-child:hover .work-faq__card-text {
  color: #fff;
}
.work-faq__card-linkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
.work-faq__card:last-child:hover .work-faq__card-linkbox {
  color: #fff;
}
.work-faq__card-linkbox path {
  transition: stroke 0.2s ease-in-out;
}
.work-faq__card:last-child:hover .work-faq__card-linkbox path {
  stroke: #fff;
}
@media (max-width: 1171px) {
  .work-faq__card--fb56 {
    flex-basis: 41%;
  }
  .work-faq__card-text {
    min-height: unset;
  }
  .work-faq__card-text--w100 {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .work-faq__title {
    margin-bottom: 40px;
  }
  .work-faq__card {
    padding: 24px;
    flex-basis: 100%;
    min-height: 200px;
  }
  .work-faq__card-number {
    font-size: 130px;
    letter-spacing: -2.6px;
    right: 17px;
  }
  .work-faq__card-text {
    max-width: 266px;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
}
.faq-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .faq-hero {
    padding: 40px 0;
  }
}
.faq-hero__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 18px;
}
@media (max-width: 1171px) {
  .faq-hero__top {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .faq-hero__top {
    margin-bottom: 32px;
    gap: 14px;
  }
}
.faq-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .faq-hero__title {
    font-size: 32px;
  }
}
.faq-hero__text {
  padding-top: 10px;
  max-width: 630px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .faq-hero__text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .faq-hero__text {
    font-size: 16px;
  }
}
.faq-hero__image {
  width: 100%;
  min-height: 501px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .faq-hero__image {
    min-height: 240px;
  }
}
@media (max-width: 767px) {
  .faq-hero {
    padding-top: 98px;
  }
}
.faq-questions {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .faq-questions {
    padding: 40px 0;
  }
}
.faq-questions__wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.faq-questions__accordion {
  position: relative;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
  box-shadow: 0px 637px 178px 0px rgba(186, 188, 197, 0),
    0px 408px 163px 0px rgba(186, 188, 197, 0.01),
    0px 229px 138px 0px rgba(186, 188, 197, 0.03),
    0px 102px 102px 0px rgba(186, 188, 197, 0.04),
    0px 25px 56px 0px rgba(186, 188, 197, 0.05);
}
.faq-questions__control {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  text-align: left;
}
.faq-questions__control-text {
  max-width: 758px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.faq-questions__control-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background-color: #dee2e9;
  border-radius: 100px;
  transition: background-color 0.2s ease-in-out;
}
.faq-questions__control-wrapper::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 128px;
  top: 0;
  left: 0;
}
.faq-questions__control:hover .faq-questions__control-wrapper {
  background-color: #ac6cdd;
}
.faq-questions__control-icon {
  transition: transform 0.2s ease-in-out;
}
.faq-questions__control-icon path {
  transition: fill 0.2s ease-in-out;
}
.faq-questions__control:hover .faq-questions__control-icon path {
  fill: #fff;
}
.faq-questions__content {
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
  gap: 24px;
  max-width: 758px;
  max-height: 0;
  will-change: max-height;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.faq-questions__listbox {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.faq-questions__text {
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.faq-questions__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faq-questions__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.faq-questions__item svg {
  margin-top: 8px;
}
.accordion--opened .faq-questions__content {
  padding-top: 32px;
  opacity: 1;
}
.accordion--opened .faq-questions__control-icon {
  transform: rotate(45deg);
}
@media (max-width: 1171px) {
  .faq-questions__wrapper {
    gap: 20px;
  }
  .faq-questions__accordion {
    padding: 24px;
  }
  .faq-questions__control {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .faq-questions__control-text {
    max-width: 568px;
  }
  .faq-questions__control-wrapper::after {
    height: 100px;
  }
  .faq-questions__content {
    gap: 24px;
    max-width: 568px;
  }
  .faq-questions__item svg {
    margin-top: 6px;
  }
  .faq-questions__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .accordion--opened .faq-questions__content {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .faq-questions__wrapper {
    gap: 16px;
  }
  .faq-questions__accordion {
    padding: 14px;
  }
  .faq-questions__control {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .faq-questions__control-text {
    max-width: 450px;
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .faq-questions__control-wrapper::after {
    height: 80px;
  }
  .faq-questions__content {
    max-width: 450px;
  }
  .faq-questions__text {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
}
@media (max-width: 599px) {
  .faq-questions__content {
    max-width: 244px;
  }
}
.deletion-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .deletion-hero {
    padding: 40px 0;
  }
}
.deletion-hero__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 18px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1171px) {
  .deletion-hero__top {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .deletion-hero__top {
    margin-bottom: 32px;
    gap: 14px;
  }
}
.deletion-hero__top-right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.deletion-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .deletion-hero__title {
    font-size: 32px;
  }
}
.deletion-hero__text {
  padding-top: 10px;
  max-width: 630px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .deletion-hero__text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .deletion-hero__text {
    font-size: 16px;
  }
}
.deletion-hero__button {
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .deletion-hero__button {
    max-width: 100%;
    width: 100%;
  }
}
.deletion-hero__button:hover {
  background-color: #8a56b1;
}
.deletion-hero__image {
  width: 100%;
  min-height: 501px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .deletion-hero__image {
    min-height: 240px;
  }
}
@media (max-width: 1171px) {
  .deletion-hero__top {
    display: flex;
  }
}
@media (max-width: 767px) {
  .deletion-hero {
    padding-top: 98px;
  }
  .deletion-hero__top-right {
    gap: 24px;
  }
  .deletion-hero__button {
    width: unset;
  }
}
.deletion-options {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .deletion-options {
    padding: 40px 0;
  }
}
.deletion-options__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .deletion-options__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.deletion-options__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.deletion-options__card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  min-height: 300px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.deletion-options__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .deletion-options__card-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.deletion-options__card-text {
  margin-bottom: auto;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.deletion-options__card-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  display: flex;
  gap: 10px;
}
@media (max-width: 767px) {
  .deletion-options__card-link {
    max-width: 100%;
    width: 100%;
  }
}
.deletion-options__card-link:hover {
  background-color: #8a56b1;
}
.deletion-options__card-number {
  position: absolute;
  right: -16px;
  bottom: -35px;
  font-size: 164px;
  line-height: 100%;
  font-weight: 900;
  letter-spacing: -3.28px;
  color: #e8edf4;
}
@media (max-width: 1171px) {
  .deletion-options__wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .deletion-options__card {
    flex-basis: 25%;
    flex-grow: 1;
  }
  .deletion-options__card--big {
    flex-basis: 100%;
    min-height: unset;
  }
  .deletion-options__card-text {
    max-width: 300px;
  }
}
@media (max-width: 767px) {
  .deletion-options__title {
    margin-bottom: 32px;
  }
  .deletion-options__wrapper {
    gap: 16px;
  }
  .deletion-options__card {
    flex-basis: 100%;
    padding: 20px;
    min-height: unset;
  }
  .deletion-options__card-text {
    margin-bottom: 32px;
  }
  .deletion-options__card-text--mb0 {
    margin-bottom: 0;
  }
  .deletion-options__card-link {
    width: fit-content;
  }
  .deletion-options__card-number {
    display: none;
  }
}
.instruction__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .instruction__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.instruction__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
  gap: 20px;
}
.instruction__card {
  position: relative;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 340px;
  border-radius: 10px;
  background-color: #f6f8fb;
}
.instruction__card-title,
.instruction__card-text {
  max-width: 350px;
}
.instruction__card-title {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.instruction__card-text {
  position: relative;
  z-index: 1;
  font-size: 18px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.instruction__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
.instruction__bottom {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.instruction__bottom-info {
  font-size: 18px;
  line-height: 130%;
}
.instruction__bottom-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.instruction__bottom-icons:hover + .instruction__infobox {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}
.instruction__bottom-icon {
  z-index: 2;
  flex-shrink: 0;
  margin-bottom: -6px;
  transform: translateY(-16px);
}
.instruction__infobox {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
  max-width: 490px;
  bottom: calc(100% + 14px);
  right: -10px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.25);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
}
.instruction__infobox-text {
  text-align: center;
  line-height: 120%;
  letter-spacing: -0.16px;
}
.instruction__infobox-icon {
  display: none;
}
@media (max-width: 1171px) {
  .instruction__wrapper {
    display: flex;
    flex-direction: column;
  }
  .instruction__card {
    padding: 24px;
    width: 100%;
    min-height: 250px;
  }
  .instruction__card-title {
    max-width: 100%;
  }
  .instruction__card-text {
    max-width: 410px;
  }
  .instruction__card-text--1 {
    max-width: 430px;
  }
  .instruction__bottom {
    gap: 8px;
  }
  .instruction__bottom-info {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
@media (max-width: 767px) {
  .instruction__wrapper {
    gap: 16px;
  }
  .instruction__title {
    margin-bottom: 32px;
  }
  .instruction__card {
    padding: 20px;
    padding-bottom: 137px;
  }
  .instruction__card-title {
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .instruction__card-text {
    max-width: 288px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .instruction__card-image {
    width: 180px;
  }
  .instruction__bottom-info {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.14px;
  }
  .instruction__bottom-icon {
    display: none;
  }
  .instruction__infobox {
    right: unset;
  }
  .instruction__infobox-icon {
    display: block;
    flex-shrink: 0;
    margin-top: -6px;
    transform: translateY(18px);
  }
}
.employment-hero {
  position: relative;
  min-height: 700px;
}
.employment-hero__slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.employment-hero__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.employment-hero__card {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.employment-hero__card.swiper-slide-active {
  pointer-events: all;
}
.employment-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.employment-hero__content {
  position: absolute;
  padding-top: 230px;
  height: 100%;
  top: 0;
  color: #ffffff;
}
.employment-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .employment-hero__title {
    font-size: 32px;
  }
}
.employment-hero__text {
  margin-bottom: 32px;
  max-width: 516px;
  font-size: 24px;
  line-height: 120%;
}
.employment-hero__link,
.employment-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-radius: 10px;
}
.employment-hero__link {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  width: fit-content;
  bottom: 140px;
}
@media (max-width: 767px) {
  .employment-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.employment-hero__link:hover {
  background-color: #8a56b1;
}
.employment-hero__control {
  position: relative;
}
.employment-hero__control-wrapper {
  position: absolute;
  z-index: 1;
  display: flex;
  bottom: 140px;
  left: 218px;
}
.employment-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
.employment-hero__control-button:hover {
  background-color: #ac6cdd;
  border-color: #ac6cdd;
}
.employment-hero__control-button--previous {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .employment-hero__control-button--previous {
    margin-right: 10px;
  }
}
.employment-hero__control-button path {
  transition: stroke 0.2s ease-in-out, stroke-opacity 0.2s ease-in-out;
}
.employment-hero__control-button:hover path {
  stroke: #fff;
}
.employment-hero__control-button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.employment-hero__control-button--previous {
  padding-left: 44px;
}
.employment-hero__control-button--previous:hover svg {
  animation: moveLeft 1s infinite;
}
.employment-hero__control-button--next {
  padding-right: 44px;
}
.employment-hero__control-button--next:hover svg {
  animation: moveRight 1s infinite;
}
.employment-hero__right {
  display: flex;
  justify-content: flex-end;
  padding-top: 135px;
}
.employment-hero__right-slider {
  position: relative;
  overflow: hidden;
  display: flex;
  width: 514px;
  height: 500px;
  color: rgba(0, 0, 0, 0.8);
  perspective: 1200px;
}
.employment-hero__right-slider-wrapper {
  margin-right: 20px;
  transform-style: preserve-3d;
}
.employment-hero__right-slider-card {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
}
.employment-hero__right-slider-card.swiper-slide {
  opacity: 0;
}
.employment-hero__right-slider-card.swiper-slide-active {
  background-color: #fff;
  backdrop-filter: unset;
  border: 1px solid #fff;
  box-shadow: 0px -2px 14px 0px rgba(0, 0, 0, 0.03);
  opacity: 1;
}
.employment-hero__right-slider-card.swiper-slide-prev,
.employment-hero__right-slider-card.swiper-slide-next {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: var(--white-50, rgba(255, 255, 255, 0.5));
  box-shadow: 0px -1.911px 13.376px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  opacity: 1;
}
.employment-hero__right-slider-card-top {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 14px;
}
.employment-hero__right-slider-card-iconbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
.employment-hero__right-slider-card-iconbox svg {
  flex-shrink: 0;
}
.employment-hero__right-slider-card-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: rgba(0, 0, 0, 0.5);
}
.employment-hero__right-slider-card.swiper-slide-active
  .employment-hero__right-slider-card-title {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
}
.employment-hero__right-slider-card-text {
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.5);
}
.employment-hero__right-slider-card.swiper-slide-prev
  .employment-hero__right-slider-card-text,
.employment-hero__right-slider-card.swiper-slide-next
  .employment-hero__right-slider-card-text,
.employment-hero__right-slider-card.swiper-slide-active
  .employment-hero__right-slider-card-text {
  font-size: 18px;
}
.employment-hero__right-slider-card.swiper-slide-active
  .employment-hero__right-slider-card-text {
  color: rgba(0, 0, 0, 0.9);
}
.employment-hero__right-slider-pagination {
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 7px;
  gap: 10px;
}
@media (max-width: 1171px) {
  .employment-hero {
    display: flex;
    align-items: flex-end;
    min-height: 850px;
  }
  .employment-hero__image {
    object-position: 35% 0;
  }
  .employment-hero__content {
    padding-top: 144px;
  }
  .employment-hero__link {
    bottom: 40px;
  }
  .employment-hero__control-wrapper {
    bottom: 40px;
  }
  .employment-hero__right {
    overflow: hidden;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
    height: 410px;
    transform: translateY(-76px);
  }
  .employment-hero__right-slider {
    gap: 16px;
    max-width: 637px;
    width: 100%;
    height: 482px;
    perspective: 2400px;
  }
  .employment-hero__right-slider-wrapper {
    margin: 0;
  }
  .employment-hero__right-slider-card {
    padding: 28px;
  }
  .employment-hero__right-slider-pagination {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .employment-hero {
    min-height: 670px;
  }
  .employment-hero__title {
    margin-bottom: 8px;
    max-width: 328px;
    line-height: 110%;
  }
  .employment-hero__text {
    margin-bottom: 20px;
    max-width: 290px;
    font-size: 18px;
    letter-spacing: -0.16px;
    line-height: 130%;
  }
  .employment-hero__content {
    padding-top: 104px;
  }
  .employment-hero__link {
    width: fit-content;
    height: 48px;
    bottom: 24px;
  }
  .employment-hero__control-wrapper {
    bottom: 24px;
    left: 206px;
  }
  .employment-hero__control-button {
    width: 48px;
    height: 48px;
  }
  .employment-hero__right {
    padding-bottom: 30px;
    height: 365px;
  }
  .employment-hero__right-slider {
    position: relative;
    align-self: center;
    height: 510px;
  }
  .employment-hero__right-slider-card {
    padding: 20px;
    width: 100%;
  }
  .employment-hero__right-slider-card-top {
    margin-bottom: 8px;
  }
  .employment-hero__right-slider-card-title {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .employment-hero__right-slider-card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .employment-hero__right-slider-pagination {
    position: absolute;
    flex-direction: row;
    width: 100%;
    bottom: 82px;
  }
}
@media (max-width: 349px) {
  .employment-hero__link {
    padding: 5px 15px;
  }
  .employment-hero__control-wrapper {
    left: 180px;
  }
  .employment-hero__right-slider-card.swiper-slide-prev
    .employment-hero__right-slider-card-text,
  .employment-hero__right-slider-card.swiper-slide-next
    .employment-hero__right-slider-card-text,
  .employment-hero__right-slider-card.swiper-slide-active
    .employment-hero__right-slider-card-text {
    font-size: 16px;
  }
}
.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  background-color: rgba(255, 255, 255, 0.8);
}
.employment-areas {
  padding: 60px 0;
  padding-top: 120px;
}
@media (max-width: 767px) {
  .employment-areas {
    padding: 40px 0;
  }
}
.employment-areas__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  max-width: 972px;
}
@media (max-width: 767px) {
  .employment-areas__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.employment-areas__tabs-control {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.employment-areas__tabs-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 5px 32px;
  height: 62px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  line-height: 100%;
  background-color: #f6f8fb;
  border-radius: 60px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.employment-areas__tabs-button:hover {
  color: #fff;
  background-color: #8a56b1;
}
.employment-areas__tabs-button:not(:last-child) {
  margin-right: 10px;
}
.employment-areas__tabs-button:disabled {
  pointer-events: none;
}
.employment-areas__tabs-button--active {
  color: #fff;
  background-color: #ac6cdd;
}
.employment-areas__tabs-button--active rect {
  fill: #fff;
}
.employment-areas__tabs-button--active path {
  stroke: #ac6cdd;
}
.employment-areas__tabs-button svg {
  margin-left: 10px;
}
.employment-areas__tabs-button rect {
  transition: fill 0.2s ease-in-out;
}
.employment-areas__tabs-button path {
  transition: stroke 0.2s ease-in-out;
}
.employment-areas__tabs-button:hover rect {
  fill: #fff;
}
.employment-areas__tabs-button:hover path {
  stroke: #ac6cdd;
}
.employment-areas__tabs-content {
  display: none;
}
.employment-areas__tabs-content--active {
  display: block;
}
.employment-areas__tabs-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.employment-areas__tabs-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  min-height: 140px;
  background: #f6f8fb;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.employment-areas__tabs-link-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.employment-areas__tabs-link:hover {
  background-color: #f1f7ff;
}
.employment-areas__tabs-link:hover .employment-areas__tabs-link-wrapper {
  color: #ac6cdd;
}
.employment-areas__tabs-link path {
  transition: stroke 0.2s ease-in-out;
}
.employment-areas__tabs-link:hover path {
  stroke: #ac6cdd;
}
.employment-areas__tabs-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.4px;
}
@media (max-width: 1171px) {
  .employment-areas__tabs-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .employment-areas {
    padding-top: 80px;
  }
  .employment-areas__title {
    line-height: 110%;
  }
  .employment-areas__tabs {
    overflow: hidden;
  }
  .employment-areas__tabs-control {
    flex-wrap: nowrap;
    margin-bottom: 24px;
  }
  .employment-areas__tabs-button {
    margin-bottom: 0;
    padding: 5px 24px;
    height: 43px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .employment-areas__tabs-links {
    grid-template-columns: repeat(1, 1fr);
  }
  .employment-areas__tabs-link {
    min-height: 118px;
  }
}
.consult {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .consult {
    padding: 40px 0;
  }
}
.consult__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .consult__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.consult__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.consult__card {
  display: flex;
  padding: 24px;
  min-height: 182px;
  background: linear-gradient(
      131deg,
      rgba(255, 255, 255, 0) 52.94%,
      rgba(255, 255, 255, 0.47) 90.94%
    ),
    linear-gradient(67deg, #f5f0ff 0%, #bdcfee 203.48%);
  background-image: url(../images/employment/consult.webp);
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}
.consult__card svg {
  flex-shrink: 0;
  margin-right: 24px;
}
.consult__card-title {
  margin-bottom: 12px;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.consult__card-text {
  color: rgba(0, 0, 0, 0.7);
  line-height: 120%;
  letter-spacing: -0.16px;
}
.consult__control {
  display: none;
}
@media (max-width: 1171px) {
  .consult__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .consult {
    overflow: hidden;
  }
  .consult__title {
    line-height: 110%;
  }
  .consult__cards {
    display: flex;
    margin-bottom: 24px;
    gap: 0;
  }
  .consult__card {
    flex-shrink: 0;
    padding: 20px;
    width: 298px;
  }
  .consult__card svg {
    margin-right: 16px;
  }
  .consult__control {
    display: flex;
    align-items: center;
  }
  .consult__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  }
  .consult__button:hover {
    background-color: #ac6cdd;
    border-color: #ac6cdd;
  }
  .consult__button--previous {
    margin-right: 12px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .consult__button--previous {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .consult__button path {
    transition: stroke 0.2s ease-in-out, stroke-opacity 0.2s ease-in-out;
  }
  .consult__button:hover path {
    stroke: #fff;
  }
  .consult__button.swiper-button-disabled path {
    stroke-opacity: 0.2;
  }
  .consult__pagination {
    display: flex;
    margin-right: 12px;
    min-width: 30px;
    font-size: 18px;
    letter-spacing: -0.36px;
    color: rgba(0, 0, 0, 0.5);
  }
}
.success {
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .success {
    padding: 40px 0;
  }
}
.success__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .success__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.success__slider {
  position: relative;
}
.success__slider-wrapper {
  display: flex;
}
.success__slider-card {
  display: flex;
  flex-direction: column;
  padding: 24px;
  flex-shrink: 0;
  width: 413px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.success__slider-card:not(:last-child) {
  margin-right: 20px;
}
.success__slider-card-top {
  display: flex;
  margin-bottom: 36px;
}
.success__slider-card-image {
  margin-right: 16px;
  width: 64px;
  height: 64px;
  border-radius: 100px;
}
.success__slider-card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .success__slider-card-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.success__slider-card-info {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
}
.success__slider-card-text {
  margin-bottom: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.success__slider-card-button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  margin-top: auto;
  transition: color 0.2s ease-in-out;
}
.success__slider-card-button path {
  transition: stroke 0.2s ease-in-out;
}
.success__slider-card-button:hover {
  color: #ac6cdd;
}
.success__slider-card-button:hover path {
  stroke: #ac6cdd;
}
.success__slider-control {
  position: absolute;
  display: flex;
  top: -90px;
  right: 0;
}
.success__slider-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  width: 56px;
  height: 56px;
}
.success__slider-button:hover {
  background-color: #ac6cdd;
  border-color: #ac6cdd;
}
.success__slider-button--previous {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .success__slider-button--previous {
    margin-right: 10px;
  }
}
.success__slider-button path {
  transition: stroke 0.2s ease-in-out, stroke-opacity 0.2s ease-in-out;
}
.success__slider-button:hover path {
  stroke: #fff;
}
.success__slider-button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.success__slider-pagination {
  display: none;
}
.success__pop-up-wrapper {
  position: relative;
  padding: 40px;
  max-width: 700px;
  background-color: #fff;
  border-radius: 10px;
}
.success__pop-up-button {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 20px;
  right: 20px;
}
.success__pop-up-top {
  display: flex;
  margin-bottom: 36px;
}
.success__pop-up-image {
  margin-right: 16px;
  width: 64px;
  height: 64px;
  border-radius: 100px;
}
.success__pop-up-right {
  max-width: 360px;
}
.success__pop-up-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .success__pop-up-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.success__pop-up-info {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
}
.success__pop-up-textbox {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  overflow-y: auto;
  gap: 16px;
  max-height: 436px;
}
.success__pop-up-textbox::-webkit-scrollbar {
  width: 4px;
}
.success__pop-up-textbox::-webkit-scrollbar-thumb {
  background-color: #dee2e9;
  border-radius: 100px;
  cursor: pointer;
}
.success__pop-up-textbox::-webkit-scrollbar-track {
  background: transparent;
}
.success__pop-up-text {
  max-width: 592px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 120%;
  letter-spacing: -0.16px;
}
@media (max-width: 1171px) {
  .success__slider-card {
    width: 630px;
    min-height: 380px;
  }
}
@media (max-width: 767px) {
  .success__slider-wrapper {
    margin-bottom: 24px;
  }
  .success__slider-card {
    margin-right: 16px;
    padding: 20px;
    width: 298px;
    min-height: unset;
  }
  .success__slider-card-top {
    flex-direction: column;
    margin-bottom: 20px;
  }
  .success__slider-card-image {
    margin-right: 0;
    margin-bottom: 8px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
  }
  .success__slider-control {
    position: static;
    align-items: center;
  }
  .success__slider-button {
    width: 48px;
    height: 48px;
  }
  .success__slider-pagination {
    display: flex;
    margin-right: 12px;
    min-width: 30px;
    font-size: 18px;
    letter-spacing: -0.36px;
    color: rgba(0, 0, 0, 0.5);
  }
  .success__pop-up {
    align-items: flex-start;
    padding-top: 40px;
  }
  .success__pop-up-wrapper {
    padding: 20px;
    max-height: 100%;
  }
  .success__pop-up-top {
    flex-direction: column;
    margin-bottom: 24px;
  }
  .success__pop-up-image {
    margin-right: 0;
    margin-bottom: 8px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
  }
  .success__pop-up-textbox {
    padding: 0;
    padding-bottom: 110px;
    max-height: calc(100vh - 200px);
  }
}
.employment-request {
  padding: 60px 0;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .employment-request {
    padding: 40px 0;
  }
}
.employment-request__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .employment-request__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.employment-request__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.employment-request__left {
  padding: 32px;
  border-radius: 10px;
  background-image: url(../images/employment/request.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.employment-request__subtitle {
  max-width: 499px;
  margin-bottom: 14px;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
}
.employment-request__text {
  max-width: 424px;
  font-size: 20px;
  line-height: 136%;
  letter-spacing: -0.2px;
}
.employment-request__form {
  display: flex;
  flex-direction: column;
  padding: 32px;
  gap: 24px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.employment-request__form-inputs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.employment-request__form-inputs-wrapper {
  display: flex;
  gap: 24px;
}
.employment-request__form-input {
  padding: 16px;
  width: 100%;
}
.employment-request__form-input::placeholder {
  white-space: wrap;
  text-align: left;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 370px) {
  .employment-request__form-input--big {
    padding-bottom: 36px;
  }
}
.employment-request__form-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 22px 5px 16px;
  gap: 8px;
  max-width: fit-content;
  height: 46px;
  font-size: 14px;
  letter-spacing: -0.14px;
  background-color: #fff;
  border-radius: 10px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.employment-request__form-label:hover {
  color: #fff;
  background-color: #ac6cdd;
}
.employment-request__form-label:hover path {
  fill: #fff;
}
.employment-request__form-label input {
  display: none;
}
.employment-request__form-label svg {
  flex-shrink: 0;
}
.employment-request__form-label path {
  transition: fill 0.2s ease-in-out;
}
.employment-request__form-label-svg {
  display: none;
}
.employment-request__form-label-svg--visible {
  display: block;
}
.employment-request__form-label-info {
  display: none;
}
.employment-request__form-label-info--uploaded {
  color: #ac6cdd;
}
.employment-request__form-label-info--visible {
  display: block;
}
.employment-request__form-bottom {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.employment-request__form-bottom-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employment-request__form-bottom-label {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
  color: rgba(0, 0, 0, 0.6);
}
.employment-request__form-bottom-label a {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.employment-request__form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  height: 52px;
}
@media (max-width: 767px) {
  .employment-request__form-button {
    max-width: 100%;
    width: 100%;
  }
}
.employment-request__form-button:hover {
  background-color: #8a56b1;
}
.employment-request__form-info {
  display: inline;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.employment-request__form-info--underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.employment-request__form-info--invalid {
  color: #ff4040;
}
@media (max-width: 1171px) {
  .employment-request__left {
    background-image: url(../images/employment/request-tablet.webp);
    background-position: 100% 60%;
  }
  .employment-request__subtitle {
    max-width: 100%;
  }
  .employment-request__wrapper {
    display: flex;
    flex-direction: column;
  }
  .employment-request__left {
    min-height: 500px;
  }
}
@media (max-width: 767px) {
  .employment-request {
    padding-bottom: 80px;
  }
  .employment-request__wrapper {
    gap: 16px;
  }
  .employment-request__left {
    padding: 20px;
    min-height: 296px;
    background-image: url(../images/employment/request.webp);
    background-position: center;
  }
  .employment-request__subtitle {
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .employment-request__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .employment-request__form {
    padding: 20px;
    gap: 16px;
  }
  .employment-request__form-inputs-wrapper {
    flex-direction: column;
    gap: 16px;
  }
  .employment-request__form-label {
    justify-content: center;
    max-width: 100%;
  }
  .employment-request__form-bottom {
    padding-bottom: 0;
  }
}
.position-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .position-hero {
    padding: 40px 0;
  }
}
.position-hero__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.position-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
.position-hero__text {
  max-width: 629px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.position-hero__image {
  width: 100%;
  height: 501px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .position-hero__title {
    margin-bottom: 24px;
  }
  .position-hero__top {
    flex-direction: column;
  }
  .position-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .position-hero {
    padding-top: 98px;
  }
  .position-hero__top {
    margin-bottom: 32px;
  }
  .position-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
  }
  .position-hero__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .position-hero__image {
    height: 240px;
  }
}
.position-about {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .position-about {
    padding: 40px 0;
  }
}
.position-about__wrapper {
  display: flex;
  gap: 20px;
}
.position-about__left,
.position-about__right {
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.position-about__left {
  max-width: 776px;
}
.position-about__left-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 40px;
}
.position-about__title {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.8px;
}
.position-about__textbox {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.position-about__textbox--gray {
  padding: 16px;
  background-color: #dee2e9;
  border-radius: 8px;
}
.position-about__text {
  font-size: 20px;
  line-height: 130%;
}
.position-about__text--gray {
  color: rgba(0, 0, 0, 0.6);
}
.position-about__right {
  position: sticky;
  top: 104px;
  align-self: flex-start;
  flex-grow: 1;
}
.position-about__right-top {
  display: flex;
  margin-bottom: 24px;
  gap: 6px;
}
.position-about__right-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  gap: 16px;
}
.position-about__right-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.position-about__right-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .position-about__right-button {
    max-width: 100%;
    width: 100%;
  }
}
.position-about__right-button:hover {
  background-color: #8a56b1;
}
.position-about__info {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 18px;
  width: max-content;
  height: 29px;
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 110%;
  color: #ac6cdd;
  border-radius: 52px;
  border: 1px solid #ac6cdd;
}
@media (max-width: 1171px) {
  .position-about {
    padding-bottom: 40px;
  }
  .position-about__wrapper {
    flex-direction: column-reverse;
  }
  .position-about__left,
  .position-about__right {
    padding: 32px;
  }
  .position-about__left {
    max-width: 100%;
  }
  .position-about__right {
    position: static;
    align-self: unset;
  }
}
@media (max-width: 767px) {
  .position-about {
    padding: 20px 0;
  }
  .position-about__wrapper {
    gap: 16px;
  }
  .position-about__left,
  .position-about__right {
    padding: 20px;
  }
  .position-about__left-wrapper {
    gap: 24px;
  }
  .position-about__title {
    margin-bottom: 24px;
    font-size: 24px;
  }
  .position-about__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .position-about__right-top {
    flex-wrap: wrap;
  }
  .position-about__right-list {
    margin-bottom: 24px;
  }
}
.skills {
  padding: 40px 0;
}
.skills__wrapper {
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.skills__title {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.8px;
}
.skills__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.skills__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.skills__item {
  display: flex;
  gap: 8px;
}
.skills__item svg {
  flex-shrink: 0;
}
.skills__text {
  padding-top: 3px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .skills__wrapper {
    padding: 32px;
  }
  .skills__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .skills {
    padding: 20px 0;
  }
  .skills__wrapper {
    padding: 20px;
  }
  .skills__title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 100%;
  }
}
.skills__text {
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.16px;
}
.skills-plus {
  padding: 40px 0;
}
.skills-plus__title {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.8px;
}
.skills-plus__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.skills-plus__item {
  display: flex;
  align-items: center;
  padding: 24px;
  gap: 16px;
  width: calc(100% / 2 - 5px);
  background-color: #f6f8fb;
  border-radius: 10px;
}
.skills-plus__text {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width: 1171px) {
  .skills-plus__list {
    flex-direction: column;
    justify-content: unset;
  }
  .skills-plus__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .skills-plus {
    padding: 20px 0;
  }
  .skills-plus__title {
    margin-bottom: 24px;
    font-size: 32px;
    letter-spacing: 0;
  }
  .skills-plus__item {
    padding: 16px;
    gap: 12px;
  }
  .skills-plus__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.position-offer {
  padding: 40px 0;
}
.position-offer__title {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
}
.position-offer__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.position-offer__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.position-offer__item {
  display: flex;
  gap: 10px;
}
.position-offer__item svg {
  margin-top: 8px;
}
.position-offer__text {
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .position-offer__wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .position-offer {
    padding: 20px 0;
  }
  .position-offer__title {
    margin-bottom: 24px;
    font-size: 24px;
  }
  .position-offer__wrapper {
    gap: 10px;
  }
  .position-offer__list {
    gap: 10px;
  }
  .position-offer__item svg {
    margin-top: 6px;
  }
  .position-offer__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.position-slider {
  padding: 40px 0 60px;
  overflow: hidden;
}
.position-slider__title {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.8px;
}
.position-slider__container {
  position: relative;
}
.position-slider__wrapper {
  display: flex;
}
.position-slider__card {
  flex-shrink: 0;
  padding: 32px;
  width: 340px;
  min-height: 380px;
  background-size: 300px auto;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.position-slider__card:not(:last-child) {
  margin-right: 20px;
}
.position-slider__card--1 {
  background-image: url(../images/position/slide-1.webp);
}
.position-slider__card--2 {
  background-image: url(../images/position/slide-2.webp);
}
.position-slider__card--3 {
  background-image: url(../images/position/slide-3.webp);
}
.position-slider__card--4 {
  background-image: url(../images/position/slide-4.webp);
}
.position-slider__card--5 {
  background-image: url(../images/position/slide-5.webp);
}
.position-slider__card--6 {
  background-image: url(../images/position/slide-6.webp);
}
.position-slider__card--7 {
  background-image: url(../images/position/slide-1.webp);
}
.position-slider__card-title {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.position-slider__card-text {
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.position-slider__control {
  position: absolute;
  display: flex;
  top: -84px;
  right: 0;
}
.position-slider__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  width: 44px;
  height: 44px;
}
.position-slider__button:hover {
  background-color: #ac6cdd;
  border-color: #ac6cdd;
}
.position-slider__button--previous {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .position-slider__button--previous {
    margin-right: 10px;
  }
}
.position-slider__button path {
  transition: stroke 0.2s ease-in-out, stroke-opacity 0.2s ease-in-out;
}
.position-slider__button:hover path {
  stroke: #fff;
}
.position-slider__button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.position-slider__pagination {
  display: none;
}
@media (max-width: 1171px) {
  .position-slider__card {
    width: 500px;
    min-height: 340px;
  }
}
@media (max-width: 767px) {
  .position-slider {
    padding: 20px 0 30px;
  }
  .position-slider__title {
    margin-bottom: 24px;
    font-size: 32px;
    letter-spacing: 0;
  }
  .position-slider__wrapper {
    margin-bottom: 24px;
  }
  .position-slider__card {
    padding: 20px;
    width: 298px;
    background-size: 220px auto;
  }
  .position-slider__card:not(:last-child) {
    margin-right: 16px;
  }
  .position-slider__card-title {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .position-slider__control {
    position: static;
    align-items: center;
  }
  .position-slider__button {
    width: 48px;
    height: 48px;
  }
  .position-slider__pagination {
    display: flex;
    margin-right: 12px;
    min-width: 30px;
    font-size: 18px;
    letter-spacing: -0.36px;
    color: rgba(0, 0, 0, 0.5);
  }
}
.contacts-hero {
  position: relative;
}
.contacts-hero__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1171px) {
  .contacts-hero__image--desktop {
    display: none;
  }
}
.contacts-hero__image--mobile {
  display: none;
}
@media (max-width: 1171px) {
  .contacts-hero__image--mobile {
    display: block;
  }
}
.contacts-hero__wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 112px;
  padding-bottom: 66px;
  gap: 80px;
  min-height: 700px;
  color: #ffffff;
}
@media (max-width: 1171px) {
  .contacts-hero__wrapper {
    padding: 30px;
    padding-top: 112px;
    padding-bottom: 66px;
  }
}
@media (max-width: 767px) {
  .contacts-hero__wrapper {
    padding: 6px;
    padding-top: 112px;
    padding-bottom: 66px;
  }
}
.contacts-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .contacts-hero__title {
    font-size: 32px;
  }
}
.contacts-hero__text {
  margin-bottom: 32px;
  max-width: 516px;
  font-size: 24px;
  line-height: 120%;
}
.contacts-hero__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.contacts-hero__content-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.contacts-hero__link,
.contacts-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-radius: 10px;
}
.contacts-hero__link {
  padding: 0 28px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
}
.contacts-hero__control {
  display: flex;
  gap: 12px;
}
.contacts-hero__control-button {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 56px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
.contacts-hero__control-button--disabled svg {
  opacity: 0.5;
}
.contacts-hero__control-button--previous {
  padding-left: 44px;
}
.contacts-hero__control-button--previous:hover svg {
  animation: moveLeft 1s infinite;
}
.contacts-hero__control-button--next {
  padding-right: 44px;
}
.contacts-hero__control-button--next:hover svg {
  animation: moveRight 1s infinite;
}
.contacts-hero__control-button svg {
  flex-shrink: 0;
}
@media (max-width: 1171px) {
  .contacts-hero__wrapper {
    gap: 37px;
    min-height: 1042px;
  }
}
@media (max-width: 767px) {
  .contacts-hero__wrapper {
    padding-top: 98px;
    gap: 0;
    min-height: 640px;
  }
  .contacts-hero__title {
    margin-bottom: 8px;
    max-width: 400px;
  }
  .contacts-hero__text {
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: -0.16px;
    max-width: 310px;
  }
  .contacts-hero__content-bottom {
    gap: 20px;
  }
  .contacts-hero__link,
  .contacts-hero__control-button {
    height: 48px;
  }
  .contacts-hero__control {
    gap: 10px;
  }
  .contacts-hero__control-button {
    width: 48px;
  }
}
.contacts-info {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .contacts-info {
    padding: 40px 0;
  }
}
.contacts-info__container {
  width: 100%;
  padding: 0;
}
.contacts-info__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
  text-align: center;
  color: var(--black-main-black-text-80, rgba(0, 0, 0, 0.8));
}
@media (max-width: 767px) {
  .contacts-info__title {
    font-size: 32px;
    line-height: 110%;
  }
}
.contacts-info__grid {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 20px;
  align-items: stretch;
}
@media (max-width: 1171px) {
  .contacts-info__grid {
    flex-direction: column;
  }
}
.contacts-info__grid-head {
  display: flex;
  height: auto;
  max-width: 737px;
  gap: 20px;
  flex-direction: column;
}
@media (max-width: 1171px) {
  .contacts-info__grid-head {
    max-width: none;
  }
}
.contacts-info__grid-bottom {
  display: flex;
  padding: 32px;
  border-radius: 10px;
  background: var(--gray-card, #f6f8fb);
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
  align-self: stretch;
}
@media (max-width: 767px) {
  .contacts-info__grid-bottom {
    padding: 24px;
  }
}
.contacts-info__item {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 32px;
  border-radius: 10px;
  background-color: #f6f8fb;
  gap: 16px;
  flex-wrap: wrap;
  align-items: flex-start;
  align-self: stretch;
}
@media (max-width: 1171px) {
  .contacts-info__item {
    height: auto;
  }
}
@media (max-width: 767px) {
  .contacts-info__item {
    padding: 24px;
  }
}
.contacts-info__item_active {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
  text-decoration: none;
  color: var(--brand-Brand, #ac6cdd);
}
.contacts-info__item-title {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  line-height: 110%;
  color: var(--black-main-black-text-80, rgba(0, 0, 0, 0.8));
  letter-spacing: -0.48px;
}
@media (max-width: 767px) {
  .contacts-info__item-title {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 110%;
    color: var(--black-main-black-text-80, rgba(0, 0, 0, 0.8));
    letter-spacing: -0.4px;
  }
}
.contacts-info__item-descriptions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.contacts-info__item-description {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.contacts-info__item-box-text {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  color: var(--black-60, rgba(0, 0, 0, 0.6));
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  flex: 1 0 0;
  letter-spacing: -0.16px;
}
@media (max-width: 767px) {
  .contacts-info__item-box-text {
    font-size: 16px;
  }
}
.contacts-info__item-box-text-container {
  display: flex;
}
.contacts-info__item-box-text-container a {
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  color: #ac6cdd;
}
@media (max-width: 767px) {
  .contacts-info__item-box-text-container {
    display: inline-block;
  }
}
.contacts-info__item_color {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
  color: var(--brand-Brand, #ac6cdd);
}
@media (max-width: 1171px) {
  .contacts-info__item_color {
    font-size: 18px;
  }
}
@media (max-width: 355px) {
  .contacts-info__item_color {
    font-size: 16px;
  }
}
.contacts-info__item-container {
  display: flex;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
  color: var(--black-60, rgba(0, 0, 0, 0.6));
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.contacts-info__item-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}
.contacts-info__item-bottom {
  display: flex;
  height: 100%;
  gap: 20px;
}
@media (max-width: 1171px) {
  .contacts-info__item-bottom {
    height: auto;
  }
}
@media (max-width: 767px) {
  .contacts-info__item-bottom {
    flex-direction: column;
  }
}
.contacts-info__item-box {
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .contacts-info__item-box svg {
    width: 40px;
    height: 40px;
  }
}
.contacts-office {
  padding: 60px 0;
  background: var(--gray-card, #f6f8fb);
}
@media (max-width: 767px) {
  .contacts-office {
    padding: 40px 0;
  }
}
.contacts-office__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .contacts-office__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .contacts-office__title {
    margin-bottom: 40px;
  }
}
.contacts-office__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 20px;
  align-self: stretch;
}
@media (max-width: 767px) {
  .contacts-office__content {
    gap: 16px;
  }
}
.contacts-office__head {
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
@media (max-width: 767px) {
  .contacts-office__head {
    flex-direction: column;
    gap: 8px;
  }
}
.contacts-office__item {
  display: flex;
  padding: 16px;
  border-radius: 10px;
  background: #fff;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .contacts-office__item {
    width: 100%;
  }
}
.contacts-office__item svg path:first-child,
.contacts-office__item svg path:nth-child(2) {
  fill: #fff;
}
.contacts-office__item svg rect {
  fill: #dee2e9;
}
.contacts-office__item_active {
  background: var(--brand-Brand, #ac6cdd);
  color: #fff;
}
.contacts-office__item_active svg path:nth-child(2) {
  fill: #dee2e9;
}
.contacts-office__item_active svg rect {
  fill: #fff;
}
.contacts-office__item-title {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 767px) {
  .contacts-office__item-title {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
}
.contacts-office__item_body {
  padding: 0;
  align-items: start;
  cursor: default;
}
@media (max-width: 1171px) {
  .contacts-office__item_body {
    min-width: none;
  }
}
.contacts-office__item-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.contacts-office__item-text {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
  color: var(--black-90, rgba(0, 0, 0, 0.9));
}
@media (max-width: 767px) {
  .contacts-office__item-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.contacts-office__body {
  display: none;
  padding: 32px;
  border-radius: 10px;
  background: #fff;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
@media (max-width: 1171px) {
  .contacts-office__body {
    padding: 20px;
    flex-direction: column;
  }
}
.contacts-office__body_active {
  display: flex;
}
.contacts-office__item-map {
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 756px;
  max-height: 344px;
  border-radius: 8px;
}
@media (max-width: 1171px) {
  .contacts-office__item-map {
    max-width: none;
    max-height: 344px;
  }
}
@media (max-width: 767px) {
  .contacts-office__item-map {
    max-height: 158px;
    min-height: 158px;
  }
}
.contacts-office__item-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contacts-legal-info {
  padding: 60px 0;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .contacts-legal-info {
    padding: 40px 0;
  }
}
.contacts-legal-info__wrapper {
  display: flex;
}
.contacts-legal-info__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 847px;
  padding: 32px;
  gap: 16px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .contacts-legal-info__content {
    max-width: 100%;
  }
}
.contacts-legal-info__title {
  font-size: 32px;
  font-weight: 500;
  font-style: normal;
  line-height: 110%;
  color: var(--black-main-black-text-80, rgba(0, 0, 0, 0.8));
}
.contacts-legal-info__text {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.contacts-legal-info__text-small {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: -0.16px;
  gap: 16px;
}
@media (max-width: 767px) {
  .contacts-legal-info__text-small {
    gap: 8px;
    flex-direction: column;
  }
}
.contacts-legal-info__text-border {
  width: 100%;
  padding-top: 24px;
  border-top: 1px solid var(--gray-border, #e5e9f2);
}
.contacts-legal-info__right {
  flex-shrink: 0;
  padding-right: 32px;
  width: 433px;
  text-align: right;
  height: 269px;
}
@media (max-width: 1171px) {
  .contacts-legal-info__right {
    display: none;
  }
}
.contacts-legal-info__image {
  position: relative;
  transform: translateY(-30px);
}
.collection-hero {
  padding: 60px 0;
  padding-top: 112px;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 767px) {
  .collection-hero {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .collection-hero {
    padding-top: 98px;
  }
}
.collection-hero__main {
  display: flex;
  align-items: stretch;
  gap: 10px;
}
@media (max-width: 1171px) {
  .collection-hero__main {
    flex-direction: column;
  }
}
.collection-hero__top {
  display: flex;
  padding: 40px;
  border-radius: 10px;
  background: var(--gray-card, #f6f8fb);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex-basis: 50%;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .collection-hero__top {
    padding: 20px;
  }
}
.collection-hero__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}
@media (max-width: 767px) {
  .collection-hero__container {
    gap: 24px;
  }
}
.collection-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .collection-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.collection-hero__link:hover {
  background-color: #8a56b1;
}
@media (max-width: 767px) {
  .collection-hero__link {
    width: 100%;
  }
}
.collection-hero__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.collection-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .collection-hero__title {
    font-size: 32px;
  }
}
.collection-hero__text {
  padding-top: 10px;
  max-width: 630px;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
  max-width: 500px;
  color: var(--black-90, rgba(0, 0, 0, 0.9));
}
@media (max-width: 1171px) {
  .collection-hero__text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .collection-hero__text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .collection-hero__text {
    max-width: 300px;
    color: var(--black-60, rgba(0, 0, 0, 0.6));
  }
}
.collection-hero__body {
  display: flex;
  max-width: 555px;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 767px) {
  .collection-hero__body {
    flex-direction: column;
    gap: 8px;
  }
}
.collection-hero__body-item {
  display: flex;
  max-width: 240px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .collection-hero__body-item {
    gap: 8px;
  }
}
.collection-hero__body-item-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.collection-hero__body-item-circle {
  width: 8px;
  height: 8px;
  border-radius: 30px;
  background: #08c25e;
}
.collection-hero__bottom {
  flex-basis: 50%;
}
.collection-hero__image {
  width: 100%;
  min-height: 501px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  max-width: 842px;
  height: 100%;
}
@media (max-width: 767px) {
  .collection-hero__image {
    min-height: 240px;
  }
}
@media (max-width: 1171px) {
  .collection-hero__image {
    max-width: none;
    max-height: 496px;
  }
}
@media (max-width: 767px) {
  .collection-hero__image {
    max-height: 260px;
  }
}
@media (max-width: 1171px) {
  .collection-hero__image_desktop {
    display: none;
  }
}
.collection-hero__image_mobile {
  display: none;
}
@media (max-width: 1171px) {
  .collection-hero__image_mobile {
    display: block;
  }
}
.collection-info {
  padding: 60px 0;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .collection-info {
    padding: 40px 0;
  }
}
.collection-info__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .collection-info__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.collection-info__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.collection-info__card,
.collection-info__card-content {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background-color: #f6f8fb;
}
.collection-info__card {
  position: relative;
  justify-content: space-between;
  overflow: hidden;
  width: calc(100% / 2 - 10px);
  min-height: 285px;
  border-radius: 10px;
}
.collection-info__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.collection-info__card-button {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #dee2e9;
  border-radius: 100px;
  transition: background-color 0.2s ease-in-out;
}
.collection-info__card-button path {
  transition: fill 0.2s ease-in-out;
}
.collection-info__card-button svg {
  transition: transform 0.2s ease-in-out;
}
.collection-info__card-button.card-button--rotate svg {
  transform: rotate(45deg);
}
.collection-info__card-button:hover {
  background-color: #08c25e;
}
.collection-info__card-button:hover path {
  fill: #fff;
}
.collection-info__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
.collection-info__card-content {
  position: absolute;
  opacity: 0;
  gap: 12px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.2s ease-in-out;
}
.collection-info__card-content.card-content--visible {
  opacity: 1;
}
.collection-info__card-text {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.36px;
}
.collection-info__card-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
@media (max-width: 1171px) {
  .collection-info__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .collection-info__title {
    margin-bottom: 32px;
  }
  .collection-info__card,
  .collection-info__card-content {
    padding: 20px;
  }
  .collection-info__card {
    min-height: 362px;
  }
}
@media (max-width: 349px) {
  .collection-info__card-text {
    font-size: 16px;
  }
}
.collection-about {
  padding: 60px 0;
  padding-top: 120px;
}
@media (max-width: 767px) {
  .collection-about {
    padding: 40px 0;
  }
}
.collection-about__list {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
@media (max-width: 1171px) {
  .collection-about__list {
    flex-direction: column;
  }
}
.collection-about__item {
  display: flex;
  padding: 32px;
  border: 1px solid #08c25e;
  border-radius: 10px;
  flex-basis: 50%;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
@media (max-width: 767px) {
  .collection-about__item {
    padding: 20px;
  }
}
.collection-about__item-title {
  font-size: 32px;
  font-weight: 500;
  font-style: normal;
  line-height: 110%;
  color: var(--black-main-black-text-80, rgba(0, 0, 0, 0.8));
  letter-spacing: -0.64px;
}
@media (max-width: 767px) {
  .collection-about__item-title {
    font-size: 20px;
  }
}
.collection-about__item-title_color {
  display: contents;
  font-size: 32px;
  color: #08c25e;
}
@media (max-width: 767px) {
  .collection-about__item-title_color {
    font-size: 20px;
  }
}
.collection-about__item-lists {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.collection-about__item-container {
  display: flex;
  max-width: 520px;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.8);
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
@media (max-width: 767px) {
  .collection-about__item-container {
    font-size: 16px;
  }
}
.collection-about__item-container svg {
  margin: 7px 3px 3px 3px;
}
.collection-spheres {
  padding: 60px 0;
  background-color: #f6f8fb;
}
@media (max-width: 767px) {
  .collection-spheres {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .collection-spheres__container {
    max-width: none !important;
    padding: 0 !important;
  }
}
.collection-spheres__title {
  margin-bottom: 40px;
  padding: 0 70px;
  font-size: 48px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
  text-align: center;
  color: var(--black-main-black-text-80, rgba(0, 0, 0, 0.8));
}
@media (max-width: 767px) {
  .collection-spheres__title {
    padding: 0 6px;
    font-size: 32px;
  }
}
.collection-spheres__grid {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  height: 451px;
  align-items: flex-end;
  gap: 8px;
  flex: 1 0 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (max-width: 1171px) {
  .collection-spheres__grid {
    height: 413px;
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .collection-spheres__grid {
    height: 240px;
    padding: 0;
    padding-left: 40px;
  }
}
.collection-spheres__grid::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.collection-spheres__card {
  position: relative;
  display: flex;
  height: 220px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  background: linear-gradient(180deg, #fff 5.33%, #f0f4ff 128.17%);
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  box-shadow: 0px 0px 6px 0px rgba(219, 219, 219, 0.19);
  backdrop-filter: blur(3.5px);
  transition: height 0.3s ease-in-out;
}
@media (max-width: 1171px) {
  .collection-spheres__card {
    flex-basis: 150px;
  }
}
@media (max-width: 767px) {
  .collection-spheres__card {
    height: 222px;
  }
}
.collection-spheres__card:nth-child(2) {
  height: 170px;
}
.collection-spheres__card:nth-child(3) {
  height: 240px;
}
@media (max-width: 767px) {
  .collection-spheres__card:nth-child(3) {
    height: 196px;
  }
}
.collection-spheres__card:nth-child(4) {
  height: 115px;
}
.collection-spheres__card:nth-child(5) {
  height: 210px;
}
@media (max-width: 767px) {
  .collection-spheres__card:nth-child(5) {
    height: 178px;
  }
}
.collection-spheres__card:nth-child(6) {
  height: 140px;
}
@media (max-width: 767px) {
  .collection-spheres__card:nth-child(6) {
    height: 140px;
  }
}
.collection-spheres__card:nth-child(7) {
  height: 203px;
}
.collection-spheres__card:nth-child(8) {
  height: 280px;
}
@media (max-width: 767px) {
  .collection-spheres__card:nth-child(8) {
    height: 178px;
    margin-right: 40px;
  }
}
.collection-spheres__card:hover,
.collection-spheres__card:active {
  height: 100%;
  border: 1px solid #08c25e;
  border-radius: 10px;
  background: linear-gradient(180deg, #fff 5.33%, #f0f4ff 128.17%);
  box-shadow: 0px 0px 6px 0px rgba(219, 219, 219, 0.19);
  backdrop-filter: blur(3.5px);
}
.collection-spheres__card-img {
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  background-size: cover;
}
.collection-spheres__card-img_1 {
  background-image: url("../images/collection-spheres/collection-spheres-1.svg");
}
.collection-spheres__card-img_2 {
  background-image: url("../images/collection-spheres/collection-spheres-2.svg");
}
.collection-spheres__card-img_3 {
  background-image: url("../images/collection-spheres/collection-spheres-3.svg");
}
.collection-spheres__card-img_4 {
  background-image: url("../images/collection-spheres/collection-spheres-4.svg");
}
.collection-spheres__card-img_5 {
  background-image: url("../images/collection-spheres/collection-spheres-5.svg");
}
.collection-spheres__card-img_6 {
  background-image: url("../images/collection-spheres/collection-spheres-6.svg");
}
.collection-spheres__card-img_7 {
  background-image: url("../images/collection-spheres/collection-spheres-7.svg");
}
.collection-spheres__card-img_8 {
  background-image: url("../images/collection-spheres/collection-spheres-8.svg");
}
.collection-spheres__card-title {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: 130%;
  color: var(--black-60, rgba(0, 0, 0, 0.6));
}
.utility-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .utility-hero {
    padding: 40px 0;
  }
}
.utility-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.utility-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.utility-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.utility-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.utility-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.utility-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.utility-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.utility-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .utility-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.utility-hero__link:hover {
  background-color: #8a56b1;
}
.utility-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .utility-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .utility-hero__content {
    margin-bottom: 10px;
  }
  .utility-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .utility-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .utility-hero {
    padding-top: 98px;
  }
  .utility-hero__content {
    padding: 20px;
  }
  .utility-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .utility-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .utility-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .utility-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .utility-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .utility-hero__image {
    height: 240px;
  }
}
.utility-opportunities {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .utility-opportunities {
    padding: 40px 0;
  }
}
.utility-opportunities__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .utility-opportunities__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.utility-opportunities__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.utility-opportunities__card {
  position: relative;
  padding: 32px;
  width: calc(100% / 3 - 15px);
  min-height: 295px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.utility-opportunities__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.utility-opportunities__image {
  position: absolute;
  width: 220px;
  height: auto;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1171px) {
  .utility-opportunities__card {
    width: 100%;
    min-height: 200px;
  }
  .utility-opportunities__text {
    max-width: 294px;
  }
}
@media (max-width: 767px) {
  .utility-opportunities__title {
    margin-bottom: 32px;
  }
  .utility-opportunities__wrapper {
    gap: 16px;
  }
  .utility-opportunities__card {
    padding: 20px;
    min-height: 250px;
  }
  .utility-opportunities__image {
    width: 180px;
  }
}
.utility-clients {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .utility-clients {
    padding: 40px 0;
  }
}
.utility-clients__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .utility-clients__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.utility-clients__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.utility-clients__card {
  position: relative;
  display: flex;
  overflow: hidden;
  width: calc(100% / 2 - 10px);
  height: 93px;
  border-radius: 10px;
}
.utility-clients__card::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #08c25e;
}
.utility-clients__card:hover .utility-clients__content {
  border: 1px solid #08c25e;
}
.utility-clients__picture {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 93px;
  height: 100%;
}
.utility-clients__image {
  width: 81px;
  height: 81px;
  object-fit: cover;
  object-position: center;
}
.utility-clients__content {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 10px 32px;
  background-color: #f6f8fb;
  border: 1px solid transparent;
  border-radius: 10px;
}
.utility-clients__text {
  font-size: 24px;
  line-height: 120%;
}
@media (max-width: 1171px) {
  .utility-clients__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .utility-clients__title {
    margin-bottom: 32px;
  }
  .utility-clients__wrapper {
    gap: 16px;
  }
  .utility-clients__card {
    height: 51px;
  }
  .utility-clients__picture {
    width: 51px;
  }
  .utility-clients__image {
    width: 40px;
    height: 40px;
  }
  .utility-clients__content {
    padding: 10px 16px;
  }
  .utility-clients__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.utility-request {
  padding: 60px 0;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .utility-request {
    padding: 40px 0;
  }
}
.utility-request__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .utility-request__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.utility-request__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.utility-request__left {
  padding: 32px;
  border-radius: 10px;
  background-image: url(../images/utility/request.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.utility-request__subtitle {
  max-width: 499px;
  margin-bottom: 14px;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
}
.utility-request__text {
  max-width: 424px;
  font-size: 20px;
  line-height: 136%;
  letter-spacing: -0.2px;
}
.utility-request__form {
  display: flex;
  flex-direction: column;
  padding: 32px;
  gap: 32px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.utility-request__form-inputs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.utility-request__form-inputs-wrapper {
  display: flex;
  gap: 24px;
}
.utility-request__form-input {
  padding: 16px;
  width: 100%;
  flex-grow: 1;
}
.utility-request__form-input::placeholder {
  white-space: wrap;
  text-align: left;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 370px) {
  .utility-request__form-input--big {
    padding-bottom: 36px;
  }
}
.utility-request__form-bottom {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.utility-request__form-bottom-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.utility-request__form-bottom-label {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
  color: rgba(0, 0, 0, 0.6);
}
.utility-request__form-bottom-label a {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.utility-request__form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  height: 52px;
}
@media (max-width: 767px) {
  .utility-request__form-button {
    max-width: 100%;
    width: 100%;
  }
}
.utility-request__form-button:hover {
  background-color: #8a56b1;
}
.utility-request__form-info {
  display: inline;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.utility-request__form-info--underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.utility-request__form-info--invalid {
  color: #ff4040;
}
@media (max-width: 1171px) {
  .utility-request {
    padding-bottom: 60px;
  }
  .utility-request__left {
    background-image: url(../images/utility/request-tablet.webp);
    background-position: 100% 60%;
  }
  .utility-request__subtitle {
    max-width: 100%;
  }
  .utility-request__wrapper {
    display: flex;
    flex-direction: column;
  }
  .utility-request__left {
    min-height: 500px;
  }
}
@media (max-width: 767px) {
  .utility-request__wrapper {
    gap: 16px;
  }
  .utility-request__left {
    padding: 20px;
    min-height: 296px;
    background-image: url(../images/utility/request.webp);
    background-position: center;
  }
  .utility-request__subtitle {
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .utility-request__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .utility-request__form {
    padding: 20px;
    gap: 24px;
  }
  .utility-request__form-inputs-wrapper {
    flex-direction: column;
    gap: 16px;
  }
  .utility-request__form-bottom {
    padding-bottom: 0;
  }
}
.utility-why {
  padding: 60px 0;
  background-color: #f6f8fb;
}
@media (max-width: 767px) {
  .utility-why {
    padding: 40px 0;
  }
}
.utility-why__wrapper {
  display: flex;
  justify-content: space-between;
}
.utility-why__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .utility-why__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.utility-why__right {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  max-width: 918px;
  width: 100%;
}
.utility-why__link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  width: calc(100% / 3 - 15px);
  min-height: 297px;
  border-radius: 10px;
}
.utility-why__link--big {
  width: 100%;
  min-height: 300px;
  background-image: url(../images/utility/why.webp);
  background-size: cover;
}
.utility-why__link-top {
  display: flex;
  gap: 4px;
  color: #08c25e;
}
.utility-why__link-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 10px;
  transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}
.utility-why__link-content:hover {
  transform: translateY(-10px);
  box-shadow: 20px 20px 20px 0px rgba(137, 137, 137, 0.1);
}
.utility-why__amount {
  font-size: 72px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.44px;
}
.utility-why__amount--big {
  font-size: 110px;
  letter-spacing: -2.2px;
}
.utility-why__amount--middle {
  font-size: 88px;
  letter-spacing: -1.76px;
}
.utility-why__info {
  font-size: 40px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.8px;
}
.utility-why__info--plus {
  font-size: 48px;
  letter-spacing: -0.96px;
  line-height: 100%;
}
.utility-why__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .utility-why__wrapper {
    flex-direction: column;
  }
  .utility-why__title {
    margin-bottom: 40px;
    font-size: 48px;
    font-weight: 500;
    line-height: 100%;
    margin: 0 auto 40px;
    text-align: center;
  }
}
@media (max-width: 1171px) and (max-width: 767px) {
  .utility-why__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media (max-width: 1171px) {
  .utility-why__right {
    max-width: 100%;
  }
  .utility-why__link {
    width: calc(100% / 2 - 10px);
  }
  .utility-why__link--big,
  .utility-why__link--big-mobile {
    width: 100%;
    min-height: 300px;
  }
  .utility-why__link-content:hover {
    transform: translateY(0);
    box-shadow: unset;
  }
}
@media (max-width: 767px) {
  .utility-why__title {
    margin-bottom: 32px;
  }
  .utility-why__right {
    gap: 16px;
  }
  .utility-why__link {
    padding: 20px;
    min-height: 186px;
  }
  .utility-why__link--big {
    background-position: 50% 0;
  }
  .utility-why__link-content {
    padding: 20px;
  }
  .utility-why__amount {
    font-size: 64px;
    letter-spacing: -1.28px;
  }
  .utility-why__info {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .utility-why__info--plus {
    line-height: 120%;
  }
  .utility-why__text {
    max-width: 208px;
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.utility-services {
  padding: 60px 0;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .utility-services {
    padding: 40px 0;
  }
}
.utility-services__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .utility-services__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.utility-services__tabs {
  position: relative;
}
.utility-services__tabs-button {
  display: flex;
  align-items: center;
  padding: 8px;
  width: 413px;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.utility-services__tabs-button--active {
  background-color: #f6f8fb;
}
.utility-services__tabs-button--active
  .utility-services__tabs-button-fill--gray {
  fill: #08c25e;
}
.utility-services__tabs-button--active
  .utility-services__tabs-button-fill--green {
  fill: #f6f8fb;
}
.utility-services__tabs-button-arrow {
  display: none;
}
.utility-services__tabs-button-icon {
  margin-right: 16px;
}
.utility-services__tabs-button-fill {
  transition: fill 0.2s ease-in-out;
}
.utility-services__tabs-content {
  position: absolute;
  display: none;
  width: calc(100% - 433px);
  padding: 24px;
  top: 0;
  left: 433px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.utility-services__tabs-content--active {
  display: block;
}
.utility-services__tabs-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}
.utility-services__tabs-link:not(:last-child) {
  margin-bottom: 32px;
}
.utility-services__tabs-link span {
  margin-right: 12px;
}
.utility-services__accordion:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 1171px) {
  .utility-services__tabs {
    flex-direction: column;
    min-height: 724px;
  }
  .utility-services__tabs-button {
    width: 100%;
  }
  .utility-services__tabs-content {
    width: 100%;
    top: 372px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .utility-services {
    padding-bottom: 80px;
  }
  .utility-services__title {
    margin-bottom: 32px;
  }
  .utility-services__tabs {
    min-height: auto;
  }
  .utility-services__tabs-content {
    position: static;
    display: block;
    padding: 0 24px;
    max-height: 0;
    width: unset;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    box-sizing: content-box;
    transition: all 0.2s ease-in-out;
  }
  .utility-services__tabs-button--active {
    background-color: transparent;
  }
  .utility-services__tabs-button--active
    .utility-services__tabs-button-fill--gray {
    fill: #f6f8fb;
  }
  .utility-services__tabs-button--active
    .utility-services__tabs-button-fill--green {
    fill: #08c25e;
  }
  .utility-services__tabs-button[aria-expanded="true"] {
    background-color: #f6f8fb;
  }
  .utility-services__tabs-button[aria-expanded="true"]
    .utility-services__tabs-button-fill--gray {
    fill: #08c25e;
  }
  .utility-services__tabs-button[aria-expanded="true"]
    .utility-services__tabs-button-fill--green {
    fill: #f6f8fb;
  }
  .utility-services__tabs-button-icon {
    width: 40px;
    height: 40px;
  }
  .utility-services__tabs-button-arrow {
    display: block;
    margin-left: auto;
  }
  .utility-services__tabs-link:not(:last-child) {
    margin-bottom: 24px;
  }
  .utility-services__tabs-link span {
    margin-right: 8px;
  }
  .utility-services__accordion--opened .utility-services__tabs-content {
    margin: 8px 0;
    padding: 24px;
    opacity: 1;
  }
  .utility-services__tabs-button-arrow {
    transition: transform 0.2s ease-in-out;
  }
  .utility-services__accordion--opened .utility-services__tabs-button-arrow {
    transform: rotate(180deg);
  }
}
.documents-hero {
  padding: 60px 0;
  position: relative;
  padding-top: 112px;
  min-height: 700px;
}
@media (max-width: 767px) {
  .documents-hero {
    padding: 40px 0;
  }
}
.documents-hero__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.documents-hero__content {
  padding-top: 80px;
  color: #ffffff;
}
.documents-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .documents-hero__title {
    font-size: 32px;
  }
}
.documents-hero__text {
  max-width: 601px;
  font-size: 24px;
  line-height: 120%;
}
@media (max-width: 1171px) {
  .documents-hero {
    min-height: 1042px;
  }
  .documents-hero__text {
    max-width: 463px;
  }
}
@media (max-width: 767px) {
  .documents-hero {
    padding-top: 98px;
    min-height: 640px;
  }
  .documents-hero__content {
    padding-top: 0;
  }
  .documents-hero__title {
    margin-bottom: 8px;
  }
  .documents-hero__text {
    max-width: 263px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
.documents-references {
  padding: 60px 0;
  padding-top: 120px;
}
@media (max-width: 767px) {
  .documents-references {
    padding: 40px 0;
  }
}
.documents-references__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.documents-references__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  width: calc(100% / 2 - 10px);
  min-height: 258px;
  background-color: #f6f8fb;
  border-radius: 10px;
  cursor: pointer;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.documents-references__card:hover {
  color: #fff;
  background-color: #9ca3ae;
}
.documents-references__card-top {
  margin-bottom: 24px;
}
.documents-references__card-icon {
  margin-bottom: 16px;
}
.documents-references__card-fill {
  transition: fill 0.2s ease-in-out;
}
.documents-references__card:hover .documents-references__card-fill--gray {
  fill: #f6f8fb;
}
.documents-references__card:hover .documents-references__card-fill--purple {
  fill: #dee2e9;
}
.documents-references__card:hover .documents-references__card-fill--white {
  fill: #ac6cdd;
}
.documents-references__card-title {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.documents-references__card-text {
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
  transition: color 0.2s ease-in-out;
}
.documents-references__card:hover .documents-references__card-text {
  color: #fff;
}
.documents-references__card-bottom {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
.documents-references__card-bottom path {
  transition: stroke 0.2s ease-in-out;
}
.documents-references__card:hover .documents-references__card-bottom path {
  stroke: #fff;
}
.documents-references__pop-up-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 40px;
  padding: 40px;
  max-width: 700px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
}
.documents-references__pop-up-close {
  position: absolute;
  top: 22px;
  right: 22px;
}
.documents-references__pop-up-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
}
.documents-references__pop-up-linkbox-title {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
}
.documents-references__pop-up-link {
  position: relative;
  display: flex;
  min-height: 71px;
}
.documents-references__pop-up-link:not(:last-child) {
  margin-bottom: 16px;
}
.documents-references__pop-up-link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  width: 20%;
  left: unset;
  right: 0;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.documents-references__pop-up-link:hover::after {
  background-color: #8a56b1;
}
.documents-references__pop-up-link-wrapper {
  display: flex;
  flex-grow: 1;
  align-items: center;
  z-index: 1;
  padding: 10px 24px;
  background-color: #f6f8fb;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.2s ease-in-out;
}
.documents-references__pop-up-link:hover
  .documents-references__pop-up-link-wrapper {
  border-color: #8a56b1;
}
.documents-references__pop-up-link-text {
  font-size: 18px;
  line-height: 130%;
}
.documents-references__pop-up-iconbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 83px;
}
.documents-references__pop-up-iconbox svg {
  position: relative;
  z-index: 1;
}
@media (max-width: 1171px) {
  .documents-references__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .documents-references__wrapper {
    gap: 16px;
  }
  .documents-references__card {
    padding: 20px;
    min-height: 231px;
  }
  .documents-references__card-icon {
    width: 40px;
    height: 40px;
  }
  .documents-references__card-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .documents-references__pop-up-wrapper {
    padding: 24px;
    gap: 32px;
  }
  .documents-references__pop-up-close svg {
    width: 14px;
    height: 14px;
    top: 25px;
    right: 25px;
  }
  .documents-references__pop-up-title {
    font-size: 24px;
  }
  .documents-references__pop-up-linkbox-title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .documents-references__pop-up-link {
    min-height: 54px;
  }
  .documents-references__pop-up-link-wrapper {
    padding: 8px;
  }
  .documents-references__pop-up-link-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .documents-references__pop-up-iconbox {
    width: 44px;
  }
  .documents-references__pop-up-iconbox svg {
    width: 32px;
    height: 32px;
  }
}
.business-hero {
  position: relative;
  padding-top: 112px;
  min-height: 700px;
}
.business-hero__slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.business-hero__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.business-hero__card {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.business-hero__card.swiper-slide-active {
  pointer-events: all;
}
.business-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business-hero__content {
  position: absolute;
  padding-top: 247px;
  height: 100%;
  top: 0;
  color: #ffffff;
}
.business-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .business-hero__title {
    font-size: 32px;
  }
}
.business-hero__text {
  margin-bottom: 32px;
  max-width: 570px;
  font-size: 24px;
  line-height: 120%;
}
.business-hero__link,
.business-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-radius: 10px;
}
.business-hero__link {
  position: absolute;
  padding: 10px;
  max-width: 142px;
  width: 100%;
  bottom: 140px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.business-hero__link:hover {
  color: #fff;
  background-color: #ac6cdd;
}
.business-hero__control {
  position: relative;
}
.business-hero__control-wrapper {
  position: absolute;
  display: flex;
  bottom: 140px;
  left: 174px;
}
.business-hero__control-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
.business-hero__control-button:hover {
  background-color: #ac6cdd;
  border-color: #ac6cdd;
}
.business-hero__control-button--previous {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .business-hero__control-button--previous {
    margin-right: 10px;
  }
}
.business-hero__control-button path {
  transition: stroke 0.2s ease-in-out, stroke-opacity 0.2s ease-in-out;
}
.business-hero__control-button:hover path {
  stroke: #fff;
}
.business-hero__control-button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.business-hero__control-button--previous {
  padding-left: 44px;
}
.business-hero__control-button--previous:hover svg {
  animation: moveLeft 1s infinite;
}
.business-hero__control-button--next {
  padding-right: 44px;
}
.business-hero__control-button--next:hover svg {
  animation: moveRight 1s infinite;
}
.business-hero__control-button svg {
  flex-shrink: 0;
}
@media (max-width: 1171px) {
  .business-hero {
    min-height: 1042px;
    padding-top: 108px;
  }
  .business-hero__link {
    bottom: 40px;
  }
  .business-hero__content {
    padding-top: 208px;
  }
  .business-hero__control-wrapper {
    bottom: 40px;
  }
}
@media (max-width: 767px) {
  .business-hero {
    padding-top: 90px;
    min-height: 640px;
  }
  .business-hero__image {
    object-position: 50% 100%;
  }
  .business-hero__title {
    margin-bottom: 8px;
    max-width: 400px;
  }
  .business-hero__text {
    margin-bottom: 20px;
    max-width: 328px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .business-hero__content {
    padding-top: 145px;
  }
  .business-hero__control-wrapper {
    bottom: 44px;
  }
  .business-hero__control-button {
    width: 48px;
    height: 48px;
  }
}
.debt-settlement {
  padding: 60px 0;
  padding-top: 120px;
}
@media (max-width: 767px) {
  .debt-settlement {
    padding: 40px 0;
  }
}
.debt-settlement__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .debt-settlement__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.debt-settlement__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}
.debt-settlement__link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  width: calc(100% / 2 - 7px);
  min-height: 280px;
  background-color: #f6f8fb;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.debt-settlement__link:hover {
  background-color: #f1f7ff;
}
.debt-settlement__link-top {
  margin-bottom: 16px;
}
.debt-settlement__link-image {
  margin-bottom: 16px;
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}
.debt-settlement__link-title {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.debt-settlement__link-text {
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.debt-settlement__link:hover .debt-settlement__linkbox {
  color: #ac6cdd;
}
.debt-settlement__link:hover .debt-settlement__linkbox path {
  stroke: #ac6cdd;
}
.debt-settlement__linkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.debt-settlement__linkbox path {
  transition: stroke 0.2s ease-in-out;
}
@media (max-width: 1171px) {
  .debt-settlement__link {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .debt-settlement__title {
    margin-bottom: 32px;
  }
  .debt-settlement__wrapper {
    gap: 16px;
  }
  .debt-settlement__link {
    min-height: 275px;
  }
  .debt-settlement__link-top {
    margin-bottom: 24px;
  }
  .debt-settlement__link-image {
    width: 40px;
    height: 40px;
    border-radius: 7px;
  }
  .debt-settlement__link-text {
    line-height: 130%;
  }
}
.business-assets {
  padding: 60px 0;
  background-color: #f6f8fb;
}
@media (max-width: 767px) {
  .business-assets {
    padding: 40px 0;
  }
}
.business-assets__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .business-assets__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.business-assets__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.business-assets__link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 340px;
  background-color: #fff;
  border-radius: 10px;
}
.business-assets__link-top {
  margin-bottom: 16px;
}
.business-assets__link-image {
  position: absolute;
  width: 250px;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
.business-assets__link-title {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.business-assets__link-text {
  font-size: 18px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.business-assets__link:hover .business-assets__linkbox {
  color: #ac6cdd;
}
.business-assets__link:hover .business-assets__linkbox path {
  stroke: #ac6cdd;
}
.business-assets__linkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.business-assets__linkbox path {
  transition: stroke 0.2s ease-in-out;
}
@media (max-width: 1171px) {
  .business-assets__link {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .business-assets__title {
    margin-bottom: 40px;
  }
  .business-assets__wrapper {
    gap: 16px;
  }
  .business-assets__link {
    padding: 24px;
  }
  .business-assets__link-image {
    width: 200px;
    bottom: 24px;
  }
  .business-assets__link-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .business-assets__link-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.business-data {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .business-data {
    padding: 40px 0;
  }
}
.business-data__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .business-data__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.business-data__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}
.business-data__link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  width: calc(100% / 2 - 7px);
  min-height: 280px;
  background-color: #f6f8fb;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.business-data__link:hover {
  background-color: #f1f7ff;
}
.business-data__link-top {
  margin-bottom: 16px;
}
.business-data__link-image {
  margin-bottom: 16px;
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}
.business-data__link-title {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.business-data__link-text {
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.business-data__link:hover .business-data__linkbox {
  color: #ac6cdd;
}
.business-data__link:hover .business-data__linkbox path {
  stroke: #ac6cdd;
}
.business-data__linkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.business-data__linkbox path {
  transition: stroke 0.2s ease-in-out;
}
@media (max-width: 1171px) {
  .business-data__link {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .business-data__title {
    margin-bottom: 32px;
  }
  .business-data__wrapper {
    gap: 16px;
  }
  .business-data__link {
    min-height: 275px;
  }
  .business-data__link-top {
    margin-bottom: 24px;
  }
  .business-data__link-image {
    width: 40px;
    height: 40px;
    border-radius: 7px;
  }
  .business-data__link-text {
    line-height: 130%;
  }
}
.speech-technologies {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .speech-technologies {
    padding: 40px 0;
  }
}
.speech-technologies__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .speech-technologies__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.speech-technologies__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.speech-technologies__link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 340px;
  background-color: #f6f8fb;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.speech-technologies__link:hover {
  background-color: #f1f7ff;
}
.speech-technologies__link-top {
  margin-bottom: 16px;
}
.speech-technologies__link-image {
  position: absolute;
  width: 250px;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
.speech-technologies__link-title {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.speech-technologies__link-text {
  font-size: 18px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.speech-technologies__link:hover .speech-technologies__linkbox {
  color: #ac6cdd;
}
.speech-technologies__link:hover .speech-technologies__linkbox path {
  stroke: #ac6cdd;
}
.speech-technologies__linkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.speech-technologies__linkbox path {
  transition: stroke 0.2s ease-in-out;
}
@media (max-width: 1171px) {
  .speech-technologies__link {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .speech-technologies__title {
    margin-bottom: 40px;
  }
  .speech-technologies__wrapper {
    gap: 16px;
  }
  .speech-technologies__link {
    padding: 24px;
  }
  .speech-technologies__link-image {
    width: 200px;
    bottom: 24px;
  }
  .speech-technologies__link-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .speech-technologies__link-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.agent-hero {
  padding: 60px 0;
  position: relative;
  padding-top: 124px;
  min-height: 700px;
}
@media (max-width: 767px) {
  .agent-hero {
    padding: 40px 0;
  }
}
.agent-hero__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.agent-hero__content {
  padding-top: 80px;
  color: #ffffff;
}
.agent-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 20px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .agent-hero__title {
    font-size: 32px;
  }
}
.agent-hero__text {
  margin-bottom: 32px;
  max-width: 601px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(255, 255, 255, 0.9);
}
.agent-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px 10px;
  max-width: 518px;
}
.agent-hero__item {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 130%;
  color: rgba(255, 255, 255, 0.8);
}
.agent-hero__item svg {
  margin-right: 8px;
}
.agent-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 192px;
  height: 56px;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
  border-radius: 10px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.agent-hero__link:hover {
  color: #fff;
  background-color: #ac6cdd;
}
@media (max-width: 1171px) {
  .agent-hero {
    min-height: 1042px;
    padding-top: 108px;
  }
  .agent-hero__image {
    object-position: 72% 50%;
  }
  .agent-hero__content {
    padding-top: 37px;
  }
  .agent-hero__link {
    position: absolute;
    bottom: 40px;
  }
}
@media (max-width: 767px) {
  .agent-hero {
    padding-top: 90px;
    min-height: 640px;
  }
  .agent-hero__image {
    object-position: 63% 50%;
  }
  .agent-hero__content {
    padding-top: 0;
  }
  .agent-hero__title {
    margin-bottom: 16px;
    line-height: 110%;
  }
  .agent-hero__text {
    margin-bottom: 16px;
    max-width: 260px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: #fff;
  }
  .agent-hero__list {
    margin-bottom: 20px;
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
  }
}
.agent-opportunity {
  padding: 60px 0;
  padding-top: 120px;
}
@media (max-width: 767px) {
  .agent-opportunity {
    padding: 40px 0;
  }
}
.agent-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .agent-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.agent-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.agent-opportunity__card {
  position: relative;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 300px;
  border-radius: 10px;
  background: var(--gray-card, #f6f8fb);
}
.agent-opportunity__card-title {
  margin-bottom: 16px;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.agent-opportunity__card-text {
  color: rgba(0, 0, 0, 0.6);
  line-height: 120%;
  letter-spacing: -0.16px;
}
.agent-opportunity__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
@media (max-width: 1171px) {
  .agent-opportunity__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .agent-opportunity__title {
    margin-bottom: 32px;
  }
  .agent-opportunity__wrapper {
    gap: 16px;
  }
  .agent-opportunity__card {
    padding: 20px;
  }
  .agent-opportunity__card-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .agent-opportunity__card-image {
    width: 180px;
  }
}
.agent-services {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .agent-services {
    padding: 40px 0;
  }
}
.agent-services__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .agent-services__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.agent-services__tabs {
  position: relative;
}
.agent-services__tabs__accordion {
  display: flex;
}
.agent-services__tabs-button {
  display: flex;
  align-items: center;
  padding: 16px;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  width: 413px;
  height: 70px;
  border-radius: 10px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.agent-services__tabs-button--active {
  color: #fff;
  background-color: #08c25e;
}
.agent-services__tabs-button-arrow {
  display: none;
}
.agent-services__tabs-content {
  position: absolute;
  display: none;
  width: calc(100% - 433px);
  height: 100%;
  left: 433px;
  top: 0;
}
.agent-services__tabs-content--active {
  display: flex;
}
.agent-services__tabs-content-wrapper {
  flex-grow: 1;
  padding: 32px;
  background-image: url(../images/agent/services.webp);
  background-size: 300px 224px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  border: 1px solid #08c25e;
  border-radius: 10px;
}
.agent-services__tabs-content-item {
  display: flex;
  align-items: center;
  max-width: 588px;
  font-size: 20px;
  line-height: 130%;
}
.agent-services__tabs-content-item:not(:last-child) {
  margin-bottom: 20px;
}
.agent-services__tabs-content-item svg {
  margin-right: 16px;
}
@media (max-width: 1171px) {
  .agent-services__tabs {
    min-height: 728px;
  }
  .agent-services__tabs-button {
    width: 100%;
  }
  .agent-services__tabs-content {
    width: 100%;
    height: unset;
    min-height: 354px;
    top: unset;
    left: 0;
    bottom: 0;
  }
  .agent-services__tabs-content-wrapper {
    background-image: url(../images/agent/services-tablet.webp);
    background-size: 231px 218px;
  }
}
@media (max-width: 767px) {
  .agent-services__tabs {
    min-height: unset;
  }
  .agent-services__tabs-button {
    justify-content: space-between;
    height: 56px;
  }
  .agent-services__tabs-button--active {
    color: rgba(0, 0, 0, 0.8);
    background-color: transparent;
  }
  .agent-services__tabs-button[aria-expanded="true"] {
    color: #fff;
    background-color: #08c25e;
  }
  .agent-services__tabs-button-arrow {
    display: block;
    margin-left: 16px;
    transition: transform 0.2s ease-in-out;
  }
  .agent-services__tabs-button path {
    transition: stroke 0.2s ease-in-out;
  }
  .agent-services__tabs-button[aria-expanded="true"] path {
    stroke: #fff;
  }
  .agent-services__tabs-content {
    position: static;
    display: block;
    max-height: 0;
    min-height: unset;
    width: unset;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    box-sizing: content-box;
    transition: all 0.2s ease-in-out;
  }
  .agent-services__tabs-content-wrapper {
    padding: 20px;
    min-height: 316px;
    background-image: url(../images/agent/services-mobile.webp);
    background-size: 328px 113px;
  }
  .agent-services__tabs-content-item {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .agent-services__tabs-content-item:not(:last-child) {
    margin-bottom: 16px;
  }
  .agent-services__accordion--opened .agent-services__tabs-content {
    margin: 8px 0 16px;
    opacity: 1;
  }
  .agent-services__accordion--opened .agent-services__tabs-button-arrow {
    transform: rotate(180deg);
  }
}
.purchase-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .purchase-hero {
    padding: 40px 0;
  }
}
.purchase-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.purchase-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.purchase-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.purchase-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.purchase-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.purchase-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.purchase-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.purchase-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .purchase-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.purchase-hero__link:hover {
  background-color: #8a56b1;
}
.purchase-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .purchase-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .purchase-hero__content {
    margin-bottom: 10px;
  }
  .purchase-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .purchase-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .purchase-hero {
    padding-top: 98px;
  }
  .purchase-hero__content {
    padding: 20px;
  }
  .purchase-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .purchase-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .purchase-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .purchase-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .purchase-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .purchase-hero__image {
    height: 240px;
  }
}
.purchase-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .purchase-opportunity {
    padding: 40px 0;
  }
}
.purchase-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .purchase-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.purchase-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.purchase-opportunity__card,
.purchase-opportunity__card-content {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background-color: #f6f8fb;
}
.purchase-opportunity__card {
  position: relative;
  justify-content: space-between;
  overflow: hidden;
  width: calc(100% / 3 - 14px);
  min-height: 285px;
  border-radius: 10px;
}
.purchase-opportunity__card--big {
  width: calc(100% / 2 - 10px);
}
.purchase-opportunity__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.purchase-opportunity__card-button {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #dee2e9;
  border-radius: 100px;
  transition: background-color 0.2s ease-in-out;
}
.purchase-opportunity__card-button path {
  transition: fill 0.2s ease-in-out;
}
.purchase-opportunity__card-button svg {
  transition: transform 0.2s ease-in-out;
}
.purchase-opportunity__card-button.card-button--rotate svg {
  transform: rotate(45deg);
}
.purchase-opportunity__card-button:hover {
  background-color: #08c25e;
}
.purchase-opportunity__card-button:hover path {
  fill: #fff;
}
.purchase-opportunity__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
.purchase-opportunity__card-content {
  position: absolute;
  opacity: 0;
  gap: 12px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.2s ease-in-out;
}
.purchase-opportunity__card-content.card-content--visible {
  opacity: 1;
}
.purchase-opportunity__card-text {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.36px;
}
.purchase-opportunity__card-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.purchase-opportunity__card-link path {
  transition: stroke 0.2s ease-in-out;
}
.purchase-opportunity__card-link:hover {
  color: #ac6cdd;
}
.purchase-opportunity__card-link:hover path {
  stroke: #ac6cdd;
}
@media (max-width: 1171px) {
  .purchase-opportunity__card {
    width: calc(100% / 2 - 10px);
    min-height: 335px;
  }
  .purchase-opportunity__card:last-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .purchase-opportunity__title {
    margin-bottom: 32px;
  }
  .purchase-opportunity__card,
  .purchase-opportunity__card-content {
    padding: 20px;
  }
  .purchase-opportunity__card {
    width: 100%;
    min-height: 339px;
  }
}
.purchase-clients {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .purchase-clients {
    padding: 40px 0;
  }
}
.purchase-clients__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .purchase-clients__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.purchase-clients__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.purchase-clients__card {
  position: relative;
  display: flex;
  overflow: hidden;
  width: calc(100% / 3 - 15px);
  height: 93px;
  border-radius: 10px;
}
.purchase-clients__card::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #08c25e;
}
.purchase-clients__card:hover .purchase-clients__content {
  border: 1px solid #08c25e;
}
.purchase-clients__picture {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 80px;
  height: 100%;
}
.purchase-clients__image {
  width: 56px;
  height: 56px;
  object-fit: cover;
  object-position: center;
}
.purchase-clients__content {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 10px 32px;
  background-color: #f6f8fb;
  border: 1px solid transparent;
  border-radius: 10px;
}
.purchase-clients__text {
  font-size: 24px;
  line-height: 120%;
}
@media (max-width: 1171px) {
  .purchase-clients__card {
    width: calc(100% / 2 - 10px);
  }
  .purchase-clients__text {
    font-size: 20px;
    line-height: 130%;
  }
}
@media (max-width: 767px) {
  .purchase-clients__title {
    margin-bottom: 32px;
  }
  .purchase-clients__card {
    width: 100%;
    height: 51px;
  }
  .purchase-clients__picture {
    width: 51px;
  }
  .purchase-clients__image {
    width: 40px;
    height: 40px;
  }
  .purchase-clients__content {
    padding: 10px 16px;
  }
  .purchase-clients__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.purchase-provision {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .purchase-provision {
    padding: 40px 0;
  }
}
.purchase-provision__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .purchase-provision__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.purchase-provision__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.purchase-provision__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 32px;
  width: calc(100% / 4 - 15px);
  min-height: 340px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.purchase-provision__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
}
.purchase-provision__card-number--2 {
  right: 10px;
}
.purchase-provision__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .purchase-provision__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.purchase-provision__card-number--2 {
  right: 13px;
}
.purchase-provision__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .purchase-provision__card-number {
    right: 24px;
  }
  .purchase-provision__card-number--1 {
    right: 33px;
  }
}
.purchase-provision__card-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .purchase-provision__card {
    width: calc(100% / 2 - 10px);
  }
}
@media (max-width: 767px) {
  .purchase-provision__wrapper {
    gap: 16px;
  }
  .purchase-provision__card {
    padding: 20px;
    width: 100%;
    min-height: 200px;
  }
}
.int-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .int-hero {
    padding: 40px 0;
  }
}
.int-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.int-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.int-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.int-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.int-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.int-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.int-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.int-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .int-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.int-hero__link:hover {
  background-color: #8a56b1;
}
.int-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .int-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .int-hero__content {
    margin-bottom: 10px;
  }
  .int-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .int-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .int-hero {
    padding-top: 98px;
  }
  .int-hero__content {
    padding: 20px;
  }
  .int-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .int-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .int-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .int-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .int-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .int-hero__image {
    height: 240px;
  }
}
.int-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .int-opportunity {
    padding: 40px 0;
  }
}
.int-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .int-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.int-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.int-opportunity__card {
  position: relative;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 300px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.int-opportunity__text {
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.int-opportunity__image {
  position: absolute;
  width: 220px;
  height: auto;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1171px) {
  .int-opportunity__card {
    width: 100%;
  }
  .int-opportunity__text {
    max-width: 529px;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
}
@media (max-width: 767px) {
  .int-opportunity__title {
    margin-bottom: 32px;
  }
  .int-opportunity__wrapper {
    gap: 16px;
  }
  .int-opportunity__card {
    padding: 20px;
  }
  .int-opportunity__image {
    width: 180px;
  }
}
.cross-border-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .cross-border-hero {
    padding: 40px 0;
  }
}
.cross-border-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.cross-border-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.cross-border-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.cross-border-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.cross-border-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.cross-border-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.cross-border-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.cross-border-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .cross-border-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.cross-border-hero__link:hover {
  background-color: #8a56b1;
}
.cross-border-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .cross-border-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .cross-border-hero__content {
    margin-bottom: 10px;
  }
  .cross-border-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .cross-border-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .cross-border-hero {
    padding-top: 98px;
  }
  .cross-border-hero__content {
    padding: 20px;
  }
  .cross-border-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .cross-border-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .cross-border-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .cross-border-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .cross-border-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .cross-border-hero__image {
    height: 240px;
  }
}
.cross-border-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .cross-border-opportunity {
    padding: 40px 0;
  }
}
.cross-border-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .cross-border-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.cross-border-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.cross-border-opportunity__card,
.cross-border-opportunity__card-content {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background-color: #f6f8fb;
}
.cross-border-opportunity__card {
  position: relative;
  justify-content: space-between;
  overflow: hidden;
  width: calc(100% / 3 - 15px);
  min-height: 285px;
  border-radius: 10px;
}
.cross-border-opportunity__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.cross-border-opportunity__card-button {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #dee2e9;
  border-radius: 100px;
  transition: background-color 0.2s ease-in-out;
}
.cross-border-opportunity__card-button path {
  transition: fill 0.2s ease-in-out;
}
.cross-border-opportunity__card-button svg {
  transition: transform 0.2s ease-in-out;
}
.cross-border-opportunity__card-button.card-button--rotate svg {
  transform: rotate(45deg);
}
.cross-border-opportunity__card-button:hover {
  background-color: #08c25e;
}
.cross-border-opportunity__card-button:hover path {
  fill: #fff;
}
.cross-border-opportunity__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
.cross-border-opportunity__card-content {
  position: absolute;
  opacity: 0;
  gap: 12px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.2s ease-in-out;
}
.cross-border-opportunity__card-content.card-content--visible {
  opacity: 1;
}
.cross-border-opportunity__card-text {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.36px;
}
.cross-border-opportunity__card-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
@media (max-width: 1171px) {
  .cross-border-opportunity__card {
    width: calc(100% / 2 - 10px);
    min-height: 335px;
  }
}
@media (max-width: 767px) {
  .cross-border-opportunity__title {
    margin-bottom: 32px;
  }
  .cross-border-opportunity__card,
  .cross-border-opportunity__card-content {
    padding: 20px;
  }
  .cross-border-opportunity__card {
    width: 100%;
    min-height: 300px;
  }
}
.sources {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .sources {
    padding: 40px 0;
  }
}
.sources__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .sources__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.sources__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.sources__item {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  width: calc(100% / 2 - 10px);
  min-height: 88px;
  font-size: 24px;
  line-height: 120%;
  background-color: #f6f8fb;
  border: 1px solid #f6f8fb;
  border-radius: 10px;
  transition: border-color 0.2s ease-in-out;
}
.sources__item:hover {
  border-color: #08c25e;
}
.sources__item-image {
  margin-right: 20px;
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .sources__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .sources__list {
    gap: 16px;
  }
  .sources__item {
    font-size: 20px;
    line-height: 130%;
  }
}
.cross-border-provision {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .cross-border-provision {
    padding: 40px 0;
  }
}
.cross-border-provision__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .cross-border-provision__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.cross-border-provision__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.cross-border-provision__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 220px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.cross-border-provision__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
  right: 40px;
}
.cross-border-provision__card-number--2 {
  right: 10px;
}
.cross-border-provision__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .cross-border-provision__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.cross-border-provision__card-number--2 {
  right: 13px;
}
.cross-border-provision__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .cross-border-provision__card-number {
    right: 24px;
  }
  .cross-border-provision__card-number--1 {
    right: 33px;
  }
}
.cross-border-provision__card-text {
  max-width: 420px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .cross-border-provision__card {
    min-height: 340px;
  }
}
@media (max-width: 767px) {
  .cross-border-provision__wrapper {
    gap: 16px;
  }
  .cross-border-provision__card {
    padding: 20px;
    width: 100%;
    min-height: 300px;
  }
  .cross-border-provision__card-number {
    right: 4px;
  }
}
.asset-tracing {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .asset-tracing {
    padding: 40px 0;
  }
}
.asset-tracing__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .asset-tracing__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.asset-tracing__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.asset-tracing__card {
  padding: 24px;
  width: calc(100% / 3 - 15px);
  border: 1px solid #08c25e;
  border-radius: 10px;
}
.asset-tracing__card--big {
  padding: 32px;
  width: 100%;
}
.asset-tracing__card-top {
  margin-bottom: 8px;
}
.asset-tracing__card-image {
  margin-bottom: 16px;
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.asset-tracing__card-text {
  font-size: 18px;
  line-height: 130%;
}
.asset-tracing__card-text--big {
  display: inline;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.asset-tracing__card-text--green {
  color: #08c25e;
}
@media (max-width: 1171px) {
  .asset-tracing__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .asset-tracing__title {
    margin-bottom: 32px;
  }
  .asset-tracing__wrapper {
    gap: 16px;
  }
  .asset-tracing__card {
    padding: 20px;
  }
  .asset-tracing__card-image {
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
  .asset-tracing__card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .asset-tracing__card-text--big {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
}
.financial-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .financial-hero {
    padding: 40px 0;
  }
}
.financial-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.financial-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.financial-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.financial-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.financial-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.financial-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.financial-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.financial-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .financial-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.financial-hero__link:hover {
  background-color: #8a56b1;
}
.financial-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .financial-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .financial-hero__content {
    margin-bottom: 10px;
  }
  .financial-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .financial-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .financial-hero {
    padding-top: 98px;
  }
  .financial-hero__content {
    padding: 20px;
  }
  .financial-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .financial-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .financial-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .financial-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .financial-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .financial-hero__image {
    height: 240px;
  }
}
.financial-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .financial-opportunity {
    padding: 40px 0;
  }
}
.financial-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .financial-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.financial-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.financial-opportunity__card {
  position: relative;
  padding: 32px;
  width: calc(100% / 3 - 15px);
  min-height: 300px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.financial-opportunity__card--big {
  width: calc(100% / 2 - 10px);
}
.financial-opportunity__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.financial-opportunity__image {
  position: absolute;
  width: 220px;
  height: auto;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1171px) {
  .financial-opportunity__card {
    width: 100%;
  }
  .financial-opportunity__text {
    max-width: 529px;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
}
@media (max-width: 767px) {
  .financial-opportunity__title {
    margin-bottom: 32px;
  }
  .financial-opportunity__wrapper {
    gap: 16px;
  }
  .financial-opportunity__card {
    padding: 20px;
  }
  .financial-opportunity__image {
    width: 180px;
  }
}
.financial-faq {
  padding: 60px 0;
  background-color: #f6f8fb;
}
@media (max-width: 767px) {
  .financial-faq {
    padding: 40px 0;
  }
}
.financial-faq__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .financial-faq__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.financial-faq__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.financial-faq__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 24px;
  width: calc(100% / 3 - 15px);
  min-height: 340px;
  background-color: #fff;
  border-radius: 10px;
}
.financial-faq__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
}
.financial-faq__card-number--2 {
  right: 10px;
}
.financial-faq__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .financial-faq__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.financial-faq__card-number--2 {
  right: 13px;
}
.financial-faq__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .financial-faq__card-number {
    right: 24px;
  }
  .financial-faq__card-number--1 {
    right: 33px;
  }
}
.financial-faq__card-text {
  max-width: 420px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .financial-faq__card {
    width: calc(100% / 2 - 10px);
  }
}
@media (max-width: 767px) {
  .financial-faq__wrapper {
    gap: 16px;
  }
  .financial-faq__card {
    padding: 20px;
    width: 100%;
    min-height: 300px;
  }
}
.diligence {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .diligence {
    padding: 40px 0;
  }
}
.diligence__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .diligence__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.diligence__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.diligence__card {
  padding: 32px;
  width: calc(100% / 2 - 10px);
  border: 1px solid #08c25e;
  border-radius: 10px;
}
.diligence__card--big {
  max-width: 955px;
  width: unset;
}
.diligence__card-text {
  font-size: 18px;
  line-height: 130%;
}
.diligence__card-text--big {
  display: inline;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.diligence__card-text--green {
  color: #08c25e;
}
.diligence__card-image {
  margin-bottom: 16px;
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.diligence__picture {
  position: relative;
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
.diligence__image {
  position: absolute;
  width: 220px;
  top: -9px;
}
@media (max-width: 1171px) {
  .diligence__title {
    max-width: 640px;
  }
  .diligence__picture {
    display: none;
  }
  .diligence__card--big {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .diligence__title {
    max-width: 270px;
    margin-bottom: 32px;
  }
  .diligence__wrapper {
    gap: 16px;
  }
  .diligence__card {
    padding: 20px;
    width: 100%;
  }
  .diligence__card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .diligence__card-text--big {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .diligence__card-image {
    margin-bottom: 20px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
}
.pro-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .pro-hero {
    padding: 40px 0;
  }
}
.pro-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.pro-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.pro-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.pro-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.pro-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.pro-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.pro-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.pro-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .pro-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.pro-hero__link:hover {
  background-color: #8a56b1;
}
.pro-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .pro-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .pro-hero__content {
    margin-bottom: 10px;
  }
  .pro-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .pro-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .pro-hero {
    padding-top: 98px;
  }
  .pro-hero__content {
    padding: 20px;
  }
  .pro-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .pro-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .pro-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .pro-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .pro-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .pro-hero__image {
    height: 240px;
  }
}
.advantages {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .advantages {
    padding: 40px 0;
  }
}
.advantages__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .advantages__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.advantages__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.advantages__card {
  padding: 32px;
  width: calc(100% / 3 - 15px);
  border: 1px solid #e8edf4;
  border-radius: 10px;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.advantages__card-number {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 18px;
  width: fit-content;
  min-height: 38px;
  font-size: 16px;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  color: #08c25e;
  border-radius: 52px;
  border: 1px solid #08c25e;
  margin-bottom: 32px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.advantages__card-title {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
}
.advantages__card-text {
  font-size: 18px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
  transition: color 0.2s ease-in-out;
}
.advantages__card:hover {
  border-color: #08c25e;
  box-shadow: 20px 20px 20px 0px rgba(137, 137, 137, 0.1);
}
.advantages__card:hover .advantages__card-number {
  color: #fff;
  background-color: #08c25e;
}
.advantages__card:hover .advantages__card-text {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 1171px) {
  .advantages__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 216px;
  }
  .advantages__card-title {
    margin-top: auto;
  }
}
@media (max-width: 767px) {
  .advantages__title {
    margin-bottom: 32px;
  }
  .advantages__wrapper {
    gap: 16px;
  }
  .advantages__card {
    padding: 20px;
    min-height: 235px;
  }
}
.pro-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .pro-opportunity {
    padding: 40px 0;
  }
}
.pro-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .pro-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.pro-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.pro-opportunity__card {
  position: relative;
  padding: 32px;
  width: calc(100% / 3 - 15px);
  min-height: 300px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.pro-opportunity__card--big {
  width: calc(100% / 2 - 10px);
}
.pro-opportunity__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.pro-opportunity__image {
  position: absolute;
  width: 220px;
  height: auto;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1171px) {
  .pro-opportunity__card {
    width: 100%;
  }
  .pro-opportunity__text {
    max-width: 529px;
  }
}
@media (max-width: 767px) {
  .pro-opportunity__title {
    margin-bottom: 32px;
  }
  .pro-opportunity__wrapper {
    gap: 16px;
  }
  .pro-opportunity__card {
    padding: 20px;
  }
  .pro-opportunity__text {
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .pro-opportunity__image {
    width: 180px;
  }
}
.goals {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .goals {
    padding: 40px 0;
  }
}
.goals__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .goals__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.goals__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.goals__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 32px;
  width: calc(100% / 3 - 15px);
  min-height: 338px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.goals__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
  right: 40px;
}
.goals__card-number--2 {
  right: 10px;
}
.goals__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .goals__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.goals__card-number--2 {
  right: 13px;
}
.goals__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .goals__card-number {
    right: 24px;
  }
  .goals__card-number--1 {
    right: 33px;
  }
}
.goals__card-text {
  max-width: 520px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .goals__card {
    width: 100%;
    min-height: 300px;
  }
  .goals__card-number {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .goals__title {
    margin-bottom: 32px;
  }
  .goals__wrapper {
    gap: 16px;
  }
  .goals__card {
    padding: 20px;
    min-height: 300px;
  }
}
.pro-ability {
  padding: 60px 0;
  background-color: #f6f8fb;
  overflow: hidden;
}
@media (max-width: 767px) {
  .pro-ability {
    padding: 40px 0;
  }
}
.pro-ability__top,
.pro-ability__list {
  border-radius: 10px;
  background-color: #fff;
}
.pro-ability__top {
  position: relative;
  margin-bottom: 20px;
  padding: 32px;
}
.pro-ability__image {
  position: absolute;
  width: 389px;
  right: 18px;
  bottom: 0;
}
.pro-ability__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
  max-width: 380px;
}
@media (max-width: 767px) {
  .pro-ability__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.pro-ability__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.pro-ability__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 24px;
  gap: 24px;
}
.pro-ability__item {
  width: calc(100% / 4 - 18px);
}
.pro-ability__item:not(:first-child) {
  padding-left: 24px;
  border-left: 1px solid #e8edf4;
}
.pro-ability__item--big {
  width: calc(100% / 3 - 16px);
}
.pro-ability__item-number {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 18px;
  width: fit-content;
  min-height: 38px;
  font-size: 16px;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  color: #08c25e;
  border-radius: 52px;
  border: 1px solid #08c25e;
  margin-bottom: 16px;
}
.pro-ability__item-text {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width: 1171px) {
  .pro-ability__image {
    right: -24px;
  }
  .pro-ability__wrapper {
    padding: 24px;
    gap: 24px;
    background-color: #fff;
    border-radius: 10px;
  }
  .pro-ability__list {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }
  .pro-ability__item {
    width: 100%;
  }
  .pro-ability__item:not(:first-child) {
    padding: 0;
    border: none;
  }
  .pro-ability__item:not(:last-child) {
    padding-bottom: 24px;
    border-bottom: 1px solid #e8edf4;
  }
  .pro-ability__item--big:last-child {
    padding-bottom: 24px;
    border-bottom: 1px solid #e8edf4;
  }
}
@media (max-width: 767px) {
  .pro-ability__top {
    margin-bottom: 16px;
    padding: 20px;
  }
  .pro-ability__title {
    margin: 0;
    max-width: 200px;
  }
  .pro-ability__image {
    display: none;
  }
  .pro-ability__wrapper {
    padding: 20px;
    gap: 20px;
  }
  .pro-ability__list {
    gap: 20px;
  }
  .pro-ability__item:not(:last-child) {
    padding-bottom: 20px;
  }
  .pro-ability__item--big:last-child {
    padding-bottom: 20px;
  }
  .pro-ability__item-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.pro-advantages {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .pro-advantages {
    padding: 40px 0;
  }
}
.pro-advantages__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .pro-advantages__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.pro-advantages__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.pro-advantages__card {
  display: flex;
  flex-direction: column;
  padding: 32px;
  width: calc(100% / 3 - 15px);
  min-height: 320px;
  border-radius: 10px;
  background-color: #f6f8fb;
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}
.pro-advantages__card:hover {
  transform: translateY(-10px);
  box-shadow: 20px 20px 20px 0px rgba(137, 137, 137, 0.1);
}
.pro-advantages__card-iconbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 20px;
  border: 1px solid #08c25e;
  border-radius: 10px;
  transition: background-color 0.2s ease-out;
}
.pro-advantages__card-iconbox path {
  transition: fill 0.2s ease-out;
}
.pro-advantages__card:hover .pro-advantages__card-iconbox {
  background-color: #08c25e;
}
.pro-advantages__card:hover .pro-advantages__card-iconbox path {
  fill: #fff;
}
.pro-advantages__card-title {
  margin-top: auto;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  color: rgba(0, 0, 0, 0.85);
}
.pro-advantages__card-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.2s ease-out;
}
.pro-advantages__card-content--visible {
  opacity: 1;
  padding-top: 12px;
}
.pro-advantages__card-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pro-advantages__card-item {
  display: flex;
}
.pro-advantages__card-item svg {
  margin-top: 6px;
  margin-right: 6px;
}
.pro-advantages__card-text {
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .pro-advantages__card {
    width: calc(100% / 2 - 10px);
    min-height: 372px;
  }
  .pro-advantages__card-title {
    margin-bottom: 12px;
  }
  .pro-advantages__card-content {
    max-height: fit-content;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .pro-advantages__title {
    margin-bottom: 32px;
  }
  .pro-advantages__card {
    padding: 20px;
    width: 100%;
    min-height: unset;
  }
  .pro-advantages__card-iconbox {
    margin-bottom: 32px;
  }
}
.pricing {
  padding: 60px 0;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .pricing {
    padding: 40px 0;
  }
}
.pricing__top {
  text-align: center;
}
.pricing__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .pricing__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.pricing__subtitle {
  margin: 0 auto;
  max-width: 680px;
  font-size: 24px;
  line-height: 120%;
}
.pricing__wrapper {
  display: flex;
  padding: 40px 20px 40px 0;
  gap: 20px;
  width: calc(100% + 20px);
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pricing__wrapper::-webkit-scrollbar {
  display: none;
}
.pricing__card {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 413px;
  height: 575px;
}
.pricing__card-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-height: 575px;
  background-color: #f6f8fb;
  border-radius: 10px;
  border: 2px solid #f6f8fb;
  transition: border-color 0.15s ease-in-out;
}
.pricing__card-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 32px;
  gap: 24px;
}
.pricing__card--small .pricing__card-contnent-wrapper {
  justify-content: flex-start;
}
.pricing__card:hover .pricing__card-content {
  border-color: #08c25e;
}
.pricing__card-title {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.pricing__card-subtitle {
  font-size: 18px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.pricing__card-amount {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
}
.pricing__card-amount:first-child {
  padding-top: 0;
}
.pricing__card-amount:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing__card-amount:last-child {
  padding-bottom: 0;
}
.pricing__card-number {
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.16px;
}
.pricing__card-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pricing__card-item {
  display: flex;
  line-height: 130%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.pricing__card-item svg {
  margin-top: 7px;
  margin-right: 6px;
}
.pricing__card-transform {
  max-height: 0;
  opacity: 0;
  transition: all 0.15s ease-in-out, opacity 0.1s step-end;
}
.pricing__card:hover .pricing__card-transform {
  padding-top: 24px;
  max-height: 80px;
  opacity: 1;
}
.pricing__card--big:hover .pricing__card-transform {
  padding-top: 40px;
  padding-bottom: 56px;
}
.pricing__card--small .pricing__card-transform {
  padding-top: 122px;
}
.pricing__card--small:hover .pricing__card-transform {
  padding-top: 132px;
  padding-bottom: 56px;
}
.pricing__card-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .pricing__card-link {
    max-width: 100%;
    width: 100%;
  }
}
.pricing__card-link:hover {
  background-color: #8a56b1;
}
.pricing__card-bottom {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  gap: 8px;
  background-color: #08c25e;
  border-radius: 0 0 8px 8px;
}
.pricing__card-bottom::after {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - 4px);
  top: 2px;
  left: 0;
  outline: 2px solid #08c25e;
  border-radius: 0 0 8px 8px;
}
.pricing__card-info {
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.4px;
  color: #f6f8fb;
}
@media (max-width: 767px) {
  .pricing {
    padding-bottom: 0;
  }
  .pricing__title {
    margin-bottom: 8px;
  }
  .pricing__subtitle {
    max-width: 400px;
    font-size: 18px;
    line-height: 130%;
  }
  .pricing__wrapper {
    padding-top: 32px;
  }
  .pricing__card {
    width: 298px;
    height: 500px;
  }
  .pricing__card-content {
    min-height: 500px;
  }
  .pricing__card-content-wrapper {
    padding: 20px;
    gap: 20px;
  }
  .pricing__card--central .pricing__card-content-wrapper {
    padding-bottom: 16px;
  }
  .pricing__card-title {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.48px;
  }
  .pricing__card-subtitle {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .pricing__card-number {
    line-height: 100%;
  }
  .pricing__card-item {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.14px;
  }
  .pricing__card-bottom svg {
    width: 20px;
    height: 20px;
  }
  .pricing__card-info {
    font-weight: 400;
    font-size: 18px;
  }
  .pricing__card:hover .pricing__card-transform {
    padding-top: 12px;
  }
  .pricing__card--big:hover .pricing__card-transform {
    padding-top: 12px;
    padding-bottom: 16px;
  }
  .pricing__card--small:hover .pricing__card-transform {
    padding-top: 108px;
    padding-bottom: 56px;
  }
}
.market-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .market-hero {
    padding: 40px 0;
  }
}
.market-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.market-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.market-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.market-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.market-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.market-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.market-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.market-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .market-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.market-hero__link:hover {
  background-color: #8a56b1;
}
.market-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .market-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .market-hero__content {
    margin-bottom: 10px;
  }
  .market-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .market-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .market-hero {
    padding-top: 98px;
  }
  .market-hero__content {
    padding: 20px;
  }
  .market-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .market-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .market-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .market-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .market-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .market-hero__image {
    height: 240px;
  }
}
.market-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .market-opportunity {
    padding: 40px 0;
  }
}
.market-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .market-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.market-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.market-opportunity__card,
.market-opportunity__card-content {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background-color: #f6f8fb;
}
.market-opportunity__card {
  position: relative;
  justify-content: space-between;
  overflow: hidden;
  width: calc(100% / 2 - 10px);
  min-height: 285px;
  border-radius: 10px;
}
.market-opportunity__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.market-opportunity__card-button {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #dee2e9;
  border-radius: 100px;
  transition: background-color 0.2s ease-in-out;
}
.market-opportunity__card-button path {
  transition: fill 0.2s ease-in-out;
}
.market-opportunity__card-button svg {
  transition: transform 0.2s ease-in-out;
}
.market-opportunity__card-button.card-button--rotate svg {
  transform: rotate(45deg);
}
.market-opportunity__card-button:hover {
  background-color: #08c25e;
}
.market-opportunity__card-button:hover path {
  fill: #fff;
}
.market-opportunity__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
.market-opportunity__card-content {
  position: absolute;
  opacity: 0;
  gap: 12px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.2s ease-in-out;
}
.market-opportunity__card-content.card-content--visible {
  opacity: 1;
}
.market-opportunity__card-text {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.36px;
}
.market-opportunity__card-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
@media (max-width: 1171px) {
  .market-opportunity__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .market-opportunity__title {
    margin-bottom: 32px;
  }
  .market-opportunity__card,
  .market-opportunity__card-content {
    padding: 20px;
  }
  .market-opportunity__card {
    min-height: 362px;
  }
}
@media (max-width: 349px) {
  .market-opportunity__card-text {
    font-size: 16px;
  }
}
.market-provision {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .market-provision {
    padding: 40px 0;
  }
}
.market-provision__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .market-provision__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.market-provision__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.market-provision__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 220px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.market-provision__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
  right: 40px;
}
.market-provision__card-number--2 {
  right: 10px;
}
.market-provision__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .market-provision__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.market-provision__card-number--2 {
  right: 13px;
}
.market-provision__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .market-provision__card-number {
    right: 24px;
  }
  .market-provision__card-number--1 {
    right: 33px;
  }
}
.market-provision__card-text {
  max-width: 420px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .market-provision__card {
    width: 100%;
    min-height: 220px;
  }
  .market-provision__card-number {
    right: 40px;
  }
}
@media (max-width: 767px) {
  .market-provision__wrapper {
    gap: 16px;
  }
  .market-provision__card {
    padding: 20px;
    width: 100%;
    min-height: 300px;
  }
  .market-provision__card-number {
    right: 4px;
  }
}
.selling {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .selling {
    padding: 40px 0;
  }
}
.selling__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .selling__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.selling__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.selling__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 300px;
  border: 1px solid #08c25e;
  border-radius: 10px;
}
.selling__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.selling__card-title--green {
  display: inline;
  color: #08c25e;
}
.selling__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
.selling__card-text {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 130%;
}
.selling__card-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.selling__card-link path {
  transition: stroke 0.2s ease-in-out;
}
.selling__card-link:hover {
  color: #ac6cdd;
}
.selling__card-link:hover path {
  stroke: #ac6cdd;
}
@media (max-width: 1171px) {
  .selling__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .selling__title {
    margin-bottom: 32px;
  }
  .selling__wrapper {
    gap: 16px;
  }
  .selling__card {
    padding: 20px;
    min-height: unset;
  }
  .selling__card-title {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .selling__card-image {
    display: none;
  }
}
.trading-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .trading-hero {
    padding: 40px 0;
  }
}
.trading-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.trading-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.trading-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.trading-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.trading-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.trading-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.trading-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.trading-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .trading-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.trading-hero__link:hover {
  background-color: #8a56b1;
}
.trading-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .trading-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .trading-hero__content {
    margin-bottom: 10px;
  }
  .trading-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .trading-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .trading-hero {
    padding-top: 98px;
  }
  .trading-hero__content {
    padding: 20px;
  }
  .trading-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .trading-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .trading-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .trading-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .trading-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .trading-hero__image {
    height: 240px;
  }
}
.trading-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .trading-opportunity {
    padding: 40px 0;
  }
}
.trading-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .trading-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.trading-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.trading-opportunity__card {
  position: relative;
  padding: 32px;
  width: calc(100% / 3 - 14px);
  min-height: 300px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.trading-opportunity__card--big {
  width: calc(100% / 2 - 10px);
}
.trading-opportunity__card--small {
  width: calc(100% / 4 - 15px);
}
.trading-opportunity__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.trading-opportunity__image {
  position: absolute;
  width: 220px;
  height: auto;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1171px) {
  .trading-opportunity__card {
    width: calc(100% / 2 - 10px);
  }
  .trading-opportunity__text {
    max-width: 529px;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
}
@media (max-width: 767px) {
  .trading-opportunity__title {
    margin-bottom: 32px;
  }
  .trading-opportunity__wrapper {
    gap: 16px;
  }
  .trading-opportunity__card {
    padding: 20px;
    width: 100%;
  }
  .trading-opportunity__text {
    position: relative;
    z-index: 1;
  }
  .trading-opportunity__image {
    width: 180px;
  }
}
.trading-info {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .trading-info {
    padding: 40px 0;
  }
}
.trading-info__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .trading-info__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.trading-info__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.trading-info__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 220px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.trading-info__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
  right: 40px;
}
.trading-info__card-number--2 {
  right: 10px;
}
.trading-info__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .trading-info__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.trading-info__card-number--2 {
  right: 13px;
}
.trading-info__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .trading-info__card-number {
    right: 24px;
  }
  .trading-info__card-number--1 {
    right: 33px;
  }
}
.trading-info__card-text {
  max-width: 420px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .trading-info__card {
    width: 100%;
    min-height: 220px;
  }
  .trading-info__card-number {
    right: 40px;
  }
}
@media (max-width: 767px) {
  .trading-info__wrapper {
    gap: 16px;
  }
  .trading-info__card {
    padding: 20px;
    width: 100%;
    min-height: 300px;
  }
  .trading-info__card-number {
    right: 4px;
  }
}
.participation {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .participation {
    padding: 40px 0;
  }
}
.participation__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .participation__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.participation__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.participation__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 350px;
  border: 1px solid #08c25e;
  border-radius: 10px;
}
.participation__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.participation__card-title--green {
  display: inline;
  color: #08c25e;
}
.participation__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
.participation__card-textbox {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  gap: 8px;
}
.participation__card-text {
  font-size: 18px;
  line-height: 130%;
}
.participation__card-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.participation__card-link path {
  transition: stroke 0.2s ease-in-out;
}
.participation__card-link:hover {
  color: #ac6cdd;
}
.participation__card-link:hover path {
  stroke: #ac6cdd;
}
@media (max-width: 1171px) {
  .participation__card {
    width: 100%;
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .participation__title {
    margin-bottom: 32px;
  }
  .participation__wrapper {
    gap: 16px;
  }
  .participation__card {
    padding: 20px;
    min-height: unset;
  }
  .participation__card-title {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .participation__card-image {
    display: none;
  }
  .participation__card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.bot-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .bot-hero {
    padding: 40px 0;
  }
}
.bot-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.bot-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.bot-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.bot-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.bot-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.bot-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.bot-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.bot-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .bot-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.bot-hero__link:hover {
  background-color: #8a56b1;
}
.bot-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .bot-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .bot-hero__content {
    margin-bottom: 10px;
  }
  .bot-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .bot-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .bot-hero {
    padding-top: 98px;
  }
  .bot-hero__content {
    padding: 20px;
  }
  .bot-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .bot-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .bot-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .bot-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .bot-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .bot-hero__image {
    height: 240px;
  }
}
.bot-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .bot-opportunity {
    padding: 40px 0;
  }
}
.bot-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .bot-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.bot-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.bot-opportunity__card,
.bot-opportunity__card-inner {
  padding: 32px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.bot-opportunity__card {
  position: relative;
  width: calc(100% / 4 - 15px);
  min-height: 320px;
}
.bot-opportunity__card--big {
  width: calc(100% / 2 - 10px);
}
.bot-opportunity__card--white {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0;
  gap: 20px;
  background-color: transparent;
  border-radius: 0;
}
.bot-opportunity__card-inner {
  min-height: 150px;
}
.bot-opportunity__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.bot-opportunity__image {
  position: absolute;
  width: 220px;
  height: auto;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1171px) {
  .bot-opportunity__card {
    width: calc(100% / 2 - 10px);
    min-height: 300px;
  }
  .bot-opportunity__card--big {
    width: 100%;
  }
  .bot-opportunity__text {
    max-width: 529px;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
}
@media (max-width: 767px) {
  .bot-opportunity__title {
    margin-bottom: 32px;
  }
  .bot-opportunity__wrapper {
    gap: 16px;
  }
  .bot-opportunity__card {
    padding: 20px;
    width: 100%;
  }
  .bot-opportunity__card--white {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
    gap: 16px;
  }
  .bot-opportunity__card--imageless,
  .bot-opportunity__card-inner {
    min-height: unset;
  }
  .bot-opportunity__card-inner {
    padding: 20px;
  }
  .bot-opportunity__text {
    position: relative;
    z-index: 1;
  }
  .bot-opportunity__image {
    width: 180px;
  }
}
.demo {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .demo {
    padding: 40px 0;
  }
}
.demo__top {
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .demo__top {
    margin-bottom: 32px;
  }
}
.demo__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .demo__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .demo__title {
    margin-bottom: 8px;
  }
}
.demo__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .demo__wrapper {
    gap: 16px;
  }
}
.demo__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  gap: 32px;
  width: calc(100% / 3 - 15px);
  min-height: 369px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.demo__card-title {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.demo__card-text {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width: 1171px) {
  .demo__card {
    width: 100%;
    min-height: 297px;
  }
}
@media (max-width: 767px) {
  .demo__card {
    padding: 20px;
    gap: 24px;
    min-height: 279px;
  }
  .demo__card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.demo__player {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.demo__sound {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .demo__sound {
    margin-bottom: 16px;
  }
}
.sound-controls {
  position: relative;
  width: 56px;
  height: 56px;
  border: 2px solid #08c25e;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .sound-controls {
    width: 48px;
    height: 48px;
  }
}
.sound-control {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
}
.sound-control--active {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .sound-control svg {
    width: 20px;
    height: 20px;
  }
}
.progress-container {
  margin-bottom: 10px;
  width: 100%;
}
.progress-bar {
  position: relative;
  height: 6px;
  background-color: rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(45px);
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 30px;
  cursor: pointer;
}
.progress-fill {
  position: absolute;
  height: calc(100% + 2px);
  width: 0;
  top: -1px;
  background-color: #08c25e;
  border-radius: 40px;
  transition: width 0.1s ease;
}
.timing {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.timing__value {
  line-height: 130%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.choice {
  padding: 60px 0;
  background-color: #f6f8fb;
}
@media (max-width: 767px) {
  .choice {
    padding: 40px 0;
  }
}
.choice__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .choice__wrapper {
    gap: 16px;
  }
}
.choice__card {
  position: relative;
  overflow: hidden;
  padding: 32px;
  width: calc(100% / 3 - 14px);
  background-color: #fff;
  border-radius: 10px;
}
.choice__card--top {
  padding: 40px;
  width: 100%;
}
.choice__card--green {
  width: calc(100% / 3 * 2 - 6px);
  border: 1px solid #08c25e;
}
.choice__card--image {
  overflow: visible;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}
@media (max-width: 1171px) {
  .choice__card {
    width: calc(100% / 2 - 10px);
  }
  .choice__card--top,
  .choice__card--big,
  .choice__card--green {
    width: 100%;
  }
  .choice__card--image {
    display: none;
  }
}
@media (max-width: 767px) {
  .choice__card {
    padding: 20px;
    width: 100%;
  }
}
.choice__card-content {
  position: relative;
  z-index: 1;
  max-width: 679px;
}
.choice__card-title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.choice__card-title--green {
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
  color: #08c25e;
}
@media (max-width: 767px) {
  .choice__card-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
}
.choice__card-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.choice__card-item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.choice__card-item svg {
  margin-top: 6px;
  margin-right: 6px;
}
.choice__card-image {
  position: absolute;
  width: 300px;
  right: 12%;
  top: 2px;
}
.choice__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .choice__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media (max-width: 1171px) {
  .choice__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .choice__title {
    margin-bottom: 16px;
    max-width: 288px;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
  }
}
.choice__text {
  font-size: 20px;
  line-height: 130%;
  color: var(--black-60, rgba(0, 0, 0, 0.6));
}
@media (max-width: 1171px) {
  .choice__text {
    max-width: 350px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
@media (max-width: 767px) {
  .choice__picture {
    display: block;
    height: 265px;
  }
}
.choice__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
@media (max-width: 767px) {
  .choice__image {
    z-index: 2;
    width: 328px;
    height: 300px;
    top: unset;
    left: unset;
    right: 0;
  }
}
.operator {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .operator {
    padding: 40px 0;
  }
}
.operator__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .operator__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.operator__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.operator__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  gap: 8px;
  width: calc(100% / 2 - 10px);
  border: 1px solid #08c25e;
  border-radius: 10px;
}
.operator__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.operator__card-title--green {
  display: inline;
  color: #08c25e;
}
.operator__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
.operator__card-textbox {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.operator__card-text {
  font-size: 18px;
  line-height: 130%;
}
.operator__card-text a {
  color: #ac6cdd;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.operator__card-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.operator__card-item {
  display: flex;
}
.operator__card-item svg {
  margin-top: 6px;
  margin-right: 6px;
}
@media (max-width: 1171px) {
  .operator__card {
    width: 100%;
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .operator__title {
    margin-bottom: 32px;
  }
  .operator__wrapper {
    gap: 16px;
  }
  .operator__card {
    padding: 20px;
    min-height: unset;
  }
  .operator__card-title {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .operator__card-image {
    display: none;
  }
  .operator__card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.speech-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .speech-hero {
    padding: 40px 0;
  }
}
.speech-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.speech-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.speech-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.speech-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.speech-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.speech-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.speech-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.speech-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .speech-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.speech-hero__link:hover {
  background-color: #8a56b1;
}
.speech-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .speech-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .speech-hero__content {
    margin-bottom: 10px;
  }
  .speech-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .speech-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .speech-hero {
    padding-top: 98px;
  }
  .speech-hero__content {
    padding: 20px;
  }
  .speech-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .speech-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .speech-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .speech-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .speech-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .speech-hero__image {
    height: 240px;
  }
}
.speech-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .speech-opportunity {
    padding: 40px 0;
  }
}
.speech-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .speech-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.speech-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.speech-opportunity__card,
.speech-opportunity__card-inner {
  padding: 32px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.speech-opportunity__card {
  position: relative;
  width: calc(100% / 4 - 15px);
  min-height: 320px;
}
.speech-opportunity__card--big {
  width: calc(100% / 2 - 10px);
}
.speech-opportunity__card--white {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0;
  gap: 20px;
  background-color: transparent;
  border-radius: 0;
}
.speech-opportunity__card-inner {
  min-height: 150px;
}
.speech-opportunity__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.speech-opportunity__image {
  position: absolute;
  width: 220px;
  height: auto;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1171px) {
  .speech-opportunity__card {
    width: calc(100% / 2 - 10px);
    min-height: 300px;
  }
  .speech-opportunity__card--big {
    width: 100%;
  }
  .speech-opportunity__text {
    max-width: 529px;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
}
@media (max-width: 767px) {
  .speech-opportunity__title {
    margin-bottom: 32px;
  }
  .speech-opportunity__wrapper {
    gap: 16px;
  }
  .speech-opportunity__card {
    padding: 20px;
    width: 100%;
  }
  .speech-opportunity__card--white {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
    gap: 16px;
  }
  .speech-opportunity__card--imageless,
  .speech-opportunity__card-inner {
    min-height: unset;
  }
  .speech-opportunity__card-inner {
    padding: 20px;
  }
  .speech-opportunity__text {
    position: relative;
    z-index: 1;
  }
  .speech-opportunity__image {
    width: 180px;
  }
}
.speech-clients {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .speech-clients {
    padding: 40px 0;
  }
}
.speech-clients__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .speech-clients__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.speech-clients__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.speech-clients__card {
  position: relative;
  display: flex;
  overflow: hidden;
  width: calc(100% / 2 - 10px);
  height: 93px;
  border-radius: 10px;
}
.speech-clients__card::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #08c25e;
}
.speech-clients__card:hover .speech-clients__content {
  border: 1px solid #08c25e;
}
.speech-clients__picture {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 93px;
  height: 100%;
}
.speech-clients__image {
  width: 56px;
  height: 56px;
  object-fit: cover;
  object-position: center;
}
.speech-clients__content {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 10px 32px;
  background-color: #f6f8fb;
  border: 1px solid transparent;
  border-radius: 10px;
}
.speech-clients__text {
  font-size: 24px;
  line-height: 120%;
}
@media (max-width: 767px) {
  .speech-clients__title {
    margin-bottom: 32px;
  }
  .speech-clients__wrapper {
    gap: 16px;
  }
  .speech-clients__card {
    width: 100%;
    height: 51px;
  }
  .speech-clients__picture {
    width: 51px;
  }
  .speech-clients__image {
    width: 40px;
    height: 40px;
  }
  .speech-clients__content {
    padding: 10px 16px;
  }
  .speech-clients__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.speech-info {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .speech-info {
    padding: 40px 0;
  }
}
.speech-info__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .speech-info__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.speech-info__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.speech-info__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 32px;
  width: calc(100% / 3 - 15px);
  min-height: 340px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.speech-info__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
  right: 10px;
}
.speech-info__card-number--2 {
  right: 10px;
}
.speech-info__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .speech-info__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.speech-info__card-number--2 {
  right: 13px;
}
.speech-info__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .speech-info__card-number {
    right: 24px;
  }
  .speech-info__card-number--1 {
    right: 33px;
  }
}
.speech-info__card-text {
  max-width: 520px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
@media (max-width: 1171px) {
  .speech-info__card {
    width: 100%;
    min-height: 220px;
  }
}
@media (max-width: 767px) {
  .speech-info__title {
    margin-bottom: 32px;
  }
  .speech-info__wrapper {
    gap: 16px;
  }
  .speech-info__card {
    padding: 20px;
    min-height: 300px;
  }
}
.speech-price {
  padding: 60px 0;
  background-color: #f6f8fb;
}
@media (max-width: 767px) {
  .speech-price {
    padding: 40px 0;
  }
}
.speech-price__top-content,
.speech-price__wrapper {
  padding: 32px;
  background-color: #fff;
  border-radius: 10px;
}
.speech-price__top {
  display: flex;
  margin-bottom: 20px;
}
.speech-price__top-content {
  flex-grow: 1;
  border: 1px solid #08c25e;
}
.speech-price__top-text {
  font-size: 24px;
  line-height: 120%;
}
.speech-price__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .speech-price__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.speech-price__picture {
  position: relative;
  width: 433px;
}
.speech-price__image {
  position: absolute;
  width: 320px;
  top: -63px;
  right: 18%;
}
.speech-price__wrapper {
  position: relative;
  z-index: 1;
}
.speech-price__subtitle {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
}
.speech-price__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.speech-price__item {
  display: flex;
  align-items: center;
  padding: 14px;
  gap: 16px;
  width: calc(100% / 3 - 6px);
  font-size: 18px;
  line-height: 130%;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.speech-price__item--big {
  width: calc(100% / 2 - 4px);
}
@media (max-width: 1171px) {
  .speech-price {
    overflow: hidden;
  }
  .speech-price__top-text {
    font-size: 20px;
    line-height: 130%;
  }
  .speech-price__title {
    margin-bottom: 8px;
    font-size: 32px;
    font-weight: 500;
    line-height: 110%;
  }
  .speech-price__picture {
    width: 266px;
    right: -51px;
    margin-right: -25px;
  }
  .speech-price__image {
    width: 100%;
    top: -32px;
    right: 59px;
  }
  .speech-price__item {
    width: calc(100% / 2 - 4px);
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .speech-price__item:last-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .speech-price__top-content,
  .speech-price__wrapper {
    padding: 20px;
  }
  .speech-price__title {
    margin-bottom: 12px;
  }
  .speech-price__top {
    margin-bottom: 16px;
  }
  .speech-price__picture {
    display: none;
  }
  .speech-price__subtitle {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
  }
  .speech-price__item {
    width: 100%;
  }
}
.speech-advantages {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .speech-advantages {
    padding: 40px 0;
  }
}
.speech-advantages__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.speech-advantages__card {
  padding: 24px;
  width: calc(100% / 2 - 10px);
  border: 1px solid #08c25e;
  border-radius: 10px;
}
.speech-advantages__card--big {
  padding: 32px;
  width: 100%;
}
.speech-advantages__card-top {
  margin-bottom: 8px;
}
.speech-advantages__card-image {
  margin-bottom: 16px;
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.speech-advantages__card-textbox {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.speech-advantages__card-textbox-top {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.speech-advantages__card-text {
  font-size: 18px;
  line-height: 130%;
}
.speech-advantages__card-text--big {
  display: inline;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.speech-advantages__card-text--green {
  color: #08c25e;
}
.speech-advantages__card-text a {
  color: #ac6cdd;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.speech-advantages__card-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.speech-advantages__card-item {
  display: flex;
}
.speech-advantages__card-item svg {
  margin-top: 6px;
  margin-right: 6px;
}
@media (max-width: 1171px) {
  .speech-advantages__card {
    padding: 32px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .speech-advantages__wrapper {
    gap: 16px;
  }
  .speech-advantages__card {
    padding: 20px;
  }
  .speech-advantages__card-image {
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
  .speech-advantages__card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .speech-advantages__card-text--big {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
}
.scoring-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .scoring-hero {
    padding: 40px 0;
  }
}
.scoring-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.scoring-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.scoring-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.scoring-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.scoring-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
}
.scoring-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.scoring-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.scoring-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .scoring-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.scoring-hero__link:hover {
  background-color: #8a56b1;
}
.scoring-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .scoring-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .scoring-hero__content {
    margin-bottom: 10px;
  }
  .scoring-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .scoring-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .scoring-hero {
    padding-top: 98px;
  }
  .scoring-hero__content {
    padding: 20px;
  }
  .scoring-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .scoring-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .scoring-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .scoring-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .scoring-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .scoring-hero__image {
    height: 240px;
  }
}
.scoring-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .scoring-opportunity {
    padding: 40px 0;
  }
}
.scoring-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .scoring-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.scoring-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.scoring-opportunity__card {
  position: relative;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 285px;
  border-radius: 10px;
  background: #f6f8fb;
}
.scoring-opportunity__card-title {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  color: rgba(0, 0, 0, 0.85);
}
.scoring-opportunity__card-text {
  max-width: 360px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.8);
}
.scoring-opportunity__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
@media (max-width: 1171px) {
  .scoring-opportunity__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .scoring-opportunity__title {
    margin-bottom: 32px;
  }
  .scoring-opportunity__wrapper {
    gap: 16px;
  }
  .scoring-opportunity__card {
    padding: 20px;
    min-height: 300px;
  }
  .scoring-opportunity__card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .scoring-opportunity__card-image {
    width: 180px;
  }
}
.scoring-tasks {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .scoring-tasks {
    padding: 40px 0;
  }
}
.scoring-tasks__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .scoring-tasks__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.scoring-tasks__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.scoring-tasks__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 24px;
  width: calc(100% / 3 - 15px);
  min-height: 285px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.scoring-tasks__card--image {
  background-color: transparent;
}
.scoring-tasks__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
  right: 10px;
}
.scoring-tasks__card-number--2 {
  right: 10px;
}
.scoring-tasks__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .scoring-tasks__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.scoring-tasks__card-number--2 {
  right: 13px;
}
.scoring-tasks__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .scoring-tasks__card-number {
    right: 24px;
  }
  .scoring-tasks__card-number--1 {
    right: 33px;
  }
}
.scoring-tasks__card-text {
  max-width: 520px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.scoring-tasks__image {
  position: absolute;
  width: 350px;
  top: 20px;
  left: 33px;
}
@media (max-width: 1171px) {
  .scoring-tasks__card {
    padding: 32px;
    width: 100%;
    min-height: 220px;
  }
  .scoring-tasks__card--image {
    display: none;
  }
}
@media (max-width: 767px) {
  .scoring-tasks__title {
    margin-bottom: 32px;
  }
  .scoring-tasks__wrapper {
    gap: 16px;
  }
  .scoring-tasks__card {
    padding: 20px;
    min-height: 300px;
  }
}
.usage {
  padding: 60px 0;
  background-color: #f6f8fb;
}
@media (max-width: 767px) {
  .usage {
    padding: 40px 0;
  }
}
.usage__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .usage__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.usage__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.usage__card {
  padding: 24px;
  width: calc(100% / 3 - 14px);
  min-height: 181px;
  border-radius: 10px;
  background-color: #fff;
}
.usage__card-image {
  margin-bottom: 16px;
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.usage__card-text {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width: 1171px) {
  .usage__card {
    width: calc(100% / 2 - 10px);
    min-height: 212px;
  }
  .usage__card-image {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .usage__title {
    margin-bottom: 32px;
  }
  .usage__wrapper {
    gap: 16px;
  }
  .usage__card {
    padding: 20px;
    width: 100%;
    min-height: 146px;
  }
  .usage__card-image {
    margin-bottom: 20px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
}
.cases {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .cases {
    padding: 40px 0;
  }
}
.cases__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .cases__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.cases__slider {
  overflow: hidden;
}
.cases__slider-top {
  position: relative;
  margin-bottom: 40px;
}
.cases__slider-control {
  position: absolute;
  display: flex;
  gap: 10px;
  right: 0;
  bottom: 0;
}
.cases__slider-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.cases__slider-button svg {
  transition: opacity 0.15s ease-in-out;
}
.cases__slider-button path {
  transition: stroke 0.15s ease-in-out, stroke-opacity 0.15s ease-in-out;
}
.cases__slider-button:hover path {
  stroke: #ac6cdd;
}
.cases__slider-button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.cases__slider-wrapper {
  display: flex;
}
.cases__slider-card {
  display: flex;
  flex-shrink: 0;
  width: 100%;
  gap: 20px;
}
.cases__slider-card:not(:last-child) {
  margin-right: 20px;
}
.cases__slider-card-left {
  min-height: 503px;
}
.cases__slider-card-left {
  position: relative;
  overflow: hidden;
  padding: 32px;
  max-width: 522px;
  width: 100%;
  border-radius: 10px;
}
.cases__slider-card-title {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
  color: #fff;
}
@media (max-width: 767px) {
  .cases__slider-card-title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.cases__slider-card-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.cases__slider-card-list {
  padding: 0 32px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.cases__slider-card-item {
  display: flex;
  padding: 32px 0;
  gap: 16px;
}
.cases__slider-card-item:not(:last-child) {
  border-bottom: 1px solid #e8edf4;
}
.cases__slider-card-item-number {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 18px;
  width: fit-content;
  min-height: 38px;
  font-size: 16px;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  color: #08c25e;
  border-radius: 52px;
  border: 1px solid #08c25e;
  align-self: flex-start;
}
.cases__slider-card-item-title {
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
  color: rgba(0, 0, 0, 0.85);
}
.cases__slider-card-item-text {
  font-size: 20px;
  line-height: 130%;
}
@media (max-width: 1171px) {
  .cases__slider-card {
    flex-direction: column;
  }
  .cases__slider-card-left {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .cases__title {
    margin: 0;
    text-align: left;
  }
  .cases__slider {
    overflow: hidden;
  }
  .cases__slider-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    gap: 16px;
  }
  .cases__slider-control {
    position: static;
  }
  .cases__slider-card {
    gap: 16px;
  }
  .cases__slider-card:not(:last-child) {
    margin-right: 16px;
  }
  .cases__slider-card-left {
    padding: 20px;
    min-height: 328px;
  }
  .cases__slider-card-title {
    margin: 0;
  }
  .cases__slider-card-list {
    padding: 0 20px;
  }
  .cases__slider-card-item {
    flex-direction: column;
    padding: 20px 0;
  }
  .cases__slider-card-item-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .cases__slider-card-item-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.process {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .process {
    padding: 40px 0;
  }
}
.process__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .process__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.process__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.process__card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  gap: 20px;
  width: calc(100% / 2 - 10px);
  min-height: 220px;
  border: 1px solid #e8edf4;
  border-radius: 10px;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.process__card:hover {
  border-color: #08c25e;
  box-shadow: 20px 20px 20px 0px rgba(137, 137, 137, 0.1);
}
.process__card-text {
  z-index: 1;
  max-width: 420px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.process__card-info {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  padding: 5px 16px;
  min-height: 38px;
  font-size: 16px;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  color: #08c25e;
  border: 1px solid #08c25e;
  border-radius: 52px;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.process__card:hover .process__card-info {
  color: #fff;
  background-color: #08c25e;
}
.process__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
  top: -28px;
  right: 40px;
}
.process__card-number--2 {
  right: 10px;
}
.process__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .process__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.process__card-number--2 {
  right: 13px;
}
.process__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .process__card-number {
    right: 24px;
  }
  .process__card-number--1 {
    right: 33px;
  }
}
@media (max-width: 1171px) {
  .process__card {
    width: 100%;
  }
  .process__card-number {
    top: -22px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .process__title {
    margin-bottom: 32px;
  }
  .process__wrapper {
    gap: 16px;
  }
  .process__card {
    justify-content: flex-end;
    padding: 20px;
    width: 100%;
    min-height: 300px;
  }
  .process__card-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .process__card-number {
    right: 10px;
  }
}
.scoring-price {
  padding: 60px 0;
  background-color: #f6f8fb;
}
@media (max-width: 767px) {
  .scoring-price {
    padding: 40px 0;
  }
}
.scoring-price__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.scoring-price__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 32px;
  gap: 8px;
  width: calc(100% / 2 - 10px);
  min-height: 262px;
  background-color: #fff;
  border-radius: 10px;
}
.scoring-price__card-title {
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
  color: rgba(0, 0, 0, 0.85);
}
.scoring-price__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
}
@media (max-width: 767px) {
  .scoring-price__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.scoring-price__info {
  margin-bottom: auto;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.scoring-price__text {
  z-index: 1;
  max-width: 393px;
  font-size: 18px;
  line-height: 130%;
}
.scoring-price__image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
.scoring-price__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.scoring-price__item {
  display: flex;
}
.scoring-price__item svg {
  margin-top: 6px;
  margin-right: 6px;
}
@media (max-width: 1171px) {
  .scoring-price__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .scoring-price__card {
    padding: 20px;
    min-height: 300px;
  }
  .scoring-price__card:last-child {
    min-height: unset;
  }
  .scoring-price__card-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .scoring-price__title {
    margin: 0;
  }
  .scoring-price__image {
    width: 180px;
    top: 24px;
    bottom: unset;
  }
  .scoring-price__text {
    max-width: 390px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.scoring-info {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .scoring-info {
    padding: 40px 0;
  }
}
.scoring-info__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .scoring-info__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.scoring-info__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.scoring-info__card {
  position: relative;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  border: 1px solid #08c25e;
  border-radius: 10px;
}
.scoring-info__card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 32px;
  gap: 8px;
}
.scoring-info__card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.scoring-info__card-title--green {
  display: inline;
  color: #08c25e;
}
.scoring-info__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
.scoring-info__card-textbox {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.scoring-info__card-text {
  font-size: 18px;
  line-height: 130%;
}
.scoring-info__card-text a {
  color: #ac6cdd;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.scoring-info__card-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.scoring-info__card-item {
  display: flex;
}
.scoring-info__card-item svg {
  margin-top: 6px;
  margin-right: 6px;
}
.scoring-info__card-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.scoring-info__card-link path {
  transition: stroke 0.2s ease-in-out;
}
.scoring-info__card-link:hover {
  color: #ac6cdd;
}
.scoring-info__card-link:hover path {
  stroke: #ac6cdd;
}
@media (max-width: 1171px) {
  .scoring-info__card {
    width: 100%;
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .scoring-info__title {
    margin-bottom: 32px;
  }
  .scoring-info__wrapper {
    gap: 16px;
  }
  .scoring-info__card {
    padding: 20px;
    min-height: unset;
  }
  .scoring-info__card-title {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .scoring-info__card-image {
    display: none;
  }
  .scoring-info__card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
}
.security-hero {
  padding: 60px 0;
  position: relative;
  padding-top: 112px;
  min-height: 700px;
}
@media (max-width: 767px) {
  .security-hero {
    padding: 40px 0;
  }
}
.security-hero__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.security-hero__content {
  padding-top: 80px;
  color: #ffffff;
}
.security-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .security-hero__title {
    font-size: 32px;
  }
}
.security-hero__text {
  max-width: 654px;
  font-size: 24px;
  line-height: 120%;
}
@media (max-width: 1171px) {
  .security-hero {
    min-height: 1042px;
  }
}
@media (max-width: 767px) {
  .security-hero {
    padding-top: 98px;
    min-height: 640px;
  }
  .security-hero__content {
    padding-top: 0;
  }
  .security-hero__title {
    margin-bottom: 8px;
  }
  .security-hero__text {
    max-width: 328px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
@media (max-width: 340px) {
  .security-hero__title {
    font-size: 29px;
  }
}
.security-info {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .security-info {
    padding: 40px 0;
  }
}
.security-info__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.security-info__top {
  display: flex;
}
.security-info__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  width: calc(100% / 3 - 14px);
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.security-info__card--big {
  width: unset;
  flex-grow: 1;
}
.security-info__card--image {
  position: relative;
  flex-shrink: 0;
  width: 325px;
  border: none;
}
.security-info__card-image {
  margin-bottom: 25px;
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.security-info__card-title {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.security-info__card-text {
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.security-info__text {
  font-size: 24px;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.security-info__text--purple {
  display: inline;
  color: #ac6cdd;
}
.security-info__image {
  position: absolute;
  width: 220px;
  right: 40px;
  bottom: 0;
}
@media (max-width: 1171px) {
  .security-info__card {
    width: 100%;
  }
  .security-info__card--image {
    display: none;
  }
  .security-info__card-image {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .security-info__card {
    padding: 20px;
  }
  .security-info__card-image {
    width: 40px;
    height: 40px;
    border-radius: 6px;
  }
  .security-info__text {
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
}
.protection {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .protection {
    padding: 40px 0;
  }
}
.protection__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .protection__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.protection__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.protection__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 32px;
  width: calc(100% / 3 - 14px);
  min-height: 220px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.protection__card--big {
  position: relative;
  width: calc(100% / 3 * 2 - 6px);
}
.protection__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
  right: 40px;
}
.protection__card-number--2 {
  right: 10px;
}
.protection__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .protection__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.protection__card-number--2 {
  right: 13px;
}
.protection__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .protection__card-number {
    right: 24px;
  }
  .protection__card-number--1 {
    right: 33px;
  }
}
.protection__card-text {
  max-width: 520px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.protection__card-text a {
  color: #ac6cdd;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
}
.protection__card-image {
  position: absolute;
  width: 233px;
  right: 0;
  bottom: 0;
}
@media (max-width: 1171px) {
  .protection__title {
    max-width: 688px;
  }
  .protection__card {
    width: calc(100% / 2 - 10px);
  }
  .protection__card--big {
    width: 100%;
  }
  .protection__card-number {
    right: 20px;
  }
  .protection__card-image {
    position: absolute;
    right: -38px;
    bottom: 16px;
  }
}
@media (max-width: 767px) {
  .protection__title {
    margin-bottom: 32px;
  }
  .protection__wrapper {
    gap: 16px;
  }
  .protection__card {
    padding: 20px;
    width: 100%;
  }
  .protection__card-image {
    display: none;
  }
}
.about-hero {
  padding: 60px 0;
  position: relative;
  padding-top: 112px;
  min-height: 700px;
}
@media (max-width: 767px) {
  .about-hero {
    padding: 40px 0;
  }
}
.about-hero__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.about-hero__content {
  padding-top: 80px;
  color: #ffffff;
}
.about-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
  max-width: 594px;
}
@media (max-width: 767px) {
  .about-hero__title {
    font-size: 32px;
  }
}
.about-hero__text {
  margin-bottom: 32px;
  max-width: 601px;
  font-size: 24px;
  line-height: 120%;
}
.about-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
  border-radius: 10px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  width: fit-content;
}
@media (max-width: 767px) {
  .about-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.about-hero__link:hover {
  color: #fff;
  background-color: #ac6cdd;
}
@media (max-width: 1171px) {
  .about-hero {
    min-height: 1042px;
  }
  .about-hero__image {
    object-position: 50% 100%;
  }
  .about-hero__text {
    max-width: 654px;
  }
}
@media (max-width: 767px) {
  .about-hero {
    padding-top: 98px;
    min-height: 640px;
  }
  .about-hero__content {
    padding-top: 0;
  }
  .about-hero__title {
    margin-bottom: 8px;
  }
  .about-hero__text {
    margin-bottom: 20px;
    max-width: 328px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .about-hero__link {
    width: fit-content;
  }
}
.about-references {
  padding: 60px 0;
  padding-top: 120px;
}
@media (max-width: 767px) {
  .about-references {
    padding: 40px 0;
  }
}
.about-references__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.about-references__link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  width: calc(100% / 2 - 10px);
  min-height: 236px;
  background-color: #f6f8fb;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.about-references__link:hover {
  background-color: #f1f7ff;
}
.about-references__link-top {
  margin-bottom: 24px;
}
.about-references__link-image {
  margin-bottom: 16px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.about-references__link-title {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.about-references__link-text {
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.about-references__link-bottom {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.about-references__link:hover .about-references__link-bottom {
  color: #ac6cdd;
}
.about-references__link-bottom path {
  transition: stroke 0.2s ease-in-out;
}
.about-references__link:hover .about-references__link-bottom path {
  stroke: #ac6cdd;
}
@media (max-width: 767px) {
  .about-references__wrapper {
    gap: 16px;
  }
  .about-references__link {
    padding: 20px;
    width: 100%;
    min-height: unset;
  }
  .about-references__link-image {
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
  .about-references__link-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
}
.company-hero {
  padding: 60px 0;
  position: relative;
  padding-top: 112px;
  min-height: 700px;
}
@media (max-width: 767px) {
  .company-hero {
    padding: 40px 0;
  }
}
.company-hero__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.company-hero__content {
  padding-top: 80px;
  max-width: 614px;
  color: #ffffff;
}
.company-hero__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .company-hero__title {
    font-size: 32px;
  }
}
.company-hero__text {
  font-size: 24px;
  line-height: 120%;
}
@media (max-width: 1171px) {
  .company-hero {
    min-height: 1042px;
  }
}
@media (max-width: 767px) {
  .company-hero {
    padding-top: 98px;
    min-height: 640px;
  }
  .company-hero__content {
    padding-top: 0;
    max-width: 400px;
  }
  .company-hero__title {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
  }
  .company-hero__text {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
.principles {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .principles {
    padding: 40px 0;
  }
}
.principles__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .principles__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.principles__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.principles__card {
  position: relative;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  min-height: 285px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.principles__card-title {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.principles__card-text {
  font-size: 18px;
  line-height: 130%;
}
.principles__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
@media (max-width: 1171px) {
  .principles__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .principles__title {
    margin-bottom: 32px;
  }
  .principles__wrapper {
    gap: 16px;
  }
  .principles__card {
    padding: 20px;
  }
  .principles__card-text {
    position: relative;
    z-index: 1;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .principles__card-image {
    width: 180px;
  }
}
.development {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .development {
    padding: 40px 0;
  }
}
.development__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .development__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.development__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.development__card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px;
  width: calc(100% / 3 - 15px);
  min-height: 338px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.development__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
  font-size: 155px;
  top: -25px;
  right: 40px;
}
.development__card-number--2 {
  right: 10px;
}
.development__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .development__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.development__card-number--2 {
  right: 13px;
}
.development__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .development__card-number {
    right: 24px;
  }
  .development__card-number--1 {
    right: 33px;
  }
}
.development__card-title {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
  max-width: 520px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.development__card-text {
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .development__card {
    width: 100%;
    min-height: 243px;
  }
  .development__card-number {
    right: 10px;
    font-size: 155px;
  }
}
@media (max-width: 767px) {
  .development__title {
    margin-bottom: 32px;
  }
  .development__wrapper {
    gap: 16px;
  }
  .development__card {
    padding: 20px;
    min-height: 320px;
  }
}
.awards {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .awards {
    padding: 40px 0;
  }
}
.awards__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .awards__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.awards__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.awards__card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 32px;
  width: calc(100% / 2 - 10px);
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.awards__card-number {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: auto;
  padding: 5px 18px;
  min-height: 36px;
  color: rgba(0, 0, 0, 0.9);
  background-color: #dee2e9;
  border-radius: 52px;
  margin-bottom: 32px;
  width: fit-content;
}
.awards__card-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.awards__card-picture {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 12px;
  width: 130px;
  height: 130px;
  border-radius: 8px;
  background: #f6f8fb;
}
.awards__card-image {
  height: 100%;
}
@media (max-width: 1171px) {
  .awards__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .awards__title {
    margin-bottom: 32px;
  }
  .awards__wrapper {
    gap: 16px;
  }
  .awards__card {
    padding: 20px;
    flex-direction: column;
  }
  .awards__card-number {
    margin-bottom: 24px;
  }
  .awards__card-text {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .awards__card-picture {
    width: 100%;
  }
}
.partners-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .partners-hero {
    padding: 40px 0;
  }
}
.partners-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.partners-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.partners-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.partners-hero__subtitle {
  margin-bottom: 28px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.partners-hero__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  gap: 16px;
  max-width: 500px;
}
.partners-hero__item {
  display: flex;
  font-size: 18px;
  line-height: 130%;
}
.partners-hero__item svg {
  margin-right: 8px;
  transform: translateY(6px);
}
.partners-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .partners-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.partners-hero__link:hover {
  background-color: #8a56b1;
}
.partners-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .partners-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .partners-hero__content {
    margin-bottom: 10px;
  }
  .partners-hero__list {
    margin-bottom: 40px;
    max-width: 750px;
  }
  .partners-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .partners-hero {
    padding-top: 98px;
  }
  .partners-hero__content {
    padding: 20px;
  }
  .partners-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .partners-hero__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .partners-hero__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    gap: 0;
  }
  .partners-hero__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .partners-hero__item:not(:last-child) {
    margin-bottom: 8px;
  }
  .partners-hero__image {
    height: 240px;
  }
}
.partners-opportunity {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .partners-opportunity {
    padding: 40px 0;
  }
}
.partners-opportunity__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .partners-opportunity__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.partners-opportunity__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.partners-opportunity__card,
.partners-opportunity__card-content {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background-color: #f6f8fb;
}
.partners-opportunity__card {
  position: relative;
  justify-content: space-between;
  overflow: hidden;
  width: calc(100% / 2 - 10px);
  min-height: 285px;
  border-radius: 10px;
}
.partners-opportunity__card-title {
  max-width: 288px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.partners-opportunity__card:first-child .partners-opportunity__card-title {
  max-width: 100%;
}
.partners-opportunity__card-button {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #dee2e9;
  border-radius: 100px;
  transition: background-color 0.2s ease-in-out;
}
.partners-opportunity__card-button path {
  transition: fill 0.2s ease-in-out;
}
.partners-opportunity__card-button svg {
  transition: transform 0.2s ease-in-out;
}
.partners-opportunity__card-button.card-button--rotate svg {
  transform: rotate(45deg);
}
.partners-opportunity__card-button:hover {
  background-color: #ac6cdd;
}
.partners-opportunity__card-button:hover path {
  fill: #fff;
}
.partners-opportunity__card-image {
  position: absolute;
  width: 220px;
  right: 0;
  bottom: 0;
}
.partners-opportunity__card-content {
  position: absolute;
  opacity: 0;
  gap: 12px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.2s ease-in-out;
}
.partners-opportunity__card-content.card-content--visible {
  opacity: 1;
}
.partners-opportunity__card-text {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.36px;
}
.partners-opportunity__card-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
}
@media (max-width: 1171px) {
  .partners-opportunity__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .partners-opportunity__title {
    margin-bottom: 32px;
  }
  .partners-opportunity__card,
  .partners-opportunity__card-content {
    padding: 20px;
  }
  .partners-opportunity__card {
    min-height: 362px;
  }
  .partners-opportunity__card-title {
    max-width: 100%;
  }
}
@media (max-width: 349px) {
  .partners-opportunity__card-text {
    font-size: 16px;
  }
}
.partners-provision {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .partners-provision {
    padding: 40px 0;
  }
}
.partners-provision__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .partners-provision__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.partners-provision__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.partners-provision__card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px;
  width: calc(100% / 4 - 15px);
  min-height: 340px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.partners-provision__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
}
.partners-provision__card-number--2 {
  right: 10px;
}
.partners-provision__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .partners-provision__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.partners-provision__card-number--2 {
  right: 13px;
}
.partners-provision__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .partners-provision__card-number {
    right: 24px;
  }
  .partners-provision__card-number--1 {
    right: 33px;
  }
}
.partners-provision__card-title {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
  max-width: 520px;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.partners-provision__card-text {
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1171px) {
  .partners-provision__card {
    width: calc(100% / 2 - 10px);
    min-height: 300px;
  }
  .partners-provision__card-number {
    font-size: 164px;
  }
}
@media (max-width: 767px) {
  .partners-provision__title {
    margin-bottom: 32px;
  }
  .partners-provision__wrapper {
    gap: 16px;
  }
  .partners-provision__card {
    width: 100%;
  }
}
.partners-services {
  padding-top: 0;
  padding-bottom: 120px;
}
.partners-services__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 767px) {
  .partners-services__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.partners-services__tabs {
  position: relative;
}
.partners-services__tabs-button {
  display: flex;
  align-items: center;
  padding: 8px;
  width: 413px;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.partners-services__tabs-button--active {
  background-color: #f6f8fb;
}
.partners-services__tabs-button--active
  .partners-services__tabs-button-fill--gray {
  fill: #ac6cdd;
}
.partners-services__tabs-button--active
  .partners-services__tabs-button-fill--purple {
  fill: #f6f8fb;
}
.partners-services__tabs-button-arrow {
  display: none;
}
.partners-services__tabs-button-icon {
  margin-right: 16px;
}
.partners-services__tabs-button-fill {
  transition: fill 0.2s ease-in-out;
}
.partners-services__tabs-content {
  position: absolute;
  display: none;
  width: calc(100% - 433px);
  padding: 24px;
  top: 0;
  left: 433px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.partners-services__tabs-content--active {
  display: block;
}
.partners-services__tabs-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}
.partners-services__tabs-link:not(:last-child) {
  margin-bottom: 32px;
}
.partners-services__tabs-link span {
  margin-right: 12px;
}
.partners-services__accordion:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 1171px) {
  .partners-services__tabs {
    flex-direction: column;
    min-height: 724px;
  }
  .partners-services__tabs-button {
    width: 100%;
  }
  .partners-services__tabs-content {
    width: 100%;
    top: 372px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .partners-services {
    padding-bottom: 80px;
  }
  .partners-services__title {
    margin-bottom: 32px;
  }
  .partners-services__tabs {
    min-height: auto;
  }
  .partners-services__tabs-content {
    position: static;
    display: block;
    padding: 0 24px;
    max-height: 0;
    width: unset;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    box-sizing: content-box;
    transition: all 0.2s ease-in-out;
  }
  .partners-services__tabs-button--active {
    background-color: transparent;
  }
  .partners-services__tabs-button--active
    .partners-services__tabs-button-fill--gray {
    fill: #f6f8fb;
  }
  .partners-services__tabs-button--active
    .partners-services__tabs-button-fill--purple {
    fill: #ac6cdd;
  }
  .partners-services__tabs-button[aria-expanded="true"] {
    background-color: #f6f8fb;
  }
  .partners-services__tabs-button[aria-expanded="true"]
    .partners-services__tabs-button-fill--gray {
    fill: #ac6cdd;
  }
  .partners-services__tabs-button[aria-expanded="true"]
    .partners-services__tabs-button-fill--purple {
    fill: #f6f8fb;
  }
  .partners-services__tabs-button-icon {
    width: 40px;
    height: 40px;
  }
  .partners-services__tabs-button-arrow {
    display: block;
    margin-left: auto;
  }
  .partners-services__tabs-link:not(:last-child) {
    margin-bottom: 24px;
  }
  .partners-services__tabs-link span {
    margin-right: 8px;
  }
  .partners-services__accordion--opened .partners-services__tabs-content {
    margin: 8px 0;
    padding: 24px;
    opacity: 1;
  }
  .partners-services__tabs-button-arrow {
    transition: transform 0.2s ease-in-out;
  }
  .partners-services__accordion--opened .partners-services__tabs-button-arrow {
    transform: rotate(180deg);
  }
}
.about-participation-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .about-participation-hero {
    padding: 40px 0;
  }
}
.about-participation-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.about-participation-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.about-participation-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.about-participation-hero__subtitle {
  margin-bottom: 40px;
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.about-participation-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .about-participation-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.about-participation-hero__link:hover {
  background-color: #8a56b1;
}
.about-participation-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .about-participation-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .about-participation-hero__content {
    margin-bottom: 10px;
  }
  .about-participation-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .about-participation-hero {
    padding-top: 98px;
  }
  .about-participation-hero__content {
    padding: 20px;
  }
  .about-participation-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .about-participation-hero__subtitle {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .about-participation-hero__image {
    height: 240px;
  }
}
.associations {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .associations {
    padding: 40px 0;
  }
}
.associations__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  gap: 16px;
}
.associations__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
}
@media (max-width: 767px) {
  .associations__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.associations__slider {
  overflow: hidden;
}
.associations__slider-control {
  display: flex;
  align-items: center;
  gap: 16px;
}
.associations__slider-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.associations__slider-button svg {
  transition: opacity 0.15s ease-in-out;
}
.associations__slider-button path {
  transition: stroke 0.15s ease-in-out, stroke-opacity 0.15s ease-in-out;
}
.associations__slider-button:hover path {
  stroke: #ac6cdd;
}
.associations__slider-button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.associations__slider-pagination {
  display: flex;
  margin-right: 12px;
  min-width: 30px;
  font-size: 18px;
  letter-spacing: -0.36px;
  color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  margin: 0;
}
.associations__slider-wrapper {
  display: flex;
}
.associations__slider-card {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 32px;
  gap: 32px;
  width: 100%;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.associations__slider-card-content {
  max-width: 647px;
}
.associations__slider-card-title {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
}
.associations__slider-card-textbox {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.associations__slider-card-text {
  font-size: 18px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.5);
}
.associations__slider-card-picture {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 20px;
  max-width: 466px;
  width: 100%;
  border-radius: 20px;
  background-color: #fff;
}
.associations__slider-card-image {
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .associations__slider-card {
    flex-direction: column;
    justify-content: flex-start;
  }
  .associations__slider-card-content,
  .associations__slider-card-picture {
    max-width: 100%;
  }
  .associations__slider-card-picture {
    min-height: 444px;
  }
  .associations__slider-card-image {
    max-width: 584px;
  }
}
@media (max-width: 767px) {
  .associations__top {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
  }
  .associations__title {
    margin: 0;
  }
  .associations__slider {
    position: relative;
    padding-bottom: 72px;
  }
  .associations__slider-control {
    position: absolute;
    align-self: center;
    gap: 12px;
    bottom: 0;
  }
  .associations__slider-button {
    width: 48px;
    height: 48px;
  }
  .associations__slider-card {
    padding: 20px;
    gap: 20px;
  }
  .associations__slider-card-title {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
  }
  .associations__slider-card-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .associations__slider-card-picture {
    padding: 8px;
    min-height: 200px;
    border-radius: 10px;
  }
  .associations__slider-card-image {
    max-width: 272px;
    border-radius: 8px;
  }
}
@media (max-width: 361px) {
  .associations__slider-card-image {
    width: 100%;
  }
}
.procurement-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .procurement-hero {
    padding: 40px 0;
  }
}
.procurement-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.procurement-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.procurement-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.procurement-hero__subtitle {
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.procurement-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .procurement-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .procurement-hero__content {
    margin-bottom: 10px;
  }
  .procurement-hero__subtitle {
    max-width: 100%;
  }
  .procurement-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .procurement-hero {
    padding-top: 98px;
  }
  .procurement-hero__content {
    padding: 20px;
  }
  .procurement-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .procurement-hero__subtitle {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .procurement-hero__image {
    height: 240px;
  }
}
.procurement-info {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .procurement-info {
    padding: 40px 0;
  }
}
.procurement-info__wrapper {
  display: flex;
  justify-content: space-between;
  padding: 40px;
  gap: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.procurement-info__content,
.procurement-info__textbox {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.procurement-info__content {
  max-width: 758px;
}
.procurement-info__text {
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.procurement-info__links {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
  background-color: #dee2e9;
  border-radius: 8px;
}
.procurement-info__link {
  font-size: 20px;
  line-height: 130%;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-position: from-font;
}
.procurement-info__image {
  align-self: flex-start;
  width: 320px;
  object-fit: contain;
}
@media (max-width: 1171px) {
  .procurement-info__wrapper {
    flex-direction: column;
  }
  .procurement-info__content {
    max-width: 100%;
  }
  .procurement-info__image {
    align-self: center;
  }
}
@media (max-width: 767px) {
  .procurement-info__wrapper {
    padding: 20px;
    gap: 20px;
  }
  .procurement-info__content,
  .procurement-info__textbox {
    gap: 20px;
  }
  .procurement-info__text,
  .procurement-info__link {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .procurement-info__image {
    max-width: 220px;
  }
}
.prevention-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .prevention-hero {
    padding: 40px 0;
  }
}
.prevention-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.prevention-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.prevention-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.prevention-hero__subtitle {
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.prevention-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .prevention-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .prevention-hero__content {
    margin-bottom: 10px;
  }
  .prevention-hero__subtitle {
    max-width: 100%;
  }
  .prevention-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .prevention-hero {
    padding-top: 98px;
  }
  .prevention-hero__content {
    padding: 20px;
  }
  .prevention-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .prevention-hero__subtitle {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .prevention-hero__image {
    height: 240px;
  }
}
.prevention-contacts {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .prevention-contacts {
    padding: 40px 0;
  }
}
.prevention-contacts__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.prevention-contacts__card {
  position: relative;
  overflow: hidden;
  padding: 24px;
  width: calc(100% / 2 - 10px);
  min-height: 300px;
  border: 1px solid #ac6cdd;
  border-radius: 10px;
}
.prevention-contacts__card-image {
  position: absolute;
  width: 300px;
  right: 0;
  bottom: 0;
}
.prevention-contacts__textbox {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.prevention-contacts__text {
  position: relative;
  z-index: 1;
  max-width: 570px;
  font-size: 18px;
  line-height: 130%;
}
.prevention-contacts__text--big {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.prevention-contacts__text--purple {
  display: inline;
  color: #ac6cdd;
}
.prevention-contacts__text a {
  color: #ac6cdd;
}
@media (max-width: 1171px) {
  .prevention-contacts__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .prevention-contacts__wrapper {
    gap: 16px;
  }
  .prevention-contacts__card {
    padding: 20px;
  }
  .prevention-contacts__card-image {
    width: 220px;
  }
  .prevention-contacts__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .prevention-contacts__text--big {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
}
.prevention-info {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .prevention-info {
    padding: 40px 0;
  }
}
.prevention-info__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0 auto 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .prevention-info__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.prevention-info__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 32px;
  gap: 20px;
}
.prevention-info__card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 24px;
  width: calc(100% / 3 - 14px);
  min-height: 285px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.prevention-info__card-number {
  position: absolute;
  top: -33px;
  right: 3px;
  font-size: 164px;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -3.28px;
  color: #dee2e9;
}
.prevention-info__card-number--2 {
  right: 10px;
}
.prevention-info__card-number--3 {
  right: 8px;
}
@media (max-width: 1171px) {
  .prevention-info__card-number {
    top: -27px;
    right: 9px;
    font-size: 130px;
    letter-spacing: -2.6px;
  }
}
.prevention-info__card-number--2 {
  right: 13px;
}
.prevention-info__card-number--3 {
  right: 12px;
}
@media (max-width: 767px) {
  .prevention-info__card-number {
    right: 24px;
  }
  .prevention-info__card-number--1 {
    right: 33px;
  }
}
.prevention-info__card-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
}
.prevention-info__link {
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.48px;
  color: #ac6cdd;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 1px;
  text-underline-position: from-font;
}
@media (max-width: 1171px) {
  .prevention-info__card {
    width: calc(100% / 2 - 10px);
  }
  .prevention-info__card-number {
    font-size: 164px;
    line-height: 110%;
    letter-spacing: -3.28px;
    top: -38px;
    right: 9px;
  }
}
@media (max-width: 767px) {
  .prevention-info__wrapper {
    margin-bottom: 24px;
    gap: 16px;
  }
  .prevention-info__card {
    padding: 20px;
    width: 100%;
    min-height: 300px;
  }
  .prevention-info__link {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
}
.press-hero {
  padding: 60px 0;
  padding-top: 112px;
}
@media (max-width: 767px) {
  .press-hero {
    padding: 40px 0;
  }
}
.press-hero__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  min-height: 560px;
}
.press-hero__content {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.press-hero__title {
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  color: #000;
}
.press-hero__textbox {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  gap: 20px;
}
.press-hero__text {
  max-width: 500px;
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.9);
}
.press-hero__text a {
  color: #ac6cdd;
}
.press-hero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  margin-top: auto;
  width: fit-content;
}
@media (max-width: 767px) {
  .press-hero__link {
    max-width: 100%;
    width: 100%;
  }
}
.press-hero__link:hover {
  background-color: #8a56b1;
}
.press-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
@media (max-width: 1171px) {
  .press-hero__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: unset;
  }
  .press-hero__content {
    margin-bottom: 10px;
  }
  .press-hero__image {
    height: 440px;
  }
}
@media (max-width: 767px) {
  .press-hero {
    padding-top: 98px;
  }
  .press-hero__content {
    padding: 20px;
  }
  .press-hero__title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.8);
  }
  .press-hero__textbox {
    margin-bottom: 24px;
    gap: 16px;
  }
  .press-hero__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
    color: rgba(0, 0, 0, 0.6);
  }
  .press-hero__image {
    height: 240px;
  }
}
.press-news {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .press-news {
    padding: 40px 0;
  }
}
.press-news__dropdown {
  position: relative;
  margin-bottom: 40px;
  max-width: 290px;
  cursor: pointer;
}
.press-news__dropdown-input {
  display: flex;
  align-items: center;
  padding: 5px 16px;
  width: 100%;
  height: 56px;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.press-news__dropdown-input::placeholder {
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.5);
}
.press-news__dropdown-list {
  position: absolute;
  z-index: 1;
  display: none;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  backdrop-filter: blur(25px);
  border-radius: 0px 0px 10px 10px;
}
.press-news__dropdown-list--visible {
  display: block;
}
.press-news__dropdown-item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 120%;
  letter-spacing: -0.16px;
  padding: 10px 16px;
}
.press-news__dropdown-item svg {
  display: none;
}
.press-news__dropdown-item:last-child {
  padding-bottom: 16px;
}
.press-news__dropdown-item--active {
  background-color: rgba(0, 0, 0, 0.05);
}
.press-news__dropdown-item--active svg {
  display: block;
}
.press-news__dropdown-arrow {
  position: absolute;
  z-index: -1;
  top: 16px;
  right: 16px;
  transition: transform 0.1s ease-in-out;
}
.press-news__dropdown-list--visible ~ .press-news__dropdown-arrow {
  transform: rotate(180deg);
}
.press-news__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 40px;
  gap: 20px;
}
.press-news__card {
  display: flex;
  padding: 24px;
  gap: 20px;
  width: calc(100% / 2 - 10px);
  background-color: #f6f8fb;
  border-radius: 10px;
}
.press-news__card--big {
  padding: 32px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #ac6cdd;
}
.press-news__card-image {
  width: 280px;
  height: 202px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}
.press-news__card--big .press-news__card-image {
  width: 490px;
  height: 318px;
}
.press-news__card-right {
  display: flex;
  flex-direction: column;
}
.press-news__card-top {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  gap: 6px;
}
.press-news__card-status {
  padding: 5px 18px;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
  color: #000;
  background-color: #dfe8f5;
  border: 1px solid #dfe8f5;
  border-radius: 52px;
}
.press-news__card-status--purple {
  color: #ac6cdd;
  background-color: transparent;
  border: 1px solid;
}
.press-news__card-link {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
}
.press-news__card-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.4px;
}
.press-news__card--big .press-news__card-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
}
.press-news__card-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: auto;
  max-width: 286px;
  line-height: 130%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.6);
}
.press-news__card--big .press-news__card-text {
  display: initial;
  -webkit-line-clamp: none;
  -webkit-box-orient: initial;
  overflow: visible;
  max-width: unset;
}
.press-news__card--imageless .press-news__card-text {
  margin-bottom: 8px;
  max-width: unset;
}
.press-news__card-bottom {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.press-news__card-link:hover .press-news__card-bottom {
  color: #ac6cdd;
}
.press-news__card-bottom path {
  transition: stroke 0.2s ease-in-out;
}
.press-news__card-link:hover .press-news__card-bottom path {
  stroke: #ac6cdd;
}
.press-news__pagination {
  display: flex;
  justify-content: center;
  gap: 24px;
}
.press-news__pagination-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
.press-news__pages {
  display: flex;
  gap: 8px;
}
.press-news__pages-button {
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.press-news__pages-button--active {
  color: #fff;
  background-color: #ac6cdd;
}
.press-news__control {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.press-news__control path {
  transition: stroke 0.2s ease-in-out, stroke-opacity 0.2s ease-in-out;
}
.press-news__control:disabled path {
  stroke-opacity: 0.2;
}
.press-news__control:hover path {
  stroke: #ac6cdd;
}
@media (max-width: 1171px) {
  .press-news__card {
    width: 100%;
  }
  .press-news__card--big {
    flex-direction: column;
  }
  .press-news__card--big .press-news__card-image {
    width: 100%;
    height: 340px;
    object-position: 50% 26%;
  }
  .press-news__card--big .press-news__card-right {
    min-height: 265px;
  }
  .press-news__card-text {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .press-news__dropdown {
    margin-bottom: 32px;
    max-width: 100%;
  }
  .press-news__wrapper {
    margin-bottom: 32px;
    gap: 16px;
  }
  .press-news__card {
    flex-direction: column;
    padding: 16px;
    gap: 24px;
  }
  .press-news__card-image {
    width: 100%;
    object-position: 50% 26%;
  }
  .press-news__card--big .press-news__card-image {
    height: 202px;
  }
  .press-news__card--big .press-news__card-right {
    min-height: unset;
  }
  .press-news__card--big .press-news__card-title,
  .press-news__card-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.48px;
  }
  .press-news__card-text {
    margin-bottom: 16px;
  }
  .press-news__pagination {
    justify-content: space-between;
    gap: 8px;
  }
  .press-news__pages-button:nth-child(3),
  .press-news__pages-button:nth-child(4) {
    display: none;
  }
}
.news-section {
  padding: 60px 0;
  padding-top: 110px;
}
@media (max-width: 767px) {
  .news-section {
    padding: 40px 0;
  }
}
.news-section .breadcrumb {
  margin-bottom: 40px;
}
.news-section__container {
  display: flex;
  flex-direction: column;
  padding-top: 185px;
}
.news-section__content {
  padding-top: 48px;
  padding-right: 522px;
}
.news-section__content:nth-child(2) {
  margin-top: -386px;
  padding-top: 0;
}
.news-section__sidebar {
  position: sticky;
  display: flex;
  justify-content: flex-end;
  padding: 0;
  top: 100px;
}
.news-section__sidebar-wrapper {
  max-width: 482px;
  width: 100%;
}
.news-section__sidebar-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.news-section__sidebar-item {
  display: flex;
  font-size: 20px;
  line-height: 130%;
}
.news-section__sidebar-item svg {
  margin-top: 8px;
  margin-right: 10px;
}
.news-section__sidebar-item a {
  color: #ac6cdd;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 1px;
  text-underline-position: from-font;
}
.news-section__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.news-section__wrapper--g32 {
  gap: 32px;
}
.news-section__wrapper-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
}
.news-section__top {
  margin-bottom: 32px;
}
.news-section__title {
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .news-section__title {
    font-size: 32px;
  }
}
.news-section__subtitle {
  margin-bottom: 24px;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
}
.news-section__statusbox {
  display: flex;
  gap: 6px;
}
.news-section__status {
  padding: 5px 18px;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
  color: #000;
  background-color: #dfe8f5;
  border: 1px solid #dfe8f5;
  border-radius: 52px;
}
.news-section__status--purple {
  color: #ac6cdd;
  background-color: transparent;
  border: 1px solid;
}
.news-section__textbox {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.news-section__textbox--gray {
  padding: 24px;
  background-color: #f6f8fb;
  border-radius: 10px;
}
.news-section__text {
  font-size: 20px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.6);
}
.news-section__text b {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 500;
}
.news-section__text a {
  color: #ac6cdd;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}
.news-section__image {
  margin-bottom: 16px;
  width: 100%;
  height: 595px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.news-section__info {
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.4);
}
.news-section__info a {
  color: #ac6cdd;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}
.news-section__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.news-section__item {
  display: flex;
  gap: 10px;
}
.news-section__item svg {
  margin-top: 9px;
}
.news-section__item .news-section__text b {
  font-weight: 400;
  color: #ac6cdd;
}
.news-section__player {
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  width: 100%;
  height: 426px;
  border-radius: 10px;
}
.news-section__player-button {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(0, 0, 0, 0.3) 100%
  );
}
.news-section__player-button--hidden {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.news-section__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-section__links {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.news-section__link {
  position: relative;
  display: flex;
  min-height: 71px;
  transition: box-shadow 0.2s ease-in-out;
}
.news-section__link:hover {
  box-shadow: 10px 10px 20px 0px rgba(118, 104, 129, 0.1);
}
.news-section__link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  width: 20%;
  left: unset;
  right: 0;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
.news-section__link:hover::after {
  background-color: #8a56b1;
}
.news-section__link-wrapper {
  display: flex;
  flex-grow: 1;
  align-items: center;
  z-index: 1;
  padding: 10px 24px;
  background-color: #f6f8fb;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: border-color 0.2s ease-in-out;
}
.news-section__link:hover .news-section__link-wrapper {
  border-color: #8a56b1;
}
.news-section__link-text {
  font-size: 18px;
  line-height: 130%;
}
.news-section__iconbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 83px;
}
.news-section__iconbox svg {
  position: relative;
  z-index: 1;
}
.news-section__social {
  position: relative;
  display: flex;
  gap: 16px;
}
.news-section__social-image {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.news-section__infobox {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 42px;
  padding: 12px;
  bottom: calc(100% + 14px);
  left: 70px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.25);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
}
.news-section__infobox--visible {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}
.news-section__infobox-text {
  text-align: center;
  line-height: 120%;
  letter-spacing: -0.16px;
}
.news-section__infobox-icon {
  position: relative;
  bottom: -10px;
}
@media (max-width: 1171px) {
  .news-section__container {
    margin: 0;
    padding: 0;
  }
  .news-section__content {
    padding-right: 0;
  }
  .news-section__content:nth-child(1) {
    order: 2;
  }
  .news-section__content:nth-child(2) {
    margin: 0;
    order: 0;
  }
  .news-section__content:nth-child(3) {
    order: 1;
  }
  .news-section__content:nth-child(4) {
    order: 3;
  }
  .news-section__content:nth-child(5) {
    order: 4;
  }
  .news-section__content:nth-child(6) {
    order: 5;
  }
  .news-section__content:nth-child(7) {
    order: 6;
  }
  .news-section__content:nth-child(8) {
    order: 7;
  }
  .news-section__content:nth-child(9) {
    order: 8;
  }
  .news-section__content:nth-child(10) {
    order: 9;
  }
  .news-section__sidebar {
    position: static;
    display: block;
    padding-top: 48px;
  }
  .news-section__sidebar-wrapper {
    padding: 0;
  }
  .news-section__image {
    height: 440px;
  }
  .news-section__player {
    height: 386px;
  }
}
@media (max-width: 767px) {
  .news-section {
    padding-top: 90px;
  }
  .news-section .breadcrumb {
    margin-bottom: 32px;
  }
  .news-section__content {
    padding-top: 32px;
  }
  .news-section__sidebar-item {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .news-section__sidebar-item svg {
    margin-top: 6px;
  }
  .news-section__top {
    margin-bottom: 24px;
  }
  .news-section__title {
    margin-bottom: 16px;
  }
  .news-section__subtitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
  }
  .news-section__wrapper {
    gap: 24px;
  }
  .news-section__wrapper--g16 {
    gap: 16px;
  }
  .news-section__textbox--g8 {
    gap: 8px;
  }
  .news-section__textbox--gray {
    padding: 16px;
  }
  .news-section__text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .news-section__image {
    margin-bottom: 8px;
    height: 240px;
  }
  .news-section__item svg {
    margin-top: 6px;
  }
  .news-section__player {
    margin-bottom: 8px;
    height: 184px;
  }
  .news-section__links {
    gap: 8px;
  }
  .news-section__link-wrapper {
    padding: 10px 16px;
  }
  .news-section__link-text {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.14px;
  }
}
.useful {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .useful {
    padding: 40px 0;
  }
}
.useful__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  gap: 16px;
}
.useful__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
}
@media (max-width: 767px) {
  .useful__title {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.useful__slider {
  overflow: hidden;
}
.useful__slider-control {
  display: flex;
  gap: 10px;
}
.useful__slider-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.useful__slider-button svg {
  transition: opacity 0.15s ease-in-out;
}
.useful__slider-button path {
  transition: stroke 0.15s ease-in-out;
}
.useful__slider-button:hover path {
  stroke: #ac6cdd;
}
.useful__slider-button.swiper-button-disabled path {
  stroke-opacity: 0.2;
}
.useful__slider-pagination {
  display: none;
}
.useful__slider-wrapper {
  display: flex;
}
.useful__slider-card {
  display: flex;
  flex-shrink: 0;
  gap: 10px;
  width: 100%;
}
.useful__slider-card:not(:last-child) {
  margin-right: 10px;
}
.useful__slider-link {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 32px;
  gap: 16px;
  min-height: 239px;
  background: #f6f8fb;
  border-radius: 10px;
}
.useful__slider-link-statusbox {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.useful__slider-link-status {
  padding: 5px 18px;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.14px;
  color: #000;
  background-color: #dfe8f5;
  border: 1px solid #dfe8f5;
  border-radius: 52px;
}
.useful__slider-link-status--purple {
  color: #ac6cdd;
  background-color: transparent;
  border: 1px solid;
}
.useful__slider-link-title {
  margin-bottom: auto;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.48px;
}
.useful__slider-link-box {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.useful__slider-link:hover .useful__slider-link-box {
  color: #ac6cdd;
}
.useful__slider-link-box path {
  transition: stroke 0.2s ease-in-out;
}
.useful__slider-link:hover .useful__slider-link-box path {
  stroke: #ac6cdd;
}
@media (max-width: 1171px) {
  .useful__slider-card {
    flex-direction: column;
  }
  .useful__slider-link {
    min-height: 210px;
  }
}
@media (max-width: 767px) {
  .useful__top {
    margin-bottom: 32px;
  }
  .useful__title {
    margin: 0;
  }
  .useful__slider {
    position: relative;
    padding-bottom: 80px;
  }
  .useful__slider-control {
    position: absolute;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    bottom: 0;
  }
  .useful__slider-button {
    width: 48px;
    height: 48px;
  }
  .useful__slider-pagination {
    display: flex;
    font-size: 18px;
    letter-spacing: -0.36px;
    color: rgba(0, 0, 0, 0.5);
  }
  .useful__slider-card {
    gap: 8px;
  }
  .useful__slider-card:not(:last-child) {
    margin-right: 8px;
  }
  .useful__slider-link {
    padding: 16px;
    min-height: 200px;
  }
}
.error__wrapper,
.error__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.error__wrapper {
  padding-top: 104px;
  min-height: calc(100vh - 227px);
}
.error__content {
  flex-direction: column;
  max-width: 630px;
  text-align: center;
}
.error__title {
  margin-bottom: 24px;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}
.error__subtitle {
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.error__text {
  margin-bottom: 48px;
  font-size: 24px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.6);
}
.error__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .error__link {
    max-width: 100%;
    width: 100%;
  }
}
.error__link:hover {
  background-color: #8a56b1;
}
@media (max-width: 767px) {
  .error__wrapper {
    padding-top: 88px;
    padding-bottom: 16px;
    min-height: calc(100vh - 460px);
  }
  .error__title {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 110%;
  }
  .error__subtitle {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.4px;
  }
  .error__text {
    margin-bottom: 40px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
.app-footer {
  background-color: #f6f8fb;
}
.app-footer__top,
.app-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.app-footer__top {
  padding: 40px 0;
}
.app-footer__nav {
  display: flex;
  gap: 48px;
}
.app-footer__nav-link {
  font-weight: 500;
  line-height: 114%;
  letter-spacing: -0.16px;
  transition: color 0.2s ease-in-out;
}
.app-footer__nav-link:hover {
  color: #ac6cdd;
}
.app-footer__bottom {
  padding: 36px 0;
}
.app-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
}
.app-footer__link {
  display: flex;
  align-items: center;
  height: 14px;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  color: rgba(0, 0, 0, 0.4);
  transition: color 0.2s ease-in-out;
}
.app-footer__link:not(:last-child) {
  padding-right: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.app-footer__link:hover {
  color: rgba(0, 0, 0, 0.8);
}
.app-footer__copyright {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  font-weight: 600;
}
.app-footer__date {
  display: inline;
}
@media (max-width: 1171px) {
  .app-footer__nav {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .app-footer__top,
  .app-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .app-footer__top {
    padding: 40px 0 22px;
    gap: 32px;
  }
  .app-footer__nav {
    flex-direction: column;
  }
  .app-footer__bottom {
    padding: 22px 0 40px;
    gap: 28px;
  }
  .app-footer__links {
    max-width: 328px;
  }
  .app-footer__link:nth-child(2) {
    border-color: transparent;
  }
}
@media (max-width: 354px) {
  .app-footer__link:nth-child(2) {
    border-color: rgba(0, 0, 0, 0.4);
  }
  .app-footer__link:nth-child(odd) {
    border-color: transparent;
  }
}
.form-pop-up-wrapper {
  padding: 40px;
  max-width: 590px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
}
.form-pop-up-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 40px;
  padding-top: 40px;
}
.form-pop-up-icon {
  margin-bottom: 24px;
}
.form-pop-up-title {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.64px;
}
.form-pop-up-text {
  font-size: 18px;
  line-height: 130%;
}
.form-pop-up-close {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 28px;
  height: 56px;
  font-weight: 500;
  letter-spacing: -0.16px;
  color: #fff;
  background-color: #ac6cdd;
  border-radius: 10px;
  transition: background-color 0.2s ease-in-out;
  width: 100%;
}
@media (max-width: 767px) {
  .form-pop-up-close {
    max-width: 100%;
    width: 100%;
  }
}
.form-pop-up-close:hover {
  background-color: #8a56b1;
}
@media (max-width: 767px) {
  .form-pop-up-wrapper {
    padding: 20px;
    max-width: 328px;
  }
  .form-pop-up-content {
    margin-bottom: 24px;
    padding-top: 0;
  }
  .form-pop-up-icon {
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
  }
  .form-pop-up-title {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .form-pop-up-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.16px;
  }
  .form-pop-up-close {
    max-width: 100%;
  }
}
main {
  min-height: calc(100vh - 227px);
}
@media (max-width: 767px) {
  main {
    min-height: calc(100vh - 460px);
  }
}
.container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .container {
    max-width: 738px;
  }
}
@media (max-width: 392px) {
  .container {
    padding: 0 16px;
  }
}
.pop-up,
.form-pop-up {
  position: fixed;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: visibility 0s, opacity 0.3s linear;
}
.pop-up--visible,
.form-pop-up--visible {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
@media (max-width: 767px) {
  .pop-up {
    align-items: flex-start;
    padding: 20px 10px;
  }
}
.breadcrumb {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  max-width: 100%;
  width: fit-content;
  white-space: nowrap;
  transition: width 0.2s ease-in-out;
}
.breadcrumb__list,
.breadcrumb__item {
  display: flex;
  gap: 10px;
}
.breadcrumb__item {
  align-items: center;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: rgba(0, 0, 0, 0.8);
}
.breadcrumb__item:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.breadcrumb__item--light {
  color: #fff;
}
.breadcrumb__item--light rect {
  fill: #ffffff80;
  fill-opacity: 1;
}
.breadcrumb__link {
  color: rgba(0, 0, 0, 0.4);
}
.breadcrumb__link--light {
  color: #ffffff80;
}
@media (max-width: 1171px) {
  .breadcrumb {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .breadcrumb {
    margin-bottom: 32px;
  }
  .breadcrumb__item,
  .breadcrumb__link {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
}
.stop-scroll {
  overflow: hidden;
}
.form-input-invalid {
  border-color: #ff4040;
}
.form-inputbox {
  position: relative;
  flex-grow: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transition: border-color 0.2s ease-in-out;
}
.form-inputbox:focus-within {
  border-color: rgba(0, 0, 0, 0.6);
}
.form-inputbox--width50 {
  width: calc(100% / 2 - 16px);
}
@media (max-width: 767px) {
  .form-inputbox--width50 {
    width: 100%;
  }
}
.form-inputbox-invalid {
  border-color: #ff4040;
}
.form-inputbox-invalid .form-info-invalid {
  display: block;
}
.form-info-invalid {
  position: absolute;
  display: none;
  bottom: -18px;
  font-size: 14px;
  line-height: 100%;
  color: #ff4040;
}
.form-button {
  transition: background-color 0.2s ease-in-out;
}
.form-button:hover {
  background-color: #8a56b1;
}

/*# sourceMappingURL=app.css.map*/