/* DEFAULT  */



* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style-type: none;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;




  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;

  transition: 0.2s;
}

/* DEFAULT  */



/* ROOT  */

:root {
  --white: #fff;

  --accent-dark-blue: #060B35;
  --accent-blue: #319CF3;
  --accent-violet: #6457D5;

  --typography-dark-blue: #060B35;
  --typography-grey: #9B9DAE;
  --typography-white: #fff;
  --typography-pink: #F14886;

  --bg-light-grey: #F4F4F6;
  --bg-white: #fff;
  --bg-dark-blue: #060B35;
  --bg-white30: rgba(255, 255, 255, 0.3);
  --bg-white60: rgba(255, 255, 255, 0.6);
  --bg-grey40: rgba(155, 157, 174, 0.4);
  --bg-light-blue: #D6EDFF;
}

/* ROOT  */



/* ALL PAGES */

html,
body {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}

main {
  min-height: 100%;
  height: 100%;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  transition: 1s;
}

.preloader-hide {
  opacity: 0;
  pointer-events: none;
  transition: 1s;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid var(--bg-light-grey);
  border-top-color: var(--accent-blue);
  border-radius: 50%;
  animation: spinPreloader 1s linear infinite;
}

@keyframes spinPreloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.hidden-content {
  opacity: 0;
  /* Изначально все блоки скрыты, включая меню */
  transition: opacity 1s ease;
  /* Плавная анимация появления */
}

.hidden-content-anim {
  opacity: 0;
}

.fadeInUp {
  animation: fadeInUp 1.5s forwards;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


.hidden-content-opacity {
  opacity: 0;
}

.fadeIn {
  animation: fadeIn 1.5s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

section {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

section {
  max-width: 1920px;
  margin: 0 auto;
}

.container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 16px;
  max-width: 1200px;
  margin: 0 auto;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  pointer-events: none;
  user-select: none;
}

h1,
.headline1 {
  font-size: 70px;
  line-height: 110%;
  font-weight: 500;
  color: var(--typography-dark-blue);
}

h2,
.headline2 {
  font-size: 52px;
  line-height: 110%;
  font-weight: 500;
  color: var(--typography-dark-blue);
}

h3,
.headline3 {
  font-size: 40px;
  line-height: 110%;
  font-weight: 500;
  color: var(--typography-dark-blue);
}

.title1 {
  font-size: 30px;
  line-height: 110%;
  font-weight: 500;
  color: var(--typography-dark-blue);
}

.title2 {
  font-size: 13px;
  line-height: 100%;
  font-weight: 500;
  color: var(--typography-dark-blue);
}

.text1 {
  font-size: 18px;
  line-height: 120%;
  font-weight: 500;
  color: var(--typography-dark-blue);
}

.text2 {
  font-size: 18px;
  line-height: 120%;
  font-weight: 400;
  color: var(--typography-dark-blue);

  text-wrap: pretty;
}

.text3 {
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  color: var(--typography-dark-blue);
}

.text-button1 {
  font-size: 18px;
  line-height: 110%;
  font-weight: 400;
}

.header-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  padding: 13px 27px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--typography-white);
  background: var(--accent-blue);
}

.header-btn:hover {
  background: var(--typography-dark-blue);
}

.header-btn:active {
  background: var(--typography-grey);
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  padding: 13px 27px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--typography-white);
  background: var(--accent-blue);
  white-space: nowrap;

  cursor: pointer;
}

.btn:hover {
  background: var(--typography-dark-blue);
}

.btn:active {
  background: var(--typography-grey);
}



.btn-white {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  padding: 13px 27px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--bg-dark-blue);
  background: var(--white);

  cursor: pointer;
}

.btn-white:hover {
  background: var(--bg-white60);
}

.btn-white:active {
  background: var(--typography-grey);
}

.hover75 {
  opacity: 1;
}

.hover75:hover {
  opacity: 0.75;
}

.hover50 {
  opacity: 1;
}

.hover50:hover {
  opacity: 0.5;
}

/* 992 - 1280 */
@media (max-width: 1279px) {

  .container {
    max-width: 900px;
  }

  h1,
  .headline1 {
    font-size: 34px;
    line-height: 110%;
    font-weight: 500;
    color: var(--typography-dark-blue);
  }

  h2,
  .headline2 {
    font-size: 34px;
    line-height: 110%;
    font-weight: 500;
    color: var(--typography-dark-blue);
  }

  h3,
  .headline3 {
    font-size: 26px;
    line-height: 110%;
    font-weight: 500;
    color: var(--typography-dark-blue);
  }

  .title1 {
    font-size: 30px;
    line-height: 110%;
    font-weight: 500;
    color: var(--typography-dark-blue);
  }

  .title2 {
    font-size: 13px;
    line-height: 100%;
    font-weight: 500;
    color: var(--typography-dark-blue);
  }

  .text1 {
    font-size: 14px;
    line-height: 120%;
    font-weight: 500;
    color: var(--typography-dark-blue);
  }

  .text2 {
    font-size: 16px;
    line-height: 120%;
    font-weight: 400;
    color: var(--typography-dark-blue);
  }

  .text3 {
    font-size: 16px;
    line-height: 120%;
    font-weight: 400;
    color: var(--typography-dark-blue);
  }

  .btn {
    width: auto;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {

  .container {
    max-width: 700px;
  }

}

/* 480 - 768 */
@media (max-width: 767px) {

  .container {
    max-width: 100%;
  }

}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {

  .container {
    max-width: 100%;
  }

  .btn {
    width: 100%;
  }

}















/* HEADER */

.header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 32px 48px;
}

.header__container {
  flex-direction: row;
  justify-content: space-between;
}

.header__logo-wrapper {
  display: flex;
  max-width: 99px;
  max-height: 68px;
  flex-shrink: 0;
}

.header__logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header-nav {
  display: flex;
  align-items: center;
  gap: 14px;
}

.header-nav-wrapper {
  display: flex;
  align-items: center;
  gap: 14px;
}

.header__menu {
  display: flex;
  align-items: center;
  gap: 14px;
}

.header__open-menu {
  display: none;
  width: 48px;
  height: 48px;
  max-width: 48px;
  max-height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  background: var(--bg-light-grey);
  cursor: pointer;
}

.header__open-menu-svg {
  width: 100%;
  height: 100%;
  max-width: 24px;
  max-height: 24px;
  object-fit: contain;
  fill: var(--accent-dark-blue);
}

.header__close-menu {
  display: none;
}

.header-list {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 13px 27px;
  background: var(--bg-light-grey);
  border-radius: 40px;
}

.header__item {
  display: flex;
}

.header__link {
  white-space: nowrap;
}

.header__search {
  display: flex;
  cursor: pointer;
}

.header__search svg {
  width: 24px;
  height: 24px;
  fill: var(--accent-dark-blue);
}

.header__languages {
  display: flex;
}

.header__language {
  padding: 0 8px;
}

.header__language-kz {
  border-right: 1px solid var(--accent-dark-blue);
}

/* 992 - 1280 */
@media (max-width: 1279px) {

  .header {
    padding: 16px;
  }

  .header__logo-wrapper {
    height: 50px;
  }

  .header__link,
  .header__language {
    font-size: 20px;
    font-weight: 500;
  }

  /* .header__container {
    padding: 0;
  } */

  .header-nav-wrapper {
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100svh;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px;
    background: var(--bg-light-grey);
    z-index: 100;
  }

  .header-nav-wrapper--open {
    flex-direction: column;
    top: 0;
    right: 0;
    width: 100%;
    height: 100svh;
  }

  .header-list {
    flex-direction: column;
  }

  .header__open-menu {
    display: flex;
  }

  .header__close-menu {
    display: flex;
    width: 48px;
    height: 48px;
    max-width: 48px;
    max-height: 48px;
    min-width: 48px;
    min-height: 48px;
    padding: 8px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    background: var(--white);
    cursor: pointer;

    align-self: flex-end;
  }

  .header__close-menu-svg {
    fill: var(--accent-dark-blue);
  }

  .header__menu {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    overflow: auto;
    max-height: 100%;

    order: 2;
  }

  .header__menu::-webkit-scrollbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
  }

  .header__menu::-webkit-scrollbar-track {
    background: transparent;
  }

  .header__menu::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
  }

  .header-list {
    padding: 0;
    background: none;
    align-items: flex-start;
  }

  .header__languages {
    align-self: flex-end;
    order: 1;
  }

  .header__search {
    align-self: flex-end;
    order: 2;
  }

  .header-btn {
    order: 4;
  }

  .header-list {
    order: 3;
    margin-bottom: 16px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {
  .header__container {
    padding: 0;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {}


/* HEADER */





















/* INTRO HOME */

.intro__container {
  padding-top: 64px;
  padding-bottom: 96px;
  flex-direction: row;
  gap: 48px;
  flex-wrap: wrap;
}

.intro__title {
  width: calc(55% - 24px);
}

.intro__content-wrapper {
  display: flex;
  width: calc(45% - 24px);
  flex-direction: column;
  gap: 48px;
}

.intro__text {
  margin-top: 16px;
}

.intro__btns {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .intro__container {
    flex-direction: column;
    padding-top: 32px;
    padding-bottom: 64px;
    gap: 24px;
  }

  .intro__title {
    width: 100%;
    text-wrap: balance;
  }

  .intro__text {
    text-wrap: balance;
    margin-top: 0;
  }

  .intro__content-wrapper {
    width: 100%;
    align-items: flex-start;
    gap: 24px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {
  .intro__btns {
    width: 100%;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .intro__btns {
    flex-direction: column;
  }
}

/* INTRO HOME */




















/* INTRO-IMG */

.intro-image {
  display: flex;
  width: 100%;
  height: 450px;
}

.pustishka {
  display: flex;
  width: 100%;
  height: 100%;
  /* background: red; */
  /* УБРАТЬ В КОНЦЕ */
}

.page-home__img {
  position: fixed;
  top: 16px;
  /* Изначальные отступы */
  left: 16px;
  /* Изначальные отступы */
  width: calc(100% - 32px);
  /* Учитываем отступы 16px с каждой стороны */
  height: calc(100vh - 32px);
  /* Учитываем отступы 16px сверху и снизу */
  object-fit: cover;
  border-radius: 20px;
  transition: all 1s ease;
  /* Плавная анимация */
  z-index: 100;
  /* Картинка выше остальных блоков */

  pointer-events: none;
}

.page-home__img.animate {
  width: calc(100% - 32px);
  /* Конечные размеры */
  height: 450px;
  /* Конечная высота */
  top: auto;
  left: 16px;
  /* Отступы остаются */
  border-radius: 20px;
}

@media (max-width: 1279px) {
  .intro-image {
    height: 300px;
  }

  .page-home__img.animate {
    height: 300px;
  }
}

/* INTRO-IMG */
















/* advantages */

.advantages__container {
  padding-top: 96px;
}

.advantages__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 24px;
}

.advantages__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  background-color: var(--bg-light-grey);
  width: calc(100% / 3 - 12px);
  min-height: 320px;
  border-radius: 40px;
  padding: 32px;

  overflow: hidden;
}

.advantages__item--one {
  width: calc(37% - 16px);
}

.advantages__item--two {
  width: calc(37% - 16px);
}

.advantages__item--three {
  width: calc(26% - 16px);
}

.advantages__note {
  display: flex;
  border: 0.6px solid var(--accent-dark-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
}


.advantages__title {
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 16px;
  z-index: 2;
}

.advantages__item--three .advantages__title {
  font-size: 70px;
  line-height: 85px;
  font-weight: 500;
  color: var(--white);
  z-index: 2;
}

.advantages__item--three .advantages__text {
  color: var(--white);
  z-index: 2;
}

.advantages__img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}


.advantages__text {
  font-size: 16px;
  line-height: 20px;
}

@media (max-width: 1279px) {
  .advantages__container {
    padding-top: 64px;
  }

  .advantages__list {
    flex-wrap: wrap;
  }

  .advantages__item--one,
  .advantages__item--two {
    width: calc(50% - 12px);
  }

  .advantages__item--three {
    width: 100%;
    min-height: auto;
  }

  .advantages__title {
    font-size: 28px;
    line-height: 110%;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

@media (max-width: 767px) {

  .advantages__container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .advantages__list {
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 16px;
    gap: 16px;
  }



  .advantages__list::-webkit-scrollbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
  }

  .advantages__list::-webkit-scrollbar-track {
    background: transparent;
  }

  .advantages__list::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
  }



  .advantages__item {
    min-width: calc(100% / 1.2 - 12px);
    width: calc(100% / 1.2 - 12px);

    padding: 24px;
  }

  .advantages__title {
    font-size: 26px;
    line-height: 110%;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .advantages__item {
    border-radius: 30px;
  }
}


/* advantages */





















/* home-cards */

.home-cards {
  align-items: center;
  padding: 96px 16px 96px 16px;
  overflow: visible;
}

.home-cards__container {
  flex-direction: row;
  gap: 32px;
}

.home-cards__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: calc(45% - 16px);
  padding: 88px 0;

  overflow-y: auto;
}

.home-cards__content:nth-child(2) {
  width: calc(55% - 16px);
}

.home-cards__content::-webkit-scrollbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}

.home-cards__content::-webkit-scrollbar-track {
  background: transparent;
}

.home-cards__content::-webkit-scrollbar-thumb {
  background-color: var(--bg-white30);
  border-radius: 20px;
}

.home-cards__title {
  text-align: center;
  width: 30%;
  max-width: calc(1200px - 32px);

  margin-bottom: 96px;
}

.span-underline {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 10px;
}

.home-cards__list {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.home-cards__item {
  position: sticky;
  display: flex;
  width: 100%;
  border-radius: 40px;
  transform-origin: top center;

  max-height: 90vh;
  margin-bottom: 16px;

  background: red;

  transition: 0.2s;
}

.home-cards__item:last-child {
  margin-bottom: 0;
}

.home-cards__item--color_blue {
  background: var(--accent-blue);
}

.home-cards__item--color_dark-blue {
  background: var(--bg-dark-blue);
}


.home-cards__name {
  /* font-size: 36px;
  line-height: 44px; */

  color: var(--white);
  margin-bottom: 32px;
  text-wrap: balance;
}

.home-cards__checks {
  display: flex;
  flex-direction: column;
  gap: 16px;

  margin-bottom: 32px;
}

.home-cards__check {
  display: flex;
  gap: 16px;

  align-items: center;
  justify-content: flex-start;
}

.home-cards__check-img-wrapper {
  display: flex;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  flex-grow: 0;
}

.home-cards__check-img {
  object-fit: contain;
}

.home-cards__text {
  /* font-size: 16px;
  line-height: 20px; */

  color: var(--white);
  text-wrap: balance;
}

.home-cards__img-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 1279px) {

  .home-cards__title {
    width: 100%;
    max-width: calc(900px - 32px);
    /* text-align: left; */
    margin-bottom: 64px;
  }

  .home-cards {
    padding: 64px 16px 64px 16px;
  }

  .home-cards__container {
    padding: 32px;
  }

  .home-cards__item {
    position: relative;
    min-height: 500px;
    max-height: none;
  }

  .home-cards__content {
    justify-content: flex-start;
    width: calc(100% / 2 - 16px);
    padding: 0;
  }

  .home-cards__img-wrapper {
    height: 100%;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {
  .home-cards__title {
    width: 100%;
    max-width: calc(700px - 32px);
    /* text-align: left; */
    margin-bottom: 64px;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {
  .home-cards__container {
    flex-direction: column;
  }

  .home-cards__item {
    min-height: auto;
    max-height: none;
  }

  .home-cards__content {
    width: 100% !important;
  }

  .home-cards__img-wrapper {
    aspect-ratio: 1/0.5;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .home-cards__container {
    padding: 24px;
  }

  .home-cards__img-wrapper {
    aspect-ratio: 1/0.8;
  }

  .home-cards__item {
    border-radius: 30px;
  }
}


/* home-cards */

























/* FOR-WHO */

.for-who__container {
  align-items: center;
}

.for-who__title {
  text-align: center;
  max-width: 50%;
  margin-bottom: 96px;
}

.for-who__first,
.for-who__last {
  position: relative;
  display: flex;
  width: 100%;
  border-radius: 40px;

  margin-bottom: 24px;
}


.for-who__item-link-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 320px;
  padding: 32px;
}


.for-who__last {
  margin-bottom: 96px;
}

.for-who__first {
  background: var(--bg-dark-blue);
}

.for-who__last {
  background: var(--accent-blue);
}

.for-who__img-wrapper:hover .for-who__img {
  transform: scale(1.030);
}

.for-who__list {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 32px;
}

.for-who__item {
  display: flex;
  width: calc(100% / 2 - 16px);
  /* min-height: 500px; */
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}


.for-who__note {
  display: flex;
  border: 0.6px solid var(--white);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  color: var(--white);

  margin-bottom: 32px;
}

.for-who__name {
  color: var(--white);
  text-wrap: pretty;

  margin-bottom: 24px;
}

.for-who__text {
  color: var(--white);
  text-wrap: balance;
}

.for-who__img-wrapper {
  width: 100%;
  /* height: 100%; */
  aspect-ratio: 1/1;
  border-radius: 20px;
  overflow: hidden;
}

/* .for-who__img {} */

.for-who__link {
  position: absolute;
  left: calc(100% / 2 - 64px);
  bottom: 32px;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  flex-grow: 0;
  pointer-events: none;
}

.for-who__svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.for-who__center {
  display: flex;
  width: 100%;
  gap: 24px;
  flex-wrap: wrap;

  margin-bottom: 24px;
}

.for-who__center-item {
  position: relative;
  display: flex;

  width: calc(100% / 2 - 12px);
  border-radius: 40px;
  overflow: hidden;

  background: var(--bg-light-grey);
}

.for-who__center-item-link {
  display: flex;
  width: 100%;
  padding: 32px;
}

.for-who__center-item:hover .for-who__center-img {
  transform: scale(1.050);
}

.for-who__center-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
}

.for-who__center-content-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.for-who__center-note {
  display: flex;
  border: 0.6px solid var(--typography-dark-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  color: var(--typography-dark-blue);
  margin-bottom: 32px;
}

.for-who__center-name {
  color: var(--typography-dark-blue);
  text-wrap: pretty;

  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;

  margin-bottom: 24px;
}

.for-who__center-text {
  text-wrap: balance;

  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.for-who__center-img-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  flex-grow: 0;
  aspect-ratio: 1 / 0.5;

  margin-top: auto;
}

.for-who__center-img {
  position: absolute;
  width: calc(100% + 32px);
  height: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.for-who__center-item:nth-child(4n-3) {
  background-color: var(--bg-light-grey);
}

.for-who__center-item:nth-child(4n-3) .for-who__center-svg circle {
  fill: var(--bg-white60);
}

.for-who__center-item:nth-child(4n-3) .for-who__center-svg path {
  stroke: var(--bg-dark-blue);
}

.for-who__center-item:nth-child(4n-2) {
  background-color: var(--accent-blue);
}

.for-who__center-item:nth-child(4n-2) * {
  color: var(--white);
  border-color: var(--white);
}

.for-who__center-item:nth-child(4n-2) .for-who__center-svg circle {
  fill: var(--bg-white30);
}

.for-who__center-item:nth-child(4n-2) .for-who__center-svg path {
  stroke: var(--white);
}

.for-who__center-item:nth-child(4n-1) {
  background-color: var(--bg-dark-blue);
}

.for-who__center-item:nth-child(4n-1) * {
  color: var(--white);
  border-color: var(--white);
}

.for-who__center-item:nth-child(4n-1) .for-who__center-svg circle {
  fill: var(--bg-white30);
}

.for-who__center-item:nth-child(4n-1) .for-who__center-svg path {
  stroke: var(--white);
}

.for-who__center-item:nth-child(4n) {
  background-color: var(--bg-light-grey);
}

.for-who__center-item:nth-child(4n) .for-who__center-svg circle {
  fill: var(--bg-white60);
}

.for-who__center-item:nth-child(4n) .for-who__center-svg path {
  stroke: var(--bg-dark-blue);
}

.for-who__center-svg-wrapper {
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  flex-grow: 0;
  z-index: 5;
}

.hover75 {}

.for-who__center-svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .for-who__title {
    margin-bottom: 64px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {
  .for-who__item {
    min-height: 300px;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {
  .for-who__list {
    flex-direction: column;
  }

  .for-who__item {
    width: 100%;
    min-height: auto;
  }

  .for-who__img-wrapper {
    width: 100%;
    aspect-ratio: 1/0.5;
  }

  .for-who__link {
    left: auto;
    right: 64px;
    bottom: 64px;
  }

  .for-who__center {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .for-who__center-item {
    width: 100% !important;
  }

}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {

  .for-who__first,
  .for-who__last {
    border-radius: 30px;
  }

  .for-who__item-link-wrapper {
    padding: 24px;
  }

  .for-who__img-wrapper {
    aspect-ratio: 1/0.8;
  }

  .for-who__link {
    right: 48px;
    bottom: 48px;
  }

  .for-who__center-item {
    border-radius: 30px;
  }

  .for-who__center-item-link {
    padding: 24px;
  }

  .for-who__last {
    margin-bottom: 64px;
  }
}

/* FOR-WHO */

























/* HOME SLIDER */

.home-slider__container {
  align-items: flex-start;
}

.home-slider__note {
  display: flex;
  border: 0.6px solid var(--typography-dark-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  color: var(--typography-dark-blue);
  margin-bottom: 48px;
}

.home-swiper {
  width: 100%;
  margin-bottom: 96px;
}

.home-slider__list {
  display: flex;
  width: 100%;
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none"><rect width="74" height="74" rx="37" fill="%239B9DAE" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.529 28.9999L14.9987 36.5302L22.529 44.0605L23.5897 42.9999L17.8701 37.2803L32.3945 37.2803L32.3945 35.7803L17.87 35.7803L23.5897 30.0605L22.529 28.9999Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M55.9172 35.7803L50.1975 30.0607L51.2582 29L58.7885 36.5303L51.2582 44.0607L50.1975 43L55.9172 37.2803L41.3945 37.2803V35.7803L55.9172 35.7803Z" fill="white"/></svg>') 37 37, pointer;
}

.home-slider__item {
  display: flex;
  flex-direction: column;
  width: 100% !important;
}

.home-slider__text {
  margin-bottom: 48px;
  text-wrap: pretty;
  user-select: none;
}

.home-slider__author {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
}

.home-slider__img-wrapper {
  display: flex;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
}

/* .home-slider__img {} */

.home-slider__who {
  display: flex;
  flex-direction: column;
  justify-content: center;

}

.home-slider__name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--typography-dark-blue);
}

.home-slider__company {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: var(--typography-dark-blue);
}

.swiper-pagination {
  position: relative !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

.swiper-pagination-bullet {
  background: var(--typography-grey) !important;
}

.swiper-pagination-bullet-active {
  background: var(--accent-blue) !important;
}

/* 992 - 1280 */
@media (max-width: 1279px) {}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .home-swiper {
    margin-bottom: 64px;
  }
}

/* HOME SLIDER */


















/* home-marquee */

.home-marquee {
  flex-direction: row;
  overflow: hidden;
}

.home-marquee__wrapper {
  position: relative;
  display: flex;
  min-width: 100%;
  gap: 32px;
  overflow: hidden;

  margin-bottom: 120px;
}

.home-marquee__list {
  display: flex;
  min-width: 100%;
  flex-shrink: 0;
  justify-content: space-around;
  gap: 32px;
}

.marqueeScroll {
  animation: marqueeScroll 20s linear infinite;
}

@keyframes marqueeScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - 32px));
  }
}

.home-marquee__item {
  display: flex;
  height: 32px;
  flex-shrink: 0;
}

.home-marquee__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.5;
}

.home-marquee__img:hover {
  filter: grayscale(0);
  opacity: 1;
  user-select: none;
}


/* 992 - 1280 */
@media (max-width: 1279px) {

  .home-marquee__list {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    flex-shrink: 0;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .home-marquee__wrapper {
    margin-bottom: 64px;
  }
}

/* home-marquee */






















/* HOME MEDIA */

.home-media__container {
  align-items: center;
}

.home-media__title {
  text-align: center;
  max-width: 50%;
  margin-bottom: 96px;
}

.home-media__list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  gap: 24px;

  margin-bottom: 96px;
}

.home-media__all-media {
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  width: calc(40% - 16px);
  aspect-ratio: 1/1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  background-color: var(--bg-light-grey);

  min-height: 320px;
  border-radius: 40px;

  mask-image: radial-gradient(white, black);
  overflow: hidden;
}

.home-media__all-media-link {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 32px;
}

.home-media__all-media-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.home-media__all-media:hover .home-media__all-media-img {
  transform: scale(1.050);
}

.home-media__btn {
  z-index: 2;
}

.home-media__news {
  display: flex;
  width: 100%;
  aspect-ratio: 1/1.150;
  border-radius: 40px;
  background: var(--bg-light-grey);
  overflow: hidden;
}

.home-media__news--one,
.home-media__news--two {
  width: calc(30% - 16px);
}

.home-media__news-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
}

.home-media__news-note {
  display: flex;
  border: 0.6px solid var(--typography-dark-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  color: var(--typography-dark-blue);
  margin-bottom: 24px;
}

.home-media__news-title {
  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;

  font-size: 36px;
  line-height: 44px;
  margin-bottom: 16px;

  margin-bottom: 24px;
}

.home-media__news-svg {
  flex-shrink: 0;
  flex-grow: 0;

  margin-top: auto;
  margin-left: auto;
}

.home-media__news--one * {
  background: var(--accent-blue);
  color: var(--white);
  border-color: var(--white);
}

.home-media__news--one .home-media__news-svg circle {
  fill: var(--bg-white30);
}

.home-media__news--one .home-media__news-svg path {
  stroke: var(--white);
}


.home-media__news--two .home-media__news-svg circle {
  fill: var(--bg-white60);
}

.home-media__news--two .home-media__news-svg path {
  stroke: var(--bg-dark-blue);
}

.home-media__news--one:hover,
.home-media__news--two:hover {
  opacity: 0.75;
}

@media (max-width: 1279px) {
  .home-media__title {
    max-width: 100%;
    /* text-align: left; */
    margin-bottom: 64px;
  }

  .home-media__list {
    width: 100%;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 64px;
  }

  .home-media__all-media {
    width: 100%;
    aspect-ratio: 1/0.25;
  }

  .home-media__news--one,
  .home-media__news--two {
    width: calc(100% / 2 - 12px);
    aspect-ratio: auto;
  }

  .home-media__news-title {
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {

  .home-media__container {
    padding: 0;
  }

  .home-media__title {
    padding: 0 16px;
  }

  .home-media__list {
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 16px;
    overflow: auto;
  }

  .home-media__list::-webkit-scrollbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
  }

  .home-media__list::-webkit-scrollbar-track {
    background: transparent;
  }

  .home-media__list::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
  }



  .home-media__news {
    width: 100% !important;
  }

  .home-media__all-media,
  .home-media__news--one,
  .home-media__news--two {
    min-width: calc(100% / 1.2 - 12px);
    width: calc(100% / 1.2 - 12px);
    border-radius: 30px;
  }

  .home-media__news-title {
    -webkit-line-clamp: 6;
  }

  .home-media__news-link {
    padding: 24px;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {}

/* HOME MEDIA */












/* FOOTER */

.footer {
  background: var(--bg-dark-blue);
}

.footer__container {
  padding-top: 96px;
  padding-bottom: 96px;
}

.footer__up {
  display: flex;
  width: 100%;
  gap: 24px;

  margin-bottom: 120px;
}

.footer__title {
  display: flex;
  width: calc(60% - 12px);
  color: var(--white);
}

.footer__form {
  display: flex;
  flex-direction: column;
  width: calc(40% - 12px);
  color: var(--white);
  gap: 10px;
}

.footer__form-input {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 27px;

  border-radius: 40px;

  font-size: 16px;
  line-height: 20px;
  font-weight: 400;

  background: var(--bg-white30);
  color: var(--white);
}

.footer__form-input::placeholder {
  color: var(--bg-white60);
}

.footer__form-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  padding: 13px 27px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--typography-white);
  background: var(--accent-blue);

  cursor: pointer;
}

.footer__down {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
}

.footer__logo-wrapper {
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  width: auto;
  height: 200px;
  max-height: 200px;
}

.footer__logo-svg {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer__links {
  display: flex;
  width: 100%;
  gap: 64px;
  justify-content: space-between;
  align-items: flex-start;
  color: var(--white);
}

.footer__menu-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, minmax(1px, 20px));
  row-gap: 16px;
  column-gap: 64px;
  grid-auto-flow: row;
}

.footer__menu-link {
  white-space: nowrap;
}

.footer__socials {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, minmax(1px, 20px));
  row-gap: 16px;
  grid-auto-flow: row;
}

.footer__social {}

.footer__social-link {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer__social-link::after {
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 7px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" fill="none"><path d="M4.66797 1L8.16797 4.5L4.66797 8" stroke="white"/><path d="M8.16797 4.5L0.00130154 4.5" stroke="white"/></svg>');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.footer__contacts {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, minmax(1px, 20px));
  row-gap: 16px;
  grid-auto-flow: row;
  flex-shrink: 0;
}

.footer__contact {}

.footer__contact-link {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .footer__container {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .footer__up {
    margin-bottom: 64px;
  }

  .footer__title {
    width: calc(100% / 2 - 12px);
    /* font-size: 40px; */
  }

  .footer__form {
    width: calc(100% / 2 - 12px);
  }

  .footer__logo-wrapper {
    height: 88px;
  }

  .footer__links {
    gap: 32px;
    justify-content: flex-end;
  }

  .footer__menu-list {
    column-gap: 32px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {
  .footer__down {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__links {
    justify-content: space-between;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {
  .footer__up {
    flex-direction: column;
  }

  .footer__title {
    width: 100%;
  }

  .footer__form {
    width: 100%;
  }

  .footer__links {
    flex-direction: column;
  }

  .footer__menu-list,
  .footer__socials,
  .footer__contacts {
    display: flex;
    flex-direction: column;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .footer__logo-wrapper {
    width: 100%;
    height: auto;
    max-height: none;
  }

  .footer__menu-list {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px;

    margin-bottom: 48px;
  }

  .footer__links {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    font-size: 14px;
  }

  .footer__menu {
    display: flex;
    width: calc(100% / 2);
  }

  .footer__menu-link {
    white-space: normal;
    margin-bottom: 16px;
  }

  .footer__socials,
  .footer__contacts {
    width: calc(100% / 2);

    row-gap: 0;
    gap: 16px;

    margin-bottom: 48px;
  }

  .footer__contact-link {
    white-space: normal;
  }
}

/* FOOTER */








/* page-home */





















































/* PRODUCT PAGE */

/* PRODUCT INTRO */
.product-intro {
  padding: 0 16px;
}

.product-intro__wrapper {
  width: 100%;
  background: var(--bg-light-grey);
  border-radius: 20px;
}

.product-intro__container {
  align-items: center;
  padding: 40px 16px 334px 16px;
}

.product-intro__note {
  display: flex;
  border: 0.6px solid var(--accent-blue);
  color: var(--accent-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  text-align: center;

  margin-bottom: 16px;
}

.product-intro__title {
  max-width: 860px;
  text-align: center;

  margin-bottom: 20px;
}

.product-intro__text {
  max-width: 600px;

  text-align: center;
}

@media (max-width: 1279px) {}

@media (max-width: 799px) {}

@media (max-width: 767px) {}

/* PRODUCT INTRO */







/* phones */
.phones {
  margin-top: -300px;
  overflow: visible;
}

.phones__container {
  overflow: clip;
}

.phones__list {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: calc(668px * 1.8);
  gap: 24px;

  margin-bottom: 96px;
  overflow: clip;
}

.phones__img-blur-wrapper {
  display: flex;
  width: 700px;
  aspect-ratio: 1/1;

  position: absolute;
  top: 330px;
  left: 50%;
  transform: translate(-50%, -50%);

  pointer-events: none;
  user-select: none;
}

.phones__img-blur {
  object-fit: contain;
}

.phones__img1-wrapper {
  position: absolute;
  top: 0;
  left: 0;

  display: flex;
  width: 240px;
  height: 240px;

  z-index: 4;

  pointer-events: none;
  user-select: none;
}

.phones__img1 {
  object-fit: contain;
}

.phones__img2-wrapper {
  position: absolute;
  top: 0;
  right: 0;

  display: flex;
  width: 240px;
  height: 240px;

  z-index: 4;

  pointer-events: none;
  user-select: none;
}

.phones__img2 {
  object-fit: contain;
}

.phones__item {
  display: flex;
  justify-content: center;
  width: calc(100% / 3 - 16px);
  /* max-height: 668px; */
}

.phones__item--left {
  justify-content: flex-end;
  align-self: flex-end;
}

.phones__img-wrapper {
  display: flex;

  pointer-events: none;
  user-select: none;
}

.phones__img {
  max-height: 668px;
  object-fit: contain;
}

.phones__item--center {
  position: relative;
  align-items: flex-start;
  height: 100%;
}

.phones__img-wrapper--center {
  position: sticky;
  top: 16px;

  pointer-events: none;
  user-select: none;
}

.phones__item--right {
  justify-content: flex-start;
  align-self: flex-end;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .phones__list {
    height: 1000px;
    margin-bottom: 64px;
  }

  .phones__img-blur-wrapper {
    width: 450px;
    top: 225px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {
  .phones__list {
    height: 800px;
  }

  .phones__img1-wrapper,
  .phones__img2-wrapper {
    width: 200px;
    height: 200px;
  }

  .phones__img-blur-wrapper {
    width: 400px;
    top: 200px;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {
  .phones__img-blur-wrapper {
    display: none;
  }

  .phones__item {
    display: none;
  }

  .phones__list {
    height: auto;
    align-items: center;
    justify-content: center;
  }

  .phones__item--center {
    display: flex;
    width: 70%;
  }


  .phones__img1-wrapper,
  .phones__img2-wrapper {
    width: 150px;
    height: 150px;
  }

  .phones__img1-wrapper {
    left: 32px;
  }

  .phones__img2-wrapper {
    right: 32px;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .phones__img1-wrapper {
    left: 8px;
    top: auto;
    bottom: 0;
  }

  .phones__img2-wrapper {
    right: 8px;
  }
}

/* phones */






/* PRODUCT BENEFITS */

.product-benefits {
  overflow: visible;
}

.product-benefits__container {
  align-items: center;
}

.product-benefits__title {
  max-width: 720px;
  text-align: center;
  margin-bottom: 96px;
}

.product-benefits__scroll-container {
  position: relative;
  width: 100%;
  margin-bottom: 96px;
}

.product-benefits__sticky-container {}

.product-benefits__list {
  position: relative;
  width: 100%;
  display: flex;
  /* justify-content: center; */
  align-items: center;

  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none"><rect width="74" height="74" rx="37" fill="%239B9DAE" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.529 28.9999L14.9987 36.5302L22.529 44.0605L23.5897 42.9999L17.8701 37.2803L32.3945 37.2803L32.3945 35.7803L17.87 35.7803L23.5897 30.0605L22.529 28.9999Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M55.9172 35.7803L50.1975 30.0607L51.2582 29L58.7885 36.5303L51.2582 44.0607L50.1975 43L55.9172 37.2803L41.3945 37.2803V35.7803L55.9172 35.7803Z" fill="white"/></svg>') 37 37, pointer;
}

.product-benefits__item {
  display: flex;
  width: 100%;
  height: 500px;
  min-height: 500px;
  max-height: 500px;
  border-radius: 40px;
  padding: 32px;
  background: var(--bg-dark-blue);
  color: var(--white);

  transition: 0.5s;
}

.page-business .product-benefits__item {
  background: var(--accent-blue);
}

.product-benefits__item--visible {
  opacity: 1;
  transition: 0.5s;
}

.product-benefits__wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 32px;
}

.product-benefits__content {
  position: relative;
  display: flex;
  width: calc(100% / 2 - 16px);
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.product-benefits__name {
  color: var(--white);
  text-wrap: pretty;
  margin-bottom: 24px;
}

.product-benefits__text {
  text-wrap: balance;

  max-width: 400px;
  color: var(--white);
}

.product-benefits__numbers {
  display: flex;
  gap: 8px;

  margin-top: auto;
}

.product-benefits__number {
  color: var(--bg-white30);
}

.product-benefits__number--active {
  color: var(--white);
}

.product-benefits__img-absolut-wrapper {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(-50%);

  display: flex;
  width: 300px;
  aspect-ratio: 1/0.5;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
}

.product-benefits__img-absolut {
  object-fit: contain;
}

.product-benefits__img-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.product-benefits__img {}

/* 992 - 1280 */
@media (max-width: 1279px) {

  .product-benefits__list {
    align-items: stretch;
  }

  .product-benefits__title {
    margin-bottom: 64px;
  }

  .product-benefits__item {
    min-height: auto;
    height: auto;
  }

  .product-benefits__img-wrapper {
    height: auto;
    aspect-ratio: 1/1;
  }

  .product-benefits__name {
    font-size: 28px;
    line-height: 110%;
  }

  .product-benefits__text {
    margin-bottom: 24px;
  }

  .product-benefits__img-absolut-wrapper {
    width: 200px;
    left: 20%;
  }

  .product-benefits__scroll-container {
    margin-bottom: 64px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {
  .product-benefits__list {
    margin-bottom: 24px;
  }

  .product-benefits__numbers {
    display: none;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {

  .product-benefits__item {
    height: auto;
    max-height: none;
  }

  .product-benefits__wrapper {
    flex-direction: column;
  }

  .product-benefits__content {
    width: 100%;
    min-height: auto;
    height: 100%;
  }

  .product-benefits__img-wrapper {
    aspect-ratio: 1/0.8;
  }

  .product-benefits__img-absolut-wrapper {
    top: 5%;
    left: auto;
    right: 3%;
    transform: translate(0, -50%);
    width: 180px;
  }

}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .product-benefits__item {
    border-radius: 30px;
    padding: 24px;
  }

}


/* PRODUCT BENEFITS */






/* how-it-works */

.how-it-works {}

.how-it-works__container {}

.how-it-works__content {
  display: flex;
  width: 100%;
  border-radius: 40px;
  gap: 32px;
  background: var(--bg-light-grey);

  margin-bottom: 96px;
}

.how-it-works__item {
  position: relative;
  display: flex;
  width: calc(100% / 2 - 16px);
  min-height: 100%;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
}

.how-it-works__item--second {
  align-items: flex-end;
  padding-bottom: 0;
}

.how-it-works__title {
  text-wrap: pretty;
  margin-bottom: 24px;
}

.how-it-works__text {
  text-wrap: pretty;
  margin-bottom: 24px;
}

.how-it-works__btn {
  margin-top: auto;
}

.how-it-works__img-wrapper {
  display: flex;
  width: 100%;
  aspect-ratio: 1/0.8;

  overflow: hidden;
}

.how-it-works__img {
  object-fit: contain;
}

.how-it-works__text-abs {
  position: absolute;
  bottom: 10%;
  left: 0;
  display: flex;
  background: var(--accent-blue);
  color: var(--white);
  padding: 24px;
  border-radius: 40px;
}

/* 992 - 1280 */
@media (max-width: 1279px) {}

/* 768 - 992 */
@media (max-width: 991px) {
  .how-it-works__content {
    height: auto;
    min-height: auto;
    max-height: none;

    margin-bottom: 64px;
  }

  .how-it-works__img-wrapper {
    width: 100%;
    aspect-ratio: 1/1;
  }

  .how-it-works__item--second {
    justify-content: flex-end;
  }

  .how-it-works__text-abs {
    display: none;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {
  .how-it-works__content {
    flex-direction: column;
  }

  .how-it-works__item {
    width: 100%;
    padding: 32px 32px 0 32px;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .how-it-works__item {
    padding: 24px 24px 0 24px;
  }
}



/* how-it-works */










/* EARN */

.earn {}

.earn__container {
  align-items: center;
}

.earn__title {
  max-width: 720px;
  text-align: center;
  margin-bottom: 96px;
}

.earn__table {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 48px;
  border-radius: 40px;
  gap: 16px;
  background: var(--bg-light-grey);
  margin-bottom: 96px;
}

.earn__row {
  display: flex;
  justify-content: space-between;
  background-color: var(--white);
  padding: 24px 32px;
  border-radius: 20px;
  gap: 24px;
}

.earn__row--header {
  background-color: transparent;
  padding: 0px 32px 24px 32px;
}

.earn__cell {
  width: 33%;
  font-weight: 500;
  color: var(--typography-dark-blue);
}

.earn__cell--text {
  font-size: 32px;
  font-weight: 500;
}

.earn__name {
  margin-bottom: 16px;
}

.earn__note {
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
  color: var(--typography-grey);

  margin-top: 16px;
}

.earn__table--company,
.earn__table--individual {
  display: none;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .earn__title {
    margin-bottom: 64px;
  }

  .earn__table {
    margin-bottom: 64px;
  }

  .earn__table--together {
    display: none;
  }

  .earn__table--company,
  .earn__table--individual {
    display: flex;
  }

  .earn__cell--text {
    white-space: nowrap;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {

  .earn__table {
    padding: 24px;
  }

  .earn__row--header {
    padding: 0px 24px 24px 24px;
  }

  .earn__row {
    padding: 16px;
  }

  .earn__row--header .earn__cell {
    width: calc(100% / 2 - 12px);
  }

  .earn__name {
    margin-bottom: 0;
  }

  .earn__cell--text {
    font-size: 24px;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .earn__table {
    border-radius: 30px;
  }

  .earn__row {
    border-radius: 10px;
  }

  .earn__cell {
    width: calc(100% / 2 - 12px);
  }

  .earn__name {
    font-size: 20px;
  }

  .earn__cell--text {
    font-size: 16px;
  }
}


/* EARN */











/* SITE OR APP */

.site-or-app {}

.site-or-app__container {
  align-items: center;
}

.site-or-app__title {
  max-width: 700px;
  text-align: center;

  margin-bottom: 96px;
}

.site-or-app__list {
  display: flex;
  width: 100%;
  gap: 24px;

  margin-bottom: 96px;
}

.site-or-app__item {
  display: flex;
  flex-direction: column;
  width: calc(100% / 2 - 12px);
  align-items: flex-start;
  padding: 32px 32px 0 32px;
  border-radius: 40px;
  background: var(--bg-light-grey);
  overflow: hidden;
}

.site-or-app__name {
  margin-bottom: 24px;
}

.site-or-app__text {
  margin-bottom: 48px;
}

.site-or-app__img-wrapper {
  display: flex;
  width: 100%;
  aspect-ratio: 1/0.5;

  margin-top: auto;
}

.site-or-app__img {}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .site-or-app__title {
    margin-bottom: 64px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {
  .site-or-app__list {
    flex-direction: column;
  }

  .site-or-app__item {
    width: 100%;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .site-or-app__item {
    border-radius: 30px;
    padding: 24px 24px 0 24px;
  }
}

/* SITE OR APP */










/* STEPS */

.steps {
  max-width: 100%;
}

.steps__wrapper {
  display: flex;
  width: 100%;
}

.steps__container {
  align-items: center;
  overflow: visible;
}

.swiper-wrapper {}

.steps__list {
  display: flex;
  width: 100%;
  /* gap: 24px; */
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none"><rect width="74" height="74" rx="37" fill="%239B9DAE" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.529 28.9999L14.9987 36.5302L22.529 44.0605L23.5897 42.9999L17.8701 37.2803L32.3945 37.2803L32.3945 35.7803L17.87 35.7803L23.5897 30.0605L22.529 28.9999Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M55.9172 35.7803L50.1975 30.0607L51.2582 29L58.7885 36.5303L51.2582 44.0607L50.1975 43L55.9172 37.2803L41.3945 37.2803V35.7803L55.9172 35.7803Z" fill="white"/></svg>') 37 37, pointer;

  margin-bottom: 96px;
}

.swiper-slide {}

.steps__item {
  display: flex;
  flex-direction: column;
  /* width: calc(100% / 3 - 16px); */
  aspect-ratio: 1/1;
  align-items: flex-start;
  padding: 32px;
  border-radius: 40px;
  background: var(--bg-light-grey);
  overflow: hidden;
}

.steps-first {
  position: relative;
  background: black;
  mask-image: radial-gradient(white, black);
}

.steps-first__name {
  font-size: 48px;
  line-height: 110%;

  position: relative;
  z-index: 2;
  color: var(--white);
}

.steps-first__img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: 1;
}

.steps-first__img {}

.steps__note {
  display: flex;
  border: 0.6px solid var(--accent-dark-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;

  margin-bottom: 32px;
}

.steps__text {
  text-wrap: pretty;

  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}

.steps__img-wrapper {
  display: flex;
  width: 100%;
  aspect-ratio: 1/0.4;
  margin-top: auto;
}

.steps__img {
  object-fit: contain;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .steps__container {
    margin-bottom: 64px;
  }

  .steps__list {
    margin-bottom: 24px;
  }

  .steps-first__name {
    font-size: 32px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {
  .steps-first__name {
    max-width: 300px;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .steps__item {
    border-radius: 30px;
    padding: 24px;
  }
}


/* STEPS */







/* PHOTO BETWEEN TITLE */

.product-cta {}

.product-cta__container {
  align-items: center;
}

.product-cta__title {
  text-align: center;
  margin-bottom: 32px;

  transition: 2s ease;
}

.product-cta__title--pc {}

.product-cta__title--mob {
  display: none;
}

.product-cta__avatars-wrapper {
  max-width: 0%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  transform-origin: center;
  overflow: hidden;
}

.product-cta__avatars {
  display: flex;
  padding: 7px 8px 7px 24px;
  border-radius: 400px;
  background: #F4F4F6;
}

.product-cta__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: -16px;
}

.product-cta__extra {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1c2e5b;
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
  margin-left: 8px;
}

.avatars-wrapper {
  max-width: 0%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  transform-origin: center;
  overflow: hidden;

  transition: 2s ease;
}

.avatars-wrapper--active {
  max-width: 100%;

  transition: 2s ease;
}

.product-cta__text {
  text-wrap: balance;

  text-align: center;
  margin-bottom: 32px;
}

.product-cta__btn {
  margin-bottom: 120px;
}


/* 992 - 1280 */
@media (max-width: 1279px) {
  .product-cta__avatars {
    padding: 7px 8px 7px 16px;
  }

  .product-cta__avatar {
    width: 48px;
    height: 48px;
    margin-left: -8px;
  }

  .product-cta__extra {
    width: 48px;
    height: 48px;
    margin-left: -8px;
    font-size: 14px;
  }

  .product-cta__btn {
    margin-bottom: 64px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {
  .product-cta__title--pc {
    display: none;
  }

  .product-cta__title--mob {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .product-cta__title--mob .avatars-wrapper {
    max-width: 100%;
    margin-bottom: 16px;
  }

  .product-cta__avatar {
    display: none;
  }

  .product-cta__avatar:nth-child(-n+4) {
    display: flex;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {}

/* PHOTO BETWEEN TITLE */














/* product-faq */

.product-faq__container {
  margin-bottom: 96px;
}

.product-faq__title {
  text-align: center;

  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 10px;

  margin-bottom: 56px;
}

.ac {
  margin-top: 0;
  border: none;
  background-color: var(--bg-light-grey);
  box-sizing: border-box;
  border-radius: 40px;
  margin-bottom: 16px;
}

.ac-trigger:hover {
  transform: scale(1);
}

.ac .ac-trigger {
  color: var(--typography-dark-blue);
  padding: 32px 128px 32px 40px;
}

.ac .ac-trigger:focus {
  color: var(--orange-hover);
}

.ac .ac-panel .ac-text {
  padding: 0 128px 32px 40px;
  margin: 0;
}

.ac .ac-trigger::after {
  content: '';
  text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--white);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23000000"><path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"/></svg>');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  right: 40px;
  top: 50%;
  transition: 0.2s;
}

.ac:hover .ac-trigger::after {
  background-color: var(--accent-blue);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23ffffff"><path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"/></svg>');
}

.ac.is-active>.ac-header .ac-trigger::after {
  content: '';
  text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--accent-blue);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"/></svg>');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  -webkit-transform: translate(0, -50%) rotate(-45deg) !important;
  transform: translate(0, -50%);
  position: absolute;
  right: 40px;
  top: 50%;

  transition: 0.2s;
}

.product-faq__tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 8px;

  margin-bottom: 64px;
}

.tab-button {
  display: flex;
  background: var(--bg-light-grey);
  padding: 16px 32px;
  border-radius: 90px;
  white-space: nowrap;

  cursor: pointer;
}

.tab-button:hover {
  background: var(--bg-grey40);
}

.tab-button--active {
  color: var(--white);
  background: var(--accent-blue);
}

.tab-button--active:hover {
  background: var(--accent-blue);
}

/* 992 - 1280 */
@media (max-width: 1279px) {}

/* 768 - 992 */
@media (max-width: 991px) {
  .ac {
    border-radius: 30px;
  }

  .ac .ac-trigger {
    font-size: 24px;
    line-height: 110%;

    padding: 24px 128px 24px 24px;
  }

  .ac .ac-panel .ac-text {
    padding: 0 24px 24px 24px;
  }

  .product-faq__container {
    margin-bottom: 64px;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {

  .ac .ac-trigger {
    font-size: 20px;
    line-height: 110%;
    padding: 24px 96px 24px 24px;
  }

  .ac .ac-trigger::after,
  .ac.is-active>.ac-header .ac-trigger::after {
    right: 24px;
  }

}

/* product-faq */

























/* STEPS */

.product-advantages {
  max-width: 100%;
}

.product-advantages * {
  user-select: none;
}

.product-advantages__title {
  text-align: center;

  margin-bottom: 96px;
}

.product-advantages__wrapper {
  display: flex;
  width: 100%;

  margin-bottom: 96px;
}

.product-advantages__container {
  align-items: center;
  overflow: visible;
}

.swiper-wrapper {}

.product-advantages__list {
  display: flex;
  width: 100%;
  /* gap: 24px; */
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none"><rect width="74" height="74" rx="37" fill="%239B9DAE" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.529 28.9999L14.9987 36.5302L22.529 44.0605L23.5897 42.9999L17.8701 37.2803L32.3945 37.2803L32.3945 35.7803L17.87 35.7803L23.5897 30.0605L22.529 28.9999Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M55.9172 35.7803L50.1975 30.0607L51.2582 29L58.7885 36.5303L51.2582 44.0607L50.1975 43L55.9172 37.2803L41.3945 37.2803V35.7803L55.9172 35.7803Z" fill="white"/></svg>') 37 37, pointer;

  margin-bottom: 24px;

}

.swiper-slide {}

.product-advantages__item {
  display: flex;
  flex-direction: column;
  /* width: calc(100% / 3 - 16px); */
  align-items: flex-start;
  padding: 32px;
  border-radius: 40px;
  background: var(--bg-light-grey);
  overflow: hidden;

  margin-bottom: 24px;
}

.product-advantages__note {
  display: flex;
  border: 0.6px solid var(--accent-dark-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.product-advantages-first {
  position: relative;
  background: black;
}

.product-advantages-first__name {
  font-size: 48px;
  line-height: 110%;

  position: relative;
  z-index: 2;
  color: var(--white);
}


.product-advantages__name {
  margin-bottom: 24px;
}

.product-advantages__text {
  text-wrap: pretty;

  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;

  margin-bottom: 24px;
}

.product-advantages__img-wrapper {
  display: flex;
  width: 100%;
  aspect-ratio: 1/0.4;
  margin-top: auto;
  overflow: hidden;
}

.product-advantages__img {
  object-fit: contain;
}

.page-business .swiper-pagination,
.page-product .swiper-pagination {
  display: none;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .product-advantages__wrapper {
    margin-bottom: 64px;
  }

  .product-advantages__name {
    font-size: 28px;
    line-height: 110%;
  }

  .product-advantages__title {
    margin-bottom: 64px;
  }

}

/* 768 - 992 */
@media (max-width: 991px) {

  .page-business .swiper-pagination,
  .page-product .swiper-pagination {
    display: block;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {
  .product-advantages__name {
    font-size: 26px;
    line-height: 110%;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .product-advantages__item {
    padding: 24px;
    border-radius: 30px;
  }
}

/* STEPS */







/* PRODUCT PAGE */


































/* BUSINESS PAGE */

/* business-intro */
.business-intro {
  padding: 0 16px;
  overflow: hidden;
}

.business-intro__wrapper {
  width: 100%;
  background: var(--bg-light-grey);
  border-radius: 20px;
}

.business-intro__container {
  position: relative;
  align-items: center;
  padding: 40px 16px 350px 16px;


}

.business-intro__note {
  display: flex;
  border: 0.6px solid var(--accent-blue);
  color: var(--accent-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  text-align: center;

  margin-bottom: 16px;
}

.business-intro__title {
  max-width: 860px;
  text-align: center;

  margin-bottom: 20px;
}

.business-intro__text {
  text-wrap: balance;

  max-width: 600px;

  text-align: center;
}

/* 992 - 1280 */
@media (max-width: 1279px) {}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {}

/* business-intro */









/* INTRO-IMG */

.business-pustishka {
  position: relative;
  display: flex;
  width: 100%;
  height: 450px;

  margin-top: -300px;

  margin-bottom: 120px;
}

.business-pustishka__img {
  display: flex;
  width: 100%;
  height: 100%;
}

.business-ne-pustishka {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: calc(100% - 32px);
  height: calc(100vh - 32px);
  object-fit: cover;
  border-radius: 20px;
  transition: all 1s ease;
  z-index: 100;

  pointer-events: none;
}

.business-ne-pustishka.animate {
  height: 450px;
  top: auto;
  left: 50%;
  border-radius: 20px;

  z-index: 10;
}




.business-intro-img-wrapper {
  position: absolute;

  display: flex;
  width: 300px;
  height: 300px;
  flex-shrink: 0;
  flex-grow: 0;

  opacity: 0;
}

.business-intro-img-wrapper--one {
  bottom: 56px;
  left: -56px;

  z-index: 30;
}

.business-intro-img-wrapper--two {
  bottom: 56px;
  right: -56px;

  z-index: 30;
}

.business-intro-img-abs {}

/* INTRO-IMG */

/* 992 - 1280 */
@media (max-width: 1279px) {
  .business-intro-img-wrapper {
    width: 200px;
    height: 200px;
  }

  .business-pustishka {
    height: 400px;
    margin-bottom: 64px;
  }

  .business-ne-pustishka.animate {
    height: 400px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {
  .business-intro-img-wrapper {
    display: none;
  }

}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .business-pustishka {
    height: 300px;
  }

  .business-ne-pustishka.animate {
    height: 300px;
  }
}

/* BUSINESS PAGE */


































/* ABOUT US */

/* ABOUT US INTRO */
.about-intro {
  padding: 0 16px;
  overflow: visible;

  margin-bottom: 200px;
}

.about-intro__wrapper {
  width: 100%;
  background: var(--bg-light-grey);
  border-radius: 20px;
}

.about-intro__container {
  position: relative;
  align-items: center;
  padding: 40px 16px 16px 16px;
}

.about-intro__note {
  display: flex;
  border: 0.6px solid var(--accent-blue);
  color: var(--accent-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  text-align: center;

  margin-bottom: 16px;
}

.about-intro__title {
  max-width: 860px;
  text-align: center;
}

.about-intro__text {
  max-width: 600px;

  text-align: center;
}

.about-intro__img-content {
  position: relative;
  display: flex;
  width: 600px;
  height: 600px;
  flex-shrink: 0;
  flex-grow: 0;

  margin-top: -120px;
}

.about-intro__hand-wrapper {
  position: absolute;
  bottom: -56px;
  left: 0;

  display: flex;
  width: 600px;
  height: 600px;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  user-select: none;

  transform-origin: bottom center;

  animation: handRotate 3s ease-in-out infinite alternate;

  z-index: 5;
}

.about-intro__hand {
  object-fit: contain;
}

@keyframes handRotate {
  0% {
    transform: rotate(-8deg);
  }

  100% {
    transform: rotate(8deg);
  }
}

.about-intro__img-wrapper {
  position: absolute;

  display: flex;
  width: 300px;
  /* height: 150px; */
  aspect-ratio: 2/1;

  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  user-select: none;

}

.about-intro__img-wrapper--one {
  top: 40%;
  left: 0;

  transform: translateX(-50%);
}

.about-intro__img-wrapper--two {
  top: 40%;
  right: 0;

  transform: translateX(50%);
  z-index: 6;
}

.about-intro__img {
  object-fit: contain;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .about-intro {
    margin-bottom: 64px;
  }

  .about-intro__img-content {
    width: 400px;
    height: 400px;
  }

  .about-intro__hand-wrapper {
    width: 400px;
    height: 400px;
  }

  .about-intro__img-wrapper {
    width: 250px;
    aspect-ratio: 2/1;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {}

/* ABOUT US INTRO */






/* TARGET */

.target {
  overflow: visible;
}

.target__container {
  flex-direction: row;
  gap: 88px;

  margin-bottom: 200px;
}

.target__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% / 2 - 44px);
}

.target__content:nth-child(1) {
  align-self: flex-start;
  z-index: 6;
}

.target__img-wrapper-abs {
  position: absolute;
  bottom: 56px;
  right: -56px;

  display: flex;
  width: 300px;
  height: 150px;

  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  user-select: none;
}

.target__img-abs {
  object-fit: contain;
}


.target__sticky {
  position: sticky;
  top: 16px;
}

.target__img-wrapper {
  display: flex;
  width: 100%;
  border-radius: 40px;
  overflow: hidden;
  aspect-ratio: 1/1;
}

.target__img {}

.target__title {
  margin-bottom: 24px;
}

.target__text {
  text-wrap: balance;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .target__container {
    gap: 24px;

    margin-bottom: 64px;
  }

  .target__content {
    width: calc(100% / 2 - 12px);
  }

  .target__img-wrapper-abs {
    width: 30%;
    height: auto;
    aspect-ratio: 1/0.5;

    right: -16px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {
  .target__container {
    gap: 64px;
    flex-direction: column;
  }

  .target__content {
    width: 100% !important;
  }

  .target__img-wrapper {
    aspect-ratio: 1/0.5;
  }

  .target__content:nth-child(1) {
    order: 2;
  }

  .target__img-wrapper-abs {
    width: 30%;
    top: 0;
    right: 16px;
    transform: translateY(-50%);
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .target__img-wrapper-abs {
    width: 50%;
    top: 0;
    right: 16px;
    transform-origin: right top;
  }

  .target__img-wrapper {
    aspect-ratio: 1/1;
    border-radius: 20px;
  }
}

/* TARGET */












/* TEAM */


.team {
  max-width: 100%;
}

.team * {
  user-select: none;
}

.team__wrapper {
  display: flex;
  width: 100%;
}

.team__container {
  align-items: center;
  overflow: visible;

  margin-bottom: 96px;
}

.team__mob-content {
  display: none;
}

.swiper-wrapper {}

.team__list {
  display: flex;
  width: 100%;
  /* gap: 24px; */
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none"><rect width="74" height="74" rx="37" fill="%239B9DAE" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.529 28.9999L14.9987 36.5302L22.529 44.0605L23.5897 42.9999L17.8701 37.2803L32.3945 37.2803L32.3945 35.7803L17.87 35.7803L23.5897 30.0605L22.529 28.9999Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M55.9172 35.7803L50.1975 30.0607L51.2582 29L58.7885 36.5303L51.2582 44.0607L50.1975 43L55.9172 37.2803L41.3945 37.2803V35.7803L55.9172 35.7803Z" fill="white"/></svg>') 37 37, pointer;

}

.swiper-slide {}

.team__item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% / 2 - 16px);
  aspect-ratio: 1/1;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 32px;
  border-radius: 40px;
  background: var(--bg-light-grey);
  overflow: hidden;
}

.team__item--first {
  padding: 0;
  border-radius: 0;
  justify-content: center;
  background: transparent;
}

.team__title {
  margin-bottom: 24px;
}

.team__text {
  max-width: 90%;
  text-wrap: pretty;

  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.team__avatar {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 1;
}

.team__overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 32px;
  align-items: flex-end;
  background: rgba(000, 000, 000, 0.5);

  opacity: 0;
  z-index: 3;
}

.team__item:hover .team__overlay {
  opacity: 1;
}

.team__quote {
  display: flex;
  color: var(--white);
  gap: 8px;
}

.team__quote::before {
  content: '';
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  width: 19px;
  height: 13px;
  background-image: url('data:image/svg+xml,<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1179_12053)"><path d="M15.1487 4.58943C15.4919 2.72273 16.0599 1.3811 16.5135 0.550833C16.6912 0.226296 16.3293 -0.135285 16.0072 0.0507402C12.2104 2.2468 10.5453 5.45029 10.3384 8.0184C10.1599 10.2338 11.683 12.516 13.9907 12.9316C16.2993 13.3471 18.5097 11.8267 18.9284 9.53559C19.3674 7.13418 17.6617 4.82699 15.1478 4.58862L15.1487 4.58943Z" fill="white"/><path d="M4.82362 4.58943C5.16686 2.72273 5.73487 1.3811 6.18847 0.550833C6.36618 0.226296 6.00427 -0.135285 5.68213 0.0507402C1.88619 2.2468 0.2211 5.45029 0.0141817 8.0184C-0.164336 10.2338 1.35875 12.516 3.6665 12.9316C5.97506 13.3471 8.18544 11.8267 8.60415 9.53559C9.04314 7.13418 7.33748 4.82699 4.82362 4.58862V4.58943Z" fill="white"/></g><defs><clipPath id="clip0_1179_12053"><rect width="19" height="13" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}

.team__quote::after {
  content: '';
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  align-self: flex-end;
  width: 19px;
  height: 13px;
  background-image: url('data:image/svg+xml,<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1179_12056)"><path d="M3.85135 8.41057C3.50811 10.2773 2.9401 11.6189 2.4865 12.4492C2.30879 12.7737 2.6707 13.1353 2.99284 12.9493C6.7896 10.7532 8.45468 7.54971 8.6616 4.9816C8.84012 2.76621 7.31704 0.48398 5.00928 0.0684439C2.70072 -0.347092 0.490343 1.17332 0.071637 3.4644C-0.367355 5.86582 1.3383 8.17301 3.85216 8.41138L3.85135 8.41057Z" fill="white"/><path d="M14.1764 8.41057C13.8331 10.2773 13.2651 11.6189 12.8115 12.4492C12.6338 12.7737 12.9957 13.1353 13.3179 12.9493C17.1138 10.7532 18.7789 7.54971 18.9858 4.9816C19.1643 2.76621 17.6413 0.48398 15.3335 0.0684439C13.0249 -0.347092 10.8146 1.17332 10.3959 3.4644C9.95686 5.86582 11.6625 8.17301 14.1764 8.41138L14.1764 8.41057Z" fill="white"/></g><defs><clipPath id="clip0_1179_12056"><rect width="19" height="13" fill="white" transform="translate(19 13) rotate(-180)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}

.team__name {
  margin-bottom: 16px;
  color: var(--white);
  z-index: 2;
}

.team__who {
  color: var(--white);
  z-index: 2;
}

.team__item:hover .team__name,
.team__item:hover .team__who {
  opacity: 0;
}

.about-cta__phone {
  position: absolute;
  top: 20%;
  left: 0;

  transform: translateY(-50%);

  display: flex;
  flex-direction: column;
  padding: 32px;
  border-radius: 40px;
  background: var(--bg-light-blue);
}

.about-cta__phone-name {
  margin-bottom: 8px;
}

.about-cta__phone-call {
  font-size: 24px;
  font-weight: 600;
}

.about-cta__msg {
  position: absolute;
  top: 40%;
  right: 0;

  transform: translateY(-50%);

  display: flex;
  flex-direction: column;
  padding: 32px;
  border-radius: 40px;
  background: var(--accent-blue);
}

.about-cta__msg-name {
  margin-bottom: 8px;
  color: var(--white);
}

.about-cta__msg-mail {
  font-size: 24px;
  font-weight: 600;
  color: var(--white);
}

.page-about .swiper-pagination {
  display: none;
}


/* 992 - 1280 */
@media (max-width: 1279px) {}

/* 768 - 992 */
@media (max-width: 991px) {
  .team__mob-content {
    display: flex;
    width: 100%;
    flex-direction: column;
  }

  .team__list {
    margin-bottom: 24px !important;
  }

  .page-about .swiper-pagination {
    display: block;
  }

  .team__mob-content .team__title {
    margin-bottom: 24px;
  }

  .team__mob-content .team__text {
    text-wrap: balance;
    margin-bottom: 64px;
  }

  .team__item--first {
    display: none;
  }

  .team__name {
    font-size: 24px;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {
  .team__item {
    padding: 24px;
  }

  .team__overlay {
    display: none;
  }

  .team__item:hover .team__name,
  .team__item:hover .team__who {
    opacity: 1;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .team__item {
    border-radius: 30px;
  }
}

/* TEAM */











/* ABOUT CTA */

.about-cta {}

.about-cta__container {
  position: relative;
  align-items: center;

  margin-bottom: 120px;
}

.about-cta__title {
  text-align: center;
  margin-bottom: 32px;

  transition: 2s ease;

  z-index: 5;
}

.about-cta__title--pc {}

.about-cta__title--mob {
  display: none;
}



.about-cta__avatars {
  display: flex;
  padding: 7px 8px 7px 24px;
  border-radius: 400px;
  background: #F4F4F6;
}

.about-cta__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: -16px;

  user-select: none;
}

.about-cta__extra {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1c2e5b;
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
  margin-left: 8px;
}

.about-cta__text {
  max-width: 450px;
  text-align: center;
  margin-bottom: 32px;

  text-wrap: balance;
}

.about-cta__avatars-wrapper {
  max-width: 0%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  transform-origin: center;
  overflow: hidden;

  transition: 2s ease;
}

.about-cta__avatars-wrapper--active {
  max-width: 100%;

  transition: 2s ease;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .about-cta__btn {
    width: auto;
  }

  .about-cta__phone {
    left: 16px;
    transform-origin: left center;
  }

  .about-cta__msg {
    right: 16px;
    top: 20%;
    transform-origin: right center;
  }

  .about-cta__avatars {
    padding: 7px 8px 7px 16px;
  }

  .about-cta__avatar {
    width: 48px;
    height: 48px;
    margin-left: -8px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {

  .about-cta__phone,
  .about-cta__msg {
    transform: scale(0.8) !important;
  }

  .about-cta__title--pc {
    display: none;
  }

  .about-cta__title--mob {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .about-cta__avatars-wrapper {
    order: -5;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {
  .about-intro {
    overflow: hidden;
  }

  .about-cta__container {
    margin-bottom: 64px;
  }

  .about-cta__btn {
    margin-bottom: 24px;
  }

  .about-intro__img-content {
    width: 50%;
    aspect-ratio: 1/1;
    height: auto;
    margin-top: 0;
  }

  .about-intro__hand-wrapper {
    width: 100%;
    height: 100%;
    bottom: auto;
  }

  .about-cta__phone,
  .about-cta__msg {
    position: relative;
    transform: none !important;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;

    margin-bottom: 24px;
  }

  .about-intro__img-wrapper--one {
    top: 24px;
    left: 0;
    max-width: 50%;
    transform-origin: left top;
    transform: none;
  }

  .about-intro__img-wrapper--two {
    top: auto;
    bottom: 24px;
    right: 0;
    max-width: 50%;
    transform-origin: right bottom;
    transform: none;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .about-intro__container {
    overflow: hidden;
  }

  .about-intro__img-content {
    width: 100%;
  }

  .about-intro__img-wrapper {
    max-width: 200px;
  }

  .about-intro__img-wrapper--one {
    top: 24px;
    left: 0;
    max-width: 50%;
    transform-origin: left top;
    transform: none;
  }

  .about-intro__img-wrapper--two {
    top: auto;
    bottom: 24px;
    right: 0;
    max-width: 50%;
    transform-origin: right bottom;
    transform: none;
  }

  .about-cta__phone,
  .about-cta__msg {
    width: 100%;
    border-radius: 30px;
  }

  .about-cta__btn {
    width: 100%;
  }
}

/* ABOUT CTA */



/* ABOUT US */
























/* BLOG PAGE */

.blog-intro {
  padding: 0 16px;
}

.blog-intro__wrapper {
  width: 100%;
  border-radius: 20px;
}

.blog-intro__container {
  align-items: center;
  padding: 40px 16px 40px 16px;
}

.blog-intro__note {
  display: flex;
  border: 0.6px solid var(--accent-blue);
  color: var(--accent-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  text-align: center;

  margin-bottom: 16px;
}

.blog-intro__title {
  max-width: 860px;
  text-align: center;

  margin-bottom: 20px;
}

.blog-intro__text {
  max-width: 600px;

  text-align: center;
}




















.blog-tabs {}

.blog-tabs__container {
  margin-bottom: 96px;
}

.blog-tabs__list {
  display: flex;
  width: 100%;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 8px;

  margin-bottom: 96px;
}

.blog-tabs__item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  padding: 13px 27px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--typography-dark-blue);
  background: var(--bg-light-grey);

  cursor: pointer;

  white-space: nowrap;
  user-select: none;
}

.blog-tabs__item--active {
  color: var(--white);
  background: var(--accent-blue);
}

.blog-tabs__item:hover {
  color: var(--white);
  background: var(--accent-blue);
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .blog-tabs__list {
    margin-bottom: 64px;
  }

  .blog-tabs__container {
    margin-bottom: 64px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .blog-tabs__item {
    width: auto;
  }
}



















.blog-tabs__cards {
  display: flex;
  width: 100%;
  gap: 24px;
  flex-wrap: wrap;

  margin-bottom: 96px;
}

.blog-tabs__card {
  position: relative;
  display: flex;
  padding: 32px;
  width: calc(100% / 2 - 12px);
  border-radius: 40px;
  overflow: hidden;
  background: var(--bg-light-grey);
}


.blog-tabs__card-link {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}

.blog-tabs__card-content-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.blog-tabs__card-note {
  display: flex;
  border: 0.6px solid var(--typography-dark-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  color: var(--typography-dark-blue);
  margin-bottom: 32px;
}

.blog-tabs__card-name {
  font-size: 40px;
  color: var(--typography-dark-blue);
  text-wrap: pretty;
  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 32px;
}

.blog-tabs__card-text {
  text-wrap: balance;
  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;

  margin-bottom: 24px;
}

.blog-tabs__card-img-wrapper {
  display: flex;
  width: 100%;
  aspect-ratio: 1/0.5;
  overflow: hidden;
  border-radius: 40px;

  margin-top: auto;
}

.blog-tabs__card-img {
  object-fit: cover;
}













.blog-tabs__card:nth-child(3n + 5) {
  width: 100%;
  /* min-height: 500px; */
  background: var(--accent-blue);
}

.blog-tabs__card:nth-child(3n + 5) .blog-tabs__card-link {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 32px;
  height: 100%;
}

.blog-tabs__card:nth-child(3n + 5) .blog-tabs__card-note,
.blog-tabs__card:nth-child(3n + 5) .blog-tabs__card-name,
.blog-tabs__card:nth-child(3n + 5) .blog-tabs__card-text {
  grid-column: 1 / 2;
  justify-self: start;
  align-self: start;
  color: var(--white);
  border-color: var(--white);
  margin: 0;
}

.blog-tabs__card:nth-child(3n + 5) .blog-tabs__card-img-wrapper {
  grid-column: 2 / 3;
  grid-row: 1/10;
  width: 100%;
  height: 100%;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .blog-tabs__cards {
    margin-bottom: 64px;
  }

  .blog-tabs__card {
    min-height: auto !important;
  }

  .blog-tabs__card:nth-child(3n + 5) .blog-tabs__card-img-wrapper {
    grid-row: 1/8;
  }

  .blog-tabs__card-name {
    font-size: 26px;
  }

}

/* 768 - 992 */
@media (max-width: 991px) {

  .blog-tabs__cards {
    flex-direction: column;
  }

  .blog-tabs__card {
    width: 100%;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .blog-tabs__card {
    padding: 24px;
    border-radius: 30px;
  }

  .blog-tabs__card-img-wrapper {
    border-radius: 20px;
  }

  .blog-tabs__card:nth-child(3n + 5) .blog-tabs__card-link {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .blog-tabs__card:nth-child(3n + 5) .blog-tabs__card-note {
    margin-bottom: 32px;
  }

  .blog-tabs__card:nth-child(3n + 5) .blog-tabs__card-name {
    margin-bottom: 16px;
  }

  .blog-tabs__card:nth-child(3n + 5) .blog-tabs__card-text {
    margin-bottom: 26px;
  }
}



/* BLOG PAGE */























/* POST PAGE */


/* .post-intro {
  padding: 0 16px;
} */

.post-intro__wrapper {
  width: 100%;
  border-radius: 20px;
}

.post-intro__container {
  align-items: center;
  padding: 40px 16px 40px 16px;
}

.post-intro__note {
  display: flex;
  border: 0.6px solid var(--accent-blue);
  color: var(--accent-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  text-align: center;

  margin-bottom: 16px;
}

.post-intro__title {
  max-width: 860px;
  text-align: center;

  margin-bottom: 56px;
}

.post-intro__img-wrapper {
  display: flex;
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  border-radius: 40px;
  overflow: hidden;

  margin-bottom: 56px;
}


/* 992 - 1280 */
@media (max-width: 1279px) {
  .post-intro__container {
    padding: 40px 16px 64px 16px;
  }

  .post-intro__title {
    margin-bottom: 64px;
  }

  .post-intro__img-wrapper {
    aspect-ratio: 16/9;
    height: auto;
    margin-bottom: 0;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .post-intro__img-wrapper {
    border-radius: 30px;
  }
}














.post-content {}

.post-content__container {
  margin-bottom: 40px;
}

.post-content__text,
.post-content__title-inside {
  margin-bottom: 56px;
}

.post-content__date {
  color: var(--typography-grey);
  margin-bottom: 56px;
}

/* 992 - 1280 */
@media (max-width: 1279px) {}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .post-content__container {
    margin-bottom: 64px;
  }

  .post-content__text,
  .post-content__title-inside {
    margin-bottom: 32px;
  }

  .post-content__date {
    margin-bottom: 0;
  }

}














.post-more {}

.post-more__container {
  align-items: center;

  margin-bottom: 96px;
}

.post-more__title {
  text-align: center;

  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 10px;

  margin-bottom: 96px;
}

.post-more__list {
  display: flex;
  width: 100%;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 96px;
}

.post-more__item {
  position: relative;
  display: flex;
  padding: 32px;
  width: calc(100% / 2 - 12px);
  border-radius: 40px;
  overflow: hidden;
  background: var(--bg-light-grey);
}

.post-more__link {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}

.post-more__card-note {
  display: flex;
  border: 0.6px solid var(--typography-dark-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  color: var(--typography-dark-blue);
  margin-bottom: 32px;
}

.post-more__card-name {
  color: var(--typography-dark-blue);
  text-wrap: pretty;
  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 32px;
}

.post-more__card-img-wrapper {
  display: flex;
  width: 100%;
  aspect-ratio: 1 / 0.5;
  overflow: hidden;
  border-radius: 40px;
  margin-top: auto;
}

.post-more__card-img {}

/* 992 - 1280 */
@media (max-width: 1279px) {

  .post-more__container {
    margin-bottom: 64px;
  }

  .post-more__title {
    margin-bottom: 64px;
  }

  .post-more__card-name {
    font-size: 26px;
  }

}

/* 768 - 992 */
@media (max-width: 991px) {

  .post-more__list {
    flex-direction: column;
    margin-bottom: 64px;
  }

  .post-more__item {
    width: 100%;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .post-more__list {
    flex-direction: column;
  }

  .post-more__item {
    width: 100%;
    border-radius: 30px;
    padding: 24px;
  }

  .post-more__card-img-wrapper {
    border-radius: 20px;
  }
}




/* POST PAGE */

































/* PRICE PAGE */


.price-intro {
  padding: 0 16px;
}

.price-intro__wrapper {
  width: 100%;
  border-radius: 20px;
}

.price-intro__container {
  align-items: center;
  padding: 40px 16px 96px 16px;
}

.price-intro__note {
  display: flex;
  border: 0.6px solid var(--accent-blue);
  color: var(--accent-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  text-align: center;

  margin-bottom: 16px;
}

.price-intro__title {
  max-width: 860px;
  text-align: center;

  margin-bottom: 20px;
}

.price-intro__text {
  max-width: 600px;
  text-align: center;
}















.price-tariffs {
  overflow: visible;
}

.price-tariffs__container {
  position: relative;
  margin-bottom: 200px;
}

.price-tariffs__list {
  display: flex;
  width: 100%;
  gap: 32px;
  align-items: center;
}

.price-tariffs__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(100% / 3 - 22px);
  padding: 32px;
  border-radius: 40px;
  background: var(--bg-light-grey);

  overflow: hidden;
}

.price-tariffs__note {
  margin-bottom: 8px;
}

.price-tariffs__name {
  margin-bottom: 24px;
}

.price-tariffs__text {
  text-wrap: balance;
  margin-bottom: 24px;
}

.price-tariffs__checks {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
  margin-bottom: 64px;
}

.price-tariffs__check {
  display: flex;
  align-items: center;
  gap: 16px;
}

.price-tariffs__check-svg {}

.price-tariffs__check-text {
  color: var(--typography-grey);


  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.price-tariffs__cost {
  margin-top: auto;
  margin-bottom: 24px;
}

.price-tariffs__btn {}

.price-tariffs__item--two {
  background: var(--accent-blue);
}

.price-tariffs__item--two .price-tariffs__note,
.price-tariffs__item--two .price-tariffs__name,
.price-tariffs__item--two .price-tariffs__cost,
.price-tariffs__item--two .price-tariffs__text {
  color: var(--white);
}

.price-tariffs__item--two .price-tariffs__check-text {
  color: var(--bg-white60);
}

.price-tariffs__item--one,
.price-tariffs__item--three {
  align-self: stretch;
  margin: 32px 0 32px;
}

.price-tariffs__img-wrapper {
  position: absolute;

  display: flex;
  width: 200px;
  height: 200px;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;

  pointer-events: none;
  z-index: 20;
}

.price-tariffs__img-wrapper--one {
  top: -10%;
  left: 55%;
}

.price-tariffs__img-wrapper--two {
  bottom: -10%;
  left: 18%;
}

.price-tariffs__img {
  object-fit: contain;
}

/* 992 - 1280 */
@media (max-width: 1279px) {

  .price-intro__container {
    padding: 40px 16px 64px 16px;
  }

  .price-tariffs__img-wrapper {
    display: none;
  }

  .price-tariffs__list {
    flex-direction: column;
  }

  .price-tariffs__item {
    width: 100%;
  }

  .price-tariffs__item--one,
  .price-tariffs__item--three {
    align-self: auto;
    margin: 0;
  }

  .price-tariffs__name {
    font-size: 28px;
    line-height: 110%;
  }

  .price-tariffs__checks {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .price-tariffs__btn {
    width: auto;
  }

  .price-tariffs__container {
    margin-bottom: 64px;
  }

}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .price-tariffs__item {
    padding: 24px;
    border-radius: 30px;
  }

  .price-tariffs__checks {
    flex-direction: column;
  }
}

















.compare {}

.compare__container {
  align-items: center;
}

.compare__title {
  max-width: 700px;
  text-align: center;

  margin-bottom: 96px;
}

.compare__table {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 48px;
  border-radius: 40px;
  gap: 16px;
  background: var(--bg-light-grey);
  margin-bottom: 96px;
}

.compare__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white);
  padding: 16px 32px;
  border-radius: 30px;
  gap: 24px;
}

.compare__row--header {
  background-color: transparent;
  padding: 0px 32px 24px 32px;
}

.compare__cell {
  width: 33%;
  font-weight: 500;
  color: var(--typography-dark-blue);
}



.compare__name {
  margin-bottom: 16px;
}

.compare__note {
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
  color: var(--typography-grey);

  margin-top: 16px;
}

.compare__cell-img-wrapper {
  display: flex;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
}

.compare__cell-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .compare__title {
    margin-bottom: 64px;
  }

  .compare__table {
    margin-bottom: 64px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {
  .compare__table {
    padding: 24px;
  }

  .compare__row--header .compare__cell:first-child {
    display: none;
  }

  .compare__row {
    flex-wrap: wrap;
    padding: 16px;
    gap: 16px;
  }

  .compare__row--header {
    flex-wrap: nowrap;
  }

  .compare__cell--text {
    width: 100%;
  }

  .compare__cell--check {
    width: auto;
  }

  .compare__row--header {
    padding: 16px 0;
  }

  .compare__row {
    border-radius: 10px;
  }

  .compare__row--header .compare__cell {
    width: auto;
    font-size: 14px;
    line-height: 110%;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {

  .compare__table {
    padding: 16px;
    border-radius: 30px;
  }

}




/* PRICE PAGE */

























/* CONTACTS PAGE */


.contact-intro {
  padding: 0 16px;
}

.contact-intro__wrapper {
  width: 100%;
  border-radius: 20px;
}

.contact-intro__container {
  align-items: center;
  padding: 40px 16px 96px 16px;
}

.contact-intro__note {
  display: flex;
  border: 0.6px solid var(--accent-blue);
  color: var(--accent-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;
  text-align: center;

  margin-bottom: 16px;
}

.contact-intro__title {
  max-width: 860px;
  text-align: center;

  margin-bottom: 20px;
}

.contact-intro__text {
  max-width: 600px;
  text-align: center;
}

/* 992 - 1280 */
@media (max-width: 1279px) {

  .contact-intro__container {
    padding: 40px 16px 64px 16px;
  }

}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {}








































.contact-map__content {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 600px;
  padding: 32px;
  border-radius: 40px;
  overflow: hidden;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 2;

  margin-bottom: 96px;
}

.contact-map__map {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 120%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

iframe {
  width: 100% !important;
  height: 100% !important;
}

/* Стиль для блока информации */
.contact-map__info {
  width: 30%;
  z-index: 3;
}

.contact-map__work-hours-container {
  padding: 24px;
  border-radius: 40px;
  background: white;
  z-index: 3;
}

.contact-map__work-hours-title {
  margin-bottom: 16px;
}

.contact-map__work-hours-text {
  margin-top: 5px;
  font-size: 14px;
  color: #333;
}

#work-hours-text {
  /* font-size: 18px;
  line-height: 120%; */
  font-weight: 500;
  color: var(--typography-grey);
}

/* Стиль для города */
.contact-map__city-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 24px 24px 24px;
}

.contact-map__city {
  display: flex;
  width: 100%;
  padding: 24px;
  justify-content: space-between;
  border-radius: 20px;
  background-color: var(--bg-light-grey);
  cursor: pointer;
}

.contact-map__city--active {
  background-color: #D6EDFF;
}

.contact-map__city--active .contact-map__locate {
  fill: var(--accent-blue);
}


.contact-map__city-name {}

.contact-map__locate-wrapper {
  display: flex;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  flex-grow: 0;
}

.contact-map__locate {
  width: 100%;
  height: 100%;
  object-fit: contain;
  fill: var(--typography-grey);

  transition: 0s;
}

.contact-map__city.active .contact-map__locate {
  fill: var(--accent-blue);

  transition: 0s;
}

.contact-map__work-hours {
  font-size: 12px;
  color: #999;
}

/* Стили для панели аккордеона */
.contact-map__country {
  background-color: #fff;
  border: none !important;
  border-radius: 40px;
  overflow: hidden;
}

.contact-map__country-header {
  font-size: 18px;
  font-weight: bold;
}

.contact-map__country-trigger {
  background: none;
  border: none;
  color: var(--typography-grey) !important;
  cursor: pointer;
  text-decoration: underline;

  padding: 24px !important;
}

.ac .contact-map__country-trigger::after {
  content: '';
  text-align: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--white);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%239B9DAE"><path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"/></svg>');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  right: 24px;
  top: 50%;
  transition: 0.2s;
}

.ac:hover .contact-map__country-trigger::after {
  background-color: transparent;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%239B9DAE"><path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"/></svg>');
}

.ac.is-active>.ac-header .contact-map__country-trigger::after {
  content: '';
  text-align: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--white);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%239B9DAE"><path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"/></svg>');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  right: 24px;
  top: 50%;
  transition: 0.2s;
}

.contact-map__country-panel {}

/* Анимация открытия панели аккордеона */
.ac-panel {
  transition: max-height 0.3s ease-in-out;
}

/* Прелоадер */
.contact-map__preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F4F4F6;
  z-index: 1;
}

.contact-map__spinner {
  width: 50px;
  height: 50px;
  transform-origin: center;
  animation: pulsePreloader 1.5s ease-in-out infinite;
}

.contact-map__spinner svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@keyframes pulsePreloader {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}



/* 992 - 1280 */
@media (max-width: 1279px) {
  .contact-map__info {
    width: 40%;
  }

  .contact-map__content {
    margin-bottom: 64px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {

  .contact-map__content {
    flex-direction: column;
    border-radius: 0;
    padding: 0;
  }

  .contact-map__info {
    order: 1;
    width: 100%;
  }

  .contact-map__work-hours-container {
    display: none;
  }

  .contact-map__preloader {
    display: none;
  }

  .contact-map__map {
    order: 2;
    position: relative;
    transform: none;
    top: auto;
    left: auto;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: 30px;
  }

  .contact-map__country {
    background: var(--bg-light-grey);
  }

  .contact-map__city {
    background: var(--white);
  }

  .contact-map__city--active {
    background: #D6EDFF;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {}




























.p-contacts {
  overflow: visible;
}

.p-contacts__container {
  align-items: center;
}

.p-contacts__title {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 10px;

  margin-bottom: 64px;
}

.p-contacts__list {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;

  margin-bottom: 96px;
}

.p-contacts__item {
  position: sticky;
  display: flex;
  width: 100%;
  border-radius: 40px;
  padding: 32px;
  transform-origin: top center;

  /* min-height: 500px; */
  max-height: 90vh;
  margin-bottom: 16px;

  background: red;

  transition: 0.2s;
}

.p-contacts__item:last-child {
  margin-bottom: 0;
}

.p-contacts__item--color_blue {
  background: var(--accent-blue);
}

.p-contacts__item--color_dark-blue {
  background: var(--bg-dark-blue);
}

.p-contacts__wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 32px;
}

.p-contacts__content {
  display: flex;
  flex-direction: column;
  width: calc(100% / 2 - 16px);
  align-items: flex-start;
  overflow: hidden;
}

.p-contacts__name {
  color: var(--white);
  text-wrap: balance;

  margin-bottom: 40px;
}

.p-contacts__method {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

.p-contacts__method:last-child {
  margin-bottom: 0;
}

.p-contacts__subname {
  color: var(--white);

  margin-bottom: 8px;
}

.p-contacts__tool {
  color: var(--white);
}


.p-contacts__img-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  aspect-ratio: 1/0.8;
  border-radius: 20px;
  overflow: hidden;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .p-contacts__item {
    max-height: none;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {
  .p-contacts__wrapper {
    flex-direction: column;
  }

  .p-contacts__content {
    width: 100%;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .p-contacts__item {
    border-radius: 30px;
    padding: 24px;
  }

  .p-contacts__tool {
    font-size: 24px;
  }
}



























.add-res {
  max-width: 100%;
}

.add-res__wrapper {
  display: flex;
  width: 100%;
}

.add-res__container {
  align-items: center;
  overflow: visible;

  margin-bottom: 96px;
}

.add-res__title {
  text-align: center;

  margin-bottom: 96px;
}

.swiper-wrapper {}

.add-res__list {
  display: flex;
  width: 100%;
  /* gap: 24px; */
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none"><rect width="74" height="74" rx="37" fill="%239B9DAE" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.529 28.9999L14.9987 36.5302L22.529 44.0605L23.5897 42.9999L17.8701 37.2803L32.3945 37.2803L32.3945 35.7803L17.87 35.7803L23.5897 30.0605L22.529 28.9999Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M55.9172 35.7803L50.1975 30.0607L51.2582 29L58.7885 36.5303L51.2582 44.0607L50.1975 43L55.9172 37.2803L41.3945 37.2803V35.7803L55.9172 35.7803Z" fill="white"/></svg>') 37 37, pointer;


}

.swiper-slide {}

.add-res__item {
  display: flex;
  width: calc(100% / 2 - 16px);
  /* flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  border-radius: 40px;
  background: var(--bg-light-grey);
  overflow: hidden; */
}

.add-res__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  /* width: calc(100% / 3 - 16px); */
  /* aspect-ratio: 1/1; */
  align-items: flex-start;
  padding: 32px;
  border-radius: 40px;
  background: var(--bg-light-grey);
  overflow: hidden;

  cursor: url('data:image/svg+xml,<svg width="74" height="74" viewBox="0 0 74 74" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="74" height="74" rx="37" fill="%239B9DAE" fill-opacity="0.4"/><path d="M35.3333 29V31.6667H28.6667V46.3333H43.3333V39.6667H46V47.6667C46 48.0203 45.8595 48.3594 45.6095 48.6095C45.3594 48.8595 45.0203 49 44.6667 49H27.3333C26.9797 49 26.6406 48.8595 26.3905 48.6095C26.1405 48.3594 26 48.0203 26 47.6667V30.3333C26 29.9797 26.1405 29.6406 26.3905 29.3905C26.6406 29.1405 26.9797 29 27.3333 29H35.3333ZM50 25V35.6667H47.3333V29.5507L36.9427 39.9427L35.0573 38.0573L45.4467 27.6667H39.3333V25H50Z" fill="white"/></svg>') 37 37, pointer;

}

.add-res__link:active {
  transform: scale(0.98);
}

.add-res__note {
  display: flex;
  border: 0.6px solid var(--accent-dark-blue);
  border-radius: 32px;
  padding: 7px 9px;
  text-transform: uppercase;

  margin-bottom: 32px;
}

.add-res__name {
  text-wrap: balance;
  margin-bottom: 24px;
}

.add-res__text {
  text-wrap: pretty;

  display: -webkit-box !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;

  margin-bottom: 64px;
}

.add-res__img-wrapper {
  display: flex;
  width: 100%;
  border-radius: 40px;
  aspect-ratio: 1/0.6;

  margin-top: auto;

  overflow: hidden;
}

.page-contact .swiper-pagination {
  display: none;
}

.add-res__img {
  object-fit: cover;
}

/* 992 - 1280 */
@media (max-width: 1279px) {

  .add-res__title,
  .add-res__container {
    margin-bottom: 64px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {
  .add-res__list {
    margin-bottom: 24px;
  }

  .page-contact .swiper-pagination {
    display: block;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .add-res__link {
    padding: 24px;
    border-radius: 30px;
  }

  .add-res__img-wrapper {
    border-radius: 20px;
  }
}




/* CONTACTS PAGE */














/* FORM POPUP */

.popup {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 16px;
  z-index: 1100;
  display: none;
}

.popup-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;

  padding: 48px;
  border-radius: 40px;
  background-color: var(--white);
  transition: background-color 0.3s ease;
  /* Плавная смена фона */
}

#form-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.popup__form {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--white);
  gap: 10px;
}

.popup__form-input {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 27px;

  border-radius: 40px;

  font-size: 16px;
  line-height: 20px;
  font-weight: 400;

  border: 2px solid var(--bg-light-grey);
  color: var(--bg-dark-blue);
}

.popup__form-input::placeholder {
  color: var(--bg-dark-blue);
}

.popup__form-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  padding: 13px 27px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--typography-white);
  background: var(--accent-blue);

  cursor: pointer;
}

.popup-message {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 110%;
  font-weight: 500;
  color: var(--white);
  text-align: center;
  width: 100%;
}

.popup-message__text {
  margin-top: 16px;
  color: var(--white);
}

.close-btn-wrapper {
  position: absolute;
  top: -48px;
  right: -48px;

  display: flex;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  flex-grow: 0;

  cursor: pointer;
}

.close-btn-wrapper:hover {
  opacity: 0.8;
}

.close-btn {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 992 - 1280 */
@media (max-width: 1279px) {}

/* 768 - 992 */
@media (max-width: 991px) {
  .popup-content {
    padding: 24px;
  }

  .close-btn-wrapper {
    right: 0;
  }
}

/* 480 - 768 */
@media (max-width: 767px) {
  .popup-content {
    border-radius: 30px;
  }
}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .popup-content {
    padding: 16px;
  }
}

/* FORM POPUP */






















/* LOGIN */

.page-login {
  background: var(--bg-light-grey);
}

.login {}

.login__container {
  align-items: center;
}

.login__title {
  text-align: center;

  margin-top: 40px;
  margin-bottom: 96px;
}

.login__list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 24px;

  margin-bottom: 96px;
}

.login__item {
  position: relative;
  display: flex;
  width: calc(100% / 3 - 16px);
  aspect-ratio: 1/1;
  border-radius: 40px;
  overflow: hidden;
}

.login__item--blue {
  background: var(--accent-blue);
}

.login__item--dark {
  background: var(--bg-dark-blue);
}

.login__item--white {
  background: var(--white);
}

.login__link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
}

.login__name {
  z-index: 1;
  margin-bottom: 24px;
}

.login__name--white {
  color: var(--white);
}

.login__text {
  z-index: 1;
}

.login__text--white {
  color: var(--white);
}

.login__btn {
  position: absolute;
  gap: 16px;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.login__img-wrapper {
  position: absolute;
  top: 60%;
  right: 0;
  display: flex;
  width: 80%;
  height: 80%;
  z-index: 0;
}

.login__item:hover .login__img-wrapper {
  transform: scale(1.050);
}

.login__img {
  object-fit: contain;
}

.page-login .footer__up {
  display: none;
}

/* 992 - 1280 */
@media (max-width: 1279px) {
  .login__title {
    margin-bottom: 64px;
  }

  .login__list {
    flex-direction: column;

    margin-bottom: 64px;
  }

  .login__item {
    width: 100%;
    aspect-ratio: auto;
    min-height: 200px;
  }

  .login__img-wrapper {
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
  }

  .login__btn {
    position: relative;

    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;

    margin-top: 24px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {
  .login__item {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 30px;
  }

  .login__link {
    padding: 24px;
  }

  .login__img-wrapper {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    aspect-ratio: 1/1;
  }

  .login__btn {
    margin-top: auto;
  }

}

/* LOGIN */

















/* SEARCH */

.page-search {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--bg-light-grey);
}

.page-search main {
  flex: 1;
}

.page-search footer {
  margin-top: auto;
}

.search {}

.search__container {
  align-items: center;
}

.search__title {
  text-align: center;

  margin-top: 40px;
  margin-bottom: 96px;
}

.search__form {
  position: relative;
  display: flex;
  width: 100%;
  background: var(--white);
  border-radius: 5000px;

  margin-bottom: 96px;
}

.search__input {
  width: 100%;
  min-width: 100%;
  padding: 24px 150px 24px 32px;
  background: transparent;
}

.search__btn {
  width: auto;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.search-results {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
  margin-bottom: 96px;
}

.search-results h2 {
  margin-bottom: 24px;
}

.search-result-item {
  display: flex;
  width: 100%;
  padding: 0 0 24px 0;
  border-bottom: 1px solid #dddddd;
}


.search-result-item a {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 16px;
}

/* 
.page-search .footer__up {
  display: none;
} */

/* 992 - 1280 */
@media (max-width: 1279px) {
  .search__title {
    margin-bottom: 64px;
  }

  .search__form {
    margin-bottom: 64px;
  }

  .search-results {
    margin-bottom: 64px;
  }
}

/* 768 - 992 */
@media (max-width: 991px) {}

/* 480 - 768 */
@media (max-width: 767px) {}

/* 0 (include 375) - 480 */
@media (max-width: 479px) {}



/* SEARCH */