/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

a {
    text-decoration: none !important;
}
.site-header {
    display: none;
}
.page-header {
	display: none;
}



::-webkit-scrollbar {
    width: 12px;
    background: #2E3134;
}
::-webkit-scrollbar-thumb {
    background: #ffffff;
    -webkit-border-radius: 12px;
    writing-mode: vertical-rl;
    -webkit-border-after: 2px solid #2E3134;
    -webkit-border-before: 2px solid #2E3134;
}

.grecaptcha-badge {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.recaptcha_v3-bottomright {
    display: none !important;
}
.limiter {
  max-height: 95px;
  overflow: hidden;
  position: relative;
}
.read-more-checker {
  opacity: 0;
  position: absolute;
}
.read-more-checker:checked ~ .limiter {
  max-height: none;
}
.read-more-checker:checked ~ .limiter .bottom {
  opacity: 0;
  transition: 0.3s;
}
.read-more-checker ~ .read-more-button:before {
  content: "Показать все";
}
.read-more-checker:checked ~ .read-more-button:before {
  content: "Скрыть";
}
.read-more-button {
  cursor: pointer;
    display: inline-block;
    font-family: "Rubik", Sans-serif;
    font-size: 14px;
    color: #FC4607;
    padding: 15px 0;
    font-weight: 400;
}
.limiter {
	color: #1C1C1C;
    font-family: "Rubik", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.9em;
}
.limiter h2 {
	font-family: "Montserrat", Sans-serif;
    font-size: 14px;
	color: #2c373d;
}
.border-bottom {
	border-bottom: 1px solid #0077FF;
    padding: 0 0 3px 0;
}
.pl-bg-msa {
    backdrop-filter: blur(32px);
    background: rgb(196 196 196 / 15%);
}
/* Только для Icon Box с классом ib-bullet-align */
.ib-bullet-align.elementor-widget-icon-box .elementor-icon-box-wrapper{
  align-items: flex-start;
}

.ib-bullet-align.elementor-widget-icon-box .elementor-icon-box-icon{
  position: relative;
  top: 0.2em; /* подстройка: 0.12–0.25em */
}

/* =========================================================
   Маркер для заголовка Elementor (3 скошенных "кубика")
   Класс для виджета: angar-title-marker
   ========================================================= */

/* Вешается на сам виджет "Заголовок" в Elementor */
.angar-title-marker {
  position: relative;
}

/* Целимся в сам текст заголовка внутри Elementor */
.angar-title-marker .elementor-heading-title {
  position: relative;
  display: block;
  margin: 0;

  /* ===== НАСТРОЙКИ (можно менять) ===== */
  --marker-color: #0077FF;

  /* Высота кубиков относительно шрифта заголовка */
  --mh: 0.68em;

  /* Ширина 3 кубиков */
  --w1: 0.52em;
  --w2: 0.40em;
  --w3: 0.28em;

  /* Расстояние между кубиками (равное) */
  --mgap: 0.12em;

  /* Отступ от кубиков до текста (как вы просили ~35–40px) */
  --text-gap: 25px;

  /* Наклон (одинаковый у всех) */
  --skew: -20deg;

  /* line-height заголовка (важно для центрирования по первой строке) */
  --lh: 1.2;

  /* Общая ширина группы кубиков */
  --marker-total-width: calc(var(--w1) + var(--w2) + var(--w3) + (var(--mgap) * 2));

  /* Сдвигаем текст вправо, чтобы слева влез маркер */
  padding-left: calc(var(--marker-total-width) + var(--text-gap));
}

/* Базовый слой: 3 синих кубика */
.angar-title-marker .elementor-heading-title::before {
  content: "";
  position: absolute;
  left: 0;

  /* Центрирование по ПЕРВОЙ строке текста */
  top: calc((1em * var(--lh) - var(--mh)) / 2);

  width: var(--marker-total-width);
  height: var(--mh);

  background:
    linear-gradient(var(--marker-color), var(--marker-color)) left center / var(--w1) 100% no-repeat,
    linear-gradient(var(--marker-color), var(--marker-color)) calc(var(--w1) + var(--mgap)) center / var(--w2) 100% no-repeat,
    linear-gradient(var(--marker-color), var(--marker-color)) calc(var(--w1) + var(--mgap) + var(--w2) + var(--mgap)) center / var(--w3) 100% no-repeat;

  transform: skewX(var(--skew));
  transform-origin: left center;
  pointer-events: none;
	border-radius: 3px;
}

/* Второй слой: ослабляем 2-й и 3-й кубик */
.angar-title-marker .elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc((1em * var(--lh) - var(--mh)) / 2);

  width: var(--marker-total-width);
  height: var(--mh);

  background:
    /* 2-й кубик (чуть светлее) */
    linear-gradient(rgba(255,255,255,0.42), rgba(255,255,255,0.42))
      calc(var(--w1) + var(--mgap)) center / var(--w2) 100% no-repeat,

    /* 3-й кубик (ещё светлее) */
    linear-gradient(rgba(255,255,255,0.68), rgba(255,255,255,0.68))
      calc(var(--w1) + var(--mgap) + var(--w2) + var(--mgap)) center / var(--w3) 100% no-repeat;

  transform: skewX(var(--skew));
  transform-origin: left center;
  pointer-events: none;
}

/* =========================================================
   Адаптация
   ========================================================= */

/* Планшет */
@media (max-width: 1024px) {
  .angar-title-marker .elementor-heading-title {
    --text-gap: 30px;
    --mh: 0.46em;
    --w1: 0.50em;
    --w2: 0.38em;
    --w3: 0.26em;
    --mgap: 0.10em;
    --lh: 1.2;
  }
}

/* Телефон */
@media (max-width: 767px) {
  .angar-title-marker .elementor-heading-title {
    --text-gap: 22px;
    --mh: 0.44em;
    --w1: 0.46em;
    --w2: 0.34em;
    --w3: 0.24em;
    --mgap: 0.09em;
    --skew: -18deg;
    --lh: 1.2;
  }
}
/* =========================================================
   Маркер для заголовка Elementor (1 скошенный штрих, вариант 3.1)
   Классы для виджета:
   1) angar-title-line angar-title-line--blue
   2) angar-title-line angar-title-line--black
   ========================================================= */

.angar-title-line {
  position: relative;
}

/* Стили применяются к тексту заголовка внутри виджета Elementor */
.angar-title-line .elementor-heading-title {
  position: relative;
  display: block;
  margin: 0;

  /* ===== Базовые настройки ===== */

  /* Цвет по умолчанию (переопределяется модификаторами ниже) */
  --line-color: #0077FF;

  /* line-height заголовка (для центрирования по 1-й строке) */
  --lh: 1.4;

  /* Высота штриха относительно шрифта */
  --line-h: 0.68em;

  /* Ширина штриха относительно шрифта */
  --line-w: 0.62em;

  /* Отступ от штриха до текста (как вы просили, ~35–40px) */
  --line-gap: 12px;

  /* Наклон */
  --line-skew: -20deg;

  /* Добавляем место слева под штрих */
  padding-left: calc(var(--line-w) + var(--line-gap));
}

/* Сам штрих */
.angar-title-line .elementor-heading-title::before {
  content: "";
  position: absolute;
  left: 0;

  /* Центр по первой строке */
  top: calc((1em * var(--lh) - var(--line-h)) / 2);

  width: var(--line-w);
  height: var(--line-h);

  background: var(--line-color);

  /* Скошенный прямоугольник */
  transform: skewX(var(--line-skew));
  transform-origin: center;

  /* Острые углы */
  border-radius: 2px;

  pointer-events: none;
}

/* =========================================================
   Цветовые модификаторы
   ========================================================= */

/* Голубой (акцентный) */
.angar-title-line--blue .elementor-heading-title {
  --line-color: #0077FF;
}

/* Чёрный */
.angar-title-line--black .elementor-heading-title {
  --line-color: #111111;
}

/* =========================================================
   Адаптация (размер уменьшается вместе с заголовком)
   ========================================================= */

/* Планшет */
@media (max-width: 1024px) {
  .angar-title-line .elementor-heading-title {
    --line-h: 0.46em;
    --line-w: 0.40em;
    --line-gap: 30px;
    --lh: 1.2;
  }
}

/* Телефон */
@media (max-width: 767px) {
  .angar-title-line .elementor-heading-title {
    --line-h: 0.44em;
    --line-w: 0.36em;
    --line-gap: 22px;
    --line-skew: -18deg;
    --lh: 1.2;
  }
}