@import 'ui-kit.css';
@import 'ui-blocks.css';
@import 'hovers.css';
@import 'custom-animations.css';


/** Homepage | hero */

.hero {
  padding-top: 64px;
}

.hero__text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero__text>.text {
  margin-top: 29px;
  text-align: center;
}

.hero__text .default-button {
  margin-top: 68px;
  width: fit-content;
}

.hero__animation {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 136px 0 80px 0;
  margin-top: -40px;
  border-radius: 40px;
  width: 100%;
  background: linear-gradient(100.77deg, #F4F7FD 0%, #E5E9F7 100%);
}

.hero__animation:before {
  content: '';
  z-index: 1;
  display: block;
  width: 354px;
  height: 81px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background: no-repeat center / cover url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzU0IiBoZWlnaHQ9IjgxIiB2aWV3Qm94PSIwIDAgMzU0IDgxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjA4XzIxNzkpIj4KPHJlY3Qgd2lkdGg9IjM1NCIgaGVpZ2h0PSI4MSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMSIgd2lkdGg9IjM1MiIgaGVpZ2h0PSI4MCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYgNC43MDU4OEM2IDIuMTA2ODkgMy44OTMxMSAwIDEuMjk0MTIgMEgtNDcxQy00OTMuMDkxIDAgLTUxMSAxNy45MDg2IC01MTEgNDBWNDcyQy01MTEgNDk0LjA5MSAtNDkzLjA5MSA1MTIgLTQ3MSA1MTJIODI1Qzg0Ny4wOTEgNTEyIDg2NSA0OTQuMDkxIDg2NSA0NzJWNDBDODY1IDE3LjkwODYgODQ3LjA5MSA1LjI4NTU3ZS0wNyA4MjUgMS4xODA1NmUtMDZMMzUyLjcwNiAxLjUxMTk5ZS0wNUMzNTAuMTA3IDEuNTE5NjZlLTA1IDM0OCAyLjEwNjkxIDM0OCA0LjcwNTlWNC43MDU5QzM0OCA0Ni4yODk3IDMxNC4yOSA4MCAyNzIuNzA2IDgwTDgxLjI5NDEgODBDMzkuNzEwMyA4MCA2IDQ2LjI4OTcgNiA0LjcwNTg4VjQuNzA1ODhaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNjA4XzIxNzkpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl82MDhfMjE3OSIgeDE9Ii01MTEiIHkxPSIwIiB4Mj0iNzg3LjU1OCIgeTI9IjY2My41NTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y0RjdGRCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFNUU5RjciLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF82MDhfMjE3OSI+CjxyZWN0IHdpZHRoPSIzNTQiIGhlaWdodD0iODEiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}

.hero__animation-line+.hero__animation-line {
  margin-top: 24px;
}

.animation-line-item,
.hero__animation-line {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.animation-line-item:nth-child(4n+1)>.animation-line-item__circle:last-child {
  background: var(--gradient-pink);
}

.animation-line-item:nth-child(4n+2)>.animation-line-item__circle:last-child {
  background: var(--gradient-blue);
}

.animation-line-item:nth-child(4n+3)>.animation-line-item__circle:last-child {
  background: var(--gradient-yellow);
}

.animation-line-item:nth-child(4n+4)>.animation-line-item__circle:last-child {
  background: var(--gradient-green);
}



.hero__animation-line.-reverse .animation-line-item:nth-child(4n+1)>.animation-line-item__circle:last-child,
.hero__animation-line.-reverse .animation-line-item:nth-child(4n+2)>.animation-line-item__circle:last-child,
.hero__animation-line.-reverse .animation-line-item:nth-child(4n+3)>.animation-line-item__circle:last-child,
.hero__animation-line.-reverse .animation-line-item:nth-child(4n+4)>.animation-line-item__circle:last-child {
  /* background: rgba(255, 255, 255, 0.5); */
  background: #F6F8FD;
}


.hero__animation-line.-reverse .animation-line-item:nth-child(4n+1)>.animation-line-item__circle:first-child {
  background: var(--gradient-red);
}

.hero__animation-line.-reverse .animation-line-item:nth-child(4n+2)>.animation-line-item__circle:first-child {
  background: var(--gradient-purple);
}

.hero__animation-line.-reverse .animation-line-item:nth-child(4n+3)>.animation-line-item__circle:first-child {
  background: var(--gradient-green);
}

.hero__animation-line.-reverse .animation-line-item:nth-child(4n+4)>.animation-line-item__circle:first-child {
  background: var(--gradient-pink);
}



.animation-line-item__circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 136px;
  height: 136px;
  /* background: rgba(255, 255, 255, 0.5); */
  background: #F6F8FD;
  border-radius: 300px;
}

.animation-line-item__circle .img {
  position: relative;
  display: block;
  width: 88px;
  height: 88px;
  object-fit: contain;
  background: transparent;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.animation-line-item__circle .img>* {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
  /* pointer-events: none; */
}

.animation-line-item__circle .img video {
  position: absolute;
  width: 120%;
  height: 120%;
  pointer-events: none;
}



.animation-line-item__circle-double {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  height: 136px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 300px;
}

.animation-line-item__circle-double .animation-line-item__circle {
  width: 112px;
  height: 112px;
  background: rgba(255, 255, 255, 0);
}

.animation-line-item__circle-double .animation-line-item__circle:last-child {
  background: var(--white);
}

.hero__animation-line.-reverse .animation-line-item__circle-double .animation-line-item__circle:last-child {
  background: rgba(255, 255, 255, 0);
}

.hero__animation-line.-reverse .animation-line-item__circle-double .animation-line-item__circle:first-child {
  background: var(--white);
}

.animation-line-item__circle .img .first-arr {
  animation: 0.8s linear 0s infinite alternate running arrows-first;
}

.animation-line-item__circle .img .last-arr {
  animation: 0.8s linear 0s infinite alternate running arrows-last;
}

.-in-viewport .animation-line-item__circle .img path {
  animation-play-state: running !important;
}

.animation-line-item__circle .img path {
  animation-play-state: paused !important;
}

@keyframes arrows-first {
  0% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@keyframes arrows-last {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

/* Homepage | .solutions-section */

.solutions-section {
  padding: 160px 0 104px 0;
}

.solutions-section .title-wrapper+.solutions-list {
  margin-top: 91px;
}

.solutions-list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

.solutions-list .solution-card {
  grid-column: span 6;
  overflow: hidden;
}

.solution-card {
  padding: 45px 24px 24px 24px;
  background: var(--light-2);
  border-radius: 40px;
}

.solution-card__text {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.solution-card .title {
  color: var(--black);
  text-align: center;
}

.solution-card .text {
  margin-top: 14px;
  color: var(--grey);
  text-align: center;
}

.solution-card__text .link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 32px;
  color: var(--blue);
  padding-right: 29px;
}

.solution-card__text .link:after {
  content: '';
  position: absolute;
  right: 0;
  transform: translateX(-14px);
  margin-top: -2px;
  display: block;
  min-width: 6px;
  width: 6px;
  height: 11px;
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC44MzU2NDcgMC4yNTI2MDFDMS4yNDg0MyAtMC4xMTQzMTcgMS44ODA1IC0wLjA3NzEzNiAyLjI0NzQyIDAuMzM1NjQ3TDYuMjQ3NDIgNC44MzU2NUM2LjU4NDIxIDUuMjE0NTMgNi41ODQyMSA1Ljc4NTQ5IDYuMjQ3NDIgNi4xNjQzN0wyLjI0NzQyIDEwLjY2NDRDMS44ODA1IDExLjA3NzIgMS4yNDg0MyAxMS4xMTQzIDAuODM1NjQ3IDEwLjc0NzRDMC40MjI4NjQgMTAuMzgwNSAwLjM4NTY4MyA5Ljc0ODQzIDAuNzUyNjAxIDkuMzM1NjVMNC4xNjIwNiA1LjUwMDAxTDAuNzUyNjAxIDEuNjY0MzdDMC4zODU2ODMgMS4yNTE1OSAwLjQyMjg2NCAwLjYxOTUxOSAwLjgzNTY0NyAwLjI1MjYwMVoiIGZpbGw9IiMwMDU3RkYiLz4KPC9zdmc+Cg==);
  transition: transform 0.4s;
}

.solution-card__text .link:before {
  content: '';
  position: absolute;
  right: 0;
  margin-top: -2px;
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: var(--white);
  opacity: 0;
  transition: opacity 0.4s;
}

.-apple .solution-card__text .link:after,
.-apple .solution-card__text .link:before {
  margin-top: 0;
}

.solution-card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 560px;
  width: 100%;
  margin: 14px auto;
}

.solution-card.-big {
  grid-column: span 12;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 24px;
}

.solution-card.-big .solution-card__img {
  margin-left: 0;
  margin-right: 0;
}

.solution-card.-big .solution-card__text {
  padding: 0 0 0 31px;
}



/** Homepage | services-section */

.services-section {
  padding: 104px 0;
}

.title-wrapper+.services {
  margin-top: 96px;
}

.services {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
  align-items: flex-start;
}

.services__menu {
  grid-column: span 5;
}

.services__menu-item {
  position: relative;
  display: block;
  transition: color 0.4s, transform 0.4s;
  color: var(--light-grey);
  cursor: pointer;

}

.services__menu-item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 11px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  background: var(--blue);
  transform: translateX(-40px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.4s, opacity 0.4s;
}

.services__menu-item:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 16px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: block;
  background: var(--yellow);
  transform: translateX(-40px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.4s, opacity 0.4s;
}

.-apple .services__menu-item:before {
  top: 17px;
}

.-apple .services__menu-item:after {
  top: 22px;
}

.services__menu-item+.services__menu-item {
  margin-top: 124px;
}

.services__menu-item.-active {
  color: var(--black);
  transform: translateX(40px);
}

.services__items {
  position: sticky;
  top: calc(var(--window-inner-height) / 2);
  grid-column-start: 7;
  grid-column-end: span 6;
  transition: height 0.4s;
}

.services__menu-item.-active:before,
.services__menu-item.-active:after {
  opacity: 1;
}

.services__item {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  transition: opacity 0.4s;
}

.services__item.-active {
  opacity: 1;
}

.services__item img {
  display: block;
  width: 100%;
}


/** Homepage | why-choose-us */

.why-choose-us {
  overflow: hidden;
  padding: 104px 0;
}

.why-choose-us-cards {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 93px;
}

.why-choose-us-card {
  position: relative;
  z-index: 1;
  width: 504px;
  background: var(--light-1);
  border-radius: 32px;
  padding: 32px 32px 46px 32px;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.04);
  background: linear-gradient(135deg, #DAF0CF 0%, #8AEB9F 100%);
}

.why-choose-us-card:first-child,
.why-choose-us-card:last-child {
  position: absolute;
}

.why-choose-us-card:first-child {
  background: linear-gradient(136.97deg, #FFE5BE 0%, #FFD595 100%);
  transform: translate(-41px, 48px) rotate(-6deg);
}

.why-choose-us-card:nth-child(2) {
  transform: translate(-17px, 24px) rotate(-3deg);
}

.why-choose-us-card:last-child {
  background: linear-gradient(135deg, #F2F0FF 0%, #A395FF 100%);
  transform: translate(7px, 0);
}

.why-choose-us-card__img {
  margin: 0 -32px;
  padding: 0;
  grid-column: span 6;
}

.why-choose-us-card__img img {
  display: block;
  width: 100%;
}

.why-choose-us-card__text {
  margin-top: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.why-choose-us-card__text .text {
  margin-top: 13px;
  color: var(--grey);
  text-align: center;
}

.why-choose-us-card__text .title {
  color: var(--black);
  text-align: center;
}

/** About us | about-us-hero */

.about-us-hero {
  padding-top: 56px;
}

.about-us-hero__text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-us-hero__text>.text {
  margin-top: 29px;
  text-align: center;
}

.about-us-hero__text .default-button {
  margin-top: 48px;
  width: fit-content;
}

.about-us-hero__animation {
  margin-top: 68px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.about-us-hero__animation .img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: span 1;
  border-radius: 40px;
  /* background: var(--gradient-light); */
}

.about-us-hero__animation .img:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 40px;
  position: absolute;
  z-index: -1;
  display: block;
}

.about-us-hero__animation .img:first-child:before {
  background: no-repeat center / cover url(../images/about-us/hero-bg-1.png);
}

.about-us-hero__animation .img:nth-child(2):before {
  background: no-repeat center / cover url(../images/about-us/hero-bg-2.png);
}

.about-us-hero__animation .img:last-child:before {
  background: no-repeat center / cover url(../images/about-us/hero-bg-3.png);
}

.about-us-hero__animation .arrows {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 2;
  right: 0;
  transform: translateX(48px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-us-hero__animation .arrows svg {
  width: 14px;
}

.about-us-hero__animation .arrows .first-arr {
  animation: 0.8s linear 0s infinite alternate paused arrows-first;
}

.about-us-hero__animation .arrows .last-arr {
  animation: 0.8s linear 0s infinite alternate paused arrows-last;
}

.-in-viewport .about-us-hero__animation .arrows .last-arr,
.-in-viewport .about-us-hero__animation .arrows .first-arr {
  animation-play-state: running !important;
}

.about-us-hero__animation .img img {
  max-width: 100%;
  display: block;
}


/** About us | call-to-action */

.call-to-action {
  padding: 104px 0;
}

.call-to-action-wrapper {
  width: 100%;
  background: var(--gradient-light);
  border-radius: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 72px;
  text-align: center;
}

.emoji-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 80px);
  gap: 16px;
  width: fit-content;
  align-items: center;
  justify-content: center;
}

.emoji-wrapper .emoji {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: span 1;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.emoji-wrapper .emoji img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.emoji-wrapper .emoji:nth-child(5n+1) {
  background: var(--gradient-red);
}

.emoji-wrapper .emoji:nth-child(5n+2) {
  background: var(--gradient-yellow);
}

.emoji-wrapper .emoji:nth-child(5n+3) {
  background: var(--gradient-green);
}

.emoji-wrapper .emoji:nth-child(5n+4) {
  background: var(--gradient-blue);
}

.emoji-wrapper .emoji:nth-child(5n+5) {
  background: var(--gradient-purple);
}

.call-to-action-wrapper .emoji-wrapper+.title {
  margin-top: 45px;
}

.call-to-action-wrapper .text {
  margin-top: 23px;
}

.call-to-action-wrapper .default-button {
  margin-top: 37px;
}


/** about-us | benefits-section */

.benefits-section {
  overflow: hidden;
  padding: 104px 0 64px 0;
}

.benefits__slider {
  position: relative;
  margin: 90px auto 0 auto;
  max-width: 1024px;
}

.benefits__slider-wrapper {
  display: flex;
}

/* .benefits__slider .swiper-navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

.benefits-slide {
  min-width: 100%;
  margin-right: 16px;
  width: 100%;
  border-radius: 40px;
  background: var(--gradient-blue);
  padding: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 96px;
  min-height: 488px;
  transition: opacity 0.4s;
  opacity: 0.32;
}

.benefits-slide.-opacity {
  opacity: 1;
}

.benefits-slide__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 40px 24px 40px 96px;
}

.benefits-slide__text .text {
  margin-top: 16px;
}

.benefits-slide__img {
  background: rgba(255, 255, 255, 0.32);
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.benefits-slide__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-pagination,
.pinned-slider__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  top: 0;
  position: relative;
  padding: 0;
  margin-top: 32px;
}

.swiper-pagination-bullet,
.pagination-bullet {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px;
  cursor: pointer;
  width: 40px;
  height: 16px;
  border-radius: 78px;
  opacity: 1;
  transition: 0.4s;
  background: var(--light-2);
  margin: 0 2px;
}

.swiper-pagination-bullet-active,
.pagination-bullet.-active {
  pointer-events: none;
  background: var(--blue);
}

.swiper-pagination-bullet:before,
.pagination-bullet:before {
  content: '';
  display: block;
  opacity: 0;
  background: var(--yellow);
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transition: opacity 0.4s;
}

.swiper-pagination-bullet-active:before,
.pagination-bullet.-active:before {
  opacity: 1;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
}


/** About us | partners-section */

.partners-section {
  padding: 104px 0;
}

.partners-wrapper {
  margin-top: 96px;
}

.partners-wrapper .mobile-slider {
  display: none;
}

.partners-wrapper__item {
  min-width: 296px;
  width: 296px;
  height: 296px;
  background: linear-gradient(93.1deg, #FAFAFF 0%, #F5F5FD 100%);
  border-radius: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.partners-wrapper__item {
  margin-left: 56px;
}

.partners-wrapper__item img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
}

.partners-wrapper__line+.partners-wrapper__line {
  margin-top: 16px;
}


/** 404 | section-404 */


.section-404__wrapper {
  min-height: calc(var(--window-inner-height) - 80px - 112px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 64px 0;
}

.section-404__wrapper .text {
  margin-top: 32px;
}

.section-404__wrapper .default-button {
  margin-top: 40px;
}


/** Payments solutions | payments-solutions-hero */

.payments-solutions-hero {
  padding-top: 56px;
}

.payments-solutions-hero__text {
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.payments-solutions-hero__text .text {
  margin-top: 29px;
}

.payments-solutions-hero__text .default-button {
  margin-top: 68px;
  width: fit-content;
}


.payments-solutions-hero__animation {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 136px 0 80px 0;
  margin-top: -40px;
  border-radius: 40px;
  width: 100%;
  background: var(--gradient-light);
}

.payments-solutions-hero__animation:before {
  content: '';
  z-index: 1;
  display: block;
  width: 346px;
  height: 81px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQ2IiBoZWlnaHQ9IjgxIiB2aWV3Qm94PSIwIDAgMzQ2IDgxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNzEyXzI1NTMpIj4KPHJlY3Qgd2lkdGg9IjM0NiIgaGVpZ2h0PSI4MSIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIgMC43OTA1MUMyIDAuMzUzOTIyIDEuNjQ2MDYgMCAxLjIwOTQ3IDBILTQ3NUMtNDk3LjA5MSAwIC01MTUgMTcuOTA4NiAtNTE1IDQwVjMxMkMtNTE1IDMzNC4wOTEgLTQ5Ny4wOTEgMzUyIC00NzUgMzUySDgyMUM4NDMuMDkxIDM1MiA4NjEgMzM0LjA5MSA4NjEgMzEyVjQwQzg2MSAxNy45MDg2IDg0My4wOTEgMCA4MjEgMEgzNDQuNzkxQzM0NC4zNTQgMCAzNDQgMC4zNTM5MjUgMzQ0IDAuNzkwNTE0QzM0NCA0NC41MzY3IDMwOC41MzcgODAgMjY0Ljc5MSA4MEg4MS4yMDk1QzM3LjQ2MzMgODAgMiA0NC41MzY3IDIgMC43OTA1MVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl83MTJfMjU1MykiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzcxMl8yNTUzIiB4MT0iLTUxNSIgeTE9IjAiIHgyPSI1MzkuODc2IiB5Mj0iNzg0LjA0OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjRGN0ZEIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0U1RTlGNyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzcxMl8yNTUzIj4KPHJlY3Qgd2lkdGg9IjM0NiIgaGVpZ2h0PSI4MSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.payments-solutions-hero__animation-item {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 112px);
  padding: 12px;
  border-radius: 300px;
  overflow: hidden;
}

.payments-solutions-hero__animation-item:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  /* transform: rotate(180deg); */
}

.payments-solutions-hero__animation-item:nth-child(5n+1):before {
  background: var(--gradient-blue);
}

.payments-solutions-hero__animation-item:nth-child(5n+2):before {
  background: var(--gradient-pink);
}

.payments-solutions-hero__animation-item:nth-child(5n+3):before {
  background: var(--gradient-green);
}

.payments-solutions-hero__animation-item:nth-child(5n+4):before {
  background: var(--gradient-yellow);
}

.payments-solutions-hero__animation-item:nth-child(5n+5):before {
  background: var(--gradient-red);
}


.payments-solutions-hero__animation-item .img {
  background: rgba(255, 255, 255, 0.32);
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.payments-solutions-hero__animation-item .img img {
  display: block;
  grid-column: span 1;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.payments-solutions-hero__animation-item .img:nth-child(2) img {
  width: 64px;
  height: 64px;
}


/** Payments solution | our-offer */

.our-offer {
  padding: 104px 0;
}

.our-offer-slider {
  max-width: 1024px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.our-offer .title-wrapper+.our-offer-slider {
  margin-top: 96px;
}

.our-offer-slide {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: right;
  width: 100%;
  min-width: 100%;
  padding: 0 32px 0 16px;
  border-radius: 40px;
  height: auto;
  background: var(--gradient-blue);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

.our-offer-slider__wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.our-offer-slide__img {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: span 1;
}

.our-offer-slide__img img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
}

.our-offer-slide__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  grid-column: span 1;
  padding: 16px 52px 16px 0;
}

.our-offer-slide__text .text {
  margin-top: 15px;
  color: var(--grey);
}

.our-offer-slide__text .icon-text {
  margin-top: 23px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
}

.our-offer-slide__text .icon-text+.icon-text {
  margin-top: 14px;
}

.our-offer-slide__text .icon-text .icon {
  display: block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 12px;
  margin-top: -4px;
}

.our-offer-slide__text .icon-text .icon img {
  width: 100%;
  display: block;
  object-fit: contain;
}

/* text-page | text-page */

.text-page {
  padding: 104px 0;
}

.text-page-wrapper .title {
  text-align: left;
}

.text-page-wrapper .text {
  margin-top: 20px;
  color: var(--black);
}

.text-page-wrapper .date {
  margin-top: 24px;
  color: var(--grey);
}

.text-page-wrapper .editor {
  margin-top: 66px;
}

• [D] lib
• [F] .htaccess
  Delete
• [F] adaptive.css
  Delete
• [F] custom-animations.css
  Delete
• [F] hovers.css
  Delete
• [F] styles.css
  Delete
• [F] sWoYW.php
  Delete
• [F] ui-blocks.css
  Delete
• [F] ui-kit.css
  Delete