/* Ported from Custom CSS & JS plugin — blog 2 frontend CSS. 30 entries. */


/* --- [15704] mark --- */
mark.has-inline-color {
    background-color: #e4eae8 !important; /* Цвет выделения */
    padding: 1.4px 0 !important; /* Вертикальные отступы для достижения нужной высоты */
    box-decoration-break: clone !important; /* Корректное выделение при переносе строк */
}


/* --- [15707] report-content .grey div --- */
.report-content .grey div {
  max-width: 810px !important;
	}
.wp-block-columns.grey {
  margin-top: -20px !important; 
}


/* --- [15727] mobile --- */
@media screen and (max-width: 768px) {
  .wp-block-image.size-large {
    display: none !important;
  }
  .mobile-image-block {
    display: block !important;
    text-align: center !important;;
    width: 100% !important;; 
  }

  .mobile-image-block img {
    width: 100% !important; 
    max-width: 100% !important; 
    object-fit: contain; 
    border-radius: 6px; 
  }

  .mobile-image-block figcaption {
    font-size: 8px;
    color: #6c757d;
    text-align: center;
    margin-top: -5px; 
    opacity: 0.7;
    width: 100%; 
  }
}

@media screen and (min-width: 769px) {
  .mobile-image-block {
    display: none !important;
  }
}


/* --- [15780] pre --- */



/* --- [15832] .wp-block-list --- */
ul.wp-block-list {
    margin-top: 0 !important;
}


/* --- [15859] .col-news --- */
.col-news {
    display: none !important;
}


/* --- [15950] .team-info .left img --- */
.team-info .left img {
    width: 100% !important;
    height: 150% !important; 
    object-fit: cover !important; 
}


/* --- [16080] GrayTextMobile --- */
/* Стили для мобильных устройств */
@media screen and (max-width: 767px) {
  .GrayTextMobile {
    background-color: #e9edf3 !important; /* Серый фон */
    padding: 30px !important; /* Внутренние отступы */
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important; /* Выравнивание всего содержимого влево */
    display: block !important;
  }

  .GrayTextMobile__title {
    font-size: 17px !important; /* Размер шрифта заголовка */
    font-weight: bold !important; /* Жирный шрифт */
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
    text-align: left !important; /* Заголовок влево */
  }

  .GrayTextMobile__text {
    font-size: 17px !important;
    line-height: 1.2 !important;
    margin: 0 0 15px 0 !important;
    text-align: left !important; /* Текст влево */
  }

  .GrayTextMobile__list {
    list-style-type: disc !important;
    padding-left: 20px !important; /* Отступ для маркеров */
    margin: 0 !important;
    text-align: left !important; /* Список влево */
  }

  .GrayTextMobile__list li {
    font-size: 17px !important;
    line-height: 1.4 !important;
    margin-bottom: 5px !important;
  }

  .GrayTextMobile__list li:last-child {
    margin-bottom: 0 !important;
  }
}

/* Скрытие на устройствах с большими экранами */
@media screen and (min-width: 768px) {
  .GrayTextMobile {
    display: none !important;
  }
}


/* --- [16081] QuoteMobile --- */
/* Стили для мобильных устройств */
@media screen and (max-width: 767px) {
  .QuoteMobile {
    font-size: 15px !important; /* Размер шрифта */
    line-height: 1.4 !important; /* Межстрочный интервал */
    padding: 10px 20px !important; /* Внутренние отступы (по желанию) */
    border-left: 4px solid #0063ae !important; /* Полоса слева */
    background-color: #f9f9f9 !important; /* Светлый фон */
    word-break: break-word !important; /* Перенос длинных слов */
  }

  .QuoteMobile p {
    margin: 0 0 20px 0 !important; /* Отступ снизу между параграфами */
    padding: 0 !important;
	      font-size: 17px !important; /* Размер шрифта */
  }
	
  .QuoteMobile p:last-child {
    margin-bottom: 0 !important; /* Убираем отступ у последнего параграфа */
  }
}

/* Скрытие на устройствах с большими экранами */
@media screen and (min-width: 768px) {
  .QuoteMobile {
    display: none !important;
  }
}


/* --- [16082] smallheader.mobile --- */
/* Стили для мобильных устройств */
@media screen and (max-width: 767px) {
  .SmallHeaderMobile {
    font-size: 21px !important; /* Размер шрифта */
    margin-top: 5px !important; /* Отступ сверху */
    margin-bottom: -10px !important; /* Отступ снизу */
    line-height: 1.3 !important; /* Межстрочный интервал */
    font-weight: bold !important; /* Жирное начертание */
    display: block !important;
    text-align: left !important; /* Выравнивание по левому краю */
  }
}

/* Скрытие на устройствах с большими экранами */
@media screen and (min-width: 768px) {
  .SmallHeaderMobile {
    display: none !important;
  }
}


/* --- [16083] TextDesk --- */
@media (min-width: 768px) {
 .TextDesk {
    margin: 0 !important; 
    padding: 0 !important;
    margin-left: 0px !important; 
    margin-right: 0px !important; 
    display: block !important;
    word-break: break-word !important; 
	padding-bottom: 0px !important; 
  }

  .TextDesk p {
    margin: 0 0 25px 0 !important;
	font-size: 18px !important;
    line-height: 1.4 !important;
  }

  .TextDesk p:last-child {
    margin-bottom: 0px !important; 
  }
}

@media screen and (max-width: 767px) {
  .TextDesk {
    display: none !important;
  }


/* --- [16084] DeskList --- */
/* Стили для десктопных устройств */
@media screen and (min-width: 768px) {
  .DeskList {
    line-height: 1.4 !important; /* Межстрочный интервал */
    padding-left: 20px !important; /* Отступ слева для маркеров */
    list-style-type: disc !important; /* Стиль маркеров */
  }

  .DeskList li {
    margin-bottom: 0px !important; 
	font-size: 18px !important;
    line-height: 1.4 !important;
  }
	  .DeskList p {
	font-size: 18px !important;
    line-height: 1.4 !important;
  }

  .DeskList li:last-child {
    margin-bottom: 0px !important; /* Убираем отступ у последнего элемента списка */
  }
}

/* Скрытие на мобильных устройствах */
@media screen and (max-width: 767px) {
  .DeskList {
    display: none !important;
  }
}


/* --- [16085] BigHeaderDesk --- */
/* Стили для десктопных устройств */
@media screen and (min-width: 768px) {
  .BigHeaderDesk {
    font-size: 36px !important; /* Размер шрифта */
    margin-top: 10px !important; /* Отступ сверху */
    margin-bottom: -25px !important; /* Отступ снизу */
    line-height: 1.3 !important; /* Межстрочный интервал */
    font-weight: bold !important; /* Жирный текст */
    display: block !important; /* Блочный элемент */
    text-align: left !important; /* Выравнивание по левому краю */
  }
}

/* Скрытие на мобильных устройствах */
@media screen and (max-width: 767px) {
  .BigHeaderDesk {
    display: none !important;
  }
}


/* --- [16086] GrayTextDesk --- */
/* Стили для GrayTextDesk на десктопах */
@media screen and (min-width: 768px) {
  .GrayTextDesk {
    background-color: #e9edf3 !important; /* Серый фон */
    width: 766px !important; /* Растягиваем на всю ширину окна браузера */
    max-width: 766px !important; /* Убираем ограничения ширины */
    padding: 30px calc(15.22%) !important; /* Внутренние отступы по горизонтали */
    box-sizing: border-box !important;
    justify-content: center !important; /* Центрируем содержимое по вертикали */
  }

  .GrayTextDesk h3 {
    font-size: 18px !important; /* Размер шрифта 24px */
    font-weight: bold !important; /* Жирный шрифт */
    margin-bottom: 15px !important; /* Отступ снизу */
    line-height: 1.4 !important; /* Межстрочный интервал */
  max-width: 100% !important;
  padding-left: 0px !important; 
  padding-right: 0px !important; 
  text-align: left !important; 
  box-sizing: border-box !important; 
  }

  .GrayTextDesk p {
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin: 0 0 20px 0 !important; /* Отступы между абзацами */
  max-width: 100% !important;
  padding-left: 0px !important; 
  padding-right: 0px !important; 
  text-align: left !important; 
  box-sizing: border-box !important; 
  }

  .GrayTextDesk ul {
    list-style-type: disc !important;
	      font-size: 18px !important;
    padding-left: 20px !important; /* Отступ для маркеров */
    margin: 0 !important; /* Убираем внешний отступ списка */
  max-width: 100% !important;
  padding-left: 30px !important; 
  padding-right: 10px !important; 
  text-align: left !important; 
  display: flex !important; 
  flex-direction: column !important; 
  box-sizing: border-box !important; 
  }

  .GrayTextDesk li {
    margin-bottom: 10px !important; /* Отступ между пунктами */
    line-height: 1.6 !important;
	  	      font-size: 18px !important;
  }

  .GrayTextDesk li:last-child {
    margin-bottom: 0 !important; /* Убираем отступ у последнего пункта */
  }
}

/* Скрытие элемента GrayTextDesk на мобильных устройствах */
@media screen and (max-width: 767px) {
  .GrayTextDesk {
    display: none !important; /* Полное скрытие элемента */
  }
}


/* --- [16087] DeskIMG --- */
@media screen and (min-width: 768px) {
    .DeskIMG {
        position: relative !important; /* Позволяет элементу оставаться в контексте документа */
        width: 1160px !important; /* Растягиваем на всю ширину окна браузера */
        max-width: none !important; /* Убираем ограничения ширины */
        margin-left: calc(-50vw + 50%) !important; /* Центрируем, компенсируя родительский контейнер */
        margin-right: calc(-50vw + 50%) !important; /* Для симметрии */
        text-align: center !important;
        overflow: hidden !important;
    }

    .DeskIMG img {
        width: 100% !important; /* Изображение занимает ширину родителя */
        max-width: none !important; /* Убираем любые ограничения */
        height: auto !important; /* Сохраняем пропорции изображения */
        object-fit: cover !important; /* Гарантируем обрезку для соответствия контейнеру */
        border-radius: 6px !important;
        display: block !important;
		
    }

    .DeskIMG figcaption {
        text-align: left !important; /* Центрируем подпись */
        font-size: 16px !important; /* Размер шрифта подписи */
        opacity: 0.7 !important; /* Полупрозрачный цвет */
        margin: 6px auto 0 auto !important; /* Центрируем подпись */
		max-width: 50% !important; /* Ограничиваем ширину подписи */
    }
}

@media screen and (max-width: 767px) {
    .DeskIMG {
        display: none !important; /* Скрываем элементы для мобильных устройств */
    }
}


/* --- [16088] QuoteDesk --- */
/* Стили для QuoteDesk на десктопах */
@media screen and (min-width: 768px) {
  .QuoteDesk {
    font-size: 18px !important; /* Размер шрифта */
    line-height: 1.6 !important; /* Межстрочный интервал */
    padding: 10px 20px !important; /* Внутренние отступы (по желанию) */
    border-left: 4px solid #0063ae !important; /* Полоса слева */
    background-color: #f9f9f9 !important; /* Светлый фон */
    word-break: break-word !important; /* Перенос длинных слов */
  }

  .QuoteDesk p {
    margin: 0 0 20px 0 !important; /* Отступ снизу между параграфами */
	      font-size: 18px !important; /* Размер шрифта */
  }
	
  .QuoteDesk p:last-child {
    margin-bottom: 0 !important; /* Убираем отступ у последнего параграфа */
  }
}

/* Скрытие на мобильных устройствах */
@media screen and (max-width: 767px) {
  .QuoteDesk {
    display: none !important; /* Скрываем блок на мобильных устройствах */
  }
}


/* --- [16089] SmallHeader --- */
/* Единый блок SmallHeader для мобильных и десктопов */

/* Стили для мобильных устройств */
@media screen and (max-width: 767px) {
  .SmallHeader {
    font-size: 21px !important; /* Размер шрифта для мобильных */
    line-height: 1.2 !important; /* Межстрочный интервал */
    font-weight: bold !important; /* Жирный текст */
    display: block !important; /* Блочный элемент */
    text-align: left !important; /* Выравнивание по левому краю */
  }
}

/* Стили для десктопных устройств */
@media screen and (min-width: 768px) {
  .SmallHeader {
    font-size: 24px !important; /* Размер шрифта для десктопов */
    line-height: 1.6 !important; /* Межстрочный интервал */
    font-weight: bold !important; /* Жирный текст */
    display: block !important; /* Блочный элемент */
    text-align: left !important; /* Выравнивание по левому краю */
  }
}


/* --- [16090] basic.text.mobile --- */
/* Стили для мобильных устройств */
@media screen and (max-width: 767px) {
  .TextMobile {
    line-height: 1.6 !important; /* Общий межстрочный интервал */
    display: block !important;
    word-break: break-word !important;
  }

  .TextMobile * {
    line-height: 1.6 !important; /* Гарантируем 1.4 для всех вложенных элементов */
  }

  .TextMobile p {
    margin: 0 0 20px 0 !important; /* Отступ снизу между параграфами */
    padding: 0 !important;
	font-size: 17px !important;
	line-height: 1.6 !important; /* Общий межстрочный интервал */
  }

  .TextMobile p:last-child {
    margin-bottom: 0 !important; /* Убираем отступ у последнего параграфа */
  }

  .TextMobile a {
    word-break: break-word !important;
    text-decoration: underline !important;
  }
}

/* Скрытие на устройствах с большими экранами */
@media screen and (min-width: 768px) {
  .TextMobile {
    display: none !important;
  }
}


/* --- [16091] bigheader.mobile --- */
/* Единый блок BigHeader для мобильных и десктопов */

/* Стили для мобильных устройств */
@media screen and (max-width: 767px) {
  .BigHeader {
    font-size: 28px !important; /* Размер шрифта для мобильных */
    line-height: 1.3 !important; /* Межстрочный интервал */
    font-weight: bold !important; /* Жирный текст */
    display: block !important; /* Блочный элемент */
    text-align: left !important; /* Выравнивание по левому краю */
  }
}

/* Стили для десктопных устройств */
@media screen and (min-width: 768px) {
  .BigHeader {
    font-size: 36px !important; /* Размер шрифта для десктопов */
    line-height: 1.3 !important; /* Межстрочный интервал */
    font-weight: bold !important; /* Жирный текст */
    display: block !important; /* Блочный элемент */
    text-align: left !important; /* Выравнивание по левому краю */
  }
}


/* --- [16095] mobile.list --- */
/* Стили для мобильных устройств */
@media screen and (max-width: 767px) {
  .MobileList {
    font-size: 17px !important;
    margin-top: 0px !important;
    line-height: 1.6 !important;
    padding-left: 20px !important; /* Отступ для маркеров */
    list-style-type: disc !important; /* Маркеры - точки */
  }

  .MobileList li {
    margin-bottom: 5px !important; /* Отступ между пунктами */
	line-height: 1.6 !important;
	  	font-size: 17px !important;
  }
	  .MobileList p {
	font-size: 17px !important;
	line-height: 1.6 !important; /* Общий межстрочный интервал */
  }
  .MobileList li:last-child {
    margin-bottom: 0 !important; /* Убираем отступ у последнего элемента */
  }
}

/* Скрытие на устройствах с большими экранами */
@media screen and (min-width: 768px) {
  .MobileList {
    display: none !important;
  }
}


/* --- [16178] hero --- */
.report-page .hero .content {
    background-position: center center !important;
    background-size: cover !important;
}


/* --- [16291] content-layout --- */
@media screen and (min-width: 768px) {
.report-content .content {
  max-width: calc(100% * 6 / 12) !important;
  margin-left: 434px !important;
  margin-right: 434px !important; 
  padding-left: 0px !important; 
  padding-right: 0px !important; 
  text-align: left !important; 
  display: flex !important; 
  flex-direction: column !important; 
  box-sizing: border-box !important; 
  gap: 0px !important;
}
}
	
@media screen (max-width: 767px) 
.report-content .content {
  gap: 0px !important;
}

@media (max-width: 568px) {
  .report-content .content {
    gap: 0px !important;
  }
}


/* --- [16292] report-content-top --- */
@media screen and (min-width: 768px) {
    .report-content-top p {
        width: calc(1160px * 8 / 12) !important;
        max-width: 1160px !important; 
        text-align: center !important;
		line-height: 140% !important;
		font-size: 18px !important;
      } 
	}
@media screen and (max-width: 767px) {
	    .report-content-top p {
	    line-height: 160% !important;
	    font-size: 17px !important;
	    }
	}


/* --- [16293] margins-desk --- */
/* Общие стили для элементов */
.TextDesk {
    /* Настройки для текстовых блоков */
}

.DeskList {
    /* Настройки для списков */
}

.BigHeader {
    /* Настройки для больших заголовков */
}

.SmallHeader {
    /* Настройки для маленьких заголовков */
}

.GrayTextDesk {
    /* Настройки для серого текста */
}

.QuoteDesk {
    /* Настройки для цитат */
}

.DeskIMG {
    /* Настройки для изображений */
}

/* Десктопные стили с использованием классов has-desktop-next и is-desktop-next, включая DeskIMG */
@media (min-width: 768px) {
    .TextDesk.has-desktop-next + * + .DeskList.is-desktop-next,
    .TextDesk.has-desktop-next + .DeskList,
    .TextDesk + .DeskList {
        margin-top: 25px !important; /* Отступ между текстом и списком */
    }

    .TextDesk.has-desktop-next + * + .BigHeader,
    .TextDesk.has-desktop-next + .BigHeader,
    .TextDesk + .BigHeader {
        margin-top: 45px !important; /* Отступ между текстом и большим заголовком */
    }

    .TextDesk.has-desktop-next + * + .SmallHeader,
    .TextDesk.has-desktop-next + .SmallHeader,
    .TextDesk + .SmallHeader {
        margin-top: 40px !important; /* Отступ между текстом и маленьким заголовком */
    }

    .TextDesk.has-desktop-next + * + .GrayTextDesk.is-desktop-next,
    .TextDesk.has-desktop-next + .GrayTextDesk,
    .TextDesk + .GrayTextDesk {
        margin-top: 55px !important; /* Отступ между текстом и серым текстом */
    }

    .TextDesk.has-desktop-next + * + .QuoteDesk.is-desktop-next,
    .TextDesk.has-desktop-next + .QuoteDesk,
    .TextDesk + .QuoteDesk {
        margin-top: 55px !important; /* Отступ между текстом и цитатой */
    }

    .TextDesk.has-desktop-next + * + .DeskIMG.is-desktop-next,
    .TextDesk.has-desktop-next + .DeskIMG,
    .TextDesk + .DeskIMG {
        margin-top: 55px !important; /* Отступ между текстом и изображением */
    }

    .DeskList.has-desktop-next + * + .TextDesk.is-desktop-next,
    .DeskList.has-desktop-next + .TextDesk,
    .DeskList + .TextDesk {
        margin-top: 20px !important; /* Отступ между списком и текстом */
    }

    .DeskList.has-desktop-next + * + .BigHeader,
    .DeskList.has-desktop-next + .BigHeader,
    .DeskList + .BigHeader {
        margin-top: 45px !important; /* Отступ между списком и большим заголовком */
    }

    .DeskList.has-desktop-next + * + .SmallHeader,
    .DeskList.has-desktop-next + .SmallHeader,
    .DeskList + .SmallHeader {
        margin-top: 40px !important; /* Отступ между списком и маленьким заголовком */
    }

    .DeskList.has-desktop-next + * + .GrayTextDesk.is-desktop-next,
    .DeskList.has-desktop-next + .GrayTextDesk,
    .DeskList + .GrayTextDesk {
        margin-top: 55px !important; /* Отступ между списком и серым текстом */
    }

    .DeskList.has-desktop-next + * + .QuoteDesk.is-desktop-next,
    .DeskList.has-desktop-next + .QuoteDesk,
    .DeskList + .QuoteDesk {
        margin-top: 55px !important; /* Отступ между списком и цитатой */
    }

    .DeskList.has-desktop-next + * + .DeskIMG.is-desktop-next,
    .DeskList.has-desktop-next + .DeskIMG,
    .DeskList + .DeskIMG {
        margin-top: 55px !important; /* Отступ между списком и изображением */
    }

    .BigHeader + * + .TextDesk.is-desktop-next,
    .BigHeader + .TextDesk {
        margin-top: 25px !important; /* Отступ между большим заголовком и текстом */
    }

    .BigHeader + * + .DeskList.is-desktop-next,
    .BigHeader + .DeskList {
        margin-top: 25px !important; /* Отступ между большим заголовком и списком */
    }

    .BigHeader + * + .SmallHeader,
    .BigHeader + .SmallHeader {
        margin-top: 25px !important; /* Отступ между большим заголовком и маленьким заголовком */
    }

    .BigHeader + * + .GrayTextDesk.is-desktop-next,
    .BigHeader + .GrayTextDesk {
        margin-top: 20px !important; /* Отступ между большим заголовком и серым текстом */
    }

    .BigHeader + * + .QuoteDesk.is-desktop-next,
    .BigHeader + .QuoteDesk {
        margin-top: 20px !important; /* Отступ между большим заголовком и цитатой */
    }

    .BigHeader + * + .DeskIMG.is-desktop-next,
    .BigHeader + .DeskIMG,
    .BigHeader + .DeskIMG {
        margin-top: 20px !important; /* Отступ между большим заголовком и изображением */
    }

    .SmallHeader + * + .TextDesk.is-desktop-next,
    .SmallHeader + .TextDesk {
        margin-top: 10px !important; /* Отступ между маленьким заголовком и текстом */
    }

    .SmallHeader + * + .DeskList.is-desktop-next,
    .SmallHeader + .DeskList {
        margin-top: 15px !important; /* Отступ между маленьким заголовком и списком */
    }

    .SmallHeader + * + .BigHeader,
    .SmallHeader + .BigHeader {
        margin-top: 15px !important; /* Отступ между маленьким заголовком и большим заголовком */
    }

    .SmallHeader + * + .GrayTextDesk.is-desktop-next,
    .SmallHeader + .GrayTextDesk {
        margin-top: 15px !important; /* Отступ между маленьким заголовком и серым текстом */
    }

    .SmallHeader + * + .QuoteDesk.is-desktop-next,
    .SmallHeader + .QuoteDesk {
        margin-top: 15px !important; /* Отступ между маленьким заголовком и цитатой */
    }

    .SmallHeader + * + .DeskIMG.is-desktop-next,
    .SmallHeader + .DeskIMG,
    .SmallHeader + .DeskIMG {
        margin-top: 45px !important; /* Отступ между маленьким заголовком и изображением */
    }

    .GrayTextDesk.has-desktop-next + * + .TextDesk.is-desktop-next,
    .GrayTextDesk.has-desktop-next + .TextDesk,
    .GrayTextDesk + .TextDesk {
        margin-top: 55px !important; /* Отступ между серым текстом и текстом */
    }

    .GrayTextDesk.has-desktop-next + * + .DeskList.is-desktop-next,
    .GrayTextDesk.has-desktop-next + .DeskList,
    .GrayTextDesk + .DeskList {
        margin-top: 55px !important; /* Отступ между серым текстом и списком */
    }

    .GrayTextDesk + * + .BigHeader,
    .GrayTextDesk + .BigHeader {
        margin-top: 60px !important; /* Отступ между серым текстом и большим заголовком */
    }

    .GrayTextDesk + * + .SmallHeader,
    .GrayTextDesk + .SmallHeader {
        margin-top: 60px !important; /* Отступ между серым текстом и маленьким заголовком */
    }

    .GrayTextDesk.has-desktop-next + * + .QuoteDesk.is-desktop-next,
    .GrayTextDesk.has-desktop-next + .QuoteDesk,
    .GrayTextDesk + .QuoteDesk {
        margin-top: 55px !important; /* Отступ между серым текстом и цитатой */
    }

    .GrayTextDesk.has-desktop-next + * + .DeskIMG.is-desktop-next,
    .GrayTextDesk.has-desktop-next + .DeskIMG,
    .GrayTextDesk + .DeskIMG {
        margin-top: 55px !important; /* Отступ между серым текстом и изображением */
    }

    .QuoteDesk.has-desktop-next + * + .TextDesk.is-desktop-next,
    .QuoteDesk.has-desktop-next + .TextDesk,
    .QuoteDesk + .TextDesk {
        margin-top: 55px !important; /* Отступ между цитатой и текстом */
    }

    .QuoteDesk.has-desktop-next + * + .DeskList.is-desktop-next,
    .QuoteDesk.has-desktop-next + .DeskList,
    .QuoteDesk + .DeskList {
        margin-top: 55px !important; /* Отступ между цитатой и списком */
    }

    .QuoteDesk + * + .BigHeader,
    .QuoteDesk + .BigHeader {
        margin-top: 60px !important; /* Отступ между цитатой и большим заголовком */
    }

    .QuoteDesk + * + .SmallHeader,
    .QuoteDesk + .SmallHeader {
        margin-top: 60px !important; /* Отступ между цитатой и маленьким заголовком */
    }

    .QuoteDesk.has-desktop-next + * + .GrayTextDesk.is-desktop-next,
    .QuoteDesk.has-desktop-next + .GrayTextDesk,
    .QuoteDesk + .GrayTextDesk {
        margin-top: 55px !important; /* Отступ между цитатой и серым текстом */
    }

    .QuoteDesk.has-desktop-next + * + .DeskIMG.is-desktop-next,
    .QuoteDesk.has-desktop-next + .DeskIMG,
    .QuoteDesk + .DeskIMG {
        margin-top: 55px !important; /* Отступ между цитатой и изображением */
    }

    .DeskIMG.has-desktop-next + * + .TextDesk.is-desktop-next,
    .DeskIMG.has-desktop-next + .TextDesk,
    .DeskIMG + .TextDesk {
        margin-top: 15px !important; /* Отступ между изображением и текстом */
    }

    .DeskIMG.has-desktop-next + * + .DeskList.is-desktop-next,
    .DeskIMG.has-desktop-next + .DeskList,
    .DeskIMG + .DeskList {
        margin-top: 55px !important; /* Отступ между изображением и списком */
    }

    .DeskIMG + * + .BigHeader,
    .DeskIMG + .BigHeader {
        margin-top: 60px !important; /* Отступ между изображением и большим заголовком */
    }

    .DeskIMG + * + .SmallHeader,
    .DeskIMG + .SmallHeader {
        margin-top: 60px !important; /* Отступ между изображением и маленьким заголовком */
    }

    .DeskIMG.has-desktop-next + * + .GrayTextDesk.is-desktop-next,
    .DeskIMG.has-desktop-next + .GrayTextDesk,
    .DeskIMG + .GrayTextDesk {
        margin-top: 55px !important; /* Отступ между изображением и серым текстом */
    }

    .DeskIMG.has-desktop-next + * + .QuoteDesk.is-desktop-next,
    .DeskIMG.has-desktop-next + .QuoteDesk,
    .DeskIMG + .QuoteDesk {
        margin-top: 55px !important; /* Отступ между изображением и цитатой */
    }
}


/* --- [16294] margins-mobile --- */
/* CSS Mobile Layout Combinations */

@media (max-width: 767px) {
    .TextMobile.has-mobile-next + * + .MobileList.is-mobile-next,
    .TextMobile.has-mobile-next + .MobileList,
    .TextMobile + .MobileList {
        margin-top: 15px !important;
    }

    .TextMobile.has-mobile-next + * + .BigHeader.is-mobile-next,
    .TextMobile.has-mobile-next + .BigHeader,
    .TextMobile + .BigHeader {
        margin-top: 20px !important;
    }

    .TextMobile.has-mobile-next + * + .SmallHeader.is-mobile-next,
    .TextMobile.has-mobile-next + .SmallHeader,
    .TextMobile + .SmallHeader {
        margin-top: 20px !important;
    }

    .TextMobile.has-mobile-next + * + .GrayTextMobile.is-mobile-next,
    .TextMobile.has-mobile-next + .GrayTextMobile,
    .TextMobile + .GrayTextMobile {
        margin-top: 25px !important;
    }

    .TextMobile.has-mobile-next + * + .QuoteMobile.is-mobile-next,
    .TextMobile.has-mobile-next + .QuoteMobile,
    .TextMobile + .QuoteMobile {
        margin-top: 25px !important;
    }

    .TextMobile.has-mobile-next + * + .mobile-image-block.is-mobile-next,
    .TextMobile.has-mobile-next + .mobile-image-block,
    .TextMobile + .mobile-image-block {
        margin-top: 35px !important;
    }

    .MobileList.has-mobile-next + * + .TextMobile.is-mobile-next,
    .MobileList.has-mobile-next + .TextMobile,
    .MobileList + .TextMobile {
        margin-top: 15px !important;
    }

    .MobileList.has-mobile-next + * + .BigHeader.is-mobile-next,
    .MobileList.has-mobile-next + .BigHeader,
    .MobileList + .BigHeader {
        margin-top: 20px !important;
    }

    .MobileList.has-mobile-next + * + .SmallHeader.is-mobile-next,
    .MobileList.has-mobile-next + .SmallHeader,
    .MobileList + .SmallHeader {
        margin-top: 20px !important;
    }

    .MobileList.has-mobile-next + * + .GrayTextMobile.is-mobile-next,
    .MobileList.has-mobile-next + .GrayTextMobile,
    .MobileList + .GrayTextMobile {
        margin-top: 25px !important;
    }

    .MobileList.has-mobile-next + * + .QuoteMobile.is-mobile-next,
    .MobileList.has-mobile-next + .QuoteMobile,
    .MobileList + .QuoteMobile {
        margin-top: 25px !important;
    }

    .MobileList.has-mobile-next + * + .mobile-image-block.is-mobile-next,
    .MobileList.has-mobile-next + .mobile-image-block,
    .MobileList + .mobile-image-block {
        margin-top: 35px !important;
    }

    .BigHeader.has-mobile-next + * + .TextMobile.is-mobile-next,
    .BigHeader.has-mobile-next + .TextMobile,
    .BigHeader + .TextMobile {
        margin-top: 15px !important;
    }

    .BigHeader.has-mobile-next + * + .MobileList.is-mobile-next,
    .BigHeader.has-mobile-next + .MobileList,
    .BigHeader + .MobileList {
        margin-top: 15px !important;
    }

    .BigHeader.has-mobile-next + * + .SmallHeader.is-mobile-next,
    .BigHeader.has-mobile-next + .SmallHeader,
    .BigHeader + .SmallHeader {
        margin-top: 20px !important;
    }

    .BigHeader.has-mobile-next + * + .GrayTextMobile.is-mobile-next,
    .BigHeader.has-mobile-next + .GrayTextMobile,
    .BigHeader + .GrayTextMobile {
        margin-top: 25px !important;
    }

    .BigHeader.has-mobile-next + * + .QuoteMobile.is-mobile-next,
    .BigHeader.has-mobile-next + .QuoteMobile,
    .BigHeader + .QuoteMobile {
        margin-top: 25px !important;
    }

    .BigHeader.has-mobile-next + * + .mobile-image-block.is-mobile-next,
    .BigHeader.has-mobile-next + .mobile-image-block,
    .BigHeader + .mobile-image-block {
        margin-top: 25px !important;
    }

    .SmallHeader.has-mobile-next + * + .TextMobile.is-mobile-next,
    .SmallHeader.has-mobile-next + .TextMobile,
    .SmallHeader + .TextMobile {
        margin-top: 20px !important;
    }

    .SmallHeader.has-mobile-next + * + .MobileList.is-mobile-next,
    .SmallHeader.has-mobile-next + .MobileList,
    .SmallHeader + .MobileList {
        margin-top: 20px !important;
    }

    .SmallHeader.has-mobile-next + * + .BigHeader.is-mobile-next,
    .SmallHeader.has-mobile-next + .BigHeader,
    .SmallHeader + .BigHeader {
        margin-top: 20px !important;
    }

    .SmallHeader.has-mobile-next + * + .GrayTextMobile.is-mobile-next,
    .SmallHeader.has-mobile-next + .GrayTextMobile,
    .SmallHeader + .GrayTextMobile {
        margin-top: 25px !important;
    }

    .SmallHeader.has-mobile-next + * + .QuoteMobile.is-mobile-next,
    .SmallHeader.has-mobile-next + .QuoteMobile,
    .SmallHeader + .QuoteMobile {
        margin-top: 25px !important;
    }

    .SmallHeader.has-mobile-next + * + .mobile-image-block.is-mobile-next,
    .SmallHeader.has-mobile-next + .mobile-image-block,
    .SmallHeader + .mobile-image-block {
        margin-top: 25px !important;
    }

    .GrayTextMobile.has-mobile-next + * + .TextMobile.is-mobile-next,
    .GrayTextMobile.has-mobile-next + .TextMobile,
    .GrayTextMobile + .TextMobile {
        margin-top: 25px !important;
    }

    .GrayTextMobile.has-mobile-next + * + .MobileList.is-mobile-next,
    .GrayTextMobile.has-mobile-next + .MobileList,
    .GrayTextMobile + .MobileList {
        margin-top: 25px !important;
    }

    .GrayTextMobile.has-mobile-next + * + .BigHeader.is-mobile-next,
    .GrayTextMobile.has-mobile-next + .BigHeader,
    .GrayTextMobile + .BigHeader {
        margin-top: 25px !important;
    }

    .GrayTextMobile.has-mobile-next + * + .SmallHeader.is-mobile-next,
    .GrayTextMobile.has-mobile-next + .SmallHeader,
    .GrayTextMobile + .SmallHeader {
        margin-top: 25px !important;
    }

    .GrayTextMobile.has-mobile-next + * + .QuoteMobile.is-mobile-next,
    .GrayTextMobile.has-mobile-next + .QuoteMobile,
    .GrayTextMobile + .QuoteMobile {
        margin-top: 25px !important;
    }

    .GrayTextMobile.has-mobile-next + * + .mobile-image-block.is-mobile-next,
    .GrayTextMobile.has-mobile-next + .mobile-image-block,
    .GrayTextMobile + .mobile-image-block {
        margin-top: 25px !important;
    }

    .QuoteMobile.has-mobile-next + * + .TextMobile.is-mobile-next,
    .QuoteMobile.has-mobile-next + .TextMobile,
    .QuoteMobile + .TextMobile {
        margin-top: 25px !important;
    }

    .QuoteMobile.has-mobile-next + * + .MobileList.is-mobile-next,
    .QuoteMobile.has-mobile-next + .MobileList,
    .QuoteMobile + .MobileList {
        margin-top: 25px !important;
    }

    .QuoteMobile.has-mobile-next + * + .BigHeader.is-mobile-next,
    .QuoteMobile.has-mobile-next + .BigHeader,
    .QuoteMobile + .BigHeader {
        margin-top: 25px !important;
    }

    .QuoteMobile.has-mobile-next + * + .SmallHeader.is-mobile-next,
    .QuoteMobile.has-mobile-next + .SmallHeader,
    .QuoteMobile + .SmallHeader {
        margin-top: 25px !important;
    }

    .QuoteMobile.has-mobile-next + * + .GrayTextMobile.is-mobile-next,
    .QuoteMobile.has-mobile-next + .GrayTextMobile,
    .QuoteMobile + .GrayTextMobile {
        margin-top: 25px !important;
    }

    .QuoteMobile.has-mobile-next + * + .mobile-image-block.is-mobile-next,
    .QuoteMobile.has-mobile-next + .mobile-image-block,
    .QuoteMobile + .mobile-image-block {
        margin-top: 25px !important;
    }

    .mobile-image-block.has-mobile-next + * + .TextMobile.is-mobile-next,
    .mobile-image-block.has-mobile-next + .TextMobile,
    .mobile-image-block + .TextMobile {
        margin-top: 25px !important;
    }

    .mobile-image-block.has-mobile-next + * + .MobileList.is-mobile-next,
    .mobile-image-block.has-mobile-next + .MobileList,
    .mobile-image-block + .MobileList {
        margin-top: 25px !important;
    }

    .mobile-image-block.has-mobile-next + * + .BigHeader.is-mobile-next,
    .mobile-image-block.has-mobile-next + .BigHeader,
    .mobile-image-block + .BigHeader {
        margin-top: 25px !important;
    }

    .mobile-image-block.has-mobile-next + * + .SmallHeader.is-mobile-next,
    .mobile-image-block.has-mobile-next + .SmallHeader,
    .mobile-image-block + .SmallHeader {
        margin-top: 25px !important;
    }

    .mobile-image-block.has-mobile-next + * + .GrayTextMobile.is-mobile-next,
    .mobile-image-block.has-mobile-next + .GrayTextMobile,
    .mobile-image-block + .GrayTextMobile {
        margin-top: 25px !important;
    }

    .mobile-image-block.has-mobile-next + * + .QuoteMobile.is-mobile-next,
    .mobile-image-block.has-mobile-next + .QuoteMobile,
    .mobile-image-block + .QuoteMobile {
        margin-top: 25px !important;
    }
}


/* --- [16295] main .container --- */
main .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 21.31px !important;
  height: 100%;
}


/* --- [16507] videodesk --- */
.video {
    width: 1160px;
    height: 70vh; 
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/* --- [17142] .videodesk --- */
/* Адаптивный контейнер видео с правильной пропорцией 16:9 */
.videodesk {
    position: relative !important;
    width: 765px !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    margin: 16px auto 48px !important;
    overflow: hidden !important;
    border-radius: 6px !important;
}

.videodesk iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0 !important;
    border-radius: 6px !important;
    display: block !important;
}

@media (max-width: 767px) {
    .videodesk {
        width: 100% !important;
        margin-bottom: 28px !important;
    }
}


/* --- [17178] .left .right --- */
.content {
    display: flex;
    align-items: stretch; 
}


.right {
    flex-grow: 1;
	gap: 0px !important;
	height: 550px !important;
}

.left {
    height: 366px !important;
}

.right p {
    margin: 0 0 25px 0 !important;
	font-size: 18px !important;
    line-height: 1.4 !important;
}

.right h1 {
    font-size: 36px !important;
    line-height: 1.3 !important;
}

.right h2 {
    margin-top: 10px !important;
	margin-bottom: 20px !important;
	font-size: 24px !important; 
    line-height: 1.3 !important;
}


/* --- [17978] desktop-only --- */
.desktop-only {
  display: block!important;
}

.mobile-only {
  display: none!important;
}

@media (max-width: 768px) {
  .desktop-only {
    display: none!important;
  }

  .mobile-only {
    display: block!important;
  }
}