@charset "UTF-8";
/* xl - DESKTOP STYLES */
html {
  font-size: 62.5%;
}
:root {
  --container-radius: clamp(3rem, 1.912vw + 2.388rem, 5rem);
  --base-color: #062e4f;
  --base-color-hover: #25435C;
  --title-color: #050A07;
  --text-color: #0F161B;
  --accent-color: #E6563F;
  --accent-color-hover: #42545E;
  --primary-color: #2896A5;
  --primary-color-hover: #484949;
  --border-color: #93D0B3;
  --background-color: #f6f5ed;
  --padding-3-1: clamp(1rem, 1.912vw + 0.388rem, 3rem);
  --container-padding: clamp(1rem, 0.478vw + 0.847rem, 1.5rem);
  --section-padding: clamp(8rem, 1.912vw + 7.388rem, 10rem);
  --h1-fontsize: clamp(4.6rem, 0.86vw + 4.325rem, 5.5rem);
  --h1-lineheight: clamp(5rem, 0.956vw + 4.694rem, 6rem);
  --h2-fontsize: clamp(3.6rem, 0.375vw + 3.48rem, 4.2rem);
  --h2-lineheight: clamp(4rem, 0.956vw + 3.694rem, 5rem);
  --h3-fontsize: clamp(2.6rem, 0.574vw + 2.416rem, 3.2rem);
  --h3-lineheight: clamp(3rem, 0.956vw + 2.694rem, 4rem);
  --h4-fontsize: clamp(2.2rem, 0.375vw + 2.08rem, 2.8rem);
  --h4-lineheight: clamp(2.8rem, 0.375vw + 2.68rem, 3.4rem);
  --text-l: clamp(1.8rem, 0.125vw + 1.76rem, 2rem);
  --icon-size: clamp(6rem, 0.956vw + 5.694rem, 7rem);
  --content-gap: clamp(2rem, 0.625vw + 1.8rem, 3rem);
  --img-radius: clamp(1rem, 0.313vw + 0.9rem, 1.5rem);
  --numeric-card-font-size: 18rem;
  --numeric-card-number-color: #ffffff4d;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "M PLUS 1", Sans-serif;
}
.highlight {
  color: var(--accent-color);
}
.highlight-primary {
  color: var(--primary-color);
}
.highlight-primary-hover {
  color: var(--primary-color-hover);
}
.copyright {
  vertical-align: super !Important;
  font-size: calc(var(--h1-fontsize) * 0.55);
}
.elementor-widget-text-editor {
  color: var(--text-color);
}
.card {
  background-color: white;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  padding-top: calc(var(--container-padding) * 2);
  padding-bottom: calc(var(--container-padding) * 1.5);
  border-radius: var(--container-padding);
  border: 1px solid #93D0B3;
  overflow: hidden;
}
.card__icon svg {
  font-size: var(--icon-size);
}
.my-list {
  --icon-url: url(/wp-content/uploads/2025/08/arrow-1.svg);
  --icon-color: var(--primary-color);
  --icon-offset: 0 0.5ex;
  --list-icon-size: 1em;
  --icon-gap: 1em;
  --icon-display: flex;
  --list-indent: 0;
}
.my-list ul {
  list-style: none;
  padding: 0;
  margin-inline-start: var(--list-indent);
}
.my-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--icon-gap);
  padding-bottom: 0, 7em;
}
.my-list li::before {
  content: "";
  display: var(--icon-display);
  inline-size: var(--list-icon-size);
  block-size: var(--list-icon-size);
  background-color: var(--icon-color);
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  mask-size: cover;
  translate: var(--icon-offset);
}
.my-list ul li:last-child {
  padding-bottom: 0;
}
.clickable {
  position: relative;
}
.clickable a:after {
  content: "";
  display: block !IMPORTANT;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.dd-link-card {
  position: relative;
}
.dd-link-card :not(.elementor-element-overlay, .elementor-element-overlay *, .elementor-shape, .ui-resizable-handle, .dd-link-card--excluded) {
  position: static;
}
.dd-link-card .dd-main-link a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 99;
}
.numeric-card-wrapper {
  counter-reset: process;
}
.numeric-card {
  overflow: clip;
  position: relative;
}
.numeric-card::before {
  content: counter(process);
  counter-increment: process;
  font-size: var(--numeric-card-font-size);
  font-weight: 800;
  font-family: "Roboto Slab", serif;
  line-height: 1;
  color: var(--numeric-card-number-color);
  position: absolute;
  inset: 0;
  display: grid;
  place-items: end;
}
.heading-gradient-text {
  background: linear-gradient(90deg, #DF3238 0%, #EE8448 100%);
  /* Обрезаем фон по очертаниям текста */
  -webkit-background-clip: text;
  /* для Chrome/Safari */
  background-clip: text;
  /* для поддерживающих браузеров */
  /* Делаем сам текст прозрачным, чтобы был виден фон */
  -webkit-text-fill-color: transparent;
  /* для Chrome/Safari */
  color: transparent;
  /* для остальных */
  /* Дополнительно: жирность/межбуквенные настройки */
  /* font-weight: 800; */
}
.heading-gradient-text-primary {
  background: linear-gradient(270deg, #7DB3BA 0%, #2896A5 100%);
  /* Обрезаем фон по очертаниям текста */
  -webkit-background-clip: text;
  /* для Chrome/Safari */
  background-clip: text;
  /* для поддерживающих браузеров */
  /* Делаем сам текст прозрачным, чтобы был виден фон */
  -webkit-text-fill-color: transparent;
  /* для Chrome/Safari */
  color: transparent;
  /* для остальных */
  /* Дополнительно: жирность/межбуквенные настройки */
  /* font-weight: 800; */
}
.heading-bg {
  padding: 24px;
  border-radius: 12px;
  /* Градиентный фон */
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  color: #ffffff;
  /* текст поверх градиента остается читаемым */
}
.underlined-half {
  position: relative;
  display: inline-block;
  /* чтобы ширина подчеркивания была по тексту; уберите для полной строки */
  padding-bottom: 0.01em;
  /* небольшой отступ, чтобы фон не прилипал к буквам */
  z-index: 0;
  /* создаём контекст для псевдоэлемента */
}
.underlined-half::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  /* фон снизу */
  height: 50%;
  /* половина высоты заголовка */
  /* background-color: #ffcc00; */
  /* цвет "подчеркивания" */
  background: linear-gradient(90deg, #DF3238 0%, #EE8448 100%);
  z-index: -1;
  /* чтобы не перекрывать текст */
  /* border-radius: 0.15em; */
  /* опционально — скругление */
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F8-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BACAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgCA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaD%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */