/* ========================== СТИЛИЗАЦИЯ ЗАГОЛОВКОВ ==================== */

h1,
h2 {
  font-size: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
}

.section-header h2,
.section-header h1 {
  margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
  line-height: 120%;
}

.section-header:has(p.subtitle) {
  margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}
.section-header:has(p.subtitle) h2 {
  margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
}

p.subtitle {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: 130%;
}


/* ========================== ОСНОВНЫЕ СТИЛИ ==================== */
.container {
  max-width: 1440px;
  width: 75vw;
  margin: 0 auto;
}

section {
  margin-bottom: clamp(104px * var(--coefficient), 104 * 100vw / var(--design-width) * var(--mobile-coefficient), 104px * var(--mobile-coefficient));
}

/*=========================================================================================
# HEADER
=========================================================================================*/

.header__inner {
    border-radius: 1000px;
    padding: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    padding-left: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.header__logo {
  height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
  width: clamp(179px * var(--coefficient), 179 * 100vw / var(--design-width) * var(--mobile-coefficient), 179px * var(--mobile-coefficient));
}

.header__icons {
  gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
}

.header__icons a {
  width: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
  height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.header__icons img {
  width: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
  height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.header-wrapper {
    gap: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
}

#burger_menu {
  width: clamp(38px * var(--coefficient), 38 * 100vw / var(--design-width) * var(--mobile-coefficient), 38px * var(--mobile-coefficient));
  height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

#burger_menu span {
  height: clamp(3px * var(--coefficient), 3 * 100vw / var(--design-width) * var(--mobile-coefficient), 3px * var(--mobile-coefficient));
}

.header__btns button {
  height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  width: auto;
  min-width: auto;
  padding: 0 clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));;
}

/*=========================================================================================
# FOOTER
=========================================================================================*/

.footer {
  margin-bottom: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.footer__inner {
  padding: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  border-radius: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
}

.footer__logo {
    position: relative;
    width: clamp(286px * var(--coefficient), 286 * 100vw / var(--design-width) * var(--mobile-coefficient), 286px * var(--mobile-coefficient));
    height: clamp(64px * var(--coefficient), 64 * 100vw / var(--design-width) * var(--mobile-coefficient), 64px * var(--mobile-coefficient));
    margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.footer__navigation {
    gap: clamp(37px * var(--coefficient), 37 * 100vw / var(--design-width) * var(--mobile-coefficient), 37px * var(--mobile-coefficient));
    margin-bottom: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
}

.footer__navigation h2 {
    font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    line-height: 130%;
    font-weight: 500;
}

.footer__navigation ul {
    gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.footer__navigation ul li {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    line-height: 130%;
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.footer__navigation ul a {
    color: rgba(255, 255, 255, 0.7);
}

.footer__navigation ul a.underline {
    text-decoration: none;
}

.footer__icons {
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
}

.footer__icons a {
    width: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    flex: none;
}

.footer__icons img {
    width: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.footer__contacts {
    gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    font-weight: 500;
    line-height: 130%;
    margin-bottom: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
}

.footer__contacts a {
   color: rgba(255, 255, 255, 0.7);
}

.footer__contacts a.underline {
    text-decoration: none;
}

.footer-link {
    line-height: 130%;
    font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
    color: #FFFFFF;
}

.footer__bottom span {
    font-weight: 500;
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    line-height: 130%;
    color: #999;
}

/* ========================== ХЛЕБНЫЕ КРОШКИ ==================== */

.breadcrumbs {
  padding-top: clamp(64px * var(--coefficient), 64 * 100vw / var(--design-width) * var(--mobile-coefficient), 64px * var(--mobile-coefficient));
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  gap: clamp(6px * var(--coefficient), 6 * 100vw / var(--design-width) * var(--mobile-coefficient), 6px * var(--mobile-coefficient));
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: 130%;
}

/* ========================== СТИЛИЗАЦИЯ КНОПОК ==================== */

.btn {
  height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  border-radius: 1000px;
  min-width: auto;
  text-align: center;
  padding: clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  font-weight: 500;
}

/* ========================== СТИЛИЗАЦИЯ ПОЛЕЙ ВВОДА ==================== */

.input {
  font-weight: 500;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  padding: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient)) clamp(39px * var(--coefficient), 39 * 100vw / var(--design-width) * var(--mobile-coefficient), 39px * var(--mobile-coefficient));
}

textarea {
  font-weight: 500;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  padding: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient)) clamp(39px * var(--coefficient), 39 * 100vw / var(--design-width) * var(--mobile-coefficient), 39px * var(--mobile-coefficient));
}

.form-accepts {
  margin-top: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

form .btn {
  margin-top: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  width: 100%;
}

.form__policy p {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

/*=========================================================================================
# ПАРТНЕРАМ
=========================================================================================*/

.partners__items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.partners__items li {
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center; 
    height: clamp(132px * var(--coefficient), 132 * 100vw / var(--design-width) * var(--mobile-coefficient), 132px * var(--mobile-coefficient));
    border-radius: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    padding: 0 clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.partners__items li img {
    height: clamp(80px * var(--coefficient), 80 * 100vw / var(--design-width) * var(--mobile-coefficient), 80px * var(--mobile-coefficient));
    object-fit: contain;
}

.partnersSwiper {
    display: none !important;
}

/*=========================================================================================
# FAQ
=========================================================================================*/

.faq__items {
  gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  padding: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  border-radius: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.03);
}

.faq__item {
  width: 100%;
  padding: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  padding-left: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
  border-radius: clamp(80px * var(--coefficient), 80 * 100vw / var(--design-width) * var(--mobile-coefficient), 80px * var(--mobile-coefficient));
  background-color: rgba(235, 235, 235, 0.02);
  border: 1px solid rgba(235, 235, 235, 0.2);
}

.faq__item-question {
  cursor: pointer;
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.faq__item-question h3 {
  font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  font-weight: 700;
}

.faq__item-question svg {
    width: clamp(56px * var(--coefficient), 56 * 100vw / var(--design-width) * var(--mobile-coefficient), 56px * var(--mobile-coefficient));
    height: clamp(56px * var(--coefficient), 56 * 100vw / var(--design-width) * var(--mobile-coefficient), 56px * var(--mobile-coefficient));
}

.faq__item-answer {
    padding-top: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    display: none;
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    line-height: 130%;
    color: #B7B8B8;
}

/*=========================================================================================
# ЛИД-МАГНИТ
=========================================================================================*/

.lead-magnet__inner {
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.lead-magnet__form {
  width: clamp(704px * var(--coefficient), 704 * 100vw / var(--design-width) * var(--mobile-coefficient), 704px * var(--mobile-coefficient));
}

.lead-magnet__content h2 {
  margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.lead-magnet__content ul {
  color: #B7B8B8;
  padding-left: 1rem;
  font-weight: 400;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: 130%;
}


/*=========================================================================================
# HERO
=========================================================================================*/

.hero__inner {
    gap: 0;
}

.hero__inner > img {
    width: clamp(630px * var(--coefficient), 630 * 100vw / var(--design-width) * var(--mobile-coefficient), 630px * var(--mobile-coefficient));
    flex: none;
}

.hero__content-list {
    margin-bottom: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient)) !important;
}

.hero__content ul li {
   font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.hero__content-list:has(strong) li {
    flex-direction: column;
    align-items: flex-start !important;
    gap: clamp(4px * var(--coefficient), 4 * 100vw / var(--design-width) * var(--mobile-coefficient), 4px * var(--mobile-coefficient)) !important;
    padding: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)) !important;
    border-radius: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)) !important;
    line-height: 130% !important;
}

.hero__content-list:has(strong) li strong {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));  
}

.hero__content-list:has(strong) span {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));  
}

.offer__btns {
    margin-top: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
}


/* ========================== СТРАНИЦА ЯНДЕКС ==================== */

.numbers__inner {
    border-radius: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
    padding: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
    background: linear-gradient(90deg, rgba(34, 58, 64, 0.7) 0%, rgba(40, 79, 88, 0.7) 100%);
}

.numbers__inner .section-header p.subtitle {
    opacity: 0.7;
}

.numbers__inner > img {
    width: 100%;
    height: clamp(522px * var(--coefficient), 522 * 100vw / var(--design-width) * var(--mobile-coefficient), 522px * var(--mobile-coefficient));
}

.numbers__inner > img.mobile {
    display: none;
}

.answer__inner {
    justify-content: space-between;
    align-items: flex-start;
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.answer__inner > img {
    flex: none;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.7);
    object-fit: cover;
    height: clamp(381px * var(--coefficient), 381 * 100vw / var(--design-width) * var(--mobile-coefficient), 381px * var(--mobile-coefficient));
    width: clamp(697px * var(--coefficient), 697 * 100vw / var(--design-width) * var(--mobile-coefficient), 697px * var(--mobile-coefficient));
    border-radius: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.answer__inner ul {
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    align-items: flex-start;
}

.answer__inner ul li {
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    line-height: 133%;
}

.answer__inner ul li strong {
    font-weight: 500;
    color: #FFFFFF;
}

.answer__inner ul li img {
    flex: none;
    width: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.what-include__items {
    grid-template-columns: 1fr 1fr;
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.what-include__item {
    padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    border-radius: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
    background: rgba(255, 255, 255, 0.1);
}

.what-include__item svg,
.what-include__item img {
    width: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.what-include__item h3 {
    font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    color: rgba(255, 255, 255, 0.9);
    font-weight: 700;
}

.what-include__item p {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    line-height: 133%;
    color: rgba(255, 255, 255, 0.8);
}

.functionality__slide {
    border-radius: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
    padding: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
    background: linear-gradient(90deg, rgba(34, 58, 64, 0.7) 0%, rgba(40, 79, 88, 0.7) 100%);
}

.functionality__slide-content {
    align-items: flex-start;
    gap: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
    margin-bottom: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.functionality__slide > img {
    object-fit: cover;
    width: 100%;
    height: clamp(597px * var(--coefficient), 597 * 100vw / var(--design-width) * var(--mobile-coefficient), 597px * var(--mobile-coefficient));
    border-radius: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
    margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.functionality__slide > span {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    line-height: 130%;
    color: rgba(255, 255, 255, 0.8);
}

.functionality__slide-text {
    flex: 1;
}

.functionality__slide-text h3 {
    font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
}

.functionality__slide-text p {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    font-weight: 400;
    line-height: 130%;
    color: rgba(255, 255, 255, 0.8);
}

.functionality__slide-questions {
    flex: 1;
}

.functionality__slide-questions span {
    display: block;
    font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
    margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    line-height: 133%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
}

.functionality__slide-questions li {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
    line-height: 133%;
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
    justify-content: flex-start;
}

.functionality__slide-questions li svg,
.functionality__slide-questions li img {
    flex: none;
    width: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.functionality__slide-questions li:not(:last-child) {
    margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}


.custom-pagination-buttons {
    margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
}

.custom-pagination-buttons button {
    height: clamp(33px * var(--coefficient), 33 * 100vw / var(--design-width) * var(--mobile-coefficient), 33px * var(--mobile-coefficient));   
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    padding: 0 clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.functionality .section-header h2 {
    margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.connection .section-header p.subtitle {
    opacity: 0.7;
}

.connection__items {
    grid-template-columns: 1fr 1fr;
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.connection__item {
    padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    border-radius: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    background: rgba(255, 255, 255, 0.1);
}

.connection__item span {
    display: block;
    margin-bottom: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    font-weight: 500;
    color: #77fffb;
    background: rgba(65, 141, 138, 0.2);
    padding:  clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient))  clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    border-radius: 1000px;
    width: fit-content;
}

.connection__item h3 {
    font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
}

.connection__item p {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    line-height: 130%;
    color: rgba(255, 255, 255, 0.8);
}

.service-result__items {
    grid-template-columns: 1fr 1fr;
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.service-result__item {
    padding: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
    border-radius: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
    background: rgba(255, 255, 255, 0.1);
}

.service-result__item h3 {
    font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
}

.service-result__item p {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    line-height: 130%;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.service-result__item img {
    width: 100%;
    object-fit: contain;
    height: clamp(311px * var(--coefficient), 311 * 100vw / var(--design-width) * var(--mobile-coefficient), 311px * var(--mobile-coefficient));
    border-radius: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    background: #FFFFFF;
}

.service-result__item span {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    line-height: 130%;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.7;
}

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

.system__info {
    flex: 1;
}

.system__info img {
    width: clamp(154px * var(--coefficient), 154 * 100vw / var(--design-width) * var(--mobile-coefficient), 154px * var(--mobile-coefficient));
    height: clamp(122px * var(--coefficient), 122 * 100vw / var(--design-width) * var(--mobile-coefficient), 122px * var(--mobile-coefficient));
    display: block;
    margin: 0 auto;
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.system__info strong {
    font-size: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
    margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
    font-weight: 700;
    text-align: center;
    color: #77fffb;
    display: block;
}

.system__info p {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.01em;
    text-align: center;
    opacity: 0.5;
}

.system__items {
    flex: none;
    background: linear-gradient(90deg, rgba(34, 58, 64, 0.7) 0%, rgba(40, 79, 88, 0.7) 100%);
    padding: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
    border-radius: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
    width: clamp(830px * var(--coefficient), 830 * 100vw / var(--design-width) * var(--mobile-coefficient), 830px * var(--mobile-coefficient));
}

.system__items li {
    padding-left: clamp(46px * var(--coefficient), 46 * 100vw / var(--design-width) * var(--mobile-coefficient), 46px * var(--mobile-coefficient));
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    font-weight: 500;
    position: relative;
    color: #B7B8B8;
    letter-spacing: 0.01em;
}

.system__items li:not(:last-child) {
    margin-bottom: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.system__items li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../images/icons/icon-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: clamp(30px * var(--coefficient), 30 * 100vw / var(--design-width) * var(--mobile-coefficient), 30px * var(--mobile-coefficient));
    height: clamp(30px * var(--coefficient), 30 * 100vw / var(--design-width) * var(--mobile-coefficient), 30px * var(--mobile-coefficient));
}

@media only screen and (max-width: 640px) {
    
  /* ========================== СТИЛИЗАЦИЯ ЗАГОЛОВКОВ ==================== */

  h1,
  h2 {
    font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .section-header h2,
  .section-header h1 {
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .section-header:has(p.subtitle) {
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  } 
  
  .section-header:has(p.subtitle) h2 {
    margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  }

  p.subtitle {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
  
  /* ========================== ОСНОВНЫЕ СТИЛИ (media) ==================== */

  .container {
    max-width: 100%;
    width: 100%;
    padding: clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  section {
    margin-bottom: clamp(56px * var(--coefficient), 56 * 100vw / var(--design-width) * var(--mobile-coefficient), 56px * var(--mobile-coefficient));
  }
  
  /*=========================================================================================
  # HEADER
  =========================================================================================*/

  .header__inner {
    padding: clamp(17px * var(--coefficient), 17 * 100vw / var(--design-width) * var(--mobile-coefficient), 17px * var(--mobile-coefficient));
  }

  .header__logo {
    height: clamp(30px * var(--coefficient), 30 * 100vw / var(--design-width) * var(--mobile-coefficient), 30px * var(--mobile-coefficient));
    width: clamp(139px * var(--coefficient), 139 * 100vw / var(--design-width) * var(--mobile-coefficient), 139px * var(--mobile-coefficient));
  }

  #burger_menu {
    width: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    height: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  #burger_menu span {
    height: clamp(2px * var(--coefficient), 2 * 100vw / var(--design-width) * var(--mobile-coefficient), 2px * var(--mobile-coefficient));
  }

  #burger_menu span:nth-child(2),
  #burger_menu span:nth-child(3) {
    top: clamp(7px * var(--coefficient), 7 * 100vw / var(--design-width) * var(--mobile-coefficient), 7px * var(--mobile-coefficient));
  }

  #burger_menu span:nth-child(4) {
    top: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  }
  
  
  /*=========================================================================================
  # FOOTER
  =========================================================================================*/

  .footer {
    margin-bottom: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  }

  .footer__inner {
    padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    border-radius: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .footer__logo {
    width: clamp(181px * var(--coefficient), 181 * 100vw / var(--design-width) * var(--mobile-coefficient), 181px * var(--mobile-coefficient));
    height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .footer__navigation {
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .footer__navigation h2 {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  .footer__navigation ul {
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .footer__navigation ul li {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .footer__icons {
    gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  }

  .footer__contacts {
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .footer-link {
    line-height: 130%;
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    color: #FFFFFF;
  }

  .footer__bottom span {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
  
  /* ========================== ХЛЕБНЫЕ КРОШКИ ==================== */

  .breadcrumbs {
    padding-top: clamp(80px * var(--coefficient), 80 * 100vw / var(--design-width) * var(--mobile-coefficient), 80px * var(--mobile-coefficient));
    margin-bottom: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    line-height: 267%;
  }

  /* ========================== СТИЛИЗАЦИЯ КНОПОК ==================== */

  .btn {
    height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    padding: clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
  
  /* ========================== СТИЛИЗАЦИЯ ПОЛЕЙ ВВОДА ==================== */

  .input {
    width: 100%;
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    padding: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  textarea {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    padding: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    border-radius: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }
  
  .form-row > span {
      width: 100%;
  }

  .form-row {
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .form-accepts {
    margin-top: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  form .btn {
    margin-top: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    width: 100%;
  }

  .form__policy p {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
  
  /*=========================================================================================
  # ПАРТНЕРАМ
  =========================================================================================*/

  .partners__items {
    grid-template-columns: 1fr 1fr;
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .partners__items li {
    justify-content: center; 
    height: clamp(68px * var(--coefficient), 68 * 100vw / var(--design-width) * var(--mobile-coefficient), 68px * var(--mobile-coefficient));
    border-radius: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
    padding: 0 clamp(16px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .partners__items li img {
    height: clamp(56px * var(--coefficient), 56 * 100vw / var(--design-width) * var(--mobile-coefficient), 56px * var(--mobile-coefficient));
  }
  
  /*=========================================================================================
# FAQ
=========================================================================================*/

  .faq__items {
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    padding: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    border-radius: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  .faq__item {
    width: 100%;
    padding: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient)) clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    border-radius: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  .faq__item-question {
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .faq__item-question h3 {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    font-weight: 500;
  }
 
  .faq__item-question svg {
    width: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
    height: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
  }

  .faq__item-answer {
    padding-top: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
  
  
  /*=========================================================================================
  # ЛИД-МАГНИТ
  =========================================================================================*/

  .lead-magnet__inner {
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .lead-magnet__form {
    width: 100%;
  }

  .lead-magnet__content h2 {
    margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  .lead-magnet__content ul {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  
  /*=========================================================================================
  # HERO
  =========================================================================================*/

  .hero__inner > img {
    display: none;
  }

  .hero__content-list {
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) !important;
  }
  
  .hero__content ul {
    gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient)) !important;
   }

  .hero__content ul li {
   font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .hero__content-list:has(strong) li {
    gap: 0 !important;
    padding: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient)) !important;
  }

  .hero__content-list:has(strong) li strong {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)); 
  }

  .hero__content-list:has(strong) span {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .offer__btns {
    margin-top: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }


  
    
  .numbers__inner {
    border-radius: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .numbers__inner > img {
    display: none;
  }
  
  .numbers__inner > img.mobile {
    display: block;
    width: 100%;
    height: clamp(690px * var(--coefficient), 690 * 100vw / var(--design-width) * var(--mobile-coefficient), 690px * var(--mobile-coefficient));
  }
  
  .answer__inner {
    flex-direction: column;
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

  .answer__inner > img {
    width: 100%;
    min-height: auto;
    aspect-ratio: 697/381;
    height: auto;
    border-radius: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .answer__inner ul {
    gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  .answer__inner ul li {
    gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
  
  .answer__inner ul li br {
    display: none;
  }

  .answer__inner ul li img {
    flex: none;
    width: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }
  
  .what-include__items {
    grid-template-columns: 1fr;
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .what-include__item {
    padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    border-radius: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .what-include__item svg,
  .what-include__item img {
    width: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
    height: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .what-include__item h3 {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  }

  .what-include__item p {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
  
  .custom-pagination-buttons {
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    gap: clamp(6px * var(--coefficient), 6 * 100vw / var(--design-width) * var(--mobile-coefficient), 6px * var(--mobile-coefficient));
  }

  .custom-pagination-buttons button {
    height: clamp(26px * var(--coefficient), 26 * 100vw / var(--design-width) * var(--mobile-coefficient), 26px * var(--mobile-coefficient));   
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    padding: 0 clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  }
  
  .functionality .section-header h2 {
    margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
  
  .functionality__slide {
    border-radius: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .functionality__slide-content {
    flex-direction: column;
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .functionality__slide > img {
    object-fit: cover;
    width: 100%;
    height: auto;
    aspect-ratio: 1344/597;
    border-radius: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .functionality__slide > span {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .functionality__slide-text {
    flex: 1;
  }

  .functionality__slide-text h3 {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .functionality__slide-text p {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .functionality__slide-questions span {
    font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
    margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .functionality__slide-questions li {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  }

  .functionality__slide-questions li svg,
  .functionality__slide-questions li img {
    width: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .functionality__slide-questions li:not(:last-child) {
    margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
  
  .connection__items {
    grid-template-columns: 1fr;
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .connection__item span {
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    padding:  clamp(6px * var(--coefficient), 6 * 100vw / var(--design-width) * var(--mobile-coefficient), 6px * var(--mobile-coefficient))  clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  .connection__item h3 {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  }

  .connection__item p {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .service-result__items {
    grid-template-columns: 1fr;
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .service-result__item {
    padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    border-radius: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .service-result__item h3 {
    font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  }

  .service-result__item p {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  .service-result__item img {
    height: auto;
    aspect-ratio: 644/311;
    border-radius: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
    margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  .service-result__item span {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
  
  .system__inner {
    flex-direction: column;
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .system__info {
    width: 100%;
  }

  .system__info img {
    width: clamp(130px * var(--coefficient), 130 * 100vw / var(--design-width) * var(--mobile-coefficient), 130px * var(--mobile-coefficient));
    height: clamp(103px * var(--coefficient), 103 * 100vw / var(--design-width) * var(--mobile-coefficient), 103px * var(--mobile-coefficient));
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .system__info strong {
    font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .system__info p {
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .system__items {
    padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    border-radius: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
    width: 100%;
  }

  .system__items li {
    padding-left: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
    font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }


  .system__items li::before {
    width: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
    height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  }
  
  .system__items li:not(:last-child) {
      margin-bottom: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }
}