/* ─── Design tokens ─────────────────────────────────────── */
:root {
  /* Section vertical spacing */
  --section-py: 40px;
  --section-py-md: 40px;
  --section-py-lg: 50px;

  /* Brand colors */
  --clr-primary: rgb(3, 137, 203);
  --clr-primary-2: #1774D7;
  --clr-text: #131313;
  --clr-muted: rgba(19, 19, 19, 0.7);
  --clr-bg: #f3f3f3;
  --clr-card: #fff;
  --clr-card-alt: #F7F8FA;

  /* Border radii */
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 15px;
}

/* ─────────────────────────────────────────────────────────── */

.chatapp-btn {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #fff;
  background-color: rgb(3, 137, 203);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 12px 20px;
  text-decoration: none;
  border: 1px solid rgb(3, 137, 203);
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
}

.chatapp-btn.trans {
  background-color: transparent;
  border: 1px solid rgb(3, 137, 203);
  color: rgb(3, 137, 203);
}

body {
  background-color: #f3f3f3;
}

main.main section {
  max-width: 100vw;
}

main.main section:not(.chatapp-hero) {
  padding: var(--section-py) 0;
}

@media (min-width: 920px) {
  main.main section:not(.chatapp-hero) {
    padding: var(--section-py-md) 0;
  }
}

@media (min-width: 1200px) {
  main.main section:not(.chatapp-hero) {
    padding: var(--section-py-lg) 0;
  }
}

main.main {
  max-width: 100vw;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.chatapp-hero {
  padding: 40px 0;
}

@media (min-width: 620px) {
  .chatapp-hero {
    padding: 50px 0;
  }
}

@media (min-width: 920px) {
  .chatapp-hero {
    padding: 60px 0;
  }
}

@media (min-width: 1200px) {
  .chatapp-hero {
    padding: 65px 0 70px;
  }
}

.chatapp-hero .container h1 {
  display: block;
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  letter-spacing: -0.06em;
  text-align: center;
  margin: 0 auto 24px;
  color: #131313;
}

@media (min-width: 620px) {
  .chatapp-hero .container h1 {
    font-size: 48px;
  }
}

@media (min-width: 920px) {
  .chatapp-hero .container h1 {
    font-size: 64px;
    margin-bottom: 28px;
  }
}

@media (min-width: 1200px) {
  .chatapp-hero .container h1 {
    font-size: 84px;
    margin-bottom: 32px;
  }
}

.chatapp-hero .container p {
  display: block;
  color: rgba(19, 19, 19, 0.7);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.06em;
  max-width: 850px;
  width: 100%;
  margin: 0 auto 20px;
}

@media (min-width: 620px) {
  .chatapp-hero .container p {
    font-size: 18px;
  }
}

@media (min-width: 920px) {
  .chatapp-hero .container p {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .chatapp-hero .container p {
    font-size: 24px;
    margin-bottom: 24px;
  }
}

.chatapp-hero .container .integrations-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  gap: 8px;
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 340px;
  margin: 0 auto;
  margin-bottom: 36px;
}

@media (min-width: 920px) {
  .chatapp-hero .container .integrations-list {
    max-width: none;
  }
}

.chatapp-hero .container .integrations-list .integrations-item {
  width: 32px;
  height: 32px;
  line-height: 0;
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon {
  position: relative;
  width: 32px;
  height: 32px;
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon__gray,
.chatapp-hero .container .integrations-list .integrations-item .social-icon__color {
  display: block;
  position: absolute;
  inset: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon__color {
  opacity: 0;
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon:hover .social-icon__color {
  opacity: 1;
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon:hover .social-icon__gray {
  opacity: 0;
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--max .social-icon__gray {
  background-image: url("../../assets/imgs/atlas-gray/max-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--max .social-icon__color {
  background-image: url("../../assets/imgs/atlas-color/max-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--vk .social-icon__gray {
  background-image: url("../../assets/imgs/atlas-gray/vk-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--vk .social-icon__color {
  background-image: url("../../assets/imgs/atlas-color/vk-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--telegram .social-icon__gray {
  background-image: url("../../assets/imgs/atlas-gray/telegram-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--telegram .social-icon__color {
  background-image: url("../../assets/imgs/atlas-color/telegram-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--avito .social-icon__gray {
  background-image: url("../../assets/imgs/atlas-gray/avito-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--avito .social-icon__color {
  background-image: url("../../assets/imgs/atlas-color/avito-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--whats .social-icon__gray {
  background-image: url("../../assets/imgs/atlas-gray/whats-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--whats .social-icon__color {
  background-image: url("../../assets/imgs/atlas-color/whats-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--viber .social-icon__gray {
  background-image: url("../../assets/imgs/atlas-gray/viber-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--viber .social-icon__color {
  background-image: url("../../assets/imgs/atlas-color/viber-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--email .social-icon__gray {
  background-image: url("../../assets/imgs/atlas-gray/email-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--email .social-icon__color {
  background-image: url("../../assets/imgs/atlas-color/email-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--inst .social-icon__gray {
  background-image: url("../../assets/imgs/atlas-gray/inst-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--inst .social-icon__color {
  background-image: url("../../assets/imgs/atlas-color/inst-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--wb .social-icon__gray {
  background-image: url("../../assets/imgs/atlas-gray/wb-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--wb .social-icon__color {
  background-image: url("../../assets/imgs/atlas-color/wb-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--ozon .social-icon__gray {
  background-image: url("../../assets/imgs/atlas-gray/ozon-icon.svg");
}

.chatapp-hero .container .integrations-list .integrations-item .social-icon--ozon .social-icon__color {
  background-image: url("../../assets/imgs/atlas-color/ozon-icon.svg");
}

.chatapp-hero .container .chatapp-btn {
  margin: 0 auto;
  display: block;
}

.sml-text {
  margin-top: -20px;
  display: block;
  opacity: 0.7;
  font-size: 14px;
  line-height: 1.2;
  max-width: 480px;
  margin-bottom: 20px;
}

@media (min-width: 620px) {
  .sml-text {
    margin-top: -30px;
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) {
  .sml-text {
    margin-top: -40px;
    margin-bottom: 30px;
  }
}

.section-title {
  display: block;
  margin-bottom: 30px;
}

@media (min-width: 620px) {
  .section-title {
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .section-title {
    margin-bottom: 50px;
  }
}

.section-title h2 {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
  text-align: center;
  font-size: 26px;
  letter-spacing: -0.06em;
  line-height: 1;
  color: #131313;
}

.section-title.text-left h2 {
  margin: 0;
  text-align: left;
}

.section-title.text-left p {
  margin: 0;
  text-align: left;
}

.section-title.flex {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.section-title.flex h2 {
  max-width: 620px;
}

.section-title.flex p {
  max-width: 650px;
}

@media(max-width:768px) {
  .section-title.flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }

  .section-title.flex h2 {
    max-width: none;
  }

  .section-title.flex p {
    max-width: none;
  }
}

@media (min-width: 620px) {
  .section-title h2 {
    font-size: 32px;
  }
}

@media (min-width: 920px) {
  .section-title h2 {
    font-size: 40px;
  }
}

@media (min-width: 1200px) {
  .section-title h2 {
    font-size: 48px;
  }
}

.section-title p {
  display: block;
  max-width: 820px;
  margin: 0 auto;
  margin-top: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.05;
  letter-spacing: -0.06em;
  text-align: center;
  color: rgba(19, 19, 19, 0.7);
}

@media (min-width: 920px) {
  .section-title p {
    font-size: 24px;
    margin-top: 50px;
  }
}

.chatapp-features {
  max-width: 100vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
}

@media(min-width:920px) {
  .chatapp-features {
    margin-bottom: 0;
  }
}

.chatapp-features__tabs {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 5px;
}

@media (min-width: 620px) {
  .chatapp-features__tabs {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) {
  .chatapp-features__tabs {
    margin-bottom: 30px;
  }
}

.chatapp-features__tab {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: rgba(19, 19, 19, 0.7);
  font-weight: 400;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 10px;
  border: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
}

.chatapp-features__tab:hover {
  background-color: rgba(23, 116, 215, 0.062745098);
}

.chatapp-features__tab.active {
  background-color: rgb(3, 137, 203);
  color: #fff;
}

.features-panels {
  display: grid;
}

.features-panels>.features-panel {
  grid-area: 1/1;
  min-width: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  will-change: opacity;
}

.features-panels>.features-panel.active {
  opacity: 1;
  pointer-events: auto;
}

.onec-page__swiper-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: fit-content;
}

.onec-page__swiper-pagination {
  margin-top: 20px;
  bottom: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}

.onec-page__swiper-pagination :global(.swiper-pagination-bullet) {
  width: 10px;
  height: 10px;
  background-color: #D0DCF0;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

.onec-page__swiper-pagination :global(.swiper-pagination-bullet-active) {
  background-color: #1774D7;
  width: 30px;
  border-radius: 5px;
}

.swiper-pagination-bullet {
  width: 17px;
  height: 17px;
}

.onec-page__swiper-slide {
  background-color: #F7F8FA;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  overflow: hidden;

}

@media (min-width: 620px) {
  .onec-page__swiper-slide {
    border-radius: 40px;
  }
}

@media (min-width: 1200px) {
  .onec-page__swiper-slide {
    border-radius: 65px;
  }
}

.onec-page__swiper-slide .slide-text {
  margin-bottom: 20px;
}

.onec-page__swiper-slide .slide-text p {
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  padding: 10px 20px 0;
  opacity: 0.9;
}

@media (min-width: 620px) {
  .onec-page__swiper-slide .slide-text p {
    padding: 0 40px;
  }
}

.onec-page__swiper-slide .slide-text span,
.onec-page__swiper-slide .slide-text h3 {
  display: block;
  padding: 15px 15px 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  margin: 0;
  color: #1774D7;
}

@media (min-width: 620px) {

  .onec-page__swiper-slide .slide-text span,
  .onec-page__swiper-slide .slide-text h3 {
    padding: 30px 40px 0;
    font-size: 22px;
  }
}

@media (min-width: 1200px) {

  .onec-page__swiper-slide .slide-text span,
  .onec-page__swiper-slide .slide-text h3 {
    padding: 40px 40px 0;
    font-size: 24px;
  }
}

.onec-page__swiper-slide .slide-img {
  margin-top: auto;
  display: block;
}


.onec-page__swiper-slide .slide-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 15px;
}

@media (min-width: 1200px) {
  .onec-page__swiper-slide .slide-img img {
    border-radius: 24px;
  }
}

.onec-page__swiper.custom-main .swiper-slide {
  border-radius: 10px;
  padding: 25px;
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 620px) {
  .onec-page__swiper.custom-main .swiper-slide {
    padding: 20px;
    padding-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .onec-page__swiper.custom-main .swiper-slide {
    padding: 25px;
    padding-bottom: 0;
  }
}

.onec-page__swiper.custom-main .swiper-slide .number-slide {
  display: block;
  color: #131313;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.05;
  letter-spacing: -0.06em;
  margin: 0 0 20px;
  padding: 0;
}

@media (min-width: 620px) {
  .onec-page__swiper.custom-main .swiper-slide .number-slide {
    font-size: 22px;
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) {
  .onec-page__swiper.custom-main .swiper-slide .number-slide {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

.onec-page__swiper.custom-main .swiper-slide p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}

.onec-page__swiper.custom-main .swiper-slide p:last-of-type {
  margin-bottom: 0;
}

.onec-page__swiper.custom-main .swiper-slide .disable-up {
  font-weight: 700;
  margin: 0 0 5px;
  display: block;
  padding: 0;
  color: rgba(19, 19, 19, 0.7);
  font-size: 16px;
}

.onec-page__swiper.custom-main .swiper-slide b {
  color: #0389CB;
}

.onec-page__swiper.custom-main .swiper-slide .disable-text {
  font-weight: 400;
  color: rgba(19, 19, 19, 0.7);
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.04em;
  padding: 0;
  margin: 0 0 20px;
}

.onec-page__swiper.custom-main .swiper-slide .slide-img {
  margin-top: 40px;
  width: calc(100% + 30px);
  margin-left: -15px;
  height: 160px;
  margin-top: auto;
}
.chatapp-features.custom .onec-page__swiper-slide .slide-img {
  height: auto;
  }

@media (min-width: 620px) {
  .onec-page__swiper.custom-main .swiper-slide .slide-img {
    width: calc(100% + 40px);
    margin-left: -20px;
    height: 175px;
  }

  .chatapp-features.custom .onec-page__swiper-slide .slide-img {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .onec-page__swiper.custom-main .swiper-slide .slide-img {
    width: calc(100% + 50px);
    margin-left: -25px;
    height: 190px;
  }
    .chatapp-features.custom .onec-page__swiper-slide .slide-img {
    height: 290px;
  }
}

.onec-page__swiper.custom-main .swiper-slide .slide-img img {
  -o-object-position: bottom center;
  object-position: bottom center;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.chatapp-products {
  position: relative;
  max-width: 100vw;
  overflow: visible;
}

.chatapp-products::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 640px;
  bottom: 0;
  background-size: contain;
  background-position: center center;
  background-image: url(../../assets/imgs/main-new/prods-decor.svg);
  z-index: -1;
  background-repeat: no-repeat;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.chatapp-products.decor-hidden::before {
  opacity: 0.1;
}

.chatapp-products.step-1::before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.chatapp-products.step-2::before {
  -webkit-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  transform: rotate(-25deg);
}

.chatapp-products.step-3::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.chatapp-products__tabs {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 5px;
}

@media (min-width: 620px) {
  .chatapp-products__tabs {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) {
  .chatapp-products__tabs {
    margin-bottom: 30px;
  }
}

.chatapp-products__tab {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: rgba(19, 19, 19, 0.7);
  font-weight: 400;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 10px;
  border: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
}

.chatapp-products__tab:hover {
  background-color: rgba(23, 116, 215, 0.062745098);
}

.chatapp-products__tab.active {
  background-color: rgb(3, 137, 203);
  color: #fff;
}

.chatapp-products__imgs {
  display: grid;
}

.chatapp-products__img {
  grid-area: 1/1;
  min-width: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  will-change: opacity;
}

.chatapp-products__img.active {
  opacity: 1;
  pointer-events: auto;
}

.chatapp-products__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chatapp-products__img h3 {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  color: rgba(19, 19, 19, 0.7);
  font-size: 24px;
  letter-spacing: -0.06em;
  margin-bottom: 10px;
}

.chatapp-products__img p {
  margin: 0;
  display: block;
  outline-color: #131313;
  opacity: 0.7;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.06em;
  line-height: 1.2;
}

.chatapp-products__img img {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 890px;
  width: 100%;
  margin: 0;
  margin-top: 20px;
}

@media (min-width: 560px) {
  .chatapp-products__img img {
    margin-top: 30px;
  }
}

@media (min-width: 920px) {
  .chatapp-products__img img {
    margin-top: 50px;
  }
}

.chatapp-products__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  max-width: 560px;
  margin: 50px auto 0;
}

.chatapp-products__action a,
.chatapp-products__action button {
  width: 100%;
  text-align: center;
}

@media (min-width: 767px) {
  .chatapp-products__action {
    max-width: none;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .chatapp-products__action button,
  .chatapp-products__action a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.chatapp-integration {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chatapp-integration__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 25px;
}

.chatapp-integration__tab {
  border: none;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.chatapp-integration__tab svg{
  width: 100%;
  height: 100%;
}

.chatapp-integration__tab.active svg rect {
  fill: rgb(3, 137, 203);
}

.chatapp-integration__tab:hover svg rect {
  fill: rgb(3, 137, 203);
}

.chatapp-integration__tab svg {
  display: block;
  width: 100%;
  height: 100%;
}

.chatapp-integration__tab svg rect {
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
  fill: #131313;
}

.chatapp-integration__items {
  display: grid;
}

.chatapp-integration__item {
  grid-area: 1/1;
  min-width: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.chatapp-integration__item.active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.chatapp-integration__item {
  text-align: center;
}

.chatapp-integration__item h3 {
  display: block;
  margin: 0;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.06em;
  color: rgba(19, 19, 19, 0.7);
  margin-bottom: 10px;
}

.chatapp-integration__item h3 b {
  font-weight: 700;
}

.chatapp-integration__item p {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  max-width: 510px;
  font-size: 16px;
  letter-spacing: -0.04em;
  line-height: 1.2;
  color: rgba(19, 19, 19, 0.7);
}

.chatapp-integration__item img {
  max-width: 1050px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 60px;
}

.chatapp-edge__swiper {
  margin: 0 -20px;
  padding-left: 10px;
}

@media (min-width: 1199px) {
  .chatapp-edge__swiper {
    margin: 0;
    padding-left: 0;
  }
}

.chatapp-edge .swiper-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.chatapp-edge__item {
  padding: 25px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  height: auto;
}

.chatapp-edge__item .img {
  width: 52px;
  height: 52px;
  margin-bottom: 30px;
}

.chatapp-edge__item .img img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-object-fit: contain;
  object-fit: contain;
}

.chatapp-edge__item .text h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.06em;
  margin: 0;
  display: block;
  color: #131313;
  margin-bottom: 10px;
}

.chatapp-edge__item .text p {
  margin: 0;
  font-weight: 400;
  display: block;
  color: rgba(19, 19, 19, 0.7);
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.04em;
}

.chatapp-funcs {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chatapp-funcs__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .chatapp-funcs__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

.chatapp-funcs__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 10px;
  margin: 0 0 20px;
  padding-bottom: 10px;
}

@media (min-width: 1200px) {
  .chatapp-funcs__tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: visible;
    gap: 15px;
    margin: 0 32px 0 0;
    padding-bottom: 0;
    width: 100%;
    max-width: 320px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.chatapp-funcs__tabs button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background-color: #fff;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
}

@media (min-width: 1200px) {
  .chatapp-funcs__tabs button {
    width: 100%;
    gap: 20px;
    padding: 15px;
  }
}

.chatapp-funcs__tabs button .img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.chatapp-funcs__tabs button .img svg {
  display: block;
}

.chatapp-funcs__tabs button .img svg path {
  fill: #131313;
  -webkit-transition: fill 0.35s ease;
  transition: fill 0.35s ease;
}

.chatapp-funcs__tabs button span {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0;
  color: rgba(19, 19, 19, 0.7);
  text-align: left;
  white-space: nowrap;
  -webkit-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

@media (min-width: 1200px) {
  .chatapp-funcs__tabs button span {
    font-size: 18px;
    white-space: normal;
  }
}

.chatapp-funcs__tabs button.active .img svg path,
.chatapp-funcs__tabs button:hover .img svg path {
  fill: rgb(3, 137, 203);
}

.chatapp-funcs__tabs button.active span,
.chatapp-funcs__tabs button:hover span {
  color: rgb(3, 137, 203);
}

.chatapp-funcs__content {
  display: grid;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.chatapp-funcs__content-item {
  grid-area: 1/1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease;
}

@media (min-width: 920px) {
  .chatapp-funcs__content-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

.chatapp-funcs__content-item .img {
  opacity: 0;
  -webkit-transform: translateX(20px) scale(0.97);
  -ms-transform: translateX(20px) scale(0.97);
  transform: translateX(20px) scale(0.97);
  -webkit-transition: opacity 0.45s ease 0.06s, -webkit-transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.06s;
  transition: opacity 0.45s ease 0.06s, -webkit-transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.06s;
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.06s, opacity 0.45s ease 0.06s;
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.06s, opacity 0.45s ease 0.06s, -webkit-transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.06s;
}

.chatapp-funcs__content-item.active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.chatapp-funcs__content-item.active .img {
  opacity: 1;
  -webkit-transform: translateX(0) scale(1);
  -ms-transform: translateX(0) scale(1);
  transform: translateX(0) scale(1);
}

.chatapp-funcs__content-item .text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
}

@media (min-width: 920px) {
  .chatapp-funcs__content-item .text {
    width: 50%;
    margin-bottom: 0;
    margin-right: auto;
  }
}

.chatapp-funcs__content-item .text h3 {
  display: block;
  font-size: 20px;
  color: #131313;
  margin: 0 0 20px;
}

@media (min-width: 920px) {
  .chatapp-funcs__content-item .text h3 {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

.chatapp-funcs__content-item .text ul {
  margin: 0 0 20px;
  padding: 0;
}

.chatapp-funcs__content-item .text ul li {
  list-style: none;
  font-size: 16px;
  letter-spacing: -0.04em;
  line-height: 1.4;
  color: rgba(19, 19, 19, 0.7);
  padding-left: 25px;
  position: relative;
  margin-bottom: 6px;
}

.chatapp-funcs__content-item .text ul li:last-child {
  margin-bottom: 0;
}

.chatapp-funcs__content-item .text ul li::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: rgba(19, 19, 19, 0.7);
  border-radius: 50%;
}

.chatapp-funcs__content-item .text a {
  margin-top: auto;
  display: none;
}

@media (min-width: 920px) {
  .chatapp-funcs__content-item .text a {
    display: inline-block;
  }
}

.chatapp-funcs__content-item .img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 920px) {
  .chatapp-funcs__content-item .img {
    width: 50%;
    margin-left: 30px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.chatapp-funcs__content-item .img img {
  width: 100%;
  display: block;
}

.chatapp-funcs__content-item .img .mobile-btn {
  display: block;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}

@media (min-width: 920px) {
  .chatapp-funcs__content-item .img .mobile-btn {
    display: none;
  }
}

.chatapp-clients__swiper {
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(6%, #000), color-stop(94%, #000), to(transparent));
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);
  mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(6%, #000), color-stop(94%, #000), to(transparent));
  mask-image: linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%);
}

.chatapp-clients__swiper+.chatapp-clients__swiper {
  margin-top: 24px;
}

.chatapp-clients__swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chatapp-clients__slide {
  width: 200px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 920px) {
  .chatapp-clients__slide {
    width: 300px !important;
    padding: 0 48px;
  }
}

@media (min-width: 1200px) {
  .chatapp-clients__slide {
    width: 380px !important;
    padding: 0 60px;
  }
}

.chatapp-clients__slide img {
  display: block;
  width: 100%;
  height: 48px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
  transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
  transition: filter 0.3s ease, opacity 0.3s ease;
  transition: filter 0.3s ease, opacity 0.3s ease, -webkit-filter 0.3s ease;
}

@media (min-width: 920px) {
  .chatapp-clients__slide img {
    height: 60px;
  }
}

.chatapp-clients__slide img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}

.chatapp-support__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 10px;
  padding: 25px;
  height: auto;
  min-height: 200px;
  background-image: url(../../assets/imgs/main-new/back-decor.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 300px;
  margin-bottom: 10px;
  padding-top: 320px;
}

@media (min-width: 920px) {
  .chatapp-support__head {
    height: 308px;
    padding-top: 25px;
    background-size: contain;
    background-position: right top;
  }
}

.chatapp-support__head .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.chatapp-support__head .text h3 {
  display: block;
  max-width: 680px;
  margin: 0;
  margin-bottom: 25px;
  font-weight: 500;
  color: #131313;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.06em;
}

.chatapp-support__head .text p {
  display: block;
  max-width: 320px;
  line-height: 1.3;
  font-size: 16px;
  color: rgba(19, 19, 19, 0.7);
  margin: 0;
  margin-bottom: 40px;
}

.chatapp-support__head .text a {
  margin-top: auto;
}

.chatapp-support .chatapp-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

.chatapp-support .chatapp-socials a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 180px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(50% - 5px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

@media (min-width: 920px) {
  .chatapp-support .chatapp-socials a {
    width: calc(25% - 7.5px);
    height: 308px;
  }
}

.chatapp-support .chatapp-socials a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle, #0389CB 0%, #40B0E7 100%);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  z-index: -1;
}

.chatapp-support .chatapp-socials a span {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: rgba(19, 19, 19, 0.7);
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
}

.chatapp-support .chatapp-socials a .icon {
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
}

@media (min-width: 920px) {
  .chatapp-support .chatapp-socials a .icon {
    width: 64px;
    height: 64px;
    margin-bottom: 32px;
  }
}

.chatapp-support .chatapp-socials a .icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
}

.chatapp-support .chatapp-socials a:hover::before {
  opacity: 1;
}

.chatapp-support .chatapp-socials a:hover span {
  color: #fff;
}

.chatapp-support .chatapp-socials a:hover .icon img {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.chatapp-support .chatapp-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 920px) {
  .chatapp-support .chatapp-tips {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

.chatapp-support .chatapp-tips .chatapp-tip {
  background-color: #fff;
  padding: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
}

.chatapp-support .chatapp-tips .chatapp-tip h3 {
  font-size: 24px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.06em;
  margin: 0;
  display: block;
  margin-bottom: 10px;
}

.chatapp-support .chatapp-tips .chatapp-tip p {
  margin: 0;
  font-size: 16px;
  color: rgba(19, 19, 19, 0.7);
  letter-spacing: -0.04em;
  line-height: 1.3;
  margin-bottom: 10px;
}

.chatapp-support .chatapp-tips .chatapp-tip a {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin-top: auto;
}

@media (min-width: 920px) {
  .chatapp-support .chatapp-tips .chatapp-tip {
    height: 265px;
  }
}

.chatapp-support .chatapp-tips .chatapp-tip a {
  margin-top: auto;
}

.chatapp-reviews {
  max-width: 100vw;
}

.chatapp-reviews__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
}

@media (min-width: 620px) {
  .chatapp-reviews__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
  }
}

.chatapp-reviews__title h2 {
  font-weight: 400;
  font-size: 26px;
  color: #131313;
  line-height: 1;
  letter-spacing: -0.06em;
  margin: 0;
}

@media (min-width: 620px) {
  .chatapp-reviews__title h2 {
    font-size: 32px;
  }
}

@media (min-width: 920px) {
  .chatapp-reviews__title h2 {
    font-size: 40px;
  }
}

@media (min-width: 1200px) {
  .chatapp-reviews__title h2 {
    font-size: 48px;
  }
}

.chatapp-reviews__title .nums {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 14px;
  background-color: rgb(240, 245, 255);
  border-radius: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 620px) {
  .chatapp-reviews__title .nums {
    gap: 16px;
    padding: 12px 16px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.chatapp-reviews__title .nums span {
  color: rgba(19, 19, 19, 0.7);
  font-size: 14px;
  line-height: 1.4;
}

@media (min-width: 620px) {
  .chatapp-reviews__title .nums span {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .chatapp-reviews__title .nums span {
    font-size: 18px;
  }
}

.chatapp-reviews__swiper .swiper-slide {
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
}

@media (min-width: 620px) {
  .chatapp-reviews__swiper .swiper-slide {
    padding: 20px;
  }
}

@media (min-width: 1200px) {
  .chatapp-reviews__swiper .swiper-slide {
    padding: 25px;
  }
}

.chatapp-reviews__swiper .swiper-slide .text {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .chatapp-reviews__swiper .swiper-slide .text {
    margin-bottom: 32px;
  }
}

.chatapp-reviews__swiper .swiper-slide .text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.04em;
  color: rgba(19, 19, 19, 0.7);
  margin: 0;
  margin-bottom: 8px;
}

@media (min-width: 1200px) {
  .chatapp-reviews__swiper .swiper-slide .text p {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.chatapp-reviews__swiper .swiper-slide .text p:last-child {
  margin-bottom: 0;
}

.chatapp-reviews__swiper .swiper-slide .profile {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.chatapp-reviews__swiper .swiper-slide .profile .img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

@media (min-width: 1200px) {
  .chatapp-reviews__swiper .swiper-slide .profile .img {
    width: 48px;
    height: 48px;
  }
}

.chatapp-reviews__swiper .swiper-slide .profile .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.chatapp-reviews__swiper .swiper-slide .profile .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.chatapp-reviews__swiper .swiper-slide .profile .name span {
  font-size: 13px;
  color: #131313;
  line-height: 1.2;
  letter-spacing: -0.04em;
}

@media (min-width: 1200px) {
  .chatapp-reviews__swiper .swiper-slide .profile .name span {
    font-size: 14px;
  }
}

/* ─── Swiper navigation bar (.sw-nav) ───────────────────── */
.sw-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
}

.sw-nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid rgba(19, 19, 19, 0.15);
  background: #fff;
  color: #131313;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.sw-nav__btn:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: #fff;
}

.sw-nav__btn.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.sw-nav__pagination {
  position: relative;
  /* ширина под 5 основных точек + 2 маленьких по бокам */
  width: calc(5 * 8px + 4 * 6px + 2 * 6px);
  flex-shrink: 0;
  margin: 0 auto;
  position: static;

}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  transform: none !important;
}

.sw-nav__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(19, 19, 19, 0.2);
  opacity: 1;
  transition: background 0.2s ease, transform 0.2s ease;
  cursor: pointer;

}

.sw-nav__pagination .swiper-pagination-bullet-active {
  background: var(--clr-primary);
}


.chatapp-hero-section {
  padding: 50px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgb(2, 1, 6);
  border-radius: 0 0 20px 20px;
  color: #fff;
  overflow: hidden;
}

.chatapp-hero-section__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 920px) {
  .chatapp-hero-section__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.chatapp-hero-section__text {
  margin-right: 30px;
}

.chatapp-hero-section__text h1 {
  display: block;
  color: #fff;
  text-align: left;
  font-weight: 500;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.06em;
  max-width: 720px;
  width: 100%;
  margin: 0;
  margin-bottom: 30px;
}

.chatapp-hero-section__text p {
  display: block;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.06em;
  opacity: 0.7;
  max-width: 600px;
  width: 100%;
  margin: 0;
  margin-bottom: 120px;
}

.chatapp-hero-section__text a {
  max-width: 320px;
  width: 100%;
  padding: 24px;
  text-align: center;
}

@media (max-width: 920px) {
  .chatapp-hero-section {
    padding-top: 50px;
  }

  .chatapp-hero-section__text {
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 20px;
  }

  .chatapp-hero-section__text h1 {
    text-align: center;
    font-weight: 400;
    font-size: 32px;
    max-width: none;
  }

  .chatapp-hero-section__text p {
    max-width: none;
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 0;
  }

  .chatapp-hero-section__text a {
    display: none;
  }
}

.chatapp-hero-section__img {
  margin-left: auto;
  margin-right: -5%;
}

.chatapp-hero-section.custom .chatapp-hero-section__img img {
  margin-bottom: -50px;
}

.chatapp-hero-section__img img {
  display: block;
  max-width: 100%;
}

.chatapp-hero-section__img a {
  display: none;
}

@media (max-width: 920px) {
  .chatapp-hero-section__img {
    margin: 0 auto;
    margin-top: -5%;
  }

  .chatapp-hero-section__img img {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .chatapp-hero-section.custom .chatapp-hero-section__img img {
    margin-bottom: -15px;
  }

  .chatapp-hero-section__img a {
    display: block;
    margin: auto;
    padding: 24px;
    width: 100%;
    text-align: center;
    max-width: 480px;
    margin-top: 15px;
  }
}

.chatapp-info {
  padding: 60px 0;
}

@media (max-width: 920px) {
  .chatapp-info {
    padding: 40px 0;
  }
}

.chatapp-info .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chatapp-info__img {
  width: 50%;
}

.chatapp-info__img img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.chatapp-info__img a {
  display: none;
}

@media (max-width: 920px) {
  .chatapp-info__img {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .chatapp-info__img img {
    width: 100%;
  }

  .chatapp-info__img a {
    display: block;
    width: 100%;
    max-width: 480px;
    text-align: center;
    margin-top: 30px;
    padding: 24px;
  }
}

.chatapp-info.revers .container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (max-width: 920px) {
  .chatapp-info.revers .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (max-width: 920px) {
  .chatapp-info .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 0;
  }
}

.chatapp-info__text {
  width: 50%;
}

.chatapp-info__text h2 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.06em;
  font-weight: 400;
  margin: 0;
  display: block;
  max-width: 610px;
  margin-bottom: 30px;
}

.chatapp-info__text p {
  display: block;
  font-weight: 500;
  font-size: medium;
  font-size: 24px;
  letter-spacing: -0.06em;
  line-height: 1.05;
  color: rgba(19, 19, 19, 0.7);
  margin-bottom: 50px;
}

.chatapp-info__text ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 380px;
}

.chatapp-info__text ul li {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 6px;
  color: rgba(19, 19, 19, 0.7);
  letter-spacing: -0.04em;
  position: relative;
  padding-left: 20px;
}

.chatapp-info__text ul li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: rgba(19, 19, 19, 0.7);
  border-radius: 50%;
}

.chatapp-info__text ul li:last-child {
  margin-bottom: 0;
}

.chatapp-info__text a {
  padding: 24px;
}

@media (max-width: 920px) {
  .chatapp-info__text {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 30px;
  }

  .chatapp-info__text h2 {
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 30px;
  }

  .chatapp-info__text p {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 30px;
  }

  .chatapp-info__text a {
    display: none;
  }
}

.social-icon {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
}

.social-icon__gray,
.social-icon__color {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.social-icon__gray {
  background-image: url("../../assets/imgs/main-page/atlas-gray.svg");
}

.social-icon__color {
  background-image: url("../../assets/imgs/main-page/atlas-color.svg");
  opacity: 0;
}

.social-icon:hover .social-icon__color {
  opacity: 1;
}

.social-icon:hover .social-icon__gray {
  opacity: 0;
}

.social-icon--max .social-icon__gray {
  background-position: -4px -4px;
}

.social-icon--max .social-icon__color {
  background-position: -220px -4px;
}

.social-icon--ozon .social-icon__gray {
  background-position: -76px -4px;
}

.social-icon--ozon .social-icon__color {
  background-position: -4px -76px;
}

.social-icon--telegram .social-icon__gray {
  background-position: -148px -4px;
}

.social-icon--telegram .social-icon__color {
  background-position: -76px -76px;
}

.social-icon--viber .social-icon__gray {
  background-position: -220px -4px;
}

.social-icon--viber .social-icon__color {
  background-position: -148px -76px;
}

.social-icon--vk .social-icon__gray {
  background-position: -4px -76px;
}

.social-icon--vk .social-icon__color {
  background-position: -220px -76px;
}

.social-icon--wb .social-icon__gray {
  background-position: -76px -76px;
}

.social-icon--wb .social-icon__color {
  background-position: -4px -148px;
}

.social-icon--whats .social-icon__gray {
  background-position: -148px -76px;
}

.social-icon--whats .social-icon__color {
  background-position: -76px -148px;
}

.social-icon--avito .social-icon__gray {
  background-position: -220px -76px;
}

.social-icon--avito .social-icon__color {
  background-position: -4px -4px;
}

.social-icon--inst .social-icon__gray {
  background-position: -4px -148px;
}

.social-icon--inst .social-icon__color {
  background-position: -148px -4px;
}

.social-icon--email .social-icon__gray {
  background-position: -76px -148px;
}

.social-icon--email .social-icon__color {
  background-position: -76px -4px;
}

.chatapp-steps {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
}

@media (min-width: 920px) {
  .chatapp-steps {
    padding: 60px 0;
  }
}

.chatapp-steps__swiper {
  margin: 0 -20px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 920px) {
  .chatapp-steps__swiper {
    margin: 0;
    padding: 0;
  }
}

.chatapp-steps__items {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.chatapp-steps__item {
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  padding: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chatapp-steps__item span {
  display: block;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.06em;
  margin-bottom: 30px;
}

.chatapp-steps__item h3 {
  margin: 0;
  display: block;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.06em;
  font-weight: 500;
  margin-bottom: 10px;
}

.chatapp-steps__item p {
  display: block;
  margin: 0;
  color: rgba(19, 19, 19, 0.7);
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.04em;
}

.chatapp-choice__table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 10px;
}

.chatapp-choice__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
}

.chatapp-choice__col--features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  background-color: transparent;
  max-width: 520px;
}

@media (min-width: 620px) {
  .chatapp-choice__col--features {
    width: 100%;
  }
}

.chatapp-choice__col--chatapp {
  background: -webkit-gradient(linear, left top, right top, from(#0389CB), to(#6CABFC));
  background: linear-gradient(90deg, #0389CB 0%, #6CABFC 100%);
  border-radius: 10px;
  max-width: 420px;
  width: 100%;
}

@media (min-width: 620px) {
  .chatapp-choice__col--chatapp {
    border-radius: 10px;
  }
}

.chatapp-choice__col--others {
  background-color: #fff;
  border-radius: 10px;
  max-width: 354px;
  width: 100%;
  display: none;
}

@media (min-width: 620px) {
  .chatapp-choice__col--others {
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.chatapp-choice__col-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 16px;
  min-height: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 620px) {
  .chatapp-choice__col-header {
    min-height: 120px;
  }
}

@media (min-width: 1200px) {
  .chatapp-choice__col-header {
    min-height: 140px;
  }
}

.chatapp-choice__col--others .chatapp-choice__col-header span {
  font-size: 16px;
  font-weight: 500;
  color: rgba(19, 19, 19, 0.7);
  letter-spacing: -0.04em;
}

@media (min-width: 1200px) {
  .chatapp-choice__col--others .chatapp-choice__col-header span {
    font-size: 18px;
  }
}

.chatapp-choice__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.chatapp-choice__brand-icon {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .chatapp-choice__brand-icon {
    width: 48px;
    height: 48px;
  }
}

.chatapp-choice__brand-icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.chatapp-choice__brand-name {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.04em;
}

@media (min-width: 1200px) {
  .chatapp-choice__brand-name {
    font-size: 26px;
  }
}

.chatapp-choice__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.35;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  height: 90px;
}

@media (min-width: 1200px) {
  .chatapp-choice__cell {
    padding: 18px 20px;
    font-size: 15px;
  }
}

.chatapp-choice__cell--feature {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
  color: rgba(19, 19, 19, 0.7);
}

.chatapp-choice__cell--chatapp {
  background: transparent;
  color: #fff;
  font-weight: 500;
  border-top-color: rgba(255, 255, 255, 0.2);
}

.chatapp-choice__cell--others {
  background-color: #fff;
  color: rgba(19, 19, 19, 0.7);
}

.chatapp-choice__col--features .chatapp-choice__cell:last-child,
.chatapp-choice__col--chatapp .chatapp-choice__cell:last-child,
.chatapp-choice__col--others .chatapp-choice__cell:last-child {
  border-radius: 0 0 10px 10px;
}


.vk-page-section {
  padding: 50px 0;
}

.vk-page-section__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 30px;
}

.vk-page-section__wrap .img {
  display: block;
  width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.vk-page-section__wrap .img img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.vk-page-section__wrap .text {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 40px;
  margin: 0 0 30px;
}

.vk-page-section__wrap .text h2 {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -0.06em;
  line-height: 1;
  margin: 0;
  margin-bottom: 30px;
  color: #131313;
}

.vk-page-section__wrap .text p {
  display: block;
  font-weight: 500;
  font-size: 22px;
  color: rgba(19, 19, 19, 0.7);
  line-height: 1.05;
  letter-spacing: -0.06em;
  margin: 0;
  margin-bottom: 30px;
}

.vk-page-section__wrap .text .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 30px;
}

.vk-page-section__wrap .text .tags span {
  padding: 9px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid rgba(59, 67, 77, 0.2);
  color: #131313;
  font-size: 14px;
  line-height: 1.12;
  letter-spacing: 0;
  font-weight: 500;
}

.vk-page-section__wrap .text a {
  margin-top: 60px;
}

@media (min-width: 769px) {
  .vk-page-section__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .vk-page-section__wrap.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .vk-page-section__wrap .img {
    width: 50%;
  }

  .vk-page-section__wrap .text {
    width: 50%;
    margin: 0;
  }

  .vk-page-section__wrap .text h2 {
    font-size: 48px;
  }

  .vk-page-section__wrap .text p {
    font-size: 24px;
  }
}