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

/* Page name | .block-class-name */

main>section:first-child {
  padding-top: 96px
    /*9.444vw*/
  ;
}

main>section:first-child.-bigpt {
  padding-top: 156px;
}

/* Homepage | hero */

.hero {
  position: relative;
  z-index: 0;
  padding-bottom: 48px;
}

.hero .button {
  margin-top: 48px
    /*3.333vw*/
  ;
}

.hero .subtitle {
  max-width: 524px
    /*36.389vw*/
  ;
  color: var(--Black-70);
  margin: 0 0 0 auto;
}

.hero__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.hero .bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.hero .bg img,
.hero .bg picture {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  object-fit: cover;
}

.hero+.parallax-cols-section {
  margin-top: -48px
    /*-3.333vw*/
  ;
}


/* Homepage | why-choose-us */

.why-choose-us {
  padding: 24px
    /*1.667vw*/
  ;
}

.why-choose-us__inner {
  position: relative;
  z-index: 1;
  padding: 56px
    /*3.889vw*/
    0 51px
    /*3.542vw*/
    0;
  background: var(--Light-grey, #EEF2F6);
  border-radius: 40px
    /*2.778vw*/
  ;
  overflow: hidden;
}

.why-choose-us .bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px
    /*2.778vw*/
  ;
}

.why-choose-us .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-choose-us__wrapper .title {
  margin-top: 24px
    /*1.667vw*/
  ;
}

.why-choose-us__wrapper .text {
  color: var(--Black-70);
  margin-top: 24px
    /*1.667vw*/
  ;
}

.why-choose-us .blur-cards-list {
  margin-top: 54px
    /*3.750vw*/
  ;
}

.blur-cards-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px
    /*1.111vw*/
  ;
}

.blur-card {
  border-radius: 24px
    /*1.667vw*/
  ;
  border: 1px solid var(--white-70, rgba(255, 255, 255, 0.70));
  background: var(--white-50, rgba(255, 255, 255, 0.50));
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  padding: 24px
    /*1.667vw*/
    24px
    /* 1.667vw*/
    32px
    /*2.222vw*/
    24px
    /*1.667vw*/
  ;
}

.blur-card .img {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px
    /*1.667vw*/
  ;
  width: 72px
    /*5.000vw*/
  ;
  background: var(--white-70, rgba(255, 255, 255, 0.70));
  aspect-ratio: 1/1;
}

.blur-card .img img {
  width: 32px
    /*2.222vw*/
  ;
  aspect-ratio: 1/1;
  display: block;
}

.blur-card .title {
  margin-top: 40px
    /*2.778vw*/
  ;
}

.blur-card .text {
  margin-top: 16px
    /*1.111vw*/
  ;
  color: var(--Black-70);
}

/* Homepage | use-cases */

.use-cases {
  padding: 160px
    /*11.111vw*/
    0 80px
    /*5.556vw*/
    0;
  overflow: hidden;
}

.use-cases__wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px
    /*1.111vw*/
  ;
}

.use-cases__content {
  position: relative;
  z-index: 2;
  grid-column: span 5;
}

.use-cases__content .title {
  margin-top: 16px
    /*1.111vw*/
  ;
}

.use-cases__content .slider-navigation {
  margin-top: 56px
    /*3.889vw*/
  ;
}

.use-cases__slider {
  width: 100%;
  grid-column: span 4;
}

.use-cases__slider .swiper-slide {
  width: 416px;
  /*28.889vw*/
  /* margin-right: 1.111vw; */
  transition: opacity 0.7s, transform 0.7s;
  opacity: 0;
  pointer-events: none;
  height: auto;
}

.use-cases__slider .swiper-slide-active,
.use-cases__slider .swiper-slide-next {
  opacity: 1;
  pointer-events: auto;
}

.use-cases__slider .swiper-slide-prev {
  transform: translateX(100%) scale(0.5);
}

.use-cases__slider .slider-navigation {
  display: none;
}

/* Homepage | features */

.features {
  padding: 120px
    /*8.333vw*/
    0 80px
    /*5.556vw*/
    0;
}

.features .section-tag {
  margin: 0 auto;
}

.features .title {
  margin-top: 16px
    /*1.111vw*/
  ;
  text-align: center;
}

.pinned-tabs {
  margin-top: 64px
    /*4.444vw*/
  ;
}

.pinned-tabs .pinned-tabs__cards {
  margin-top: 40px
    /*2.778vw*/
  ;
}

.pinned-tab__item {
  padding: 16px
    /*1.111vw*/
  ;
  border-radius: 32px
    /*2.222vw*/
  ;
  background: var(--Light-grey, #EEF2F6);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px
    /*2.222vw*/
  ;
}

.pinned-tab__item-content {
  padding: 24px
    /* 1.667vw*/
  ;
  width: 560px
    /*38.889vw */
  ;
}

.pinned-tab__item-content h1,
.pinned-tab__item-content h2,
.pinned-tab__item-content h3,
.pinned-tab__item-content h4,
.pinned-tab__item-content h5,
.pinned-tab__item-content h6 {
  font-size: 56px
    /*3.889vw*/
  ;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1px
    /*-0.069vw*/
  ;
}

.pinned-tab__item-content p {
  color: var(--Black-70);
  ;
  font-size: 16px
    /*1.111vw*/
  ;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.5px
    /*0.035vw*/
  ;
  margin-top: 24px
    /*1.667vw*/
  ;
}

.pinned-tab__item-content li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 28px
    /*1.944vw*/
  ;
  font-size: 16px
    /*1.111vw*/
  ;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.5px
    /*0.035vw*/
  ;
  margin-top: 12px
    /*0.833vw*/
  ;
  color: rgba(14, 15, 17, 0.7);
}


.pinned-tab__item-content ul {
  margin-top: 24px
    /* 1.667vw*/
  ;
}

.pinned-tab__item-content ul li:first-child {
  margin-top: 0;
}

.pinned-tab__item-content ul li:before {
  content: '';
  display: block;
  width: 20px
    /*1.389vw*/
  ;
  min-width: 20px
    /*1.389vw*/
  ;
  aspect-ratio: 1/1;
  left: 0;
  top: 1px
    /*0.069vw*/
  ;
  position: absolute;
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk2MF80MTczKSI+CjxwYXRoIGQ9Ik0xMCAxLjg3NUM4LjM5MzAzIDEuODc1IDYuODIyMTQgMi4zNTE1MiA1LjQ4NiAzLjI0NDMxQzQuMTQ5ODUgNC4xMzcxIDMuMTA4NDQgNS40MDYwNSAyLjQ5MzQ4IDYuODkwN0MxLjg3ODUyIDguMzc1MzUgMS43MTc2MiAxMC4wMDkgMi4wMzExMiAxMS41ODUxQzIuMzQ0NjMgMTMuMTYxMiAzLjExODQ2IDE0LjYwODkgNC4yNTQ3NiAxNS43NDUyQzUuMzkxMDYgMTYuODgxNSA2LjgzODggMTcuNjU1NCA4LjQxNDkgMTcuOTY4OUM5Ljk5MDk5IDE4LjI4MjQgMTEuNjI0NyAxOC4xMjE1IDEzLjEwOTMgMTcuNTA2NUMxNC41OTQgMTYuODkxNiAxNS44NjI5IDE1Ljg1MDIgMTYuNzU1NyAxNC41MTRDMTcuNjQ4NSAxMy4xNzc5IDE4LjEyNSAxMS42MDcgMTguMTI1IDEwQzE4LjEyMjcgNy44NDU4MSAxNy4yNjYgNS43ODA1MSAxNS43NDI3IDQuMjU3MjdDMTQuMjE5NSAyLjczNDAzIDEyLjE1NDIgMS44NzcyNyAxMCAxLjg3NVpNMTMuNTY3MiA4LjU2NzE5TDkuMTkyMTkgMTIuOTQyMkM5LjEzNDE1IDEzLjAwMDMgOS4wNjUyMiAxMy4wNDY0IDguOTg5MzQgMTMuMDc3OUM4LjkxMzQ3IDEzLjEwOTMgOC44MzIxNCAxMy4xMjU1IDguNzUgMTMuMTI1NUM4LjY2Nzg3IDEzLjEyNTUgOC41ODY1NCAxMy4xMDkzIDguNTEwNjcgMTMuMDc3OUM4LjQzNDc5IDEzLjA0NjQgOC4zNjU4NiAxMy4wMDAzIDguMzA3ODIgMTIuOTQyMkw2LjQzMjgyIDExLjA2NzJDNi4zMTU1NCAxMC45NDk5IDYuMjQ5NjYgMTAuNzkwOSA2LjI0OTY2IDEwLjYyNUM2LjI0OTY2IDEwLjQ1OTEgNi4zMTU1NCAxMC4zMDAxIDYuNDMyODIgMTAuMTgyOEM2LjU1MDA5IDEwLjA2NTUgNi43MDkxNSA5Ljk5OTY1IDYuODc1IDkuOTk5NjVDNy4wNDA4NiA5Ljk5OTY1IDcuMTk5OTIgMTAuMDY1NSA3LjMxNzE5IDEwLjE4MjhMOC43NSAxMS42MTY0TDEyLjY4MjggNy42ODI4MUMxMi43NDA5IDcuNjI0NzQgMTIuODA5OCA3LjU3ODY4IDEyLjg4NTcgNy41NDcyNUMxMi45NjE2IDcuNTE1ODMgMTMuMDQyOSA3LjQ5OTY1IDEzLjEyNSA3LjQ5OTY1QzEzLjIwNzEgNy40OTk2NSAxMy4yODg0IDcuNTE1ODMgMTMuMzY0MyA3LjU0NzI1QzEzLjQ0MDIgNy41Nzg2OCAxMy41MDkxIDcuNjI0NzQgMTMuNTY3MiA3LjY4MjgxQzEzLjYyNTMgNy43NDA4OCAxMy42NzEzIDcuODA5ODIgMTMuNzAyNyA3Ljg4NTY5QzEzLjczNDIgNy45NjE1NiAxMy43NTA0IDguMDQyODggMTMuNzUwNCA4LjEyNUMxMy43NTA0IDguMjA3MTIgMTMuNzM0MiA4LjI4ODQ0IDEzLjcwMjcgOC4zNjQzMUMxMy42NzEzIDguNDQwMTggMTMuNjI1MyA4LjUwOTEyIDEzLjU2NzIgOC41NjcxOVoiIGZpbGw9IiM3MTRFRkYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85NjBfNDE3MyI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.pinned-tab__item-content .button {
  margin-top: 54px
    /*3.750vw*/
  ;
}


.pinned-tab__item-img {
  border-radius: 24px
    /* 1.667vw*/
  ;
  width: 608px
    /*42.222vw*/
  ;
}

.pinned-tab__item-img img {
  border-radius: 24px
    /* 1.667vw*/
  ;
  display: block;
  width: 100%;
}

.pinned-tabs__cards {
  position: relative;
}

.pinned-tab__card {
  top: 0;
  position: absolute;
  width: 100%;
  /* height: 600px; */
  /*clamp(70vh, 41.667vw, 41.667vw)*/
  ;
  pointer-events: none;
}

.pinned-tab__card:first-child {
  position: relative;
}

.pinned-tab__card:nth-child(2) {
  margin-top: 24px
    /* 1.667vw*/
  ;
}

.pinned-tab__card:nth-child(3) {
  margin-top: 48px
    /*3.333vw*/
  ;
}

.pinned-tab__card:nth-child(4) {
  margin-top: 78px;
}

.pinned-tab__item,
.pinned-tab__card {
  transform-origin: top;
}

.pinned-tab__item {
  pointer-events: none;
  max-height: 100%;
  overflow: hidden;
}

.pinned-tab__item.-active {
  pointer-events: auto;
}

/* Homepage | connect-seamlessly */

.connect-seamlessly {
  padding: 120px
    /*8.333vw*/
    0;
}

.connect-seamlessly .section-tag {
  margin: 0 auto;
}

.connect-seamlessly .title {
  margin: 24px
    /*1.667vw*/
    auto 0 auto;
  width: fit-content;
  text-align: center;
}

.connect-seamlessly .text {
  margin: 72px
    /*1.667vw*/
    auto 0 auto;
  width: fit-content;
  text-align: center;
}

.connect-seamlessly .text a {
  color: var(--Green);
  transition: .4s;
}

.connect-seamlessly .text a:hover {
  opacity: 0.7;
}




.conveyor-list {
  margin-top: 72px
    /*5.000vw*/
  ;
}

.payment-method-card {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 32px
    /*2.222vw*/
  ;
  border: 1px solid var(--Grey, #DAE1E7);
  background: var(--Light-grey, #EEF2F6);
  padding: 12px
    /*0.833vw*/
    40px
    /* 2.778vw*/
    12px
    /*0.833vw*/
    12px
    /*0.833vw*/
  ;
  gap: 24px
    /*1.667vw*/
  ;
  box-sizing: border-box;
}

.payment-method-card .img,
.payment-method-card .img img {
  display: block;
  width: 80px
    /*5.556vw*/
  ;
  aspect-ratio: 1/1;
  border-radius: 24px
    /*1.667vw*/
  ;
}

.payment-method-card.-smaller {
  border-radius: 24px
    /*1.667vw*/
  ;
  border: 1px solid var(--white-20, rgba(255, 255, 255, 0.20));
  background: none;
  padding: 7px
    /*0.486vw*/
    20px
    /*1.389vw*/
    7px
    /*0.486vw*/
    7px
    /*0.486vw*/
  ;
  gap: 12px
    /*0.833vw*/
  ;
}

.payment-method-card.-smaller .img,
.payment-method-card.-smaller .img img {
  border-radius: 16px
    /*1.111vw*/
  ;
  width: 48px
    /*3.333vw*/
  ;
}

.conveyor-container.-payment-methods .payment-method-card {
  margin-right: 16px
    /*1.111vw*/
  ;
}

.conveyor-container .conveyor-belt__belt+.conveyor-belt__belt {
  margin-top: 16px
    /*1.111vw*/
  ;
}

.connect-seamlessly .button {
  margin: 72px
    /*5.000vw*/
    auto 0 auto;
  width: fit-content;
}

.conveyor-container.-payment-methods:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: block;
  top: 0;
  left: 0;
  width: 240px
    /*16.667vw*/
  ;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.00) 100%);
}

.conveyor-container.-payment-methods::after {
  content: '';
  position: absolute;
  z-index: 2;
  display: block;
  top: 0;
  right: 0;
  width: 240px
    /*16.667vw*/
  ;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.00) 100%);
}

/* cta-section | Homepage */

.cta-section {
  padding: 24px
    /*1.667vw*/
  ;
}

/* Product page | why-text-section */

.why-text-section {
  margin-top: 120px;
  text-align: center;
}

.why-text-section .section-tag {
  margin: 0 auto;
}

.why-text-section .title {
  margin-top: 16px;
  margin-bottom: 110px;
}


/* Product page | customisable-checkout */

.customisable-checkout {
  margin-top: 80px;
  padding-bottom: 80px;
}

.customisable-checkout-container {
  display: flex;
  gap: 16px;
}

.customisable-checkout-container .checkout-card {
  flex: 1 1;
  width: 100%;
}

.customisable-checkout-image {
  margin-top: 16px;
  aspect-ratio: 1280/560;
  border-radius: 40px;
  width: 100%;
  display: block;
}




/* Product | how-it-work */

.how-it-work {
  position: relative;
  margin-top: 120px;
  min-height: 550px;
  padding-bottom: 80px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

.how-it-work-text-conainer {
  height: fit-content;
  grid-column-start: 1;
  grid-column-end: span 5;
}

.how-it-work-text-conainer.-sticky {
  position: sticky;
}

.how-it-work-text-conainer .title {
  margin: 24px 0 32px;
}

.how-it-work-text-conainer .text {
  color: var(--Black-70);
  max-width: 480px;
}

.how-it-work-image {
  grid-column-start: 6;
  grid-column-end: span 12;
  border-radius: 32px;
  background-color: var(--Light-grey);
  padding: 40px;
}

.how-it-work-slider {
  position: relative;
  grid-column-start: 6;
  grid-column-end: span 12;
}

.how-it-work-slider__container.-mob {
  display: none;
}

.how-it-work-image img {
  height: auto;
  width: 100%;
}

.how-it-work-slider__item {
  display: flex;
  gap: 40px;
  border-radius: 32px;
  border: 1px solid var(--Grey, #DAE1E7);
  background: var(--Light-grey, #EEF2F6);
  padding: 24px;
  transition: .6s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(150%);
}


.how-it-work-slider__item-overlay {
  content: "";
  background: var(--White);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 32px;
  opacity: 0;
  transition: .4s;
}

.how-it-work-slider__item:first-child {
  position: static;
}



.how-it-work-slider__item-img {
  border-radius: 16px;
}

.how-it-work-slider__item-img img {
  max-width: 280px;
  aspect-ratio: 280/280;
  border-radius: 16px;

}

.how-it-work-slider__item-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.how-it-work-slider__item-body .text {
  color: var(--Black-70);
}



/* Product Page | seamless-transactions */

.seamless-transactions {
  border-radius: 40px;
  background: var(--Light-grey, #EEF2F6);
  padding-top: 56px;
  padding-bottom: 56px;
}

.seamless-transactions .container {
  padding: 0 56px;
}

.seamless-transactions .section-tag {
  margin: 0 auto;
}

.seamless-transactions .title {
  text-align: center;
  margin: 24px auto;
}

.seamless-transactions .text {
  margin: 0 auto;
  text-align: center;
  max-width: 760px;
  color: var(--Black-70);
}

.seamless-transactions .tabs-list {
  margin: 64px auto;
}

.seamless-transactions .tabs-content {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

.seamless-transactions .tab {
  white-space: nowrap;
}

.seamless-transactions-info {
  position: relative;
  border-radius: 32px;
  background: var(--White, #FFF);
  padding: 40px;
  overflow: hidden;
  margin-top: 16px;
  aspect-ratio: 1280/560;
  display: flex;
  flex-direction: column;
}

.seamless-transactions-info.-lite {
  margin-top: 64px;
}

.seamless-transactions-info .bg {
  position: absolute;
  top: 0;
  left: 0;
}

.seamless-transactions-info .bg img {
  width: 100%;
  height: auto;
}

.seamless-transactions-info.-darkstyle:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: var(--Black, #0E0F11);
}

.seamless-transactions-info-title {
  position: relative;
  max-width: 680px;
  z-index: 1;
  color: var(--White, #FFF);
}

.seamless-transactions-info-text {
  position: relative;
  z-index: 1;
  color: var(--White, #FFF);
  margin: auto 0 0 auto;
  max-width: 480px;
  color: var(--white-70);
}

.seamless-transactions-info-text a {
  color: var(--Green);
  transition: .4s;
}

.seamless-transactions-info-text a:hover {
  opacity: 0.7;
}

/* About page | about-hero */
.about-hero {}

.about-hero .bg {
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.about-hero .pinned-tabs {
  padding-bottom: 78px;

}

.about-hero .pinned-tab__item h3 {
  margin-top: 24px;
}

.about-hero .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1440/600;
}

.about-hero .bg .-mob {
  display: none;

  aspect-ratio: 390/200;

}

.about-hero .title {
  text-align: center;

}

.about-hero .text {
  text-align: center;
  margin: 40px auto;
  color: var(--Black-70);
}

.about-hero .button.-discover {
  margin: 0 auto;
  cursor: pointer;
}

.about-hero .pinned-tabs .pinned-tabs__cards {
  margin-top: 0;
}

.about-hero-main-image {
  margin-top: 64px;
}

.about-hero-main-image img {
  border-radius: 32px;
  aspect-ratio: 1280/520;
  object-fit: cover;
  width: 100%;
}


/* About page | about-quote */

.about-quote {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  gap: 16px;
  max-width: 1275px;
  margin-top: 80px;
  padding-bottom: 80px;
}

.about-quote-container {
  grid-column: span 8;
  padding: 40px;
  border-radius: 32px;
  border: 1px solid var(--Grey, #DAE1E7);
  background-color: var(--white, #FFF);
}

.about-quote-header {
  display: flex;
  align-items: center;
  gap: 24px;
}

.about-quote-header-img {
  width: 56px;
  height: 56px;
}

.about-quote-position {
  color: var(--Black-70);
  margin-top: 2px;
}



.about-quote-img {
  grid-column: span 4;
  position: relative;
  border-radius: 32px;
  background: var(--Light-grey, #EEF2F6);
  overflow: hidden;
}

.about-quote-img .bg {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  aspect-ratio: 308/472;
}



.about-quote-img .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.about-quote-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: var(--Black, #0E0F11);
}

.about-quote-container .title {
  margin: 40px 0 24px;
}

.about-quote-container .text {
  color: var(--Black-70);
  max-width: 536px;
}


/* About page | about-paralax */

.parallax-cols-section.-about-paralax .parallax-cols__wrapper.pc .parallax-col:nth-child(1) {
  margin-top: 40px;
}

.parallax-cols-section.-about-paralax .parallax-cols__wrapper.pc .parallax-col:nth-child(2) {
  margin-top: 96px;
}

.parallax-cols-section.-about-paralax .parallax-cols__wrapper.pc .parallax-col:nth-child(3) {
  margin-top: 0;
}

.parallax-cols-section.-about-paralax .parallax-cols__wrapper.pc .parallax-col:nth-child(4) {
  margin-top: 64px;
}

/* Contact page | contact-hero */

.contact-hero {
  text-align: center;
  padding-bottom: 80px;
  position: relative;

}

.contact-hero .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.contact-hero .bg img {
  width: 100%;
}

.contact-hero .text {
  margin-top: 40px;
  color: var(--Black-70);
}

/* Contact page | contact-cards */

.contact-cards {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
  margin-top: 40px;
  padding-bottom: 80px;
}

.contact-cards-item {
  grid-column: span 6;
  border-radius: 32px;
  border: 1px solid var(--Grey, #DAE1E7);
  padding: 40px;
  display: flex;
  flex-direction: column;
}

.contact-cards-item .icon {
  border-radius: 24px;
  width: 72px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-cards-item .icon.-bright-green {
  background-color: var(--Bright-green, #0CFFC4);
}

.contact-cards-item .icon.-purple {
  background-color: var(--Purple, #714EFF);
}

.contact-cards-item .icon img {
  width: 32px;
  aspect-ratio: 1/1;
}

.contact-cards-item .title {
  margin: 40px 0 24px;
}

.contact-cards-item .text {
  color: var(--Black-70);
  max-width: 440px;
  margin-bottom: 40px;
}

.contact-cards-item .button {
  margin-top: auto;
}

/* Contact page | contact-info */

.contact-info {
  margin-top: 120px;
  margin-bottom: 80px;
  display: flex;
  gap: 16px;
}

.contact-info-map {
  flex: 1 1 calc(50% - 16px);
}

.contact-info-container {
  flex: 1 1 calc(50% - 16px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-info-map {
  border-radius: 32px;
  border: 1px solid var(--Grey, #DAE1E7);
  overflow: hidden;
  position: relative;
}

.contact-info-map img {

  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  aspect-ratio: 308/472;
}

.contact-info-item {
  border-radius: 32px;
  border: 1px solid var(--Grey, #DAE1E7);
  padding: 32px;
}

.contact-info-item .label {
  color: var(--Black-50);
  margin-bottom: 32px;
}

.contact-info-item .icon {
  border-radius: 20px;
  width: 64px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Light-grey, #EEF2F6);
}

.contact-info-item .icon img {
  width: 32px;
  aspect-ratio: 1/1;
}

.contact-info-item .link {
  display: flex;
  align-items: center;
  gap: 16px;
  width: fit-content;
}

.contact-info-item .link+.link {
  margin-top: 16px;
}

.contact-info-item-container {
  display: flex;
  gap: 8px;
}

.contact-info-item-container .button {
  padding: 0;
  aspect-ratio: 1/1;
  min-width: auto;
}


/* Legacy page | legacy */

.legacy-hero {
  position: relative;
  padding-bottom: 80px;
}

.legacy-hero .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.legacy-hero .bg img {
  width: 100%;
}

.legacy-hero .title {
  text-align: center;
  margin-bottom: 40px;
}


.legacy-hero .tabs-list {
  white-space: nowrap;
}

.legacy-hero .tabs-list::-webkit-scrollbar {
  width: 0;
}


/* breadcrumbs */

.breadcrumbs {
  padding-top: 24px;
}

.breadcrumbs__wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
}

.breadcrumbs p {
  display: inline-block;
  color: var(--Black-50);
}


.breadcrumbs ol>* {
  display: inline;
}

.breadcrumbs .separator {
  width: 4px;
  height: 4px;
  background-color: var(--Black-50);
  border-radius: 50%;
}

.breadcrumbs * {
  line-height: 120%;
}



/* Product page | info */

.info {
  margin-top: 120px;
  padding-bottom: 120px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.info-item {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-flow: dense;
}

.info-item-image {
  grid-column-start: 1;
  grid-column-end: span 6;
  border-radius: 32px;
  background-color: var(--Light-grey, #EEF2F6);
  aspect-ratio: 632/440;
  overflow: hidden;
}

.info-item-image img {
  width: 100%;
  display: block;
}

.info-item-content {
  grid-column-start: 8;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  justify-content: center;

}

.info-item-content .icon {
  width: 72px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background-color: var(--Light-grey, #EEF2F6);
}

.info-item-content .icon.-bright-green {
  background-color: var(--Bright-green, #0CFFC4);
}

.info-item-content .icon.-purple {
  background-color: var(--Purple, #714EFF);
}

.info-item-content .icon img {
  width: 32px;
  aspect-ratio: 1/1;

}

.info-item-content .title {
  margin: 40px 0 32px;
}

.info-item-content .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--Black-70);
}


.info-item.-reverse .info-item-image {
  grid-column-start: 7;
  grid-column-end: span 12;
}

.info-item.-reverse .info-item-content {
  grid-column-start: 1;
  grid-column-end: span 5;
}


/* faq */

.faq {
  margin-top: 80px;
  margin-bottom: 120px;
  display: grid;
  grid-template-columns: repeat(12, 1fr)
}

.faq-text-conainer {
  position: sticky;
  top: 96px;
  height: fit-content;
  grid-column-start: 1;
  grid-column-end: span 5;
}

.faq-text-conainer .title {
  margin: 24px 0 32px;
}

.faq-help .link {
  width: fit-content;
}

.faq-help .text {
  color: var(--Black-70);
  margin-bottom: 8px;
}

.faq-help.-mob {
  display: none;
}

.faq-items-conainer {
  grid-column-start: 6;
  grid-column-end: span 12;
  display: flex;
  flex-direction: column;
  gap: 12px;
}



/* solution-hero | Solution page */

main>.solution-hero {
  padding-top: 96px !important;
}

.solution-hero {
  padding: 24px;
}

.solution-hero .widget.-mobile {
  display: none;
}

.solution-hero .bg {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: var(--Light-grey, #EEF2F6);
}

.solution-hero .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution-hero__wrapper {
  position: relative;
  z-index: 1;
  border-radius: 40px;
  overflow: hidden;
  padding: 130px 56px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.solution-hero__wrapper .text {
  color: var(--Black-70);
  max-width: 624px;
}

.solution-hero__wrapper .text,
.solution-hero__wrapper .button {
  margin-top: 40px;
}

.solution-hero__wrapper .description {
  margin-top: 24px;
  color: var(--Black-70);
}

/* solution-compare | Solution page */

.solution-compare {
  margin: 120px 0;
}

.solution-compare__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.solution-compare__wrapper .title {
  margin-top: 24px;
}

.solution-compare__wrapper .text {
  margin-top: 24px;
  color: var(--Black-70);
  max-width: 600px;
}

.compare-imgs {
  margin-top: 80px;
  gap: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.compare-imgs img {
  display: block;
  width: 100%;
}

.compare-imgs .side-img {
  border-radius: 24px;
  background: var(--Light-grey, #EEF2F6);
  width: min(29%, 308px);
  overflow: hidden;
}

.compare-imgs .main-img {
  position: relative;
  z-index: 2;
  border-radius: 32px;
  overflow: hidden;
  width: min(39%, 416px);
}

/* benefits-section | solution page */

.benefits-section {
  padding: 80px 0;
}

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

.benefits-item {
  border-radius: 32px;
  border: 1px solid var(--Grey, #DAE1E7);
  padding: 32px;
  grid-column: span 3;
}

.benefits-item__img {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  background: var(--Light-grey, #EEF2F6);
  padding: 20px;
  width: 72px;
  aspect-ratio: 1/1;
}

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

.benefits-item__title {
  margin-top: 32px;
}

.benefits-item__text {
  margin-top: 16px;
  color: var(--Black-70);
}


/* pricing-hero | Pricing */

.pricing-hero {
  padding: 152px 0 80px 0 !important;
}

.pricing-hero .bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.pricing-hero .bg img,
.pricing-hero .bg picture {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  object-fit: contain;
}

.pricing-hero .widget.-mob {
  display: none;
}

.pricing-hero .hero__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.pricing-hero .hero__wrapper .subtitle {
  max-width: 640px;
  color: var(--Black-70);
  margin-top: 40px;
}

.pricing-hero .pricing-cards-list {
  margin-top: 80px;
}

.pricing-cards-list {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

.pricing-card {
  display: block;
  grid-column: span 4;
  border-radius: 32px;
  background: var(--Light-grey, #EEF2F6);
  padding: 40px;
}

.pricing-card.-green {
  background: var(--green-10, rgba(20, 183, 128, 0.10));
}

.pricing-card.-purple {
  background: var(--purple-10, rgba(113, 78, 255, 0.10));
}

.pricing-card .img {
  width: 72px;
  aspect-ratio: 1/1;
  border-radius: 24px;
  background: var(--white-70, rgba(255, 255, 255, 0.70));
  padding: 24px;
}

.pricing-card .img img {
  display: block;
  width: 100%;
}

.pricing-card .title {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.-purple .section-tag {
  border-color: var(--purple-20, rgba(113, 78, 255, 0.20));
  background: var(--purple-10, rgba(113, 78, 255, 0.10));
  color: var(--Purple, #714EFF);
}

.pricing-card .price {
  margin-top: 24px;
}

.pricing-card .checked-list {
  margin-top: 32px;
}

.pricing-card .checked-list li:not(:first-child) {
  margin-top: 16px;
}

.pricing-card .checked-list li:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc5MF81OTk2OCkiPgo8cGF0aCBkPSJNMTAgMS44NzVDOC4zOTMwMyAxLjg3NSA2LjgyMjE0IDIuMzUxNTIgNS40ODYgMy4yNDQzMUM0LjE0OTg1IDQuMTM3MSAzLjEwODQ0IDUuNDA2MDUgMi40OTM0OCA2Ljg5MDdDMS44Nzg1MiA4LjM3NTM1IDEuNzE3NjIgMTAuMDA5IDIuMDMxMTIgMTEuNTg1MUMyLjM0NDYzIDEzLjE2MTIgMy4xMTg0NiAxNC42MDg5IDQuMjU0NzYgMTUuNzQ1MkM1LjM5MTA2IDE2Ljg4MTUgNi44Mzg4IDE3LjY1NTQgOC40MTQ5IDE3Ljk2ODlDOS45OTA5OSAxOC4yODI0IDExLjYyNDcgMTguMTIxNSAxMy4xMDkzIDE3LjUwNjVDMTQuNTk0IDE2Ljg5MTYgMTUuODYyOSAxNS44NTAyIDE2Ljc1NTcgMTQuNTE0QzE3LjY0ODUgMTMuMTc3OSAxOC4xMjUgMTEuNjA3IDE4LjEyNSAxMEMxOC4xMjI3IDcuODQ1ODEgMTcuMjY2IDUuNzgwNTEgMTUuNzQyNyA0LjI1NzI3QzE0LjIxOTUgMi43MzQwMyAxMi4xNTQyIDEuODc3MjcgMTAgMS44NzVaTTEzLjU2NzIgOC41NjcxOUw5LjE5MjE5IDEyLjk0MjJDOS4xMzQxNSAxMy4wMDAzIDkuMDY1MjIgMTMuMDQ2NCA4Ljk4OTM0IDEzLjA3NzlDOC45MTM0NyAxMy4xMDkzIDguODMyMTQgMTMuMTI1NSA4Ljc1IDEzLjEyNTVDOC42Njc4NyAxMy4xMjU1IDguNTg2NTQgMTMuMTA5MyA4LjUxMDY3IDEzLjA3NzlDOC40MzQ3OSAxMy4wNDY0IDguMzY1ODYgMTMuMDAwMyA4LjMwNzgyIDEyLjk0MjJMNi40MzI4MiAxMS4wNjcyQzYuMzE1NTQgMTAuOTQ5OSA2LjI0OTY2IDEwLjc5MDkgNi4yNDk2NiAxMC42MjVDNi4yNDk2NiAxMC40NTkxIDYuMzE1NTQgMTAuMzAwMSA2LjQzMjgyIDEwLjE4MjhDNi41NTAwOSAxMC4wNjU1IDYuNzA5MTUgOS45OTk2NSA2Ljg3NSA5Ljk5OTY1QzcuMDQwODYgOS45OTk2NSA3LjE5OTkyIDEwLjA2NTUgNy4zMTcxOSAxMC4xODI4TDguNzUgMTEuNjE2NEwxMi42ODI4IDcuNjgyODFDMTIuNzQwOSA3LjYyNDc0IDEyLjgwOTggNy41Nzg2OCAxMi44ODU3IDcuNTQ3MjVDMTIuOTYxNiA3LjUxNTgzIDEzLjA0MjkgNy40OTk2NSAxMy4xMjUgNy40OTk2NUMxMy4yMDcxIDcuNDk5NjUgMTMuMjg4NCA3LjUxNTgzIDEzLjM2NDMgNy41NDcyNUMxMy40NDAyIDcuNTc4NjggMTMuNTA5MSA3LjYyNDc0IDEzLjU2NzIgNy42ODI4MUMxMy42MjUzIDcuNzQwODggMTMuNjcxMyA3LjgwOTgyIDEzLjcwMjcgNy44ODU2OUMxMy43MzQyIDcuOTYxNTYgMTMuNzUwNCA4LjA0Mjg4IDEzLjc1MDQgOC4xMjVDMTMuNzUwNCA4LjIwNzEyIDEzLjczNDIgOC4yODg0NCAxMy43MDI3IDguMzY0MzFDMTMuNjcxMyA4LjQ0MDE4IDEzLjYyNTMgOC41MDkxMiAxMy41NjcyIDguNTY3MTlaIiBmaWxsPSIjNzE0RUZGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzkwXzU5OTY4Ij4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  display: block;
  width: 20px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 2px;
  left: 0;
}

.pricing-card.-green .checked-list li:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc5MF81OTkzMCkiPgo8cGF0aCBkPSJNMTAgMS44NzVDOC4zOTMwMyAxLjg3NSA2LjgyMjE0IDIuMzUxNTIgNS40ODYgMy4yNDQzMUM0LjE0OTg1IDQuMTM3MSAzLjEwODQ0IDUuNDA2MDUgMi40OTM0OCA2Ljg5MDdDMS44Nzg1MiA4LjM3NTM1IDEuNzE3NjIgMTAuMDA5IDIuMDMxMTIgMTEuNTg1MUMyLjM0NDYzIDEzLjE2MTIgMy4xMTg0NiAxNC42MDg5IDQuMjU0NzYgMTUuNzQ1MkM1LjM5MTA2IDE2Ljg4MTUgNi44Mzg4IDE3LjY1NTQgOC40MTQ5IDE3Ljk2ODlDOS45OTA5OSAxOC4yODI0IDExLjYyNDcgMTguMTIxNSAxMy4xMDkzIDE3LjUwNjVDMTQuNTk0IDE2Ljg5MTYgMTUuODYyOSAxNS44NTAyIDE2Ljc1NTcgMTQuNTE0QzE3LjY0ODUgMTMuMTc3OSAxOC4xMjUgMTEuNjA3IDE4LjEyNSAxMEMxOC4xMjI3IDcuODQ1ODEgMTcuMjY2IDUuNzgwNTEgMTUuNzQyNyA0LjI1NzI3QzE0LjIxOTUgMi43MzQwMyAxMi4xNTQyIDEuODc3MjcgMTAgMS44NzVaTTEzLjU2NzIgOC41NjcxOUw5LjE5MjE5IDEyLjk0MjJDOS4xMzQxNSAxMy4wMDAzIDkuMDY1MjIgMTMuMDQ2NCA4Ljk4OTM0IDEzLjA3NzlDOC45MTM0NyAxMy4xMDkzIDguODMyMTQgMTMuMTI1NSA4Ljc1IDEzLjEyNTVDOC42Njc4NyAxMy4xMjU1IDguNTg2NTQgMTMuMTA5MyA4LjUxMDY3IDEzLjA3NzlDOC40MzQ3OSAxMy4wNDY0IDguMzY1ODYgMTMuMDAwMyA4LjMwNzgyIDEyLjk0MjJMNi40MzI4MiAxMS4wNjcyQzYuMzE1NTQgMTAuOTQ5OSA2LjI0OTY2IDEwLjc5MDkgNi4yNDk2NiAxMC42MjVDNi4yNDk2NiAxMC40NTkxIDYuMzE1NTQgMTAuMzAwMSA2LjQzMjgyIDEwLjE4MjhDNi41NTAwOSAxMC4wNjU1IDYuNzA5MTUgOS45OTk2NSA2Ljg3NSA5Ljk5OTY1QzcuMDQwODYgOS45OTk2NSA3LjE5OTkyIDEwLjA2NTUgNy4zMTcxOSAxMC4xODI4TDguNzUgMTEuNjE2NEwxMi42ODI4IDcuNjgyODFDMTIuNzQwOSA3LjYyNDc0IDEyLjgwOTggNy41Nzg2OCAxMi44ODU3IDcuNTQ3MjVDMTIuOTYxNiA3LjUxNTgzIDEzLjA0MjkgNy40OTk2NSAxMy4xMjUgNy40OTk2NUMxMy4yMDcxIDcuNDk5NjUgMTMuMjg4NCA3LjUxNTgzIDEzLjM2NDMgNy41NDcyNUMxMy40NDAyIDcuNTc4NjggMTMuNTA5MSA3LjYyNDc0IDEzLjU2NzIgNy42ODI4MUMxMy42MjUzIDcuNzQwODggMTMuNjcxMyA3LjgwOTgyIDEzLjcwMjcgNy44ODU2OUMxMy43MzQyIDcuOTYxNTYgMTMuNzUwNCA4LjA0Mjg4IDEzLjc1MDQgOC4xMjVDMTMuNzUwNCA4LjIwNzEyIDEzLjczNDIgOC4yODg0NCAxMy43MDI3IDguMzY0MzFDMTMuNjcxMyA4LjQ0MDE4IDEzLjYyNTMgOC41MDkxMiAxMy41NjcyIDguNTY3MTlaIiBmaWxsPSIjMDBDQjg3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzkwXzU5OTMwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}

.pricing-card.-grey .checked-list li:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc5MF81OTg5MSkiPgo8cGF0aCBkPSJNMTAgMS44NzVDOC4zOTMwMyAxLjg3NSA2LjgyMjE0IDIuMzUxNTIgNS40ODYgMy4yNDQzMUM0LjE0OTg1IDQuMTM3MSAzLjEwODQ0IDUuNDA2MDUgMi40OTM0OCA2Ljg5MDdDMS44Nzg1MiA4LjM3NTM1IDEuNzE3NjIgMTAuMDA5IDIuMDMxMTIgMTEuNTg1MUMyLjM0NDYzIDEzLjE2MTIgMy4xMTg0NiAxNC42MDg5IDQuMjU0NzYgMTUuNzQ1MkM1LjM5MTA2IDE2Ljg4MTUgNi44Mzg4IDE3LjY1NTQgOC40MTQ5IDE3Ljk2ODlDOS45OTA5OSAxOC4yODI0IDExLjYyNDcgMTguMTIxNSAxMy4xMDkzIDE3LjUwNjVDMTQuNTk0IDE2Ljg5MTYgMTUuODYyOSAxNS44NTAyIDE2Ljc1NTcgMTQuNTE0QzE3LjY0ODUgMTMuMTc3OSAxOC4xMjUgMTEuNjA3IDE4LjEyNSAxMEMxOC4xMjI3IDcuODQ1ODEgMTcuMjY2IDUuNzgwNTEgMTUuNzQyNyA0LjI1NzI3QzE0LjIxOTUgMi43MzQwMyAxMi4xNTQyIDEuODc3MjcgMTAgMS44NzVaTTEzLjU2NzIgOC41NjcxOUw5LjE5MjE5IDEyLjk0MjJDOS4xMzQxNSAxMy4wMDAzIDkuMDY1MjIgMTMuMDQ2NCA4Ljk4OTM0IDEzLjA3NzlDOC45MTM0NyAxMy4xMDkzIDguODMyMTQgMTMuMTI1NSA4Ljc1IDEzLjEyNTVDOC42Njc4NyAxMy4xMjU1IDguNTg2NTQgMTMuMTA5MyA4LjUxMDY3IDEzLjA3NzlDOC40MzQ3OSAxMy4wNDY0IDguMzY1ODYgMTMuMDAwMyA4LjMwNzgyIDEyLjk0MjJMNi40MzI4MiAxMS4wNjcyQzYuMzE1NTQgMTAuOTQ5OSA2LjI0OTY2IDEwLjc5MDkgNi4yNDk2NiAxMC42MjVDNi4yNDk2NiAxMC40NTkxIDYuMzE1NTQgMTAuMzAwMSA2LjQzMjgyIDEwLjE4MjhDNi41NTAwOSAxMC4wNjU1IDYuNzA5MTUgOS45OTk2NSA2Ljg3NSA5Ljk5OTY1QzcuMDQwODYgOS45OTk2NSA3LjE5OTkyIDEwLjA2NTUgNy4zMTcxOSAxMC4xODI4TDguNzUgMTEuNjE2NEwxMi42ODI4IDcuNjgyODFDMTIuNzQwOSA3LjYyNDc0IDEyLjgwOTggNy41Nzg2OCAxMi44ODU3IDcuNTQ3MjVDMTIuOTYxNiA3LjUxNTgzIDEzLjA0MjkgNy40OTk2NSAxMy4xMjUgNy40OTk2NUMxMy4yMDcxIDcuNDk5NjUgMTMuMjg4NCA3LjUxNTgzIDEzLjM2NDMgNy41NDcyNUMxMy40NDAyIDcuNTc4NjggMTMuNTA5MSA3LjYyNDc0IDEzLjU2NzIgNy42ODI4MUMxMy42MjUzIDcuNzQwODggMTMuNjcxMyA3LjgwOTgyIDEzLjcwMjcgNy44ODU2OUMxMy43MzQyIDcuOTYxNTYgMTMuNzUwNCA4LjA0Mjg4IDEzLjc1MDQgOC4xMjVDMTMuNzUwNCA4LjIwNzEyIDEzLjczNDIgOC4yODg0NCAxMy43MDI3IDguMzY0MzFDMTMuNjcxMyA4LjQ0MDE4IDEzLjYyNTMgOC41MDkxMiAxMy41NjcyIDguNTY3MTlaIiBmaWxsPSIjMEUwRjExIiBmaWxsLW9wYWNpdHk9IjAuMyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzc5MF81OTg5MSI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.pricing-card .checked-list li {
  position: relative;
  display: flex;
  padding-left: 32px;
}

.pricing-card .button {
  margin-top: 32px;
  width: 100%;
}

.pricing-card.-bigger .button,
.pricing-card.-bigger .title,
.pricing-card.-bigger .checked-list {
  margin-top: 40px;
}

/* pricing-compare | Pricing*/

.pricing-compare {
  padding: 80px 0 160px 0;
}

.pricing-compare-table.-mob {
  display: none;
}

.pricing-compare-table__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.pricing-compare-table__top .title {
  width: 32.5%;
  min-width: 32.5%;
  margin-right: 16px;
}

.pricing-compare-table__title {
  position: relative;
  z-index: 1;
  padding: 24px 32px;
  display: block;
  width: 33%;
  border-radius: 16px;
  cursor: pointer;
}

.pricing-compare-table__title:before {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% + 40px);
}

.pricing-compare-table__title.-purple .bg {
  background: var(--purple-10, rgba(113, 78, 255, 0.10));
}

.pricing-compare-table__title.-green .bg {
  background: var(--green-10, rgba(20, 183, 128, 0.10));
}

.pricing-compare-table__title .bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: var(--Light-grey, #EEF2F6);
  transition: height 0.7s;
}

.pricing-compare-table__main {
  position: relative;
  z-index: 2;
  margin-top: 40px;
  overflow: hidden;
  transition: height 0.7s;
}

.pricing-compare-table__main-part {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pricing-compare-table__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 13px;
  width: 100%;
}

.pricing-compare-table__row.-header {
  padding: 0 !important;
  border: none !important;
}

.pricing-compare-table__row .pricing-compare-table__item.-name {
  padding-left: 0;
  color: var(--Black-50);
  width: 32.5%;
  min-width: 32.5%;
  margin-right: 3px;
}

.pricing-compare-table__row .pricing-compare-table__item {
  position: relative;
  z-index: 1;

}

.pricing-compare-table__row .pricing-compare-table__item:not(.-name):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: block;
  top: -8px;
  left: 0;
  width: 100%;
  height: calc(100% + 16px);
  cursor: pointer;
}

.pricing-compare-table__row:first-child .pricing-compare-table__item:not(.-name):before {
  top: 0;
  height: calc(100% + 8px);
}

.pricing-compare-table__row .pricing-compare-table__item {
  padding: 24px 32px;
  width: 100%;
}

.pricing-compare-table__item img {
  display: block;
}

.pricing-compare-table__row:not(:first-child),
.pricing-compare-table__main-part.-hidden .pricing-compare-table__row {
  padding-top: 8px;
  border-top: 1px solid var(--Grey, #DAE1E7);
}

.pricing-compare-table__main-part+.pricing-compare-table__main-part {
  margin-top: 8px;
}

.pricing-compare-table__row {
  width: 100%;
}

.pricing-compare-table .button {
  width: 100%;
  margin-top: 40px;
}

.pricing-compare-table__main[data-accordion-in-process] {
  pointer-events: none;
}

/* Support Page */

/* Support Page | help-topic */

.help-topic {
  margin-top: 80px;
  padding-bottom: 120px;
}

.help-topic .title {
  margin: 0 auto;
  width: fit-content;
}

.help-topic-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 64px;
}

.help-topic-item {
  border-radius: 32px;
  border: 1px solid var(--Grey);
  background: var(--White);
  padding: 32px;
}

.help-topic-item .article-tag {
  margin-bottom: 48px;
  max-width: fit-content;
}

.help-topic-item .link {
  opacity: 0.7;
  align-items: center;
  gap: 8px;
}

.help-topic-item .link:hover {
  opacity: 1;
}

.help-topic-item .link .arrow {
  width: 28px;
  height: 28px;

}

.help-topic-item .link+.link {
  margin-top: 16px;
}

/* Support Page | featured-article */

.featured-article {
  margin-top: 80px;
  padding-bottom: 80px;
}

.featured-article__title {
  margin: 0 auto 40px;
  width: fit-content;
}

.featured-article .tabs-list {
  margin-bottom: 64px;
}

.featured-article .tabs-list .tab {
  white-space: nowrap;
}

.featured-article__slider .slider {}

.featured-article__slider .slider-navigation {
  justify-content: center;
  margin-top: 64px;
}

.featured-article .--tabs-container__items {
  padding: 0;
}

.featured-article .--tabs-container__items-inner {
  overflow: visible;
}

.featured-article .article-preview {
  height: auto;
}

/* Support Page | support-hero */

.support-hero .input.-search {
  max-width: 560px;
  margin: 40px auto 0;
}

/* Support Article */

/* Support Article | article-hero */


.article-hero {
  position: relative;
}

.article-hero .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.article-hero .bg img {
  width: 100%;
}

.article-hero .article__tags {
  display: flex;
  gap: 6px;
}

.article-hero .title {
  margin: 24px 0;
}


/* Blog Article */

/* Blog Article  |  article-share */

.article-share {
  width: 100%;
  padding: 56px 20px 0;
  border-top: 1px solid var(--Grey, #DAE1E7);
  margin: 56px auto 86px;
  max-width: 890px;
}

.article-share .title {
  margin-bottom: 24px;
  color: var(--Black-70);
}

.article-share-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Blog Article  |  related-articles */

.related-articles {
  padding: 80px 0;
}

.related-articles__title {
  margin: 0 auto 64px;
  width: fit-content;
}

.related-articles .article-preview {
  height: auto;
}


.related-articles .slider-navigation {
  margin: 64px auto 0;
  justify-content: center;
}





/* Blog */

/* Blog | blog-hero */
.blog-hero {
  position: relative;
}

.blog-hero .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.blog-hero .bg img {
  width: 100%;
}

.blog-hero .title {
  text-align: center;
  margin-bottom: 40px;
}

.blog-hero .description {
  text-align: center;
  margin-bottom: 40px;
  color: var(--Black-70);
}


/* Blog | blog-articles */

.blog-articles {
  margin-top: 40px;
  margin-bottom: 56px;
}

.blog-articles-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 16px;
  row-gap: 56px;
}

.blog-articles-container .article-preview.-big {
  grid-column: span 3;
}

.blog-articles .pagination {
  width: fit-content;
  margin: 56px auto 0;
}

.blog-articles .tabs-list {
  white-space: nowrap;
  margin-bottom: 96px;
}



/* Brand assets  */

/* Brand assets  | identity-unveiled*/

.identity-unveiled {
  text-align: center;
  margin-top: 80px;
  padding-bottom: 80px;

}

.identity-unveiled .section-tag {
  margin: 0 auto 24px;
}

.identity-unveiled .text {
  margin: 24px auto 64px;
  color: var(--Black-70);
}

.identity-unveiled-calc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  aspect-ratio: 1064/240;
}

.identity-unveiled-calc-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--Grey, #DAE1E7);
  height: 240px;
  width: 100%;
  aspect-ratio: 308/240px;
  border-radius: 32px;
}

/* Brand assets  | visual-essence*/

.visual-essence {
  text-align: center;
  margin-top: 80px;
  padding-bottom: 80px;
}

.visual-essence .section-tag {
  margin: 0 auto 24px;
}

.visual-essence .text {
  margin: 64px auto;
  color: var(--Black-70);
}


.visual-essence-img img {
  width: 100%;
}

.visual-essence-container {
  display: flex;
  gap: 16px;
}

.visual-essence-item {
  width: 100%;
  border-radius: 32px;
  border: 1px solid var(--Grey, #DAE1E7);
  background: var(--White, #FFF);
  padding: 16px;
}

.visual-essence-item .image {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 492/296;
  border-radius: 16px;
  background-color: var(--Light-grey, #EEF2F6);
  margin-bottom: 40px;
  padding: 20px;
}



.visual-essence-item .image.-black {
  background-color: var(--Black, #0E0F11);
}

.visual-essence-item .buttons-container {
  display: flex;
  gap: 16px;
}

.visual-essence-item .buttons-container .button {
  width: 100%;
}


/* Brand assets  | visual-essence*/

.expression {
  margin-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.expression .section-tag {
  margin: 0 auto 24px;
}

.expression .text {
  margin: 24px auto 64px;
  color: var(--Black-70);
}

.expression-items {
  padding: 16px;

  border-radius: 32px;
  border: 1px solid var(--Grey, #DAE1E7);
  background: var(--White, #FFF);

}

.expression-items__wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}

.expression-items-main {
  grid-column: span 4;
  border-radius: 24px;
  background: var(--Bright-green, #0CFFC4);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 111px;
  aspect-ratio: 818/632;
}

.expression-items-main img {
  max-width: 240px;
}

.expression-items-rest {
  grid-column: span 1;
  display: grid;
  gap: 16px;

}

.expression-items-rest-img {
  aspect-ratio: 1/1;
}

.expression-items-rest-img img {
  aspect-ratio: 1/1;
  display: block;
  width: 100%;

}


.expression-items .buttons-container {
  display: flex;
  gap: 16px;
  margin-top: 40px;
}

.expression-items .buttons-container .button {
  width: 100%;
  height: 72px;
}


/* Brand assets  | vibrant-palette*/

.vibrant-palette {
  margin-top: 80px;
  padding-bottom: 120px;
  text-align: center;
}

.vibrant-palette .section-tag {
  margin: 0 auto 24px;
}

.vibrant-palette .text {
  color: var(--Black-70);
  margin: 24px auto 64px;
}

.vibrant-palette-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.vibrant-palette-item {
  border-radius: 32px;
  background: var(--Bright-green, #0CFFC4);
  padding: 32px;
  text-align: start;
  height: 254px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vibrant-palette-item ul {
  color: var(--Black-70);
}

.vibrant-palette-item ul li+li {
  margin-top: 6px;
}


.vibrant-palette-item__title {
  margin-bottom: 14px;
}

.vibrant-palette-item.-green {
  background-color: var(--Bright-green);

}

.vibrant-palette-item.-purple {
  background-color: var(--Purple);
  color: var(--White);
}





.vibrant-palette-item.-black {
  background-color: var(--Black);
  color: var(--White);
}

.vibrant-palette-item.-white {
  background-color: var(--White);
  border: 1px solid var(--Grey, #DAE1E7);
}

.vibrant-palette-item.-purple ul,
.vibrant-palette-item.-black ul {
  color: var(--white-70);
}






/* Careers */
/* Careers  | open-positions*/

.open-positions {
  margin-top: 80px;
  padding-bottom: 80px;
}

.open-positions-table__top .section-tag {
  margin: 0 auto;

}

.open-positions .tabs-list {
  padding-bottom: 80px;
}

.open-positions-table__top .title {
  margin: 24px auto 56px;
  text-align: center;
}

.open-positions .--tabs-container__items {
  padding: 0;
  border-radius: 0;
}

.open-positions-table__main {
  position: relative;
  overflow: hidden;
  transition: height 0.7s;
}

.open-positions .-hidden {
  display: none;
}

.open-positions .open-positions-table-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

.open-positions .-show-more {
  margin-top: 24px;
  width: 100%;
}



.open-positions-table-row {
  position: relative;
  padding: 32px 0;
}

.open-positions-table-row .article-tag {
  width: fit-content;
  margin: auto 0;
  white-space: nowrap;
}

.open-positions-table-row {
  border-top: 1px solid var(--Grey, #DAE1E7);
}

.open-positions-table-row.-head {
  border-top: 0;
  color: var(--Black-50);
}

.open-positions-table-row .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);

}

.open-positions-table-row .description-1 {
  color: var(--Black-50);
  transition: .4s;
}

.open-positions-table-row:hover .description-1 {
  color: var(--Black);
}

.open-positions .tag-text:nth-child(1),
.open-positions .description-1:nth-child(1) {
  grid-column: span 5;

}

.open-positions .tag-text:nth-child(2),
.open-positions .article-tag:nth-child(2) {
  grid-column: span 2;
}

.open-positions .tag-text:nth-child(3),
.open-positions .article-tag:nth-child(3) {
  grid-column: span 2;
}

.open-positions .tag-text:nth-child(4),
.open-positions .article-tag:nth-child(4) {
  grid-column: span 3;
}


/* Log  */

/* log */

main>section.log:first-child {
  padding-top: 20px;
  padding-bottom: 20px;
}



.log-container {
  min-height: calc(100svh - 20px * 2);

  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 80px;

}

.log-left {
  grid-column: span 6;
  padding-left: 60px;
  display: flex;
  flex-direction: column;
}

.log-right {
  grid-column: span 6;
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  padding: 56px;
}


.log-right.parallax-cols-section::before,
.log-right.parallax-cols-section::after {
  content: none;
}


.log-right .parallax-cols__wrapper {
  padding: 0;
  grid-template-columns: repeat(6, 1fr);
  align-items: center;
  height: 100%;

}

.log-right .parallax-col {
  margin-top: 0;
}

.log-right__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.log-right__bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}


.log-right .parallax-col {
  transform: translate3d(0px, 0, 0px);
}

.log-right .parallax-col:nth-child(2) {
  margin-top: 80px;
}

.log-right .parallax-item.-img,
.log-right .parallax-item.-text {
  aspect-ratio: 260/280;

}

.log-right .parallax-item.-text {

  border: 1px solid var(--White, #FFF);
  background: var(--white-50, rgba(255, 255, 255, 0.50));
}


.log-left .footer__bottom-wraper {
  margin-top: auto;
  justify-content: start;
  gap: 32px;
}

.log-left .footer__bottom-wraper .copyright {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.5px;
}


.log-left .footer__bottom-wraper .links .link {
  margin-left: 16px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
}

.log-left .footer__bottom-wraper .links .link::after {
  content: "";
  background-color: var(--Grey, #DAE1E7);
  margin-left: 16px;
  display: inline-block;
  height: 12px;
  width: 1px;
  border-radius: 2px;
}

.log-left .footer__bottom-wraper .links .link:first-child {
  margin-left: 0;
}

.log-left .footer__bottom-wraper .links .link:last-child:after {
  content: none;
}

.log-left .form-wrapper {
  margin-top: 108px;
}

.log-left .button {
  margin-top: 32px;
}

.log-left .title {
  margin-bottom: 32px;
}

.log-left .title.-with-description {
  margin-bottom: 24px;
}

.log-left .description {
  margin-bottom: 32px;
  color: var(--Black-70);
}

.log-left .os-content-glue {
  height: 0 !important;
  margin: 0 !important;
}

.log-left .form-tips {
  margin-top: 32px;
}

.log-left .form-tips-description {
  color: var(--Black-50);
}

.log-left .form-tips .link {
  margin-left: 8px;
  text-transform: uppercase;
}

.toggle-password {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.eye-icon,
.eye-slash-icon {
  display: block;
  width: 20px;
  height: 20px;
}

.log-left .security-tip {
  margin-top: 32px;
  border-radius: 16px;
  background: var(--Light-grey, #EEF2F6);
  padding: 16px;
  width: 100%;
}

.log-left .article-tag {
  margin-bottom: 16px;
  width: fit-content;
}

.log-left .security-tip .text {
  color: var(--Black-70);
}

• [D] .idea
• [D] lib
• [D] ui-kit
• [F] adaptive.css
  Delete
• [F] hovers.css
  Delete
• [F] styles.css
  Delete
• [F] ui-blocks.css
  Delete
• [F] ui-kit.css
  Delete