@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("components/header.css");
@import url("components/counter.css");
@import url("components/news.css");


/* Стили для кнопок управления слайдером */
.prev-slide-1,
.next-slide-1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #333;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}


tbody, td, tfoot, th, thead, tr{
    border: 1px solid;
    padding: 5px;
}
.prev-slide-1 {
    left: 20px;
}

.next-slide-1 {
    right: 20px;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
}
/* Скрываем Sub menu по умолчанию и устанавливаем начальную прозрачность в 0 */
.dropdown .dropdown-menu {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; /* Добавляем плавный переход для opacity */
}
.image-class {
    max-width: 100%;
    max-height: 200px;
    object-fit: cover;
}
/* Когда родительский .dropdown находится в состоянии :hover, показываем Sub menu и устанавливаем opacity в 1 */
.dropdown:hover .dropdown-menu {
  display: block;
  opacity: 1;
}
.card_odd{
    transition: 1s;
}
.card_odd:hover{
    box-shadow: 5px 5px 10px 2px #2176FF40 !important;
}
.nav-link {
  text-transform: uppercase;
  color: #33507c;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.item {
  position: relative;
  height: 700px;
}

.slider-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/*.director_block{*/
/*   padding: 194px 0px 71px;*/
/*}*/

.img-fluid-text {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0px;
  text-align: center !important;
  margin-top: 10px;
}

.img-fluid-text2 {
  font-size: 20px;
  font-weight: 600;
  color: #5067ab;
  text-align: center;
}
/* Стили для контейнера галереи */
.post-gallery {
    display: flex; /* Отображение изображений в строку */
    flex-wrap: wrap; /* Обертывание изображений на новую строку при нехватке места */
    gap: 10px; /* Расстояние между изображениями */
    justify-content: center; /* Центрирование изображений по горизонтали */
}

/* Стили для изображений в галерее */
.lightbox-image {
    margin: 0; /* Убрать отступы вокруг изображений */
}

/* Стили для изображений при наведении */
.lightbox-image:hover {
    opacity: 0.8; /* Уменьшение прозрачности при наведении */
}

/* Стили для заголовков изображений */
.fancybox-caption {
    text-align: center; /* Выравнивание текста по центру */
    background-color: rgba(0, 0, 0, 0.8); /* Фоновый цвет с небольшой прозрачностью */
    color: #fff; /* Цвет текста */
    padding: 10px; /* Внутренние отступы */
    font-size: 16px; /* Размер шрифта */
    margin-top: 10px; /* Отступ сверху */
}

.item h1 {
  color: #fff;
  font-family: Inter;
  font-size: 64px;
  font-weight: 900;
  /*padding-top: 286px;*/
  padding-top: 456px;
}

.vertical-align-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.director_block {
  background-color: #ebf9fd;
}
.about_college {
  background: #33507c;
  color: white;
  padding: 50px 0px;
}
.prof {
  background-image: url("../img/image\ 11.png");
}
.annot_proff {
  background-color: #33507c;
  /* padding: 8px 10px; */
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 143.523%; /* 28.705px */
  padding:8px;
}
.annot_proff-month {
  color: #fff;
  font-family: Inter;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 143.523%; /* 11.482px */
  padding-bottom: 11px;
}

.republick_block {
  background-color: #33507c;
  color: white;
}

.republick_block img {
  object-fit: contain;
}

.republick_block-item {
  align-items: center;
}

.republick_block-item p {
  margin: 0;
}

.blue_block {
  background-color: #33507c;
  color: white;
}

.blue_block a {
  color: white;
}

a {
 
  text-decoration: none;
  
}
#map {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
footer p {
  color: black;
}
.carousel-control-next-icon:after {
  color: black;
}
.carousel-control-next-icon:after,
.carousel-control-prev-icon:after {
  color: black;
}

#owl-demo .item {
  margin: 3px;
}
#owl-demo .item img {
  display: block;
  width: 100%;
  height: auto;
}

.prev-slide,
.next-slide {
  color: white;
  background: #5067ab !important;
}

.card__date a{
  color: #33507c;
  font-weight: 700 !important;
}
@media (max-width: 980px){
  .card__date{
    position: relative !important;
  }
}

@media (max-width: 767px) {
  .republick_block-item {
    justify-content: center;
    align-items: center ;
    margin-bottom: 20px;
  }

  .respublick_block-item img {
    margin-right: auto;
    margin-left: auto;
    width: 30%;
  }

  .republick_block-item p {
    display: block !important;
    /* margin-right: auto; */
    /* margin-left: auto; */
    width: 75%;
  }

  .img_block {
    min-height: fit-content;
  }
  .img_block h1 {
    font-size: 34px;
  }
  .img-fluid {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
}

@media (max-width: 991px){
  .republick_block-item {
    justify-content: center;
    align-items: center;
  }
  .republick_block-item p {
    display: none;
  }
}
@media (max-width: 500px){
  .Brand__name{
    font-size: initial !important;
  }
}