.container,
.container-fluid {
  max-width: 100% !important;
  padding: 0 !important;
}


.video-banner {
  position: relative;
  width: 100%;
  height: 100vh; /* на весь экран */
  overflow: hidden;
}

.video-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 1;
}

.video-bg {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 100%;
  height: 100%;

  object-fit: cover; /* ВАЖНО: заполняет весь блок */
  transform: translate(-50%, -50%);
}

.video-content {
	font-size: 40px;
  position: absolute; /* важно: чтобы привязаться к баннеру */
  z-index: 2;
  color: white;

  top: 100px;   /* отступ сверху */
  left: 100px;  /* отступ слева */

  text-align: left;
}

.video-content {
  position: relative;
  z-index: 2;
  color: white;
  text-align: left;
  top: 40%;
}



/*Для мобильных устройств*/


@media (max-width: 768px) {
  .video-content {
    top: 20px;
    left: 20px;
    right: 20px; /* чтобы текст не вылезал */
  }
}


@media (max-width: 768px) {
  .video-bg {
    object-fit: cover;
    object-position: center top; /* или center 30% */
  }
}

/*
@media (max-width: 768px) {
  .video-bg {
    object-fit: contain;
    background: black; /* чтобы пустоты были аккуратные */
  }
}*/

/*
@media (max-width: 768px) {
  .video-banner {
    height: 60vh; /* уменьшаем высоту блока */
  }

  .video-bg {
    object-fit: cover;
  }
}
*/


/*++++++++++++++++*/

.video-banner {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.video-banner video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}

.overlay {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
  top: 40%;
}











/*++++++++++++++++++++++++++*/






/* МОДУЛЬ АНИМАЦИЯ */

.block1{position:relative;z-index:1}
.pt100{padding-top:100px}
.about_img{width:100%}
/*.about_block{display:flex;justify-content:space-between}

space-between;

 Управляет распределением элементов по горизонтали

Что делает:

первый элемент прижимается к левому краю
последний — к правому краю
всё пространство между ними равномерно растягивается
center	всё по центру
flex-start	всё слева
flex-end	всё справа
space-around	равные отступы вокруг
space-evenly	равномерные промежутки

.about_block{display:flex;justify-content:center}*/

.about_img{width:50%}
.about_img img{width:100%;padding:0 35px;height:367px;object-fit:cover}

*/.about_img img{width:100%;padding:0 35px;height:367px;object-fit:cover}*/

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 768px) {
  .about_block {
    flex-direction: column-reverse;
  }
}

.about_block {
  display: flex;
  justify-content: flex-start;
}




.about_text{
margin-left: 25px;
padding-top:30px;
/*width:calc(50% - 50px);*/
width:100%
font-size:14px
}

.about_text2{
margin-left: 25px;
padding-top:30px;
width:calc(100% - 50px);

font-size:14px
}

/*
.about_text {
  margin-left: 25px;
  font-size:14px
}*/







/*RU KK*/
.lang-combo {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/*.lang-combo {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 60px;
  list-style: none;
  padding: 0;
  margin: 0;
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
  border-radius: 4px;
  z-index: 1;
}*/

/*.lang-btn {
  background: transparent;
  border: none ;            /* Убираем границы как вы просили */
  color: #fff;             /* Цвет текста (белый для темного фона) */
  font-size: 14px;
  cursor: pointer;
  padding: 5px 10px;
  display: flex;
  align-items: center;
}*/

/* иконка */
.lang-icon {
    font-size: 16px;
    line-height: 1;
}

/* сам select */
.lang-select {
    min-width: 70px;        /* 👈 ширина больше RU */
    padding: 4px 20px 4px 8px;
    font-weight: 600;

    border: 1px solid #ccc;
    border-radius: 4px;

    appearance: none;       /* убираем стандартную стрелку */
    -webkit-appearance: none;
    -moz-appearance: none;

    background: #fff;
    cursor: pointer;
}

/* кастомная стрелка */
.lang-combo {
    position: relative;
}

.lang-combo::after {
    content: "▾";
    position: absolute;
    right: 1px;
    pointer-events: none;
    font-size: 10px;
}
/**/


/*ТАБЛИЦЫ*/
/* 1. Стили для самой таблицы */
table {
    width: 100%;                  /* Таблица растягивается на всю ширину контента */
    border-collapse: collapse;    /* Схлопывает двойные рамки в одну аккуратную линию */
    margin: 20px 0;               /* Отступы сверху и снизу от таблицы */
    font-family: sans-serif;      /* Шрифт без засечек для лучшей читаемости */
    font-size: 14px;              /* Оптимальный размер текста */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* Легкая тень для объема */
}

/* 2. Стили для всех ячеек (и заголовков, и обычных) */
table th, 
table td {
    padding: 12px 15px;                  /* Внутренние отступы */
    text-align: left;                    /* Выравнивание текста по левому краю для обычных ячеек */
    border: 1px solid #dddddd !important; /* Цвет и толщина границ */
    vertical-align: top !important;      /* ВЫРАВНИВАНИЕ ТЕКСТА ПО ВЕРХНЕМУ КРАЮ */
}

/* 3. Стили только для шапки таблицы */
/* 3. Стили только для шапки таблицы */
table th {
    background-color: #f8f9fa;    /* Светло-серый фон для заголовков */
    color: #333333;               /* Темный цвет текста */
    font-weight: bold !important; /* Гарантированно ЖИРНЫЙ шрифт */
    text-align: center !important;/* Текст строго ПО ЦЕНТРУ */
    text-transform: uppercase;     /* Текст заглавными буквами (опционально) */
    font-size: 13px;              /* Размер шрифта для заголовков */
    letter-spacing: 0.5px;        /* Расстояние между буквами */
}

/* Делаем текст в первой строке жирным и по центру */
/*table tr:first-child td,
table tr:first-child td p,
table tr:first-child td strong {
    font-weight: bold !important;
    text-align: center !important;
    margin: 0 !important; /* Убираем лишние отступы абзаца */
}*/

/* Применяем стили только к таблицам, у которых вообще нет атрибута class */
table:not([class]) tbody tr:first-child td,
table:not([class]) tbody tr:first-child td p,
table:not([class]) tbody tr:first-child td strong {
    font-weight: bold !important;
    text-align: center !important;
    margin: 0 !important;
}

table:not([class]) > tbody > tr:first-child > td,
table:not([class]) > tbody > tr:first-child > td * {
    font-weight: bold !important;
    text-align: center !important;
    margin: 0 !important;
}






/* 4. Стили для эффекта «зебры» (чередование цвета строк) */
table tr:nth-child(even) {
    background-color: #fcfcfc;    /* Каждая четная строка будет чуть темнее */
}

/* 5. Подсветка строки при наведении мыши */
table tr:hover {
    background-color: #f1f1f1;    /* Цвет строки меняется при наведении курсора */
}

/* Убираем лишние энтеры, абзацы и скрытые отступы внутри всех ячеек */
table td p, 
table th p {
    margin: 0 !important;         /* Убирает отступы сверху и снизу (лишние энтеры) */
    padding: 0 !important;        /* Убирает внутренние пробелы абзаца */
    line-height: 1.4 !important;  /* Делает межстрочный интервал аккуратным */
}

/* Очищаем пустые абзацы, если они случайно остались в коде */
table td p:empty, 
table th p:empty {
    display: none !important;
}

/* 1. Сбрасываем принудительную высоту ячеек, которую прописала Joomla */
table td, 
table th {
    height: auto !important;          /* Убирает скрытую фиксированную высоту */
    line-height: 1.2 !important;      /* Делает межстрочные интервалы компактными */
}

/* 2. Полностью убираем отступы у абзацев внутри ячеек */
table td p, 
table th p {
    margin: 0 !important;             /* Обнуляет внешние отступы абзацев */
    padding: 0 !important;            /* Обнуляет внутренние отступы абзацев */
    display: inline !important;       /* Превращает абзац в обычную строку (убирает перенос) */
}

/* 3. Скрываем пустые строки и случайные технические переносы <br> */
table td br, 
table th br,
table tr br,
 {
    display: none !important;         /* Прячет лишние энтеры, ломающие высоту */
}
/*/ТАБЛИЦЫ*/
.my-unique-module-flex {
    display: flex;             /* Включает режим гибких блоков */
    justify-content: center;   /* Выравнивает картинки по центру страницы */
    align-items: center;       /* Выравнивает картинки по вертикали */
    gap: 15px;                 /* Задает одинаковый отступ между картинками */
    flex-wrap: nowrap;         /* Запрещает перенос картинок на новую строку */
}

/* Стили для адаптивности на телефонах (картинки уменьшатся, но останутся в ряд) */
.my-unique-module-flex img {
    max-width: 100%;
    height: auto;
}