p{font-family: Times New Roman, Times, Serif; font-size: 15px; color: #000000; text-align: justify}
p.link{font-family: Arial, Helvetica, sans-serif;font-size: 12px; padding-left: 15px; }
p.linkr{ color: #000000; text-align: right; font-family: Arial, Helvetica, sans-serif;font-size: 12px; padding-right: 15px; margin-right: 40px; }
.datanews{color: #8B8B8B; margin:0px; margin-top: 20px; font-size: 12px; font-weight: normal}
.zagnews{font-family: Arial, Helvetica, sans-serif; padding-top: 0px; margin-bottom: 0px; margin-top: 0px; font-size: 12px; color: #1B4965; text-transform: uppercase; font-weight: bold}
.textnews{margin-top: 10px; text-indent: 20px; text-align: justify}
.newsblockzag{font-family: Arial, Helvetica, sans-serif; padding-left: 30px; font-size: 13px; padding-right: 20px; color: #1B4965; margin-top: 15px; margin-bottom: 5px}
.newsblock{font-family: Arial, Helvetica, sans-serif; text-align: left;  padding-left: 30px; font-size: 12px; padding-right: 20px; color: #1B4965; margin-top: 0px; margin-bottom: 5px}
.anewsblock{color: #1B4965}
.img{width: 400;height: auto;display: block;margin: 15px 0;border-radius: 5px;}
.namepage{font-size: 16px; color: #1B4965; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
.zagblock{border-bottom-style: solid; border-width: 1px; border-color: #D1D1D1; 
padding-left: 10px; margin-top: 10px;
text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2D6296; font-weight: bold; margin-bottom: 0px}
/*.topadmin{background-color: #BEE9E8; height: 50; width:100%; border-bottom-style: solid; border-width: 5px; border-color: #0E3E7F}*/
.topadmin{background-color: #BEE9E8; height:20%; width:100vw; border-bottom-style: solid; border-bottom: 5px solid #1B4965;}
.marker {padding: 2px 5px;transition: background-color 0.5s; /* Плавность */cursor: pointer;color: #1B4965;}
.marker:hover {background-color: #1B4965; /* серый фон */color: #ffffff;/* белый текст */}
.marker1 {padding: 2px 5px;transition: background-color 0.5s; /* Плавность */cursor: pointer;color: #000000;}
.marker1:hover {background-color: #1B4965; /* серый фон */color: #ffffff;/* белый текст */}
.marker2 {padding: 2px 5px;transition: background-color 0.5s; /* Плавность */cursor: pointer;color: #ffffff;background-color: #1B4965;}
.marker2:hover {background-color: #ffffff; /* серый фон */color: #1B4965;/* белый текст */}
.link{text-decoration: none; font-family: Arial; font-weight: 900;}
.cell_1 {text-align: center;background-color:#CAE9FF;border: 2px solid #1B4965;border-radius: 20px; width:25%}
.cell_2 {text-align: center;background-color:#CAE9FF;border: 2px solid #1B4965;border-radius: 20px;overflow: hidden;}
body {margin:0;background-color: #d1d1d1;display: grid;}
/* Основной контейнер слайдера */
.slider {width: 100%; max-width: 1000px;/* Фикс.шир.слайдер*/overflow: hidden;/* Обрез.всё,что выходит за границы контейнера*/position: relative;/*Необх.для прав.позиц.кнопок */margin: auto; border-radius: 20px;}
/* Контейнер всех слайдов */
.slides {display: flex;/*Размещаем слайды в одну линию*/transition: transform 0.5s ease-in-out;/*Анимация плавного смещения*/}
/* Каждый отдельный слайд */
.slide {width: 100%;/*Занимает всю ширину контейнера*/flex-shrink: 0;/* Запрещаем уменьшение размера слайдов */}
/* Стили для изображений */
.slide img {width: 100%;/* Картинки растягиваются на весь слайд*/display: block;/*Убираем пробелы вокруг изображений*/}
/* Кнопки «Назад» и «Вперёд» */
.prev, .next {position: absolute;/*Позволяет располагать кнопки поверх слайдов*/top: 50%;/*Размещаем по вертикали по центру*/transform: translateY(-50%);/* Сдвигаем кнопки вверх на половину их высоты*/background: rgba(0, 0, 0, 0.5);/*Полупрозрачный фон кнопок*/color: white;/*Белый цвет текста*/border: none;/*Убираем границы*/padding: 10px;/*Отступы внутри кнопки*/cursor: pointer;/*Изменяем курсор на указатель*/font-size: 18px;/*Размер шрифта*/font-weight: bold; /*Делаем текст жирным*/z-index: 2;/*Размещаем кнопки выше всех элементов*/}
/* Позиционируем кнопку «Назад» слева */
.prev {left: 0;}
/* Позиционируем кнопку «Вперёд» справа */
.next {right: 0;}
.container_1 {
  position: relative;
  /* width: clamp(100px,20vw, 300px);
  height:clamp(30px, 20vw, 90px);  */
  width: 70%;
  aspect-ratio: 25 / 8;
  max-width: 200px;
  min-width: 180px;
  /* border: 1px solid red; */
  display: grid;
  place-items: center;
  box-sizing: border-box;
}
.container_1 h2 {
  position:absolute;
  font-family: Arial, Helvetica, sans-serif;
  /* font-size: clamp(20px,20vw,60px); */
  font-size: 320%;
  font-weight: 900;
  margin: 0;
  padding: 0;
  display: block; 
}
.first{color:transparent;-webkit-text-stroke: 2px #1B4965;} 
.second{color:#1B4965;-webkit-text-stroke: 2px #1B4965;animation: waves 4s ease-in-out infinite;}
@keyframes waves {
    0%, 100%{
        clip-path: polygon(
            0% 45%, 16% 44%, 33% 50%, 54% 60%,
            70% 61%, 84% 59%, 100% 52%,
            100% 100%, 0% 100%
        );
    }
    50% {
        clip-path: polygon(
            0% 60%, 15% 65%, 34% 66%, 51% 62%,
            67% 50%, 85% 45%, 100% 46%,
            100% 100%, 0% 100%
       ); 
    }
}
.container_2 {width: 100%; display: flex;justify-content: center; /* Равномерное распределение */}
.contakt_1 p {text-align: center;}
.contakt_2 p {text-align: center;}
.contakt_1 {
  background-color: #CAE9FF;
  width: 40%;                  /* Меньше 100% для отступов */
  /* max-width: 1200px;         Ограничение для больших экранов */
  border: 2px solid #1B4965;
  border-radius: 20px;
  margin-top: 0.28%;           /* Горизонтальное центрирование */
  margin-right: 0.28%;
  box-sizing: border-box;     /*Учёт border в ширине */
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: right;   /* Центрирование дочерних элементов */
  /*gap: 10px;
  min-height: 250px;         Минимум для вертикального центрирования */
}
.contakt_2 {
  background-color: #CAE9FF;
  width: 40%;                  /* Меньше 100% для отступов */
  /* max-width: 1200px;         Ограничение для больших экранов */
  border: 2px solid #1B4965;
  border-radius: 20px;
  margin-top: 0.28%;           /* Горизонтальное центрирование */
  margin-left: 0.28%;
  box-sizing: border-box;    /* Учёт border в ширине */
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: left;   /* Центрирование дочерних элементов */
  /*gap: 10px;
  min-height: 250px;         Минимум для вертикального центрирования */
}
.about_1 {
  background-color: #CAE9FF;
  width: 80%;                  /* Меньше 100% для отступов */
  /* max-width: 1200px;         Ограничение для больших экранов */
  border: 2px solid #1B4965;
  border-radius: 20px;
  margin: 0.28% auto;           /* Горизонтальное центрирование с отступом со всех сторон*/
  box-sizing: border-box;    /* Учёт border в ширине */
  text-align: center;
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  justify-content:center ;   /* Центрирование дочерних элементов */
  padding: 40px; /* отступ 40px со всех сторон для внутр.элементов */
  /*gap: 10px;
  min-height: 250px;         Минимум для вертикального центрирования */
}
#go-top-btn{            /* кнопка наверх */
   position: fixed;
   bottom: 2rem;       /* местоположение внизу */
   right: 3rem;        /* местоположение справа */
   z-index: 1000;      /* всегда верхний слой */
   font-size: 1.8rem;
   background-color: #1B4965;
   color:#CAE9FF;
   padding: 0.5rem;   /* отступы со всех сторон */
   border-radius: 0.5rem;
   cursor: pointer;  /* меняем курсор */
   transition: 0.5s;
   display: none;    /* скрываем */
}
#go-top-btn:hover {
    background-color: #000;
}
header {
  background: #BEE9E8;
  width: 100vw;
  padding: 1rem 1rem 1rem 1rem; 
}
header nav{
   display: flex;
   justify-content: space-between;
   align-items: center;
}
header nav ul{
    display: flex;
    gap: 2rem;
}
nav img {
  display: block;           /* Убирает лишний отступ под изображением */
  max-width: 400px;       /* Не выходит за границы контейнера */
  height: auto;            /* Сохраняет пропорции */
  margin: 0 10px;
}

