@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");
:root {
  --body-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --font-weight: 400;
  --font-size: 14px;
  --line-height: 120%;
  --color-black: #2c3246;
  --color-gray: rgba(44, 50, 70, 0.56);
  --color-light-sky: #f7fafb;
  --color-light-mint: #73ffab;
  --color-green: #2ac77b;
  --color-midnight-blue: #2c3246;
  --color-white: #f7fafb;
  --color-gray-light: rgba(255, 255, 255, 0.56);
  --color-gray-light-2: rgba(247, 250, 251, 0.56);
  --color-graphite: #3d4255;
  --container-width-max: 1248px;
  --container-width-min: 360px;
  --container-padding-inline: 20px;
  --transition: 0.3s ease-in-out;
}

:root {
  --body-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --font-weight: 400;
  --font-size: 14px;
  --line-height: 120%;
  --color-black: #2c3246;
  --color-gray: rgba(44, 50, 70, 0.56);
  --color-light-sky: #f7fafb;
  --color-light-mint: #73ffab;
  --color-green: #2ac77b;
  --color-midnight-blue: #2c3246;
  --color-white: #f7fafb;
  --color-gray-light: rgba(255, 255, 255, 0.56);
  --color-gray-light-2: rgba(247, 250, 251, 0.56);
  --color-graphite: #3d4255;
  --container-width-max: 1248px;
  --container-width-min: 360px;
  --container-padding-inline: 20px;
  --transition: 0.3s ease-in-out;
}

/**
  Нормализация блочной модели
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/**
  Убираем внутренние отступы слева тегам списков,
  у которых есть атрибут class
 */
:where(ul, ol):where([class]) {
  padding-left: 0;
}

/**
  Убираем внешние отступы body и двум другим тегам,
  у которых есть атрибут class
 */
body,
:where(blockquote, figure):where([class]) {
  margin: 0;
}

/**
  Убираем внешние отступы вертикали нужным тегам,
  у которых есть атрибут class
 */
:where(h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl):where([class]) {
  margin-block: 0;
}

:where(dd[class]) {
  margin-left: 0;
}

/**
  Убираем стандартный маркер маркированному списку,
  у которого есть атрибут class
 */
:where(ul[class]) {
  list-style: none;
}

/**
  Упрощаем работу с изображениями
 */
img {
  display: block;
  max-width: 100%;
}

/**
  Наследуем свойства шрифт для полей ввода
 */
input,
textarea,
select,
button {
  font: inherit;
}

html {
  /**
    Пригодится в большинстве ситуаций
    (когда, например, нужно будет "прижать" футер к низу сайта)
   */
  height: 100%;
  /**
    Плавный скролл
   */
  scroll-behavior: smooth;
}

body {
  /**
    Пригодится в большинстве ситуаций
    (когда, например, нужно будет "прижать" футер к низу сайта)
   */
  min-height: 100%;
  /**
    Унифицированный интерлиньяж
   */
  line-height: 1.5;
}

/**
  Удаляем все анимации и переходы для людей,
  которые предпочитают их не использовать
 */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
body {
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-optical-sizing: auto;
  font-weight: var(--font-weight);
  font-style: normal;
  line-height: var(--line-height);
  background: var(--body-bg);
  color: var(--color-text);
  overflow-x: hidden;
}

.page-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.page-wrapper .main {
  flex: 1 1 auto;
}
[class*=__container]:not(.fancybox__container) {
  width: 100%;
  width: clamp(var(--container-width-min), 100%, var(--container-width-max));
  margin: 0 auto;
  box-sizing: border-box;
  padding-inline: 24px;
}
@media (min-width: 1501px) {
  [class*=__container]:not(.fancybox__container) {
    padding-inline: 0;
  }
}
@media (max-width: 479.98px) {
  [class*=__container]:not(.fancybox__container) {
    padding-inline: 20px;
  }
}

a:has(img) {
  text-decoration: none;
  display: block;
}

:where(a[class]) {
  text-decoration: none;
  color: inherit;
}

:where(button[class]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: none;
  cursor: pointer;
}

:where(input[class]) {
  border: 0;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

svg *[fill] {
  fill: currentColor;
}

svg *[stroke] {
  stroke: currentColor;
}

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

textarea:focus::placeholder,
input:focus::placeholder {
  color: transparent;
  transition: color 0.3s ease;
}

.table-responsive {
  overflow-x: auto;
}
@media (max-width: 767.98px) {
  .table-responsive {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

p a {
  color: var(--color-basic);
  text-decoration: none;
  transition: color var(--transition);
}
@media (hover: hover) {
  p a:hover {
    color: var(--color-btn-hover);
  }
}
@media (hover: none) {
  p a:active {
    color: var(--color-btn-hover);
  }
}

.d-none,
.hidden {
  display: none !important;
}

.hide {
  visibility: hidden;
  opacity: 0;
  transition: visibility 300ms, opacity 300ms;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.overflow-hidden,
.no-scroll {
  overflow: hidden;
}

.no-scroll-x {
  overflow-x: hidden;
}

.no-scroll-y {
  overflow-y: hidden;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-initial {
  text-align: initial;
}
.text-inherit {
  text-align: inherit;
}

.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-justify-start {
  justify-content: flex-start;
}
.flex-justify-end {
  justify-content: flex-end;
}
.flex-justify-center {
  justify-content: center;
}
.flex-justify-between {
  justify-content: space-between;
}
.flex-justify-around {
  justify-content: space-around;
}
.flex-justify-evenly {
  justify-content: space-evenly;
}
.flex-items-start {
  align-items: flex-start;
}
.flex-items-end {
  align-items: flex-end;
}
.flex-items-center {
  align-items: center;
}
.flex-items-baseline {
  align-items: baseline;
}
.flex-items-stretch {
  align-items: stretch;
}
.flex-self-start {
  align-self: flex-start;
}
.flex-self-end {
  align-self: flex-end;
}
.flex-self-center {
  align-self: center;
}
.flex-self-stretch {
  align-self: stretch;
}
.flex-grow {
  flex-grow: 1;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-1 {
  flex: 1;
}
.flex-auto {
  flex: auto;
}

.error-text {
  color: red;
}

.font-100, .font-thin {
  font-weight: 100;
}
.font-200, .font-extra-light {
  font-weight: 200;
}
.font-300, .font-light {
  font-weight: 300;
}
.font-400, .font-normal {
  font-weight: 400;
}
.font-500, .font-medium {
  font-weight: 500;
}
.font-600, .font-semibold {
  font-weight: 600;
}
.font-700, .font-bold {
  font-weight: 700;
}
.font-800, .font-extra-bold {
  font-weight: 800;
}
.font-900, .font-black {
  font-weight: 900;
}

.padding-reset {
  padding: 0;
}

.margin-reset {
  margin: 0;
}

.padding-margin-reset {
  padding: 0;
  margin: 0;
}

@media (min-width: 992px) {
  .show-lg {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .show-md {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 480px) {
  .show-sm {
    display: none !important;
  }
}

@media (max-width: 479.98px) {
  .hidden-sm {
    display: none !important;
  }
}

.accordion {
  --padding-inline: 30px;
  --padding-block: 30px;
}
.accordion .accordion__item {
  box-sizing: border-box;
}
.accordion .accordion__item:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.accordion .accordion__item .accordion__item-caption {
  margin: 0;
  padding: 0;
  font-weight: var(--font-weight);
}
.accordion .accordion__item .accordion__item-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: var(--padding-block) var(--padding-inline);
  position: relative;
}
.accordion .accordion__item .accordion__item-btn-icon-img {
  transition: transform var(--transition);
}
.accordion .accordion__item .accordion__item-content {
  overflow: hidden;
  transition-property: height, visibility;
  transition-timing-function: ease;
  padding: 0 30px;
  --padding-bottom: 15px;
}
.accordion .accordion__item .accordion__item-content p {
  padding: 0;
  margin: 0;
  padding-bottom: var(--padding-bottom);
}
.accordion .accordion__item .accordion__item-content ul,
.accordion .accordion__item .accordion__item-content ol {
  padding: 0;
  margin: 0;
  padding-left: var(--padding-inline);
  padding-bottom: var(--padding-bottom);
}
.accordion .accordion__item.is-active .accordion__item-btn-icon-img {
  transform: rotate(180deg);
}
.accordion .accordion__item.is-active .accordion__item-content {
  visibility: visible;
}

@keyframes fadeIn {
  0% {
    transform: translateY(10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.article {
  background-color: var(--color-grey-bg);
  --color-grey-bg: #F7FAFB;
  --color-grey-lbl: #171A26;
  --color-grey-phold: rgba(23, 26, 38, 0.64);
  --color-grey-txt: #939AAA;
  --color-black-btn-txt: #2c3246;
  --color-black-btn-bg: #73ffab;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article p {
  margin: 0;
}
.article input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0;
}
.article .article__container {
  padding-bottom: 150px;
  width: clamp(360px, 100%, 1440px);
  padding-inline: 120px;
}
.article__heading-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 81px;
  padding-top: 100px;
  padding-bottom: 40px;
}
.article__heading-box-image {
  width: 360px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}
.article__heading-box-image img {
  width: 100%;
}
.article__heading-box-heading h1 {
  font-size: 50px;
  line-height: 110%;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #2ac77b;
}
.article-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 81px;
  padding-top: 46px;
  margin-bottom: 124px;
}
.article-box__menu {
  width: 360px;
  flex-shrink: 0;
}
.article-box__menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.article-box__menu a {
  font-size: 18px;
  line-height: 190%;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(23, 26, 38, 0.56);
  text-decoration: none;
}
.article-box__menu a:hover {
  color: var(--color-grey-lbl);
}
.article-box__content {
  font-size: 20px;
  line-height: 140%;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--color-grey-lbl);
}
.article-box__content > * {
  letter-spacing: inherit;
}
.article-box__content > *:not(:last-child) {
  padding-bottom: 25px;
}
.article-box__content hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--color-graphite);
  opacity: 0.1;
}
.article-box__content h2 {
  font-size: 28px;
  line-height: 120%;
  font-weight: 600;
  padding-top: 20px;
}
.article-box__content a {
  color: var(--color-green);
  border-bottom: 1px solid transparent;
  transition: all var(--transition);
}
@media (hover: hover) {
  .article-box__content a:hover {
    background-color: var(--color-green);
    color: var(--color-white);
    padding-inline: 5px;
  }
}
@media (hover: none) {
  .article-box__content a:active {
    background-color: var(--color-green);
    color: var(--color-white);
    padding-inline: 5px;
  }
}
.article__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 24px;
  row-gap: 48px;
  padding-top: 32px;
  margin-bottom: 64px;
}
.article__card {
  width: calc((100% - 48px) / 3);
  transition: transform 0.3s ease;
  position: relative;
}
.article__card:hover {
  transform: scale(1.05);
}
.article__card-image {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article__card-info {
  max-width: 88.3%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.article__card-brief {
  display: flex;
  justify-content: flex-start;
  gap: 6px;
}
.article__card-info-category, .article__card-info-date, .article__card-info-time {
  font-size: 10px;
  line-height: 120%;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-grey-txt);
}
.article__card-info-dot {
  align-self: center;
}
.article__card-title {
  font-size: 18px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-grey-lbl);
}
.article__card-title::after {
  content: "";
  inset: 0;
  position: absolute;
}
.article__card-text {
  font-size: 16px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: var(--color-grey-lbl);
}
.article__card-author {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.article__card-author-image img {
  width: 100%;
  max-width: 24px;
  border-radius: 50%;
}
.article__card-author-name {
  font-size: 10px;
  line-height: 120%;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-grey-txt);
}
.article__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 8px;
  border-radius: 32px;
  padding: 16px 24px;
  width: fit-content;
  background: var(--color-black-btn-bg);
  transition: all var(--transition);
}
.article__btn span {
  font-size: 14px;
  line-height: 120%;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-black-btn);
}
.article__btn span:first-of-type {
  display: block;
}
.article__btn span:last-of-type {
  display: none;
}
@media (hover: hover) {
  .article__btn:hover {
    background-color: var(--color-green);
    color: #fff;
  }
}
@media (hover: none) {
  .article__btn:active {
    background-color: var(--color-green);
    color: #fff;
  }
}

@media (max-width: 1440px) {
  .article .article__container {
    padding-inline: calc(32px + 88 * (100vw - 1264px) / 176);
  }
}
@media (max-width: 1264px) {
  .article .article__container {
    padding-inline: 32px;
    padding-bottom: calc(92px + 58 * (100vw - 768px) / 496);
  }
  .article__heading-box {
    padding-top: calc(50px + 50 * (100vw - 768px) / 496);
    padding-bottom: calc(32px + 8 * (100vw - 768px) / 496);
    gap: calc(30px + 51 * (100vw - 768px) / 496);
  }
  .article__heading-box-image {
    width: calc(220px + 140 * (100vw - 768px) / 496);
  }
  .article__heading-box-heading h1 {
    font-size: calc(52px + 28 * (100vw - 768px) / 496);
  }
  .article-box {
    gap: calc(30px + 51 * (100vw - 768px) / 496);
    padding-top: calc(32px + 14 * (100vw - 768px) / 496);
    margin-bottom: calc(92px + 64 * (100vw - 768px) / 496);
  }
  .article-box__menu {
    width: calc(220px + 140 * (100vw - 768px) / 496);
  }
  .article-box__menu a {
    font-size: calc(16px + 2 * (100vw - 768px) / 496);
  }
  .article-box__content p {
    font-size: calc(16px + 4 * (100vw - 768px) / 496);
  }
  .article-box__content h3 {
    font-size: calc(28px + -8 * (100vw - 768px) / 496);
    margin-top: 48px;
    margin-bottom: calc(24px + 2 * (100vw - 768px) / 496);
  }
  .article__cards {
    column-gap: calc(21px + 3 * (100vw - 768px) / 496);
    row-gap: calc(32px + 16 * (100vw - 768px) / 496);
  }
  .article__card-info-category, .article__card-info-date, .article__card-info-time {
    font-size: calc(8px + 2 * (100vw - 768px) / 496);
  }
  .article__card-title {
    font-size: calc(14px + 4 * (100vw - 768px) / 496);
  }
  .article__card-text {
    font-size: calc(12px + 4 * (100vw - 768px) / 496);
  }
}
@media (max-width: 768px) {
  .article .article__container {
    padding-inline: calc(24px + 8 * (100vw - 360px) / 408);
    padding-bottom: calc(81px + 11 * (100vw - 360px) / 408);
  }
  .article__heading-box {
    padding-top: calc(40px + 50 * (100vw - 360px) / 408);
    padding-bottom: calc(16px + 16 * (100vw - 360px) / 408);
    gap: calc(32px + -2 * (100vw - 768px) / 496);
  }
  .article__heading-box-image {
    width: 220px;
  }
  .article__heading-box-heading h1 {
    font-size: calc(40px + 12 * (100vw - 360px) / 408);
  }
  .article-box {
    gap: 30px;
    padding-top: calc(24px + 8 * (100vw - 360px) / 408);
    margin-bottom: calc(81px + 11 * (100vw - 768px) / 496);
  }
  .article-box__menu {
    width: 220px;
  }
  .article-box__menu a {
    font-size: 16px;
  }
  .article-box__content p {
    font-size: 16px;
  }
  .article-box__content h3 {
    font-size: 20px;
    margin-top: 48px;
    margin-bottom: 24px;
  }
  .article__cards {
    column-gap: 21px;
    row-gap: 32px;
    padding-top: calc(16px + 16 * (100vw - 360px) / 408);
    margin-bottom: calc(32px + 32 * (100vw - 360px) / 408);
  }
  .article__card-info {
    max-width: 95%;
  }
  .article__card-info-category, .article__card-info-date, .article__card-info-time {
    font-size: calc(10px + -2 * (100vw - 768px) / 496);
  }
  .article__card-title {
    font-size: 14px;
  }
  .article__card-text {
    font-size: 12px;
  }
  .article__btn span:first-of-type {
    display: none;
  }
  .article__btn span:last-of-type {
    display: block;
  }
}
@media (max-width: 640px) {
  .article__card {
    width: calc((100% - 21px) / 2);
  }
}
@media (max-width: 580px) {
  .article__heading-box {
    flex-direction: column-reverse;
  }
  .article__heading-box-image {
    width: 100%;
    height: 156px;
  }
  .article__heading-box-image img {
    object-position: 50% -50px;
  }
  .article-box {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .article__card {
    width: 100%;
  }
  .article__card-image {
    max-height: 156px;
  }
}
@media (max-width: 360px) {
  .article .article__container {
    padding-inline: 24px;
    padding-bottom: 81px;
  }
  .article__heading-box {
    padding-top: 50px;
    padding-bottom: 15px;
  }
  .article__heading-box-heading h1 {
    font-size: 40px;
  }
  .article__cards {
    padding-top: 16px;
    margin-bottom: 32px;
  }
}
.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: rgba(64, 64, 64, 0.5);
  z-index: 90;
}

.benefits--service-payment-gateway-as-a-service .benefits__heading-text {
  max-width: 589px;
}
@media (max-width: 991.98px) {
  .benefits--service-payment-gateway-as-a-service .benefits__heading-text {
    max-width: 378px;
  }
}
@media (max-width: 767.98px) {
  .benefits--service-payment-gateway-as-a-service .benefits__heading-text {
    max-width: unset;
  }
}
.benefits--custom .benefits__heading-text {
  max-width: 589px;
}
@media (max-width: 991.98px) {
  .benefits--custom .benefits__heading-text {
    max-width: 378px;
  }
}
@media (max-width: 767.98px) {
  .benefits--custom .benefits__heading-text {
    max-width: unset;
  }
}
.benefits--product-payment .benefits__heading-text {
  max-width: 589px;
}
@media (max-width: 991.98px) {
  .benefits--product-payment .benefits__heading-text {
    max-width: unset;
  }
}
.benefits__heading {
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  .benefits__heading {
    margin-bottom: 56px;
  }
}
@media (max-width: 767.98px) {
  .benefits__heading {
    margin-bottom: 48px;
  }
}
@media (max-width: 991.98px) {
  .benefits__image-wrapper {
    height: 156px;
    margin-bottom: 32px;
  }
  .benefits__image-wrapper .benefits__image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767.98px) {
  .benefits__image-wrapper {
    margin-bottom: 24px;
  }
}
.benefits__image {
  border-radius: 18px;
  display: flex;
  min-width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  .benefits__image {
    margin-bottom: 32px;
  }
}
@media (max-width: 767.98px) {
  .benefits__image {
    margin-bottom: 24px;
  }
}
.benefits__content--3-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px;
}
@media (max-width: 991.98px) {
  .benefits__content--3-col {
    column-gap: 32px;
    row-gap: 48px;
  }
}
@media (max-width: 767.98px) {
  .benefits__content--3-col {
    display: flex;
    flex-direction: column;
    gap: 36px;
  }
}
.benefits__content--4-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 56px;
}
@media (max-width: 991.98px) {
  .benefits__content--4-col {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (max-width: 767.98px) {
  .benefits__content--4-col {
    grid-template-columns: repeat(1, 1fr);
    gap: 36px;
  }
}
.benefits__content--5-col {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 56px;
}
.benefits__content--big-benefit-3-col {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.benefits__content--big-benefit-3-col > div {
  width: calc(33% - 24px);
}
@media (max-width: 991.98px) {
  .benefits__content--big-benefit-3-col > div {
    width: calc(50% - 24px);
  }
}
@media (max-width: 767.98px) {
  .benefits__content--big-benefit-3-col > div {
    width: 100%;
    max-height: 340px;
  }
}
.benefits__content--product-payment-gateway {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px;
}
@media (max-width: 991.98px) {
  .benefits__content--product-payment-gateway {
    column-gap: 32px;
    row-gap: 48px;
  }
}
@media (max-width: 767.98px) {
  .benefits__content--product-payment-gateway {
    display: flex;
    flex-direction: column;
    gap: 36px;
  }
}
.benefits__content--product-payment-gateway-big {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 991.98px) {
  .benefits__content--product-payment-gateway-big {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .benefits__content--product-payment-gateway-big {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 1199.98px) {
  .benefits__content--product-payment-gateway-big > div {
    aspect-ratio: unset;
  }
}
@media (max-width: 767.98px) {
  .benefits__content--product-payment-gateway-big > div {
    height: 340px;
  }
}
.blog {
  background-color: var(--color-grey-bg);
  --color-grey-bg: #F7FAFB;
  --color-grey-lbl: #171A26;
  --color-grey-phold: rgba(23, 26, 38, 0.64);
  --color-grey-txt: #939AAA;
  --color-black-btn-txt: #2c3246;
  --color-black-btn-bg: #73ffab;
}
.blog h1,
.blog h2,
.blog h3,
.blog h4,
.blog h5,
.blog h6,
.blog p {
  margin: 0;
}
.blog input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0;
}
.blog .blog__container {
  padding-bottom: 150px;
  width: clamp(360px, 100%, 1440px);
  padding-inline: 120px;
}
.blog__heading {
  padding-top: 150px;
  padding-bottom: 48px;
}
.blog__heading h1 {
  font-size: 80px;
  line-height: 90%;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #2ac77b;
}
.blog__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 24px;
  row-gap: 48px;
  padding-top: 48px;
}
.blog__card {
  width: calc((100% - 48px) / 3);
  transition: transform 0.3s ease;
  position: relative;
}
.blog__card:hover {
  transform: scale(1.05);
}
.blog__card-image {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog__card-info {
  max-width: 88.3%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.blog__card-brief {
  display: flex;
  justify-content: flex-start;
  gap: 6px;
}
.blog__card-info-category, .blog__card-info-date, .blog__card-info-time {
  font-size: 10px;
  line-height: 120%;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-grey-txt);
}
.blog__card-info-dot {
  align-self: center;
}
.blog__card-title {
  font-size: 18px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-grey-lbl);
}
.blog__card-title::after {
  content: "";
  position: absolute;
  inset: 0;
}
.blog__card-text {
  font-size: 16px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: var(--color-grey-lbl);
}
.blog__card-author {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.blog__card-author-image img {
  width: 100%;
  max-width: 24px;
  border-radius: 50%;
}
.blog__card-author-name {
  font-size: 10px;
  line-height: 120%;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-grey-txt);
}

@media (max-width: 1440px) {
  .blog .blog__container {
    padding-inline: calc(32px + 88 * (100vw - 1264px) / 176);
  }
}
@media (max-width: 1264px) {
  .blog .blog__container {
    padding-inline: 32px;
    padding-bottom: calc(92px + 58 * (100vw - 768px) / 496);
  }
  .blog__heading {
    padding-top: calc(92px + 58 * (100vw - 768px) / 496);
    padding-bottom: calc(32px + 16 * (100vw - 768px) / 496);
  }
  .blog__heading h1 {
    font-size: calc(52px + 28 * (100vw - 768px) / 496);
  }
  .blog__cards {
    column-gap: calc(21px + 3 * (100vw - 768px) / 496);
    row-gap: calc(32px + 16 * (100vw - 768px) / 496);
    padding-top: calc(32px + 16 * (100vw - 768px) / 496);
    padding-bottom: calc(92px + 58 * (100vw - 768px) / 496);
  }
  .blog__card-info-category, .blog__card-info-date, .blog__card-info-time {
    font-size: calc(8px + 2 * (100vw - 768px) / 496);
  }
  .blog__card-title {
    font-size: calc(14px + 4 * (100vw - 768px) / 496);
  }
  .blog__card-text {
    font-size: calc(12px + 4 * (100vw - 768px) / 496);
  }
}
@media (max-width: 768px) {
  .blog .blog__container {
    padding-inline: calc(24px + 8 * (100vw - 360px) / 408);
    padding-bottom: calc(81px + 11 * (100vw - 360px) / 408);
  }
  .blog__heading {
    padding-top: calc(81px + 11 * (100vw - 360px) / 408);
    padding-bottom: calc(16px + 16 * (100vw - 360px) / 408);
  }
  .blog__heading h1 {
    font-size: calc(40px + 12 * (100vw - 360px) / 408);
  }
  .blog__cards {
    column-gap: 21px;
    row-gap: 32px;
    padding-top: calc(16px + 16 * (100vw - 360px) / 408);
    padding-bottom: calc(81px + 11 * (100vw - 360px) / 408);
  }
  .blog__card-info {
    max-width: 95%;
    /* gap: 16px; */
  }
  .blog__card-info-category, .blog__card-info-date, .blog__card-info-time {
    font-size: calc(10px + -2 * (100vw - 768px) / 496);
  }
  .blog__card-title {
    font-size: 14px;
  }
  .blog__card-text {
    font-size: 12px;
  }
}
@media (max-width: 640px) {
  .blog__card {
    width: calc((100% - 21px) / 2);
  }
}
@media (max-width: 480px) {
  .blog__card {
    width: 100%;
  }
  .blog__card-image {
    max-height: 156px;
  }
}
@media (max-width: 360px) {
  .blog .blog__container {
    padding-inline: 24px;
    padding-bottom: 81px;
  }
  .blog__heading {
    padding-top: 81px;
    padding-bottom: 16px;
  }
  .blog__heading h1 {
    font-size: 40px;
  }
  .blog__cards {
    padding-top: 16px;
    padding-bottom: 81px;
  }
}
.border-image--pgaas-architecture .border-image__heading-text {
  max-width: 588px;
}
.border-image--pgaas-architecture .border-image__content {
  padding: 79px 78px 71px 47px;
}
@media (max-width: 767.98px) {
  .border-image--pgaas-architecture .border-image__content {
    padding: 44px 34px;
  }
}
@media (max-width: 767.98px) {
  .border-image--pgaas-architecture .border-image__content {
    padding: 28px 15px;
  }
}
.border-image__content {
  border: 1px solid #2ac77b;
  border-radius: 18px;
}
@media (max-width: 767.98px) {
  .border-image__content {
    border-radius: 12px;
  }
}
.border-list {
  background-color: var(--color-black-btn-txt);
  padding-bottom: 75px;
  --color-grey-bg: #F7FAFB;
  --color-grey-lbl: #171A26;
  --color-grey-phold: rgba(23, 26, 38, 0.64);
  --color-grey-txt: #939AAA;
  --color-black-btn-txt: #2c3246;
  --color-black-btn-bg: #73ffab;
  --color-white-text-0: #fff;
  --color-white-text: #eff2f4;
  --color-green-bg:#2AC77B;
}
.border-list h1,
.border-list h2,
.border-list h3,
.border-list h4,
.border-list h5,
.border-list h6,
.border-list p {
  margin: 0;
}
.border-list input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0;
}
.border-list__heading {
  max-width: 588px;
  margin-bottom: 80px;
}
.border-list__heading-text {
  font-size: 64px;
  line-height: 90%;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--color-green-bg);
}
.border-list__boxs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.border-list__box {
  border: 1px solid var(--color-green-bg);
  border-radius: 22px;
  padding: 42px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
.border-list__title-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  width: 400px;
}
.border-list__image {
  width: 56px;
  aspect-ratio: 1;
  flex-shrink: 0;
}
.border-list__image img {
  width: 100%;
}
.border-list__title {
  /* max-width: 320px; */
}
.border-list__title-text {
  font-size: 24px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-green-bg);
}
.border-list__item {
  max-width: 692px;
  font-size: 18px;
  line-height: 130%;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--color-white-text-0);
  position: relative;
  padding-left: 20px;
  /* list-style-type: disc; */
}
.border-list__item::before {
  position: absolute;
  content: "•";
  left: 0px;
}
.border-list__item ~ .border-list__item {
  margin-top: 24px;
}

@media (max-width: 1200px) {
  .border-list__heading {
    max-width: calc(362px + 226 * (100vw - 768px) / 432);
    margin-bottom: calc(56px + 24 * (100vw - 768px) / 432);
  }
  .border-list__heading-text {
    font-size: calc(42px + 22 * (100vw - 768px) / 432);
  }
  .border-list__boxs {
    gap: calc(18px + 6 * (100vw - 768px) / 432);
  }
  .border-list__box {
    padding: calc(32px + 10 * (100vw - 768px) / 432);
    border-radius: calc(18px + 4 * (100vw - 768px) / 432);
  }
  .border-list__title-wrapper {
    gap: calc(16px + 8 * (100vw - 768px) / 432);
    /* width: 400px; */
  }
  .border-list__image {
    width: calc(48px + 8 * (100vw - 768px) / 432);
  }
  .border-list__title-text {
    font-size: calc(18px + 6 * (100vw - 768px) / 432);
  }
  .border-list__item {
    font-size: calc(14px + 4 * (100vw - 768px) / 432);
  }
}
@media (max-width: 768px) {
  .border-list__heading {
    max-width: calc(286px + 76 * (100vw - 360px) / 408);
    margin-bottom: calc(36px + 20 * (100vw - 360px) / 408);
  }
  .border-list__heading-text {
    font-size: calc(32px + 10 * (100vw - 360px) / 408);
  }
  .border-list__boxs {
    gap: 18px;
  }
  .border-list__box {
    padding: 32px calc(24px + 8 * (100vw - 360px) / 408);
    border-radius: 18px;
  }
  .border-list__title-wrapper {
    gap: 16px;
  }
  .border-list__image {
    width: calc(32px + 16 * (100vw - 360px) / 408);
  }
  .border-list__title-text {
    font-size: 18px;
  }
  .border-list__item {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .border-list__box {
    flex-direction: column;
  }
  .border-list__title-wrapper {
    width: 100%;
  }
  .border-list__items {
    width: 100%;
  }
}
.breadcrumbs {
  height: 58px;
}
@media (max-width: 991.98px) {
  .breadcrumbs {
    height: 40px;
  }
}
@media (max-width: 479.98px) {
  .breadcrumbs {
    height: 40px;
  }
  .breadcrumbs:has(.breadcrumbs__item:nth-child(2) .breadcrumbs__link) {
    height: 60px;
  }
}
.breadcrumbs__container {
  height: inherit;
}
@media (max-width: 767.98px) {
  .breadcrumbs__container {
    display: flex;
    align-items: center;
  }
}
.breadcrumbs__list {
  font-weight: 400;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 6px;
  height: inherit;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  .breadcrumbs__list {
    font-size: 8px;
  }
}
@media (max-width: 767.98px) {
  .breadcrumbs__list {
    height: unset;
  }
}
.breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  column-gap: 6px;
}
@media (max-width: 479.98px) {
  .breadcrumbs__item {
    column-gap: 3px;
  }
}
.breadcrumbs__item:not(:last-child)::after {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  background: url("./../../assets/image/icon/chevron-rigth--breadcrumb.svg") no-repeat center/contain;
}
@media (max-width: 991.98px) {
  .breadcrumbs__item:not(:last-child)::after {
    width: 8px;
    height: 8px;
  }
}
.breadcrumbs__link {
  color: #2c3246;
  transition: color var(--transition);
}
@media (hover: hover) {
  .breadcrumbs__link:hover {
    color: var(--color-green);
  }
}
@media (hover: none) {
  .breadcrumbs__link:active {
    color: var(--color-green);
  }
}
.breadcrumbs__caption {
  color: rgba(44, 50, 70, 0.48);
}

.briefly {
  display: flex;
  gap: 135px;
  align-items: flex-start;
}
@media (max-width: 991.98px) {
  .briefly {
    gap: 26px;
    justify-content: space-between;
  }
}
@media (max-width: 767.98px) {
  .briefly {
    flex-direction: column;
    gap: 64px;
  }
}
.briefly__icon {
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .briefly__icon {
    max-width: 99px;
  }
}
@media (max-width: 767.98px) {
  .briefly__icon {
    max-width: 56px;
  }
}
.briefly__text {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #f7fafb;
  width: 100%;
  max-width: 726px;
}
@media (max-width: 991.98px) {
  .briefly__text {
    font-size: 18px;
    max-width: unset;
  }
}
.briefly__text p {
  padding: 0;
  margin: 0;
}

.burger__btn {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  position: relative;
}
.burger__btn.is-active .burger__icon[data-open] {
  visibility: hidden;
  opacity: 0;
}
.burger__btn.is-active .burger__icon[data-close] {
  visibility: visible;
  opacity: 1;
}
.burger__btn::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
}
.burger__icon {
  transition: all var(--transition);
  position: absolute;
}
.burger__icon[data-close] {
  visibility: hidden;
  opacity: 0;
}

.btn--green {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--color-black);
  font-weight: 500;
  background-color: var(--color-light-mint);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 50px;
  padding: 12px 16px;
  transition: all var(--transition);
}
@media (max-width: 991.98px) {
  .btn--green {
    font-size: 10px;
    padding: 10px 12px;
  }
}
@media (hover: hover) {
  .btn--green:hover {
    background-color: var(--color-green);
    color: #fff;
  }
}
@media (hover: none) {
  .btn--green:active {
    background-color: var(--color-green);
    color: #fff;
  }
}
.btn--hero {
  font-size: 14px;
  height: 42px;
  padding: 16px 24px;
  gap: 8px;
  border-radius: 32px;
}
@media (max-width: 991.98px) {
  .btn--hero {
    border-radius: 32px;
    padding: 12px 18px;
    height: 34px;
    font-size: 12px;
    gap: 6px;
  }
}
@media (max-width: 767.98px) {
  .btn--hero {
    border-radius: 32px;
    padding: 14px 20px;
    height: 38px;
    font-size: 14px;
  }
}
.btn--hero .btn__icon {
  width: 12px;
  height: 12px;
}
@media (max-width: 991.98px) {
  .btn--hero .btn__icon {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 767.98px) {
  .btn--hero .btn__icon {
    width: 12px;
    height: 12px;
  }
}
.home-link {
  padding-top: 50px;
  border-bottom: 1px solid black;
}
.home-link a {
  color: red;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
}
.home-link a:hover {
  opacity: 0.64;
}

.contact-us {
  background-color: var(--color-grey-bg);
  --color-grey-bg: #F7FAFB;
  --color-grey-lbl: #171A26;
  --color-grey-phold: rgba(23, 26, 38, 0.64);
  --color-black-btn-txt: #2c3246;
  --color-black-btn-bg: #73ffab;
}
.contact-us h1,
.contact-us h2,
.contact-us h3,
.contact-us h4,
.contact-us h5,
.contact-us h6,
.contact-us p {
  margin: 0;
}
.contact-us input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0;
}
.contact-us .contact-us__container {
  padding-bottom: 150px;
  width: clamp(360px, 100%, 1440px);
  padding-inline: 120px;
}
.contact-us__heading {
  padding-top: 150px;
  padding-bottom: 48px;
}
.contact-us__heading h1 {
  font-size: 80px;
  line-height: 90%;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #2ac77b;
}
.contact-us__info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.contact-us__info .shorts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.contact-us__info .shorts__item {
  max-width: 391px;
}
.contact-us__info .shorts__item-title {
  font-size: 18px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  color: #171a26;
  margin-bottom: 16px;
}
.contact-us__info .shorts__item-text {
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #171a26;
}
.contact-us__info .shorts__btns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
}
.contact-us__info .shorts__item-btn {
  display: flex;
  align-items: center;
  gap: 12px;
}
.contact-us__info .shorts__item-btn span {
  font-size: 18px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-green);
}
.contact-us__info .shorts__item-btn:hover {
  opacity: 0.64;
}
.contact-us__info .form {
  background-color: var(--body-bg);
  border-radius: 16px;
  padding: 32px;
}
.contact-us__info .form form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.contact-us__info .form label {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--color-grey-lbl);
}
.contact-us__info .form input, .contact-us__info .form textarea {
  padding: 18px;
  border: 1px solid #dadadc;
  border-radius: 8px;
  font-size: 14px;
}
.contact-us__info .form input::placeholder, .contact-us__info .form textarea::placeholder {
  font-size: 14px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: var(--color-grey-phold);
}
.contact-us__info .form__btn {
  font-size: 16px;
  line-height: 120%;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-black-btn);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 10px;
  border-radius: 32px;
  padding: 18px;
  width: 100%;
  background: var(--color-black-btn-bg);
}
.contact-us__info .form__btn:hover {
  opacity: 0.64;
}
.contact-us__info .form__remark {
  font-size: 10px;
  line-height: 130%;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(44, 50, 70, 0.56);
}

@media (max-width: 1440px) {
  .contact-us .contact-us__container {
    padding-inline: calc(32px + 88 * (100vw - 1264px) / 176);
  }
}
@media (max-width: 1264px) {
  .contact-us .contact-us__container {
    padding-inline: 32px;
    padding-bottom: calc(92px + 58 * (100vw - 768px) / 496);
  }
  .contact-us__heading {
    padding-top: calc(92px + 58 * (100vw - 768px) / 496);
    padding-bottom: calc(32px + 16 * (100vw - 768px) / 496);
  }
  .contact-us__heading h1 {
    font-size: calc(52px + 28 * (100vw - 768px) / 496);
  }
  .contact-us__info {
    gap: calc(24px + 16 * (100vw - 768px) / 496);
  }
  .contact-us__info .shorts {
    gap: calc(24px + 8 * (100vw - 768px) / 496);
  }
  .contact-us__info .shorts__item-title {
    font-size: calc(12px + 6 * (100vw - 768px) / 496);
    margin-bottom: calc(10px + 6 * (100vw - 768px) / 496);
  }
  .contact-us__info .shorts__item-text {
    font-size: calc(12px + 2 * (100vw - 768px) / 496);
  }
  .contact-us__info .shorts__btns {
    gap: calc(24px + 8 * (100vw - 768px) / 496);
  }
  .contact-us__info .shorts__item-btn {
    gap: calc(8px + 4 * (100vw - 768px) / 496);
  }
  .contact-us__info .shorts__item-btn span {
    font-size: calc(12px + 6 * (100vw - 768px) / 496);
  }
  .contact-us__info .form {
    padding: calc(24px + 8 * (100vw - 768px) / 496);
  }
  .contact-us__info .form form {
    gap: calc(16px + 8 * (100vw - 768px) / 496);
  }
  .contact-us__info .form label {
    font-size: calc(12px + 2 * (100vw - 768px) / 496);
  }
  .contact-us__info .form input, .contact-us__info .form textarea {
    padding: calc(14px + 4 * (100vw - 768px) / 496);
    font-size: calc(12px + 2 * (100vw - 768px) / 496);
  }
  .contact-us__info .form input::placeholder, .contact-us__info .form textarea::placeholder {
    font-size: calc(12px + 2 * (100vw - 768px) / 496);
  }
  .contact-us__info .form__btn {
    font-size: calc(12px + 4 * (100vw - 768px) / 496);
    padding: calc(14px + 4 * (100vw - 768px) / 496);
  }
}
@media (max-width: 768px) {
  .contact-us .contact-us__container {
    padding-inline: calc(18px + 14 * (100vw - 360px) / 408);
    padding-bottom: calc(81px + 11 * (100vw - 360px) / 408);
  }
  .contact-us__heading {
    padding-top: calc(81px + 11 * (100vw - 360px) / 408);
    padding-bottom: calc(16px + 16 * (100vw - 360px) / 408);
  }
  .contact-us__heading h1 {
    font-size: calc(40px + 12 * (100vw - 360px) / 408);
  }
  .contact-us__info {
    grid-template-columns: 1fr;
    gap: calc(32px + -8 * (100vw - 360px) / 408);
  }
  .contact-us__info .shorts {
    grid-row: 2;
    gap: 24px;
  }
  .contact-us__info .shorts__item-title {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .contact-us__info .shorts__item-text {
    font-size: 12px;
  }
  .contact-us__info .shorts__btns {
    gap: 18px;
  }
  .contact-us__info .shorts__item-btn {
    gap: 8px;
  }
  .contact-us__info .shorts__item-btn span {
    font-size: 12px;
  }
  .contact-us__info .form {
    padding: 24px;
  }
  .contact-us__info .form form {
    gap: 16px;
  }
  .contact-us__info .form label {
    font-size: 12px;
  }
  .contact-us__info .form input, .contact-us__info .form textarea {
    padding: 14px;
    font-size: 12px;
  }
  .contact-us__info .form input::placeholder, .contact-us__info .form textarea::placeholder {
    font-size: 12px;
  }
  .contact-us__info .form__btn {
    font-size: 12px;
    padding: 14px;
  }
}
@media (max-width: 360px) {
  .contact-us .contact-us__container {
    padding-inline: 18px;
    padding-bottom: 81px;
  }
  .contact-us__heading {
    padding-top: 81px;
    padding-bottom: 16px;
  }
  .contact-us__heading h1 {
    font-size: 40px;
  }
  .contact-us__info {
    gap: 32px;
  }
  .contact-us__info .shorts__item-title {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .contact-us__info .shorts__item-text {
    font-size: 14px;
  }
  .contact-us__info .shorts__item-btn {
    gap: 12px;
  }
  .contact-us__info .shorts__item-btn span {
    font-size: 18px;
  }
}
.custom-dev {
  background-color: var(--color-grey-bg);
  --color-grey-bg: #F7FAFB;
  --color-grey-lbl: #171A26;
  --color-grey-phold: rgba(23, 26, 38, 0.64);
  --color-grey-txt: #939AAA;
  --color-black-btn-txt: #2c3246;
  --color-black-btn-bg: #73ffab;
  --color-white-text: #eff2f4;
  --color-green-bg:#2AC77B;
}
.custom-dev h1,
.custom-dev h2,
.custom-dev h3,
.custom-dev h4,
.custom-dev h5,
.custom-dev h6,
.custom-dev p {
  margin: 0;
}
.custom-dev input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0;
}
.custom-dev .ideation {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  align-items: stretch;
}
.custom-dev .ideation-main {
  width: calc(50% - 12px);
  background-color: #2AC77B;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 36px;
  padding-bottom: 34px;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 18px;
}
.custom-dev .ideation-main__image {
  margin-bottom: 34px;
}
.custom-dev .ideation-main__title {
  margin-bottom: 24px;
}
.custom-dev .ideation-main__title h2 {
  font-size: 32px;
  line-height: 110%;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: var(--color-white-text);
}
.custom-dev .ideation-main__items {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 500px;
}
.custom-dev .ideation-main__item {
  border: 1px solid var(--color-white-text);
  border-radius: 32px;
  padding: 10px 12px;
  width: fit-content;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .custom-dev .ideation-main__item {
    height: 25px;
  }
}
.custom-dev .ideation-main__item p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
  text-align: center;
  color: var(--color-grey-bg);
}
.custom-dev .ideation-cards {
  width: calc(50% - 12px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}
.custom-dev .ideation-card {
  max-width: calc((100% - 24px) / 2);
  border: 1px solid #2ac77b;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  aspect-ratio: 1;
}
.custom-dev .ideation-card__title h4 {
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-black-btn-txt);
}
.custom-dev .development {
  background-color: var(--color-black-btn-txt);
  border-radius: 18px;
  margin-top: 24px;
  padding-top: 74px;
  padding-right: 66px;
  padding-bottom: 75px;
  padding-left: 72px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 74px;
}
.custom-dev .development__image {
  width: 164px;
}
.custom-dev .development__title {
  font-size: 32px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-green-bg);
  margin-bottom: 32px;
}
.custom-dev .development__items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 680px;
}
.custom-dev .development__item {
  border: 1px solid var(--color-green-bg);
  border-radius: 32px;
  padding: 10px 12px;
  width: fit-content;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .custom-dev .development__item {
    height: 25px;
  }
}
.custom-dev .development__item p {
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
  text-align: center;
  color: var(--color-grey-bg);
}

@media (max-width: 1200px) {
  .custom-dev .ideation-main {
    padding-top: calc(29px + 7 * (100vw - 768px) / 432);
    padding-bottom: calc(38px + -4 * (100vw - 768px) / 432);
  }
  .custom-dev .ideation-main__image {
    width: calc(230px + 66 * (100vw - 768px) / 432);
    margin-bottom: calc(32px + 8 * (100vw - 768px) / 432);
  }
  .custom-dev .ideation-main__title {
    margin-bottom: calc(18px + 6 * (100vw - 768px) / 432);
  }
  .custom-dev .ideation-main__title h2 {
    font-size: calc(24px + 8 * (100vw - 768px) / 432);
  }
  .custom-dev .ideation-main__items {
    gap: calc(8px + 2 * (100vw - 768px) / 432);
  }
  .custom-dev .ideation-main__item p {
    font-size: calc(12px + 2 * (100vw - 768px) / 432);
  }
  .custom-dev .ideation-cards {
    gap: calc(12px + 12 * (100vw - 768px) / 432);
  }
  .custom-dev .ideation-card {
    padding: calc(16px + 8 * (100vw - 768px) / 432);
    border-radius: calc(10px + 8 * (100vw - 768px) / 432);
  }
  .custom-dev .ideation-card__image {
    width: calc(32px + 28 * (100vw - 768px) / 432);
  }
  .custom-dev .ideation-card__title h4 {
    font-size: calc(12px + 8 * (100vw - 768px) / 432);
  }
  .custom-dev .development {
    padding-top: calc(67px + 7 * (100vw - 768px) / 432);
    padding-right: calc(38px + 28 * (100vw - 768px) / 432);
    padding-bottom: calc(67px + 8 * (100vw - 768px) / 432);
    padding-left: calc(52px + 20 * (100vw - 768px) / 432);
    gap: calc(58px + 16 * (100vw - 768px) / 432);
  }
  .custom-dev .development__image {
    flex-shrink: 0;
    width: calc(149px + 15 * (100vw - 768px) / 432);
  }
  .custom-dev .development__title {
    font-size: calc(24px + 8 * (100vw - 768px) / 432);
    margin-bottom: calc(18px + 14 * (100vw - 768px) / 432);
  }
  .custom-dev .development__items {
    gap: calc(7px + 5 * (100vw - 768px) / 432);
    max-width: 680px;
  }
  .custom-dev .development__item {
    border: 1px solid var(--color-green-bg);
    border-radius: 32px;
    padding: calc(8px + 2 * (100vw - 768px) / 432) 12px;
  }
  .custom-dev .development__item p {
    font-size: calc(12px + 2 * (100vw - 768px) / 432);
  }
}
@media (max-width: 992px) {
  .custom-dev .ideation {
    flex-direction: column;
  }
  .custom-dev .ideation-main {
    width: 100%;
  }
  .custom-dev .ideation-cards {
    width: 100%;
  }
  .custom-dev .ideation-card {
    max-width: calc((100% - 72px) / 4);
  }
}
@media (max-width: 768px) {
  .custom-dev .ideation-main {
    padding-top: calc(32px + -3 * (100vw - 360px) / 408);
    padding-bottom: calc(32px + 6 * (100vw - 360px) / 408);
  }
  .custom-dev .ideation-main__image {
    width: calc(177px + 53 * (100vw - 360px) / 408);
    margin-bottom: calc(28px + 4 * (100vw - 360px) / 408);
  }
  .custom-dev .ideation-main__title {
    margin-bottom: 18px;
  }
  .custom-dev .ideation-main__items {
    gap: calc(6px + 2 * (100vw - 360px) / 408);
  }
  .custom-dev .ideation-cards {
    gap: 16px;
  }
  .custom-dev .ideation-card {
    min-height: 110px;
    padding: 16px;
    border-radius: 10px;
  }
  .custom-dev .ideation-card__image {
    width: 32px;
  }
  .custom-dev .ideation-card__title {
    max-width: 273px;
  }
  .custom-dev .ideation-card__title h4 {
    font-size: 12px;
  }
  .custom-dev .development {
    padding-top: calc(32px + 35 * (100vw - 360px) / 408);
    padding-right: calc(20px + 18 * (100vw - 360px) / 408);
    padding-bottom: calc(32px + 35 * (100vw - 360px) / 408);
    padding-left: calc(20px + 32 * (100vw - 360px) / 408);
    gap: calc(18px + 40 * (100vw - 360px) / 408);
  }
  .custom-dev .development__image {
    width: calc(111px + 38 * (100vw - 360px) / 408);
  }
  .custom-dev .development__title {
    font-size: 24px;
    margin-bottom: 18px;
  }
  .custom-dev .development__items {
    gap: calc(6px + 1 * (100vw - 360px) / 408);
    max-width: 680px;
  }
  .custom-dev .development__item {
    border: 1px solid var(--color-green-bg);
    border-radius: 32px;
    padding: 8px calc(8px + 4 * (100vw - 360px) / 408);
  }
  .custom-dev .development__item p {
    font-size: calc(10px + 2 * (100vw - 360px) / 408);
  }
  .custom-dev .development__item.item-01 {
    order: -1;
  }
  .custom-dev .development__item.item-03 {
    order: -1;
  }
}
@media (max-width: 670px) {
  .custom-dev .ideation-cards {
    width: 100%;
    flex-direction: column;
  }
  .custom-dev .ideation-card {
    width: 100%;
    max-width: 100%;
    aspect-ratio: unset;
  }
  .custom-dev .development {
    flex-direction: column;
  }
  .custom-dev .development__item p {
    letter-spacing: -0.1px;
  }
}
@media (max-width: 376px) {
  .custom-dev .development__item.item-06 {
    order: -1;
  }
  .custom-dev .development__item.item-02 {
    order: 1;
  }
  .custom-dev .development__item.item-07 {
    order: 1;
  }
}
.feedback {
  background-color: var(--color-graphite);
}
.feedback__container {
  max-width: 580px;
}
@media (max-width: 991.98px) {
  .feedback__container {
    max-width: 458px;
  }
}
.feedback__heading {
  color: var(--color-light-sky);
  margin-bottom: 56px;
  text-align: center;
}
.feedback__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.feedback__field.error .feedback__input {
  border-color: var(--color-light-mint);
}
.feedback__field.error .feedback__error {
  display: inline-flex;
}
.feedback__input {
  border-radius: 10px;
  padding: 18px 16px;
  width: 100%;
  height: 46px;
  display: flex;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-light-sky);
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.feedback__input::placeholder {
  color: var(--color-gray-light);
}
.feedback__error {
  padding-top: 10px;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
  color: var(--color-light-mint);
  display: none;
}
.feedback__control {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.feedback__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 47px;
  width: 100%;
  background: var(--color-light-mint);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--color-midnight-blue);
  border-radius: 32px;
  transition: all var(--transition);
}
@media (hover: hover) {
  .feedback__btn:hover {
    background-color: var(--color-green);
    color: #fff;
  }
}
@media (hover: none) {
  .feedback__btn:active {
    background-color: var(--color-green);
    color: #fff;
  }
}
.feedback__privacy {
  font-weight: 400;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
  color: var(--color-gray-light);
}

.footer {
  padding-block: 32px;
  background-color: var(--color-midnight-blue);
  color: #f7fafb;
}
.footer__container {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media (max-width: 991.98px) {
  .footer__container {
    gap: 32px;
  }
}
.footer__row {
  display: flex;
}
.footer__row--top {
  justify-content: space-between;
  gap: 56px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .footer__row--top {
    gap: 43px;
  }
}
@media (max-width: 767.98px) {
  .footer__row--top {
    flex-direction: column;
    gap: 30px;
  }
}
.footer__row--bottom {
  justify-content: space-between;
  gap: 56px;
  position: relative;
  align-items: flex-end;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-gray-light);
}
.footer__row--bottom > * {
  flex-shrink: 0;
  width: calc(50% - 28px);
}
@media (max-width: 991.98px) {
  .footer__row--bottom > * {
    width: unset;
  }
}
@media (max-width: 991.98px) {
  .footer__row--bottom {
    justify-content: unset;
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    gap: 0;
  }
}
.footer__col {
  flex-shrink: 0;
  width: calc(50% - 28px);
}
@media (max-width: 991.98px) {
  .footer__col {
    width: calc(50% - 21px);
  }
}
@media (max-width: 767.98px) {
  .footer__col {
    width: unset;
  }
}
.footer__col--left {
  display: flex;
  gap: 32px;
}
@media (max-width: 767.98px) {
  .footer__col--left {
    flex-direction: column;
    gap: 36px;
  }
}
.footer__nav-list {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 5px;
}
@media (max-width: 767.98px) {
  .footer__nav-list {
    margin-top: 0;
    flex-direction: column;
    gap: 25px;
    align-items: flex-start;
  }
}
.footer__nav-link {
  transition: color var(--transition);
}
@media (hover: hover) {
  .footer__nav-link:hover {
    color: var(--color-gray-light);
  }
}
@media (hover: none) {
  .footer__nav-link:active {
    color: var(--color-gray-light);
  }
}
.footer__catalog {
  display: flex;
  gap: 65px;
}
@media (max-width: 991.98px) {
  .footer__catalog {
    gap: 36px;
    flex-direction: column;
  }
}
.footer__catalog-item {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media (max-width: 991.98px) {
  .footer__catalog-item:nth-child(1) .footer__catalog-list:nth-child(2) {
    order: -1;
  }
}
.footer__catalog-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.footer__catalog-caption {
  font-size: 10px;
  color: var(--color-gray-light-2);
}
.footer__catalog-link {
  transition: color var(--transition);
}
@media (hover: hover) {
  .footer__catalog-link:hover {
    color: var(--color-gray-light);
  }
}
@media (hover: none) {
  .footer__catalog-link:active {
    color: var(--color-gray-light);
  }
}
@media (max-width: 767.98px) {
  .footer__address {
    margin-bottom: 16px;
  }
}
.footer__address-text {
  max-width: 283px;
}
.footer__contacts-list {
  display: flex;
  align-items: center;
  gap: 12px;
}
.footer__contacts-link {
  transition: color var(--transition);
}
@media (hover: hover) {
  .footer__contacts-link:hover {
    color: var(--color-white);
  }
}
@media (hover: none) {
  .footer__contacts-link:active {
    color: var(--color-white);
  }
}
.footer__social {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-flex;
  width: unset;
}
@media (max-width: 767.98px) {
  .footer__social {
    position: unset;
    order: -1;
    margin-bottom: 24px;
  }
}

.header {
  background-color: var(--color-light-sky);
  border-bottom: 0.5px solid rgba(147, 153, 170, 0.24);
  position: relative;
  height: 74px;
  display: flex;
  align-items: center;
  z-index: 10;
}
@media (max-width: 991.98px) {
  .header {
    height: 62px;
  }
}
@media (max-width: 767.98px) {
  .header {
    height: 56px;
    position: sticky;
    top: 0;
    z-index: 100;
  }
  .header:has(.header__menu.is-show)::after {
    content: "";
    position: fixed;
    top: 47px;
    left: 0;
    width: 18px;
    height: 18px;
    background: #f7fafb;
    z-index: 101;
  }
  .header:has(.header__menu.is-show)::before {
    content: "";
    position: fixed;
    top: 47px;
    right: 0;
    width: 18px;
    height: 18px;
    background: #f7fafb;
    z-index: 101;
  }
}
.header__container {
  display: flex;
  align-items: center;
  gap: 42px;
}
@media (max-width: 991.98px) {
  .header__container {
    gap: 24px;
  }
}
@media (max-width: 991.98px) {
  .header__logo {
    width: 65px;
  }
}
@media (max-width: 767.98px) {
  .header__logo {
    width: 75px;
  }
}
@media (max-width: 767.98px) {
  .header__menu {
    transition-duration: 300ms;
  }
  .header__menu:not(.is-show) {
    transform: translateX(100%);
  }
}
.header__control {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-left: auto;
}
.header__btn {
  height: 34px;
}
@media (max-width: 991.98px) {
  .header__btn {
    height: 26px;
  }
}
@media (max-width: 767.98px) {
  .header__btn {
    height: 42px;
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .page-wrapper {
    display: contents;
  }
}

@media (max-width: 767.98px) {
  body:has(.header__menu.is-show) {
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  .hero--about-us {
    padding-block: 168px !important;
  }
}
.hero--product-payment-gateway-2 .hero__image-wrapper {
  right: 3%;
  top: 1%;
}
.hero__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 42px;
  position: relative;
}
@media (max-width: 767.98px) {
  .hero__content {
    flex-direction: column;
    gap: 48px;
  }
}
.hero__description {
  display: flex;
  flex-direction: column;
  gap: 42px;
  max-width: 524px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .hero__description {
    gap: 32px;
    max-width: 385px;
  }
}
@media (max-width: 767.98px) {
  .hero__description {
    gap: 20px;
    max-width: unset;
  }
}
.hero__top-title {
  font-weight: 800;
  font-size: 20px;
  line-height: 0.9;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #2c3246;
}
@media (max-width: 991.98px) {
  .hero__top-title {
    font-size: 16px;
  }
}
.hero__title {
  font-weight: 800;
  font-size: 80px;
  line-height: 0.9;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #2ac77b;
}
@media (max-width: 991.98px) {
  .hero__title {
    font-size: 52px;
  }
}
.hero__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #2c3246;
}
.hero__text p {
  padding: 0;
  margin: 0;
}
@media (max-width: 991.98px) {
  .hero__text {
    font-size: 14px;
    max-width: 309px;
  }
}
@media (max-width: 767.98px) {
  .hero__text {
    max-width: unset;
  }
}
@media (max-width: 991.98px) {
  .hero__control {
    padding-top: 10px;
  }
}
.hero__btn {
  display: inline-flex;
}
.hero__image-wrapper {
  flex-shrink: 0;
  position: absolute;
  right: 0;
}
@media (max-width: 767.98px) {
  .hero__image-wrapper {
    position: unset;
    order: -1;
  }
}
.hero__image {
  width: 100%;
  margin-left: auto;
}
@media (max-width: 991.98px) {
  .hero__image {
    width: 75%;
  }
}
@media (max-width: 767.98px) {
  .hero__image {
    width: 100%;
    margin-inline: auto;
  }
}

@media (max-width: 991.98px) {
  .horz-swipe {
    width: inherit;
    overflow: hidden;
    overflow-x: auto;
    margin-inline: -24px;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 24px, black calc(100% - 15px), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 24px, black calc(100% - 24px), transparent 100%);
  }
  .horz-swipe__inner {
    width: inherit;
    padding-inline: 24px;
    padding-bottom: 10px;
  }
}

.image-info {
  --gap: 64px;
}
@media (max-width: 991.98px) {
  .image-info {
    --gap: 32px;
  }
}
.image-info--product-3d-secure-acs .image-info__heading-text {
  text-wrap: unset;
}
.image-info__heading {
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  .image-info__heading {
    margin-bottom: 45px;
  }
}
.image-info__heading:has(.image-info__text) {
  display: flex;
  gap: var(--gap);
}
@media (max-width: 767.98px) {
  .image-info__heading:has(.image-info__text) {
    flex-direction: column;
    gap: 20px;
  }
}
.image-info__heading:has(.image-info__text) > div {
  flex-shrink: 0;
  width: calc(50% - var(--gap) / 2);
}
@media (max-width: 767.98px) {
  .image-info__heading:has(.image-info__text) > div {
    width: unset;
  }
}
@media (max-width: 991.98px) {
  .image-info__heading--lg-half {
    width: calc(50% - var(--gap) / 2);
  }
}
@media (max-width: 767.98px) {
  .image-info__heading--lg-half {
    width: unset;
  }
}
.image-info__heading-text {
  text-wrap: balance;
}
.image-info__text {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #f7fafb;
}
@media (max-width: 991.98px) {
  .image-info__text {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .image-info__text {
    font-size: 18px;
  }
}
.image-info__text p {
  padding: 0;
  margin: 0;
}
.image-info__content {
  display: flex;
  gap: var(--gap);
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .image-info__content {
    flex-direction: column;
    gap: 32px;
  }
}
.image-info__content > div {
  flex-shrink: 0;
  width: calc(50% - var(--gap) / 2);
}
@media (max-width: 767.98px) {
  .image-info__content > div {
    width: unset;
  }
}
.image-info__content--stretch {
  align-items: stretch;
}
.image-info__content--product-instant-payment {
  align-items: stretch;
}
@media (max-width: 991.98px) {
  .image-info__content--product-3d-secure-server {
    align-items: stretch;
  }
}
.image-info__image-wrapper {
  border-radius: 22px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .image-info__image-wrapper {
    border-radius: 12px;
    height: 255px;
  }
}
@media (max-width: 767.98px) {
  .image-info__image-wrapper {
    width: 100% !important;
  }
}
@media (max-width: 991.98px) {
  .image-info__image-wrapper--service-3d-secure {
    height: 291px;
  }
}
@media (max-width: 767.98px) {
  .image-info__image-wrapper--service-3d-secure {
    height: 255px;
  }
}
@media (max-width: 991.98px) {
  .image-info__image-wrapper--product-3d-secure-acs {
    height: 327px;
  }
}
@media (max-width: 767.98px) {
  .image-info__image-wrapper--product-3d-secure-acs {
    height: 255px;
  }
}
@media (max-width: 991.98px) {
  .image-info__image-wrapper--product-3d-secure-server {
    height: unset;
  }
}
@media (max-width: 767.98px) {
  .image-info__image-wrapper--product-3d-secure-server {
    height: 255px;
  }
}
@media (max-width: 991.98px) {
  .image-info__image-wrapper--product-instant-payment {
    height: unset;
  }
}
@media (max-width: 767.98px) {
  .image-info__image-wrapper--product-instant-payment {
    height: 255px;
  }
}
.image-info__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.image-info__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 56px;
}
@media (max-width: 991.98px) {
  .image-info__list {
    display: flex;
    flex-direction: column;
    gap: 36px;
    justify-content: space-between;
  }
}
.image-info__list--bottom {
  padding-top: 48px;
}
@media (max-width: 991.98px) {
  .image-info__list--bottom {
    flex-direction: row;
    gap: var(--gap);
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .image-info__list--bottom {
    flex-direction: column;
    gap: 36px;
  }
}
@media (max-width: 991.98px) {
  .image-info__list--bottom > div {
    flex-shrink: 0;
    width: calc(50% - var(--gap) / 2);
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .image-info__list--bottom > div {
    width: unset;
  }
}
.image-info__list--product-3d-secure-server {
  column-gap: 56px;
  row-gap: 48px;
}
@media (max-width: 991.98px) {
  .image-info__list--product-3d-secure-server {
    gap: 36px;
  }
}
.image-info__item:has(.image-info__item-image) .image-info__item-caption {
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .image-info__item:has(.image-info__item-image) .image-info__item-caption {
    margin-bottom: 15px;
  }
}
.image-info__item:not(:has(.image-info__item-caption)) .image-info__item-image {
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  .image-info__item:not(:has(.image-info__item-caption)) .image-info__item-image {
    margin-bottom: 18px;
  }
}
.image-info__item-image {
  margin-bottom: 32px;
}
@media (max-width: 991.98px) {
  .image-info__item-image {
    max-width: 48px;
  }
}
@media (max-width: 767.98px) {
  .image-info__item-image {
    max-width: 32px;
  }
}
.image-info__item-caption {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  color: #2ac77b;
  margin-bottom: 15px;
}
@media (max-width: 991.98px) {
  .image-info__item-caption {
    margin-bottom: 10px;
  }
}
@media (max-width: 991.98px) {
  .image-info__item-caption {
    font-size: 18px;
  }
}
.image-info__item-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #fff;
  text-wrap: pretty;
}
.innov-features {
  --color-grey-bg: #F7FAFB;
  --color-grey-card-bg: #3d4255;
  --color-grey-lbl: #171A26;
  --color-grey-phold: rgba(23, 26, 38, 0.64);
  --color-grey-txt: #939AAA;
  --color-black-btn-txt: #2c3246;
  --color-black-btn-bg: #73ffab;
  --color-white-text-0: #fff;
  --color-white-text: #eff2f4;
  --color-green-bg:#2AC77B;
  --gap-cards: 24px;
}
.innov-features h1,
.innov-features h2,
.innov-features h3,
.innov-features h4,
.innov-features h5,
.innov-features h6,
.innov-features p {
  margin: 0;
}
.innov-features input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0;
}
.innov-features__heading {
  max-width: 702px;
  margin-bottom: 64px;
}
.innov-features__heading h2 {
  font-size: 64px;
  line-height: 100%;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--color-green-bg);
}
.innov-features__box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
}
.innov-features__image {
  width: calc((100% - 24px) / 2);
  aspect-ratio: 0.92;
  border-radius: 18px;
  overflow: hidden;
}
.innov-features__image img {
  /* object-fit: contain; */
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.innov-features__cards {
  width: calc((100% - 24px) / 2);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
}
.innov-features__card {
  width: calc((100% - 18px) / 2);
  height: calc((100% - 18px) / 2);
  background-color: var(--color-black-btn-txt);
  border-radius: 19px;
  padding: 24px;
}
.innov-features__card:nth-child(3) {
  background-color: var(--color-green-bg);
}
.innov-features__card-image {
  margin-bottom: 23px;
  width: 54px;
  height: 54px;
}
.innov-features__card-image img {
  width: 100%;
  height: 100%;
}
.innov-features__card-title {
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-green-bg);
  margin-bottom: 18px;
}
.innov-features__card-text {
  display: -webkit-box;
  /* Количество строк */
  line-clamp: 7;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow-x: hidden;
  overflow-y: auto;
}
.innov-features__card-text p {
  font-size: 14px;
  line-height: 130%;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--color-white-text-0);
}
.innov-features__card:nth-child(3) .innov-features__card-title {
  color: var(--color-white-text-0);
}

@media (max-width: 1200px) {
  .innov-features__heading {
    max-width: calc(600px + 102 * (100vw - 768px) / 432);
    margin-bottom: calc(56px + 8 * (100vw - 768px) / 432);
  }
  .innov-features__heading h2 {
    font-size: calc(42px + 22 * (100vw - 768px) / 432);
  }
  .innov-features__card {
    padding: calc(20px + 4 * (100vw - 992px) / 208);
  }
  .innov-features__card-image {
    margin-bottom: 23px;
    /* При перестроении изменить отступ на 32px */
    width: calc(48px + 6 * (100vw - 768px) / 432);
    height: calc(48px + 6 * (100vw - 768px) / 432);
  }
}
@media (max-width: 992px) {
  .innov-features__box {
    flex-direction: column;
  }
  .innov-features__image {
    width: 100%;
    aspect-ratio: 704/264;
  }
  .innov-features__cards {
    width: 100%;
    align-items: stretch;
  }
  .innov-features__card {
    height: auto;
    padding: 24px;
  }
  .innov-features__card:nth-child(3) {
    order: -1;
  }
  .innov-features__card:nth-child(1) {
    order: -1;
  }
}
@media (max-width: 768px) {
  .innov-features__heading {
    max-width: calc(290px + 310 * (100vw - 360px) / 408);
    margin-bottom: calc(32px + 24 * (100vw - 360px) / 408);
  }
  .innov-features__heading h2 {
    font-size: calc(32px + 10 * (100vw - 360px) / 408);
  }
}
@media (max-width: 576px) {
  .innov-features__image {
    aspect-ratio: 320/180;
  }
  .innov-features__card {
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .integration--service-payment {
    display: none;
  }
}
.integration__heading {
  margin-bottom: 64px;
}
.integration__content {
  display: flex;
  gap: 20px;
}
@media (max-width: 991.98px) {
  .integration__content {
    gap: 24px;
    flex-wrap: wrap;
  }
}
.integration__item {
  width: calc(25% - 20px);
  border: 1px solid #2ac77b;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  gap: 70px;
  padding: 48px;
  aspect-ratio: 1/1;
  align-items: center;
}
@media (max-width: 991.98px) {
  .integration__item {
    border-radius: 12px;
    width: calc(50% - 24px);
    max-height: 285px;
  }
}
@media (max-width: 767.98px) {
  .integration__item {
    width: 100%;
    max-height: 232px;
    gap: 20px;
  }
}
.integration__item-caption {
  font-weight: 700;
  font-size: 19px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #2ac77b;
}
.integration__item-image {
  flex-shrink: 1;
}

.intro-banner {
  position: relative;
}
.intro-banner__bg {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.intro-banner__container {
  max-width: 1196px;
}
.intro-banner__content {
  padding: 70px;
  background: #2c3246;
  border-radius: 18px;
}
@media (max-width: 991.98px) {
  .intro-banner__content {
    padding: 48px;
  }
}
@media (max-width: 767.98px) {
  .intro-banner__content {
    padding: 32px;
  }
}

.item-benefit {
  display: flex;
  flex-direction: column;
}
.item-benefit__icon {
  margin-bottom: 25px;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .item-benefit__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .item-benefit__icon {
    width: 32px;
    height: 32px;
    margin-bottom: 15px;
  }
}
.item-benefit__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  color: #2ac77b;
  text-wrap: balance;
  margin-bottom: 10px;
}
@media (max-width: 991.98px) {
  .item-benefit__title {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767.98px) {
  .item-benefit__title {
    font-size: 16px;
  }
}
.item-benefit__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #f7fafb;
  text-wrap: pretty;
}
@media (max-width: 991.98px) {
  .item-benefit__text {
    font-size: 12px;
  }
}
.item-benefit__text p {
  padding: 0;
  margin: 0;
}

.item-big-benefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding-top: 40px;
  padding-bottom: 30px;
  border: 1px solid #2ac77b;
  border-radius: 18px;
  aspect-ratio: 1/1;
  gap: 20px;
}
.item-big-benefit.bg--green {
  border: 0;
}
.item-big-benefit__icon {
  max-height: 160px;
  flex-shrink: 1;
}
@media (max-width: 991.98px) {
  .item-big-benefit__icon {
    max-height: 140px;
  }
}
.item-big-benefit__description {
  max-width: 90%;
  margin-inline: auto;
}
.item-big-benefit__caption {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #2ac77b;
  margin-bottom: 10px;
  text-wrap: balance;
}
@media (max-width: 991.98px) {
  .item-big-benefit__caption {
    font-size: 18px;
  }
}
.item-big-benefit__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.01em;
  text-align: center;
  color: #2c3246;
  text-wrap: pretty;
}
@media (max-width: 991.98px) {
  .item-big-benefit__text {
    font-size: 12px;
  }
}

.item-partner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media (max-width: 767.98px) {
  .item-partner {
    gap: 13px;
  }
}
.item-partner__logo {
  width: 100%;
  height: 156px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d3d6d9;
  border-radius: 12px;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .item-partner__logo {
    height: 112px;
  }
}
.item-partner__logo-img {
  position: relative;
  display: inline-flex;
}
@media (max-width: 991.98px) {
  .item-partner__logo-img {
    max-width: 70%;
    max-height: 80%;
  }
}
.item-partner__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: #2c3246;
}
@media (min-width: 992px) {
  .item-partner__text {
    max-width: 270px;
  }
}
@media (max-width: 767.98px) {
  .item-partner__text {
    font-size: 12px;
  }
}
.item-partner__text p {
  padding: 0;
  margin: 0;
}

.item-resource {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .item-resource {
    gap: 16px;
  }
}
.item-resource__image {
  flex-shrink: 0;
  max-width: 64px;
}
@media (max-width: 991.98px) {
  .item-resource__image {
    max-width: 48px;
  }
}
@media (max-width: 767.98px) {
  .item-resource__image {
    max-width: 32px;
  }
}
.item-resource__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  color: #2c3246;
}
@media (max-width: 991.98px) {
  .item-resource__title {
    font-size: 14px;
  }
}

.item-solution {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.item-solution__image-wrapper {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199.98px) {
  .item-solution__image {
    max-width: 80%;
  }
}
@media (max-width: 991.98px) {
  .item-solution__image {
    max-width: 160px;
    max-height: 160px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.item-solution__description {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 42px;
  min-height: 37%;
}
@media (max-width: 991.98px) {
  .item-solution__description {
    padding-bottom: 24px;
    min-height: 46%;
  }
}
@media (max-width: 767.98px) {
  .item-solution__description {
    min-height: 37%;
  }
}
.item-solution__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #2ac77b;
  margin-bottom: 10px;
}
@media (max-width: 991.98px) {
  .item-solution__title {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
.item-solution__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-align: center;
  max-width: 500px;
  margin-bottom: 14px;
  padding-inline: 15px;
}
@media (max-width: 991.98px) {
  .item-solution__text {
    font-size: 12px;
    max-width: unset;
    padding-inline: 27px;
  }
}
@media (max-width: 767.98px) {
  .item-solution__text {
    padding-inline: 17px;
  }
}
.item-solution__text p {
  padding: 0;
  margin: 0;
}
.item-solution__control {
  margin-top: auto;
}
.item-solution__btn::after {
  content: "";
  inset: 0;
  position: absolute;
}

.item-value {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-end;
  border-radius: 18px;
  --size: 292px;
  width: var(--size);
  height: var(--size);
  padding: 32px;
  aspect-ratio: 1/1;
}
@media (max-width: 991.98px) {
  .item-value {
    --size: 155px;
    gap: 22px;
    border-radius: 9px;
    padding: 18px;
  }
}
@media (max-width: 767.98px) {
  .item-value {
    border-radius: 12px;
  }
}
.item-value.bg--light-sky {
  border: 0.5px solid #2ac77b;
}
@media (max-width: 991.98px) {
  .item-value__image {
    max-width: 80px;
  }
}
.item-value__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 991.98px) {
  .item-value__title {
    font-size: 10px;
  }
}
@media (max-width: 767.98px) {
  .item-value__title {
    font-size: 12px;
  }
}

.key-features--service-3d-secure .key-features__heading-text {
  max-width: 753px;
  text-wrap: balance;
}
@media (max-width: 991.98px) {
  .key-features--service-3d-secure .key-features__heading-text {
    max-width: calc(50% - 16px);
  }
}
@media (max-width: 767.98px) {
  .key-features--service-3d-secure .key-features__heading-text {
    max-width: unset;
  }
}
.key-features--service-3d-secure-blue .key-features__heading-text {
  text-wrap: balance;
}
@media (max-width: 991.98px) {
  .key-features--service-3d-secure-blue .key-features__heading-text {
    max-width: calc(50% - 16px);
  }
}
@media (max-width: 767.98px) {
  .key-features--service-3d-secure-blue .key-features__heading-text {
    max-width: unset;
  }
}
.key-features__sub-heading {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: #2c3246;
  margin-bottom: 35px;
}
@media (max-width: 991.98px) {
  .key-features__sub-heading {
    font-size: 16px;
    margin-bottom: 23px;
  }
}
@media (max-width: 767.98px) {
  .key-features__sub-heading {
    margin-bottom: 15px;
  }
}
.key-features__content--service-payment-gateway-as-a-service {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 64px;
}
@media (max-width: 991.98px) {
  .key-features__content--service-payment-gateway-as-a-service {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  .key-features__content--service-payment-gateway-as-a-service .key-features__item:nth-child(1) {
    order: 2;
  }
  .key-features__content--service-payment-gateway-as-a-service .key-features__item:nth-child(2) {
    order: 1;
  }
  .key-features__content--service-payment-gateway-as-a-service .key-features__item:nth-child(3) {
    order: 3;
  }
  .key-features__content--service-payment-gateway-as-a-service .key-features__item:nth-child(4) {
    display: none;
  }
}
.key-features__content--product-instant-payment, .key-features__content--product-3d-secure-server, .key-features__content--product-3d-secure-acs, .key-features__content--service-3d-secure {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 64px;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  .key-features__content--product-instant-payment, .key-features__content--product-3d-secure-server, .key-features__content--product-3d-secure-acs, .key-features__content--service-3d-secure {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 32px;
    row-gap: 48px;
  }
}
.key-features__content--product-instant-payment-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 48px;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  .key-features__content--product-instant-payment-2 {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 32px;
    row-gap: 48px;
  }
}
@media (max-width: 767.98px) {
  .key-features__content--product-instant-payment-2 {
    gap: 30px !important;
  }
}
.key-features__content--product-payment-gateway {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 24px;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  .key-features__content--product-payment-gateway {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 32px;
    row-gap: 48px;
  }
}
.key-features__content--product-payment-gateway-2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 56px;
}
@media (max-width: 991.98px) {
  .key-features__content--product-payment-gateway-2 {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 32px;
    row-gap: 56px;
  }
}
@media (max-width: 767.98px) {
  .key-features__content {
    display: flex;
    flex-direction: column;
    gap: 36px;
  }
}
.menu {
  position: relative;
  background: #f7fafb;
}
@media (max-width: 767.98px) {
  .menu {
    z-index: 99;
    position: fixed;
    top: 56px;
    left: 0;
    width: 100vw;
    height: calc(100dvh - 56px);
    overflow-x: hidden;
    padding-bottom: 32px;
    padding-top: 24px;
    padding: 24px 18px 32px 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.menu__nav {
  height: 74px;
  margin-top: -20px;
  margin-bottom: -22px;
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  .menu__nav {
    height: 62px;
  }
}
@media (max-width: 767.98px) {
  .menu__nav {
    height: unset;
    margin: unset;
    align-items: flex-start;
    padding-bottom: 24px;
  }
}
.menu__list {
  display: flex;
  gap: 20px;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  height: inherit;
}
@media (max-width: 991.98px) {
  .menu__list {
    font-size: 10px;
    gap: 16px;
  }
}
@media (max-width: 767.98px) {
  .menu__list {
    flex-direction: column;
    align-items: flex-start;
    font-size: 14px;
    gap: 24px;
    width: 100%;
  }
}
.menu__item {
  height: inherit;
  border-bottom: 2px solid transparent;
  transition: border-color var(--transition);
}
@media (min-width: 768px) and (hover: hover) {
  .menu__item:hover {
    border-color: var(--color-green);
  }
  .menu__item:hover .menu__link {
    color: var(--color-green);
  }
  .menu__item:hover .menu__link-icon {
    transform: rotate(180deg);
  }
  .menu__item:hover .menu__submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
}
@media (min-width: 768px) and (hover: none) {
  .menu__item:active {
    border-color: var(--color-green);
  }
  .menu__item:active .menu__link {
    color: var(--color-green);
  }
  .menu__item:active .menu__link-icon {
    transform: rotate(180deg);
  }
  .menu__item:active .menu__submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
}
@media (max-width: 767.98px) {
  .menu__item {
    width: inherit;
  }
}
.menu__link {
  color: var(--color-black);
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color var(--transition);
  height: inherit;
}
@media (hover: hover) {
  .menu__link:hover {
    color: var(--color-green);
  }
}
@media (hover: none) {
  .menu__link:active {
    color: var(--color-green);
  }
}
@media (max-width: 767.98px) {
  .menu__link {
    gap: 6px;
  }
  .menu__link.is-active {
    color: var(--color-green);
  }
  .menu__link.is-active .menu__link-icon {
    transform: rotate(180deg);
  }
}
.menu__link-icon {
  transition: transform var(--transition);
}
.menu__submenu {
  display: flex;
  position: absolute;
  top: 54px;
  left: 0;
  background-color: var(--color-light-sky);
  padding-block: 25px;
  gap: 42px;
  width: 850px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all var(--transition);
  transform: translateY(-20px);
}
@media (max-width: 991.98px) {
  .menu__submenu {
    gap: 24px;
    top: 42px;
  }
}
@media (min-width: 768px) {
  .menu__submenu::after {
    content: "";
    background-color: var(--color-light-sky);
    position: absolute;
    left: -1000px;
    right: -1000px;
    display: block;
    height: 100%;
    width: 5000px;
    top: 0;
    z-index: -1;
    border-bottom: 0.5px solid rgba(147, 153, 170, 0.24);
  }
}
@media (max-width: 767.98px) {
  .menu__submenu {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: unset;
    padding: 24px 18px;
    background: rgba(44, 50, 70, 0.03);
    position: inherit;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: unset;
  }
  .menu__submenu:not(.is-show) {
    display: none;
  }
  .menu__submenu.is-show {
    margin-top: 20px;
  }
}
.menu__submenu-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .menu__submenu-list {
    gap: 20px;
  }
}
@media (max-width: 767.98px) {
  .menu__submenu-list {
    gap: 16px;
  }
}
.menu__submenu-item:has(.menu__submenu-caption) {
  margin-bottom: -6px;
}
.menu__submenu-caption {
  color: var(--color-gray);
}
@media (max-width: 767.98px) {
  .menu__submenu-caption {
    font-size: 11px;
  }
}
.menu__submenu-link {
  color: var(--color-black);
  transition: color var(--transition);
}
@media (hover: hover) {
  .menu__submenu-link:hover {
    color: var(--color-green);
  }
}
@media (hover: none) {
  .menu__submenu-link:active {
    color: var(--color-green);
  }
}
@media (max-width: 767.98px) {
  .menu__control {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}

.pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  font-size: 16px;
}
@media (max-width: 1399.98px) {
  .pagination ul {
    font-size: calc(14px + (16 - 14) * (100vw - 360px) / 888);
  }
}
.pagination ul li a {
  text-decoration: none !important;
}
.pagination ul li * {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  aspect-ratio: 1;
}
@media (max-width: 1399.98px) {
  .pagination ul li * {
    width: calc(30px + (40 - 30) * (100vw - 360px) / 888);
  }
}

.partners__heading {
  margin-bottom: 72px;
}
@media (max-width: 991.98px) {
  .partners__heading {
    margin-bottom: 48px;
  }
}
@media (max-width: 767.98px) {
  .partners__heading {
    margin-bottom: 32px;
  }
}
.partners__heading-text {
  margin-bottom: 48px;
}
@media (max-width: 991.98px) {
  .partners__heading-text {
    margin-bottom: 24px;
  }
}
@media (max-width: 767.98px) {
  .partners__heading-text {
    margin-bottom: 16px;
  }
}
.partners__heading-description p {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #2c3246;
}
@media (max-width: 991.98px) {
  .partners__heading-description p {
    font-size: 14px;
  }
}
.partners__heading-description p a {
  color: #2ac77b;
}
@media (hover: hover) {
  .partners__heading-description p a:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .partners__heading-description p a:active {
    text-decoration: underline;
  }
}
.partners__content {
  display: grid;
  grid-auto-rows: minmax(230px, auto);
  grid-template-columns: repeat(3, 1fr);
  column-gap: 24px;
  row-gap: 48px;
}
@media (max-width: 991.98px) {
  .partners__content {
    grid-auto-rows: unset;
    row-gap: 32px;
  }
}
@media (max-width: 767.98px) {
  .partners__content {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
    row-gap: 24px;
  }
}
.bg--light-sky {
  background: var(--color-light-sky);
}
.bg--light-sky .section__heading-text {
  color: var(--color-green);
}
.bg--midnight-blue {
  background: var(--color-midnight-blue);
}
.bg--midnight-blue .section__heading-text {
  color: var(--color-green);
}
.bg--green {
  background: var(--color-green);
}
.bg--green .section__heading-text {
  color: var(--color-white);
}

.color--green {
  color: var(--color-green);
}
.color--midnight-blue {
  color: var(--color-midnight-blue);
}
.color--light-sky {
  color: var(--color-light-sky);
}

.mb--80 {
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  .mb--80 {
    margin-bottom: 56px;
  }
}
@media (max-width: 767.98px) {
  .mb--80 {
    margin-bottom: 32px;
  }
}

.col {
  display: grid;
}
.col--4 {
  grid-template-columns: repeat(4, 1fr);
}

.fz--14 {
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .fz--14 {
    font-size: 12px;
  }
}
.fz--20 {
  font-size: 20px;
}
@media (max-width: 991.98px) {
  .fz--20 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .fz--20 {
    font-size: 16px;
  }
}

.resources__inner {
  border: 1px solid #2ac77b;
  border-radius: 18px;
  padding: 92px 64px !important;
}
@media (max-width: 991.98px) {
  .resources__inner {
    padding: 64px 40px !important;
  }
}
@media (max-width: 767.98px) {
  .resources__inner {
    padding: 36px 24px !important;
  }
}
.resources__heading {
  margin-bottom: 81px;
}
@media (max-width: 991.98px) {
  .resources__heading {
    margin-bottom: 56px;
  }
}
@media (max-width: 767.98px) {
  .resources__heading {
    margin-bottom: 32px;
  }
}
.resources__heading-text {
  font-weight: 800;
  font-size: 48px !important;
  line-height: 0.9;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #2ac77b;
  max-width: 588px;
}
@media (max-width: 991.98px) {
  .resources__heading-text {
    font-size: 42px !important;
    max-width: 456px;
  }
}
@media (max-width: 767.98px) {
  .resources__heading-text {
    font-size: 32px !important;
    max-width: unset;
  }
}
.resources__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 56px;
  column-gap: 87px;
}
@media (max-width: 767.98px) {
  .resources__content {
    display: flex;
    flex-direction: column;
    gap: 32px !important;
  }
}
.intro-banner--scheme {
  position: relative;
}
.intro-banner--scheme .intro-banner__bg {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.scheme {
  --color-grey-bg: #F7FAFB;
  --color-grey-card-bg: #3d4255;
  --color-grey-lbl: #171A26;
  --color-grey-phold: rgba(23, 26, 38, 0.64);
  --color-grey-txt: #939AAA;
  --color-black-btn-txt: #2c3246;
  --color-black-btn-bg: #73ffab;
  --color-white-text-0: #fff;
  --color-white-text: #eff2f4;
  --color-green-bg:#2AC77B;
  --gap-cards: 24px;
}
.scheme h1,
.scheme h2,
.scheme h3,
.scheme h4,
.scheme h5,
.scheme h6,
.scheme p {
  margin: 0;
}
.scheme input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0;
}
.scheme__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 120px 72px;
  border-radius: 18px;
  background-color: var(--color-black-btn-txt);
}
.scheme__heading {
  max-width: 930px;
  margin-bottom: 48px;
}
.scheme__heading h2 {
  font-size: 73px;
  line-height: 100%;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: var(--color-green-bg);
}
.scheme__text {
  max-width: 730px;
  margin-bottom: 64px;
}
.scheme__text p {
  font-size: 18px;
  line-height: 130%;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--color-grey-bg);
}
.scheme__cards {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-cards);
  /* height: fit-content; */
}
.scheme__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  width: calc((100% - var(--gap-cards) * 3) / 4);
  aspect-ratio: 1;
  padding: 26px 24px;
  background-color: var(--color-grey-card-bg);
  border-radius: 18px;
  height: 100%;
}
.scheme__card-image {
  width: 161px;
}
.scheme__card-image img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.scheme__card-title {
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: var(--color-green-bg);
  max-width: 161px;
}
.scheme__image {
  margin-top: -80px;
  pointer-events: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  /*         & img {
      justify-self: center;
  } */
}
.scheme__image-desktop {
  /* transform: translateY(-80px); */
}
.scheme__image-pad {
  display: none;
}
.scheme__image-mob {
  display: none;
}

@media (max-width: 1200px) {
  .scheme {
    --gap-cards: calc(16px + (24 - 16) * ((100vw - 768px) / (1200 - 768)));
  }
  .scheme__box {
    padding: calc(112px + 8 * (100vw - 768px) / 432) calc(48px + 24 * (100vw - 768px) / 432);
  }
  .scheme__heading {
    max-width: calc(488px + 442 * (100vw - 768px) / 432);
    margin-bottom: calc(24px + 24 * (100vw - 768px) / 432);
  }
  .scheme__heading h2 {
    font-size: calc(42px + 31 * (100vw - 768px) / 432);
  }
  .scheme__text {
    max-width: calc(518px + 212 * (100vw - 768px) / 432);
    margin-bottom: 64px;
  }
  .scheme__text p {
    font-size: calc(14px + 4 * (100vw - 768px) / 432);
  }
  .scheme__card {
    padding: calc(15px + 11 * (100vw - 768px) / 432) calc(14px + 10 * (100vw - 768px) / 432);
    gap: calc(11px + 14 * (100vw - 768px) / 432);
  }
  .scheme__card-image img {
    width: calc(97px + 64 * (100vw - 768px) / 432);
  }
  .scheme__card-title {
    font-size: calc(12px + 8 * (100vw - 768px) / 432);
    max-width: calc(97px + 64 * (100vw - 768px) / 432);
  }
}
@media (max-width: 768px) {
  .scheme {
    --gap-cards: 16px;
  }
  .scheme__box {
    padding: calc(81px + 31 * (100vw - 360px) / 408) calc(24px + 24 * (100vw - 360px) / 408);
  }
  .scheme__heading {
    max-width: calc(278px + 210 * (100vw - 360px) / 408);
    margin-bottom: 24px;
  }
  .scheme__heading h2 {
    font-size: calc(32px + 10 * (100vw - 360px) / 408);
  }
  .scheme__text {
    max-width: calc(276px + 242 * (100vw - 360px) / 408);
    margin-bottom: calc(36px + 28 * (100vw - 360px) / 408);
  }
  .scheme__text p {
    font-size: calc(12px + 2 * (100vw - 360px) / 408);
  }
  .scheme__card {
    padding: 15px calc(13px + 1 * (100vw - 360px) / 408);
    gap: 11px;
  }
  .scheme__card:last-child .scheme__card-image {
    width: calc(80px + 17 * (100vw - 720px) / 48);
  }
  .scheme__card-image {
    width: 97px;
  }
  .scheme__card-title {
    font-size: 12px;
    max-width: 97px;
  }
  .scheme__card:last-child .scheme__card-image {
    width: calc(80px + 17 * (100vw - 720px) / 48);
  }
}
@media (max-width: 720px) {
  .scheme__card {
    width: calc((100% - var(--gap-cards)) / 2);
    padding: calc(15px + 11 * (100vw - 360px) / 360) calc(13px + 11 * (100vw - 360px) / 360);
  }
  .scheme__card-image img {
    width: calc(97px + 64 * (100vw - 360px) / 360);
    top: calc(8px + 22 * (100vw - 360px) / 360);
  }
  .scheme__card-title {
    font-size: calc(12px + 8 * (100vw - 360px) / 360);
    max-width: calc(97px + 64 * (100vw - 360px) / 360);
  }
  .scheme__image {
    margin-top: -65px;
  }
}
@media (max-width: 640px) {
  .scheme__image-desktop {
    transform: translateX(4px);
  }
}
@media (max-width: 576px) {
  .scheme__image {
    margin-top: -20px;
  }
  .scheme__image-desktop {
    display: none;
  }
  .scheme__image-pad {
    display: none;
  }
  .scheme__image-mob {
    display: block;
  }
}
.section {
  padding-block: 150px;
}
@media (max-width: 991.98px) {
  .section {
    padding-block: 92px;
  }
}
@media (max-width: 767.98px) {
  .section {
    padding-block: 81px;
  }
}
.section--pt-none {
  padding-top: 0;
}
.section--pb-none {
  padding-bottom: 0;
}
.section--pt-half {
  padding-top: 75px;
}
@media (max-width: 991.98px) {
  .section--pt-half {
    padding-top: 46px;
  }
}
.section--pb-half {
  padding-bottom: 75px;
}
@media (max-width: 991.98px) {
  .section--pb-half {
    padding-bottom: 46px;
  }
}
.section--pt-third {
  padding-top: 50px;
}
@media (max-width: 991.98px) {
  .section--pt-third {
    padding-top: 0;
  }
}
.section--pb-third {
  padding-bottom: 50px;
}
@media (max-width: 991.98px) {
  .section--pb-third {
    padding-bottom: 0;
  }
}
.section__heading-text {
  font-weight: 800;
  font-size: 64px;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .section__heading-text {
    font-size: 42px;
  }
}
@media (max-width: 767.98px) {
  .section__heading-text {
    font-size: 32px;
  }
}
.service-info {
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .service-info {
    flex-direction: column;
  }
}
.service-info--service-3d-secure {
  padding: 81px 56px 81px 31px;
  gap: 50px;
  align-items: flex-start;
}
@media (max-width: 991.98px) {
  .service-info--service-3d-secure {
    padding: 48px 26px 48px 48px;
    gap: 32px;
    align-items: center;
  }
}
@media (max-width: 767.98px) {
  .service-info--service-3d-secure {
    padding: 24px;
  }
}
.service-info--service-3d-secure-blue {
  padding: 81px 92px 81px 67px;
  gap: 67px;
  align-items: flex-start;
}
@media (max-width: 991.98px) {
  .service-info--service-3d-secure-blue {
    padding: 48px 26px 48px 48px;
    gap: 32px;
    align-items: center;
  }
}
@media (max-width: 767.98px) {
  .service-info--service-3d-secure-blue {
    padding: 24px;
  }
}
.service-info__image {
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .service-info__image {
    max-width: 288px;
  }
}
.service-info__heading {
  text-wrap: balance;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .service-info__heading {
    margin-bottom: 25px;
  }
}
.service-info__text {
  --font-size: 16px;
  font-weight: 400;
  font-size: var(--font-size);
  line-height: 1.3;
  letter-spacing: 0.01em;
}
@media (max-width: 991.98px) {
  .service-info__text {
    --font-size: 14px;
  }
}
.service-info__text p {
  padding: 0;
  margin: 0;
}
.service-info__text p:not(:last-child) {
  margin-bottom: calc(var(--font-size) * 1.3);
}

.shortly {
  display: flex;
  align-items: center;
  gap: 95px;
}
@media (max-width: 991.98px) {
  .shortly {
    gap: 60px;
  }
}
@media (max-width: 767.98px) {
  .shortly {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
}
@media (max-width: 767.98px) {
  .shortly__icon {
    max-width: 110px;
  }
}
@media (min-width: 992px) {
  .shortly__text {
    max-width: 658px;
  }
}
.shortly__text h2 {
  font-weight: 800;
  font-size: 36px;
  line-height: 0.9;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #2ac77b;
  padding: 0;
  margin: 0 0 36px 0;
}
@media (max-width: 991.98px) {
  .shortly__text h2 {
    margin-bottom: 24px;
    font-size: 24px;
  }
}
.shortly__text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #f7fafb;
  padding: 0;
  margin: 0;
}
@media (max-width: 991.98px) {
  .shortly__text p {
    font-size: 14px;
  }
}

.social__list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.social__link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-graphite);
  width: 32px;
  height: 32px;
  transition: opacity var(--transition);
}
@media (hover: hover) {
  .social__link:hover {
    opacity: 0.8;
  }
}
@media (hover: none) {
  .social__link:active {
    opacity: 0.8;
  }
}
.solutions--products .item-solution {
  background: #3d4255;
}
.solutions--products .item-solution:nth-child(2) .item-solution__image {
  position: relative;
  bottom: -10%;
}
@media (max-width: 767.98px) {
  .solutions--products .item-solution:nth-child(2) .item-solution__image {
    bottom: -5%;
  }
}
.solutions--products .item-solution:nth-child(1) .item-solution__image {
  position: relative;
  bottom: -5%;
}
.solutions--products .item-solution__text {
  color: #f7fafb;
}
.solutions--services .item-solution {
  background: #eff3f4;
}
.solutions--services .item-solution .item-solution__image {
  position: relative;
  bottom: -5%;
}
.solutions--services .item-solution__text {
  color: #2c3246;
}
.solutions__heading {
  margin-bottom: 55px;
}
@media (max-width: 991.98px) {
  .solutions__heading {
    margin-bottom: 48px;
  }
}
@media (max-width: 767.98px) {
  .solutions__heading {
    margin-bottom: 32px;
  }
}
.solutions__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(598px, auto);
  gap: 39px;
}
@media (max-width: 991.98px) {
  .solutions__content {
    grid-auto-rows: minmax(344px, auto);
    gap: 16px;
  }
}
@media (max-width: 767.98px) {
  .solutions__content {
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: minmax(324px, auto);
  }
}
.solutions__item {
  border-radius: 18px;
}
@media (max-width: 767.98px) {
  .solutions__item {
    border-radius: 12px;
  }
}

.steps__content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
}
@media (max-width: 991.98px) {
  .steps__content {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
  }
}
@media (max-width: 767.98px) {
  .steps__content {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
}
.steps__item-image {
  margin-bottom: 32px;
}
@media (max-width: 991.98px) {
  .steps__item-image {
    max-width: 112px;
  }
}
.steps__caption {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 18px;
}
@media (max-width: 991.98px) {
  .steps__caption {
    font-size: 18px;
  }
}
.steps__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media (max-width: 991.98px) {
  .steps__text {
    font-size: 14px;
  }
}

.values__container {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 767.98px) {
  .values__container {
    flex-direction: column;
    gap: 32px;
  }
}
.values__heading-text {
  margin-bottom: 42px;
}
@media (max-width: 991.98px) {
  .values__heading-text {
    margin-bottom: 24px;
  }
}
@media (max-width: 767.98px) {
  .values__heading-text {
    margin-bottom: 16px;
  }
}
.values__heading-description {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #2c3246;
  max-width: 416px;
}
@media (max-width: 991.98px) {
  .values__heading-description {
    max-width: 254px;
    font-size: 14px;
  }
}
.values__heading-description p {
  padding: 0;
  margin: 0;
}
.values__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 991.98px) {
  .values__content {
    gap: 16px;
  }
}
@media (max-width: 767.98px) {
  .values__content {
    max-width: 325px;
  }
}
@media (max-width: 479.98px) {
  .values__content {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 479.98px) {
  .values__item {
    width: calc(50% - 8px);
    height: auto;
    padding-bottom: 8%;
  }
}

.welcome--service-outstaff .welcome__title {
  max-width: 600px;
}
@media (max-width: 991.98px) {
  .welcome--service-outstaff .welcome__title {
    max-width: unset;
  }
}
.welcome--service-outstaff .welcome__text {
  max-width: 475px;
}
@media (max-width: 991.98px) {
  .welcome--service-outstaff .welcome__text {
    max-width: unset;
  }
}
.welcome__content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 81px;
}
@media (max-width: 991.98px) {
  .welcome__content {
    gap: 32px;
  }
}
@media (max-width: 767.98px) {
  .welcome__content {
    flex-direction: column;
  }
}
.welcome__image {
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .welcome__image {
    max-width: 336px;
  }
}
.welcome__description:has(.welcome__text) .welcome__title {
  margin-bottom: 25px;
}
.welcome__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.06;
  text-transform: uppercase;
  color: #2ac77b;
}
@media (max-width: 991.98px) {
  .welcome__title {
    font-size: 20px;
    max-width: unset;
  }
}
.welcome__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #2c3246;
}
@media (max-width: 991.98px) {
  .welcome__text {
    font-size: 14px;
    max-width: unset;
  }
}
.welcome__text p {
  padding: 0;
  margin: 0;
}

.wysiwyg p {
  padding: 0;
  margin: 0;
}
.wysiwyg ul, .wysiwyg ol {
  padding: 0;
  margin: 0;
}
/*# sourceMappingURL=main.css.map */