/*Контакты клиники*/
.clinic-contacts-card {
    font-family: 'Tilda Sans', sans-serif;
    display: grid;
    grid-template-columns: 1fr 1fr; /* две равные колонки, как раньше */
    gap: 24px;

    padding: 20px 24px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;

    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.06),
        0 4px 12px rgba(15, 23, 42, 0.08);

    max-width: 900px;  /* внешний размер как у staff-card-vertical */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;

    min-height: 280px;
    box-sizing: border-box;
}

/* колонки */
.clinic-contacts-left,
.clinic-contacts-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* заголовки */
.clinic-contacts-title {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
    color: #0f172a;
}

/* текст */
.clinic-contacts-left p,
.clinic-contacts-right p {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.6;
    color: #1f2937;
}

/* блоки */
.clinic-contacts-block {
    margin-bottom: 14px;
}

/* подписи */
.clinic-contacts-label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    margin-bottom: 4px;
}

/* адаптив */
@media (max-width: 768px) {
    .clinic-contacts-card {
        grid-template-columns: 1fr; /* одна колонка на мобилках */
        min-height: auto;
    }
}




/* клиника Админ блок */
.staff-card-vertical {
    font-family: 'Tilda Sans', sans-serif;
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 24px;

    padding: 20px 24px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;

    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.06),
        0 4px 12px rgba(15, 23, 42, 0.08);

    margin-bottom: 20px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    min-height: 280px;
}


.staff-photo-vertical {
    width: 100%;
    height: 220px; 
    min-height: 180px;
    background: #f1f5f9;
    border-radius: 10px;
    overflow: hidden;
}

.staff-photo-vertical img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.staff-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.staff-name {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
    color: #0f172a;
}

.staff-position {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.6;
    color: #475569;
}

.staff-block {
    margin-bottom: 14px;
}

.staff-label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    margin-bottom: 4px;
}

.staff-text {
    font-size: 16px;
    font-weight: 500;
    color: #1f2937;
}


@media (max-width: 768px) {
    .staff-photo-vertical {
        height: 200px;
    }

    .staff-photo-vertical img {
        height: auto;
        width: 100%;
    }
}

/*Клиника сотрудники */
.staff-section-title {
    text-align: left;
    direction: ltr;
    font-family: 'Tilda Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 16px;
    color: #0f172a;
}

.staff-divider {
    width: 70%;
    max-width: 420px;
    height: 2px;
    background: #BBD5EF;
    margin: 10px 0 12px;
}

@media (max-width: 640px) {
    .staff-divider {
        margin-left: auto;
        margin-right: auto;
    }
}

.staff-card-wide {
    font-family: 'Tilda Sans', sans-serif;
    display: grid;
    grid-template-columns: 120px 1fr 220px;
    align-items: center;
    gap: 24px;

    padding: 20px 24px;
    background: #ffffff;

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

    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.06),
        0 4px 12px rgba(15, 23, 42, 0.08);

    margin-bottom: 20px;
}

.staff-photo {
    width: 130px;
    height: 160px;
    background: #f1f5f9;
    overflow: hidden;
    border-radius: 10px;
}

.staff-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.staff-main {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.staff-name {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 600;
    color: #0f172a;
}

.staff-position {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    color: #475569;
}

.staff-schedule {
    padding-left: 24px;
    border-left: 2px solid #BBD5EF;
}

.schedule-label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #64748b;
}

.schedule-days {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #1f2937;
}

.schedule-time {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.schedule-time span {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
    color: #1f2937;
}

/* MOBILE */
@media (max-width: 768px) {
    .staff-card-wide {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .staff-main {
        padding-left: 0;
        align-items: center;
    }

    .staff-name {
        margin-bottom: 2px; /* было 12 */
    }

    .staff-position {
        margin-bottom: 2px; /* было 12 */
        margin-top: 0;
    }

    .staff-schedule {
        border-left: none;
        padding-left: 0;
        margin-top: 2px; 

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .staff-schedule::before {
        content: "";
        display: block;
        width: 50%;
        height: 2px;
        background: #BBD5EF;
        margin: 4px auto 6px;
    }

    .schedule-time {
        align-items: center;
    }

    .staff-photo {
        margin: 0 auto;
    }
}

/*Клиника */
.diagnostics {
    padding: 60px 20px;
    background-color: #ffffff;
}

.diagnostics-title {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 40px;
    color: #1f2937;
}

.diagnostics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 24px;
}

.diag-card {
    display: flex;
    flex-direction: column;
    background: #BBD5EF;
    border: 1px solid #a9c3de;
    border-radius: 0;
    padding: 24px;

    box-shadow:
        0 2px 6px rgba(15, 23, 42, 0.05),
        0 1px 2px rgba(15, 23, 42, 0.04);
}


.diag-card h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px 0;
    color: #0f172a;
}


.diag-card p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 12px 0;
    color: #1f2937;
}


.diag-card ul {
    margin: 0;
    padding-left: 18px;
    list-style-type: disc;
}

.diag-card li {
    font-size: 14px;
    line-height: 1.6;
    color: #1f2937;
    margin-bottom: 8px;
}

.diag-card li:last-child {
    margin-bottom: 0;
}


@media (max-width: 1024px) {
    .diagnostics-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .diagnostics-grid {
        grid-template-columns: 1fr;
    }
}

/*Вакансии */
.vacancy-section {
  max-width: 1000px;
  margin: 70px auto;
  padding: 0 20px;
  text-align: left;
}

.vacancy-title {
  font-size: 36px;
  color: var(--primary-color);
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
}

.department-name {
  font-size: 24px;
  color: var(--black-color);
  font-weight: 600;
  margin: 40px 0 20px;
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: 10px;
}

.vacancy-card {
  border-left: 6px solid var(--primary-color);
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 48, 98, 0.1);
  margin-bottom: 15px;
  overflow: hidden;
  transition: all 0.3s ease;
  border-radius: 0px;
}

.vacancy-header {
  width: 100%;
  background: none;
  border: none;
  font-size: 18px;
  padding: 30px;
  text-align: left;
  cursor: pointer;
  color: var(--primary-color);
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vacancy-header:hover {
  background-color: #f9f9f9;
}

.vacancy-details {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 20px 0;
}

.vacancy-details ul,
.vacancy-details li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.vacancy-details ul {
  margin-bottom: 20px;
}

.vacancy-details li {
  display: flex;
  align-items: flex-start; /* Выравнивание по верхнему краю */
  margin-bottom: 15px;
  font-size: 16px;
  color: var(--black-color);
  position: relative;
  line-height: 1.5; /* Добавляет аккуратность при длинных строках */
}

.vacancy-details li::before {
  content: '';
  display: inline-block;
  background: var(--accent_2-color);
  width: 14px;
  height: 14px;
  margin-right: 15px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 4px; /* чтобы выровнять по верхней линии текста */
}

.arrow-vak {
  width: 32px;
  height: 32px;
  transition: transform 0.3s ease;
}

.vacancy-card.open .vacancy-details {
  max-height: 2000px;
  padding: 0 20px 20px;
}

.vacancy-card.open .arrow-vak {
  transform: rotate(180deg);
}


/*3дтур */
.tour-section {
  padding: 60px 20px;
  text-align: center;
}

.tour-description {
  font-size: 18px;
  color: #4a4a4a;
  margin-bottom: 40px;
}

.tour-button {
  display: inline-block;
  background: var(--primary-color, #003366);
  color: #fff;
  padding: 14px 28px;
  font-size: 18px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.tour-button:hover {
  background: #0055aa;
  color: #fff;
}



/*Айсана */
.ai-plans-container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.ai-plans-title {
  font-size: 36px;
  color: var(--primary-color);
  margin-bottom: 20px;
  font-weight: bold;
}

.ai-plans-intro {
  font-size: 18px;
  margin-bottom: 40px;
  color: var(--black-color);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.ai-initiative-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

.ai-initiative-card {
  background-color: #fff;
  padding: 30px;
  width: 500px;
  box-shadow: 0 4px 20px rgba(0, 48, 98, 0.15);
  border-left: 8px solid var(--primary-color);
  text-align: left;
  transition: all 0.3s ease;
  position: relative;
}

.ai-initiative-card h3 {
  font-size: 22px;
  color: var(--primary-color);
  margin-bottom: 15px;
}

.ai-initiative-card ul,
.ai-initiative-card ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
}

.ai-initiative-card li {
  font-size: 16px;
  margin-bottom: 15px;
  color: var(--black-color);
  display: flex;
  align-items: center;
  position: relative;
}

.ai-initiative-card li::before {
  content: '';
  background: var(--accent_2-color) center center no-repeat;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-right: 15px;
  margin-bottom: -2px;
  border-radius: 50%;
  display: inline-block;
}
.ai-initiative-card ul li ul,
.ai-initiative-card ul li ol {
  margin-top: 15px;
}


@media (max-width: 768px) {
  .ai-initiative-grid {
    flex-direction: column;
    gap: 20px;
  }

  .ai-initiative-card {
    width: 100%;
  }
}


/*Блок3 */
.ai-tasks-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
  max-width: 1200px;
  margin: 0 auto;
}

.ai-task-card {
  background-color: #fff;
  padding: 24px;
  width: 350px;
  min-height: 300px;
  box-shadow: 0 0 15px rgba(0, 48, 98, 0.15);
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.4s ease;
  box-sizing: border-box;
}

.ai-task-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 8px rgba(0, 48, 98, 0.15), 0 0 16px var(--primary-color);
}

.ai-task-card__top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: nowrap;
}

.ai-task-icon {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}

.ai-task-title {
  font-size: 18px;
  color: var(--primary-color);
  margin: 0;
  line-height: 1.2;
  font-weight: bold;
  flex: 1;
}

.ai-task-desc {
  font-size: 15px;
  color: var(--black-color);
  margin-bottom: 20px;
  line-height: 1.5;
}

.ai-task-button {
  background-color: var(--accent-color);
  color: white;
  padding: 10px;
  border: none;
  font-size: 14px;
  cursor: pointer;
  transition: 0.3s ease;
}

.ai-task-button:hover:enabled {
  transform: translateY(-1px);
  box-shadow: 0 0 8px rgba(0, 48, 98, 0.15), 0 0 16px var(--accent-color);
}

.ai-task-button:disabled {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
  pointer-events: none;
}

@media (max-width: 768px) {
  .ai-tasks-grid {
    flex-direction: column;
    align-items: center;
  }

  .ai-task-card__top {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .ai-task-title {
    font-size: 16px;
  }
}



/* Блок2*/
.competence-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
}

.competence-stat-item {
  background-color: #fff;
  border: 1px solid rgba(0, 48, 98, 0.1);
  box-shadow: 0 4px 12px rgba(0, 48, 98, 0.15), 0 2px 6px rgba(0, 48, 98, 0.1);
  padding: 30px;
  flex: 1 1 300px;
  min-width: 260px;
  text-align: center;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.competence-stat-item:hover {
  transform: translateY(-5px);
}

.competence-number {
  font-size: 48px;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 12px;
}

.competence-text {
  font-size: 16px;
  color: var(--black-color);
  line-height: 1.5;
}

/* Адаптация */
@media (max-width: 768px) {
  .competence-stats {
    flex-direction: column;
    gap: 20px;
  }

  .competence-number {
    font-size: 36px;
  }

  .competence-text {
    font-size: 15px;
  }
}



/* 1 блок*/
.program-wrapper__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px; /* добавим отступы по бокам для маленьких экранов */
  box-sizing: border-box;
}

.program-wrapper__inner {
  background-color: rgba(0, 48, 98, 0.08);
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  border: 1px solid rgba(0, 48, 98, 0.15);
  box-shadow: 0 0 15px rgba(0, 48, 98, 0.1);
  box-sizing: border-box;
  justify-content: center; /* Центровка карточек */
}

/* Карточки */
.program-card {
  background-color: #fff;
  padding: 30px;
  flex: 1 1 500px;
  max-width: 580px;
  min-width: 280px; /* для мобильной адаптации */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: var(--black-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.program-card--text h2 {
  font-size: clamp(24px, 5vw, 36px); /* адаптивный размер */
  color: var(--primary-color);
  margin-bottom: 20px;
  text-align: center;
}

.program-card--text p {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.program-card--image img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  object-fit: contain;
}

.image-caption {
  font-size: 14px;
  color: #666;
  margin-top: 12px;
  text-align: center;
}

/* Адаптация */
@media (max-width: 1024px) {
  .program-card {
    flex: 1 1 100%;
  }
}

@media (max-width: 768px) {
  .program-wrapper__inner {
    flex-direction: column;
    padding: 20px;
  }

  .program-card {
    max-width: 100%;
    padding: 20px;
  }

  .program-card--text h2 {
    font-size: 28px;
  }

  .program-card--text p {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .program-card--text h2 {
    font-size: 24px;
  }

  .program-card--text p {
    font-size: 15px;
  }

  .program-card {
    padding: 16px;
  }
}
.section-heading {
  font-size: 36px;
  color: var(--primary-color);
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}





.admission-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.admission-row {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.step-card {
  position: relative;
  background: var(--white-color);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  animation: shimmer 2s infinite alternate;
  box-shadow: 0 0 1px var(--accent_2-color), 0 0 2px var(--accent_2-color), 0 0 3px var(--accent_2-color);
  transition: 0.3s ease;
}

.step-card:hover {
  transform: translateY(-10px);
  box-shadow: none;
}

.step-card img {
  width: 120px;
  height: 120px;
  margin-bottom: 16px;
}

.step-card p {
  font-size: 18px;
  color: #333;
  line-height: 1.4;
  margin: 0;
}

.square {
  width: 250px;
  height: 250px;
}

.rectangle {
  width: 530px;
  height: 250px;
}

.long {
  width: 100%;
  height: 250px;
}

.step-card-badge {
  position: absolute;
  top: 10px;
  left: 0;
  background: var(--accent_2-color);
  color: var(--primary-color);
  width: 44px;
  height: 24px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.step-card-badge span {
  background: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid var(--accent_2-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Адаптивность */
@media (max-width: 768px) {
  .admission-flow {
    gap: 20px;
  }

  .admission-row {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .long,
  .square,
  .rectangle {
    width: 90vw;
    max-width: 320px;
    height: 90vw;
    max-height: 320px;
  }

  .step-card {
    font-size: 16px;
    padding: 16px;
  }

  .step-card img {
    width: 120px;
    height: 120px;
    margin-bottom: 16px;
  }

  .step-card p {
    font-size: 16px;
  }

  .step-card-badge {
    width: 40px;
    height: 22px;
  }

  .step-card-badge span {
    width: 28px;
    height: 28px;
    font-size: 13px;
  }
}

/* Анимация */
@keyframes shimmer {
  0% {
    box-shadow: 0 0 1px var(--accent_2-color), 0 0 2px var(--accent_2-color), 0 0 3px var(--accent_2-color);
  }
  50% {
    box-shadow: 0 0 2px var(--accent_3-color), 0 0 4px var(--accent_3-color), 0 0 6px var(--accent_3-color);
  }
  100% {
    box-shadow: 0 0 1px var(--accent_2-color), 0 0 2px var(--accent_2-color), 0 0 3px var(--accent_2-color);
  }
}

  .important_warning {
      background-color: #fff8e1;
      border-left: 4px solid #d39e00;
      padding: 15px 20px;
      font-weight: 500;
      margin-top: 30px;
}
  .dropdown-doc-link {
    max-width: 800px;
    margin: 20px auto 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    font-family: inherit;
  }

  .dropdown-doc-link-header {
    background-color: #f4f4f4;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    color: #003062;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .dropdown-doc-link-header:hover {
    background-color: #e9e9e9;
  }

  .dropdown-doc-link-icon {
    transition: transform 0.3s ease;
  }

  .dropdown-doc-link.open .dropdown-doc-link-icon {
    transform: rotate(180deg);
  }

  .dropdown-doc-link-list {
    display: none;
    padding: 15px 20px;
    list-style: disc;
    background-color: #fff;
    color: #333;
    font-size: 16px;
  }

  .dropdown-doc-link.open .dropdown-doc-link-list {
    display: block;
  }

  .dropdown-doc-link-list li {
    margin-bottom: 8px;
    line-height: 1.4;
  }


.info-block-neo-section {
  padding: 60px 30px;
}

.info-block-neo-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
}

.info-block-neo-card {
  background: #fff;
  border-radius: none;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  height: 300px;
  padding: 20px;
  text-align: center;
  transition: none;
}

.info-block-neo-icon {
  flex: 0 0 33%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  margin-bottom: 16px;
}

.info-block-neo-icon img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.info-block-neo-content {
  flex: 1;
}

.info-block-neo-content h4 {
  font-size: 18px;
  margin-bottom: 8px;
  color: var(--primary-color);
}

.info-block-neo-content p {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}



.info-card-section {
  padding: 40px 20px;
}

.info-card-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
}

.info-card {
  position: relative;
  background: var(--white-color);
  padding: 24px;
  width: 250px;
  height: 250px;
  text-align: center;
  # box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  display: block;
  animation: shimmer 2s infinite alternate;
  box-shadow: 0 0 1px var(--accent_2-color), 0 0 2px var(--accent_2-color), 0 0 3px var(--accent_2-color);
}
.info-card:hover {
  transform: translateY(-10px);
  box-shadow: none;
}

.info-card:active {
  transform: translateY(0);
  box-shadow: none;
}

.info-card img {
  width: 90px;
  height: 90px;
  margin-bottom: 16px;
}

.info-card p {
  font-size: 18px;
  color: #333;
  line-height: 1.4;
  margin: 0;
}

.info-card-note{
	position: absolute;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	left: 0;
	top: 10px;
	background: var(--accent_2-color);
	color: var(--primary-color);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 44px;
	height: 24px;
}
.info-card-note span{
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	border: 1px solid var(--accent_2-color);
}
.info-card-buttons-row {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.info-card-button {
  flex: 1;
  padding: 10px 0;
  background-color: var(--accent-color);
  color: white;
  border: none;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s ease;
  text-align: center;
}

.info-card:not(:last-child)::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: -30px; 
  width: 30px;
  height: 2px;
  background: repeating-linear-gradient(
    to right,
    var(--accent_2-color) 0px,
    var(--accent_3-color) 4px,
    transparent 4px,
    transparent 8px
  );
  animation: blink-line 2s infinite alternate;
  transform: translateY(-50%);
  pointer-events: none;
}


@keyframes shimmer {
  0% {
    box-shadow: 0 0 1px var(--accent_2-color), 0 0 2px var(--accent_2-color), 0 0 3px var(--accent_2-color);
  }
  50% {
    box-shadow: 0 0 2px var(--accent_3-color), 0 0 4px var(--accent_3-color), 0 0 6px var(--accent_3-color);
  }
  100% {
    box-shadow: 0 0 1px var(--accent_2-color), 0 0 2px var(--accent_2-color), 0 0 3px var(--accent_2-color);
  }
}
@keyframes blink-line {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
/* Слайдер на главной */
.slider-main {
	position: relative;
	width: 100%;
	height: 100dvh;
	overflow: hidden;
}

.slider-slides {
	position: relative;
	width: 100%;
	height: 100%;
}

.slider-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
}

.slider-slide.active {
    opacity: 1;
    z-index: 1;
}

.slider-slide img {
    width: 100%;
    height: 100%;
    #object-fit: cover;
    object-position: center;
    display: block;
}

.slider-link {
	position: absolute;
	#bottom: 24px;
	#right: 24px;
	bottom: 50%;
	right: 50%;
	transform: translateX(50%) translateY(50%);
	background: rgba(255, 255, 255, 0.7);
	padding: 16px 26px;
	border-radius: 50px;
	z-index: 2;
}

.slider-link a {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}

.slider-nav-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.7);
  color: var(--primary-color);
  border: none;
  width: 52px;
  height: 52px;
  font-size: 28px;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0;
}
.slider-link:hover, .slider-nav-button:hover{
	background: rgba(255, 255, 255, 0.85);
	cursor: pointer;
}
.slider-nav-prev {
  left: 15px;
}

.slider-nav-next {
  right: 15px;
}


.edu_program_card{
	margin-bottom: 50px;
}
.edu_program_card .link_original_2{
	width: fit-content !important;
}
/* Совет Директоров */
 .card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.card1 {
  width: 450px;
  height: 270px;
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border-radius: 0 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  padding: 20px;
  gap: 20px;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
}

.card1 img {
  width: 150px;
  height: 190px;
  object-fit: cover;
  border-radius: 0 !important;
}

.card-text1 {
  flex: 1;
  overflow: hidden;
}

.role1 {
  font-size: 14px;
  color: #777;
  margin-bottom: 6px;
}

.name1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.position1 {
  font-size: 15px;
  color: #444;
}

.modal-body2 {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap; /* важно для адаптивности */
}

.modal-body2 img {
  width: 232px;
  height: 290px;
  object-fit: cover;
}

.modal-text2 {
  flex: 1;
  font-size: 16px;
  color: #333;
  word-wrap: break-word;
  text-align: left; /* Текст всегда слева */
}

/* Спонсоры */
.sponsor-strip {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding: 120px 0;
    margin: 100px 0;
    position: relative;
  }

  .scroll-track {
    display: flex;
    gap: 30px;
    width: fit-content;
    will-change: transform;
	position: absolute;
    top: 0;
    left: 0;
  }

  .sponsor-logo {
    flex: 0 0 auto;
    background: #fff;
    border-radius: 12px;
    /*box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);*/
	border: 2px solid silver;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 270px;
    height: 210px;
  }

  .sponsor-logo img {
    max-height: 180px;
    max-width: 220px;
    width: auto;
    height: auto;
    object-fit: contain;
  }
/* Видео-плеер */
.custom-video-container {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.custom-video-player {
  width: 100%;
  height: auto;
  display: block;
}
/* Анимации */
.image-block_vertical.animated_element{
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.image-block_vertical.animated_element.animated_element-show{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

/* Школы 
/* Школа ОЗ
.page-school_OZ .spec-bg_2, .page-school_OZ .spec-bg, .page-school_OZ .spec-bg_2 .edu-item a{
	background: linear-gradient(135deg, rgba(94,217,104,0.9108018207282913) 0%, rgba(46,157,70,1) 95%);
}
.page-school_OZ .edu-item > a{
	border: 3px solid #199f2496;
}
.page-school_OZ .news-item a:after{
	background: linear-gradient(177deg, rgba(67, 100, 186, 0.00) 1.95%, #199f2496 97.7%)
}
.page-school_OZ .edu-item .edu-item_note{
	background-color: #199f2496;
}
*/
/* Школа Медицины */
.page-school_MEDICINY .img-b-fw > img{
	object-position: top;
}
/*
.page-school_MEDICINY .spec-bg_2, .page-school_MEDICINY .spec-bg, .page-school_MEDICINY .spec-bg_2 .edu-item a{
	background: linear-gradient(135deg, rgba(255,200,205,1) 0%, rgba(255,127,127,1) 100%);
}
.page-school_MEDICINY .edu-item > a{
	border: 3px solid #da2a3b99;
}
.page-school_MEDICINY .news-item a:after{
	background: linear-gradient(177deg, rgba(67, 100, 186, 0.00) 1.95%, #da2a3b99 97.7%)
}
.page-school_MEDICINY .edu-item .edu-item_note{
	background-color: #da2a3b99;
}*/

/* Школа Стоматологии
.page-school_STOM .spec-bg_2, .page-school_STOM .spec-bg, .page-school_STOM .spec-bg_2 .edu-item a{
	background: linear-gradient(135deg, rgba(192,225,255,1) 0%, rgba(80,173,255,0.9136029411764706) 100%, rgba(238,62,79,1) 100%);
}
.page-school_STOM .edu-item > a{
	border: 3px solid #9dd1ffd6;
}
.page-school_STOM .news-item a:after{
	background: linear-gradient(177deg, rgba(67, 100, 186, 0.00) 1.95%, #9dd1ffd6 97.7%)
}
.page-school_STOM .edu-item .edu-item_note{
	background-color: #9dd1ffd6;
}

/* Школа фармации
.page-school_farmat .spec-bg_2, .page-school_farmat .spec-bg, .page-school_farmat .spec-bg_2 .edu-item a{
	background: linear-gradient(135deg, rgba(132,168,255,1) 0%, rgba(38,74,159,1) 100%, rgba(238,62,79,1) 100%);
}
.page-school_farmat .edu-item > a{
	border: 3px solid #4465b5;
}
.page-school_farmat .news-item a:after{
	background: linear-gradient(177deg, rgba(67, 100, 186, 0.00) 1.95%, #4465b5 97.7%)
}
.page-school_farmat .edu-item .edu-item_note{
	background-color: #4465b5;
}


/* Школа ИНоЖ
.page-school_INoZH .spec-bg_2, .page-school_INoZH .spec-bg, .page-school_INoZH .spec-bg_2 .edu-item a{
	background: linear-gradient(135deg, rgba(160,236,188,1) 0%, rgba(93,147,113,1) 100%, rgba(238,62,79,1) 100%);
}
.page-school_INoZH .edu-item > a{
	border: 3px solid #86bc9a7d;
}
.page-school_INoZH .news-item a:after{
	background: linear-gradient(177deg, rgba(67, 100, 186, 0.00) 1.95%, #86bc9a7d 97.7%)
}
.page-school_INoZH .edu-item .edu-item_note{
	background-color: #86bc9a7d;
}

/* Школа сестринского образования
.page-school_SESTRA .spec-bg_2, .page-school_SESTRA .spec-bg, .page-school_SESTRA .spec-bg_2 .edu-item a{
	background: linear-gradient(135deg, rgba(235,233,255,1) 0%, rgba(175,171,212,1) 100%, rgba(238,62,79,1) 100%);
}
.page-school_SESTRA .edu-item > a{
	border: 3px solid #afabd4d4;
}
.page-school_SESTRA .news-item a:after{
	background: linear-gradient(177deg, rgba(67, 100, 186, 0.00) 1.95%, #afabd4d4 97.7%)
}
.page-school_SESTRA .edu-item .edu-item_note{
	background-color: #afabd4d4;
}

/* Школа резидентуры
.page-school_REZIDENT .spec-bg_2, .page-school_REZIDENT .spec-bg, .page-school_REZIDENT .spec-bg_2 .edu-item a{
	background: linear-gradient(135deg, rgba(255,214,178,1) 0%, rgba(255,176,106,1) 100%, rgba(238,62,79,1) 100%);
}
.page-school_REZIDENT .edu-item > a{
	border: 3px solid #ffa95a;
}
.page-school_REZIDENT .news-item a:after{
	background: linear-gradient(177deg, rgba(67, 100, 186, 0.00) 1.95%, #ffa95a 97.7%)
}

/* Школа международный медицинский факультет 
.page-school_MMF .spec-bg_2, .page-school_MMF .spec-bg, .page-school_MMF .spec-bg_2 .edu-item a{
	background: linear-gradient(135deg, rgba(255,239,193,1) 0%, rgba(255,206,65,1) 100%);
}
.page-school_MMF .edu-item > a{
	border: 3px solid #ffce41;
}
.page-school_MMF .news-item a:after{
	background: linear-gradient(177deg, rgba(67, 100, 186, 0.00) 1.95%, #ffce41 97.7%)
}
*/


/* ЦСОТ */
#main_tsot{
	// background-color: #dc3545;
}
.ticker_warning.tsot_studentu_yellow_block, .row_fullwidth .content-part.tsot_studentu_yellow_block, .row_fullwidth .image-part.tsot_studentu_yellow_block{
	background-color: #e9b105e3;
}

.ticker_warning.tsot_studentu_yellow_block1, .row_fullwidth .content-part.tsot_studentu_yellow_block1, .row_fullwidth .image-part.tsot_studentu_yellow_block1{
	background-color: #ffc107bd;
}

.ticker_warning.tsot_studentu_red_block, .row_fullwidth .content-part.tsot_studentu_red_block, .row_fullwidth .image-part.tsot_studentu_red_block{
	background-color: #bc262c;
}

.ticker_warning.tsot_studentu_red_block1, .row_fullwidth .content-part.tsot_studentu_red_block1, .row_fullwidth .image-part.tsot_studentu_red_block1{
	background-color: #bc262ce3;
}

.ticker_warning.tsot_studentu_green_block, .row_fullwidth .content-part.tsot_studentu_green_block, .row_fullwidth .image-part.tsot_studentu_green_block{
	background-color: #268d3cc9;
}

.ticker_warning.tsot_studentu_green_block1, .row_fullwidth .content-part.tsot_studentu_green_block1, .row_fullwidth .image-part.tsot_studentu_green_block1{
	background-color: #268d3ca6;
}

.ticker_warning.tsot_studentu_blue_block, .row_fullwidth .content-part.tsot_studentu_blue_block, .row_fullwidth .image-part.tsot_studentu_blue_block{
	background-color: #2e5781d4;
}

.ticker_warning.tsot_studentu_blue_block1, .row_fullwidth .content-part.tsot_studentu_blue_block1, .row_fullwidth .image-part.tsot_studentu_blue_block1{
	background-color: #2e5781a1;
}

.ticker_warning.tsot_shkoly_yellow_block, .row_fullwidth .content-part.tsot_shkoly_yellow_block{
	background-color: #bb6443;
}

/* Блог ректора */
.blog_rector p {
    color: #070C1D;
    line-height: 1.2;
    font-size: 25px;
}


/*Молодежная наука*/
.mosaic_nauka {
    padding: 48px 0;
    background-color: #abb6d1;
}

/*НИМО*/
.white-box {
    background-color: var(--white-color);
	border-radius: 30px;
	border: 1px solid var(--accent-color);
}
.white-box h3{
	margin-top: 10px;
	margin-bottom: 10px;
}

/*Магистратура ИНФО блок*/
.brief-information_block_magistratura {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 180px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
    margin: 10px;
    text-decoration: none;
    transition: 0.3s all ease;
}

/*Цитаты*/
.quotes_icons {
    width: 18px;
	position: 10px;
}
#educational_levels img{
	object-position: top;
}

#university_mission span, #university_mission blockquote{
	text-align: right;
}

/* Стилизация бегунка (ползунка) */
.vertical-tabs > div::-webkit-scrollbar, .news-scroll::-webkit-scrollbar{
    width: 8px;
}
.vertical-tabs > div::-webkit-scrollbar-thumb, .news-scroll::-webkit-scrollbar-thumb{
	background-color: var(--primary-color); /* Цвет бегунка */
	border-radius: 6px; /* Закругленные углы бегунка */
}
	
/* Стилизация бегунка при наведении */
.vertical-tabs > div::-webkit-scrollbar-thumb:hover, .news-scroll::-webkit-scrollbar-thumb:hover{
	background-color: var(--primary-color); /* Цвет бегунка при наведении */
}

/* Стилизация дорожки полосы прокрутки (фон, по которому движется бегунок) */
.vertical-tabs > div::-webkit-scrollbar-track, .news-scroll::-webkit-scrollbar-track{
	background-color: var(--gray-color); /* Цвет дорожки */
	border-radius: 6px;
}

/* Стилизация углового блока, где встречаются вертикальная и горизонтальная полосы прокрутки */
.vertical-tabs > div::-webkit-scrollbar-corner, .news-scroll::-webkit-scrollbar-corner{
	background-color: var(--white-color);
}
.loudspeaker-btn{
	cursor: pointer;
}
.loudspeaker-btn img{
	height: 32px;
	width: 32px;
}
#tts-container{
	position: fixed;
	top: 0;
	right: 8%;
	padding: 20px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: rgba(209, 53, 37, 0.8);
	transform: translateY(-100%);
	transition: all 0.2s ease;
	z-index: 950;
}
#tts-container-elements{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#tts-container.active{
	transform: translateY(0);
}
#tts-container-close .btn-close{
	margin-right: 0;
	margin-left: auto;
	margin-bottom: 10px;
	transform: scale(0.8);
}
#tts-synthesize{
	width: 150px;
	margin-left: 10px;
	border-radius: 6px;
}
#tts-audio{
	display: none;
}
#voice-select{
	border-radius: 6px;
}
#voice-select option:hover{
	background: var(--accent_2-color);
}
/*Шрифты*/
/*@font-face {
font-family: 'Rostov';
src: url('/local/templates/university/fonts/rostov.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'eirik';
src: url('/local/templates/university/fonts/eirik.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Comfortaa';
src: url('/local/templates/university/fonts/Comfortaa.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BravoRG';
src: url('/local/templates/university/fonts/BravoRG.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Philosopher-Regular';
src: url('/local/templates/university/fonts/Philosopher-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'FiraSans-Regular';
src: url('/local/templates/university/fonts/FiraSans-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Forum-Regular';
src: url('/local/templates/university/fonts/Forum-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Furore';
src: url('/local/templates/university/fonts/Furore.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MuseoCyrl500';
src: url('/local/templates/university/fonts/MuseoCyrl500.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TMVinograd-Regular';
src: url('/local/templates/university/fonts/TMVinograd-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Merriweather-Regular';
src: url('/local/templates/university/fonts/Merriweather-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Montserrat-VariableFont_wght';
src: url('/local/templates/university/fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Roboto-Regular';
src: url('/local/templates/university/fonts/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*/

/* Parallax */
#library_hall {
  background-image: url('/upload/medialibrary/biblioteka/общий план.jpg');
}
#library_books {
  background-image: url('/upload/medialibrary/biblioteka/корешки.jpg');
}
#science_dnk {
  background-image: url('/upload/medialibrary/nauka/dnk.jpg');
}
#akur_par {
 background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/Akusherlik_ginekologia/par11.JPG');
}
#akur_par2 {
 background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/Akusherlik_ginekologia/par2.jpeg');
}
#biomed1 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/biomed/par1.jpg');
}
#biomed2 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/biomed/par2.jpg');
}
#zhuk_par1 {
 background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/zhukpaly_aurular/par1.jpeg');
}
#zhuk_par2 {
 background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/zhukpaly_aurular/par2.jpeg');
}
#inf_par1 {
 background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/informatika_biostatica/par21.jpg');
}
#inf_par2 {
 background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/informatika_biostatica/par22.jpg');
}
#kaz_tar1 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/kaz_tarih/par3.JPG');
}
#kaz_tar2 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/kaz_tarih/par2.jpg');
}
#klinfarm1 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/klinfarm/par1.JPG');
}
#klinfarm2 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/klinfarm/par2.JPG');
}
#askkaf1 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/askeri_kafedra/par1.jpg');
}
#askkaf2 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/askeri_kafedra/par2.jpg');
}
#fiz1 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/fiz/par2.jpg');
}
#nevr1 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/nevrologia/par1.jpeg');
}
#tdo1 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/tilderdi-damytu-ortaly-y/par1.jpg');
}
#tdo2 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/tilderdi-damytu-ortaly-y/par2.jpg');
}
#nevr2 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/nevrologia/par2.jpeg');
}
#onkologiya1 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/onkologiya/par1.jpeg');
}
#onkologiya2{
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/onkologiya/par2.jpg');
}
#pediatriya1{
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/pediatriya/par1.jpg');
}
#pediatriya2{
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/pediatriya/par2.jpg');
}
#scor1 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/skoraya/par1.JPG');
}
#scor2 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/skoraya/par2.JPG');
}
#hir1 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/kafedra-khirurgi/par1.jpg');
}
#hir2 {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/kafedra-khirurgi/par2.jpg');
}
#tsot_blood {
  background-image: url('/upload/medialibrary/shkoly-i-kafedry/kafedry-i-centri/tssot/tsot_blood.jpg');
}
#tsot_equipment {
  background-image: url('/upload/medialibrary/nauka/dnk.jpg');
}
#inostrancy {
  background-image: url('/upload/medialibrary/inostrantsy/10.jpg');
}
#inostrancy1 {
  background-image: url('/upload/medialibrary/inostrantsy/8.jpg');
}
#inostrancy2 {
  background-image: url('/upload/medialibrary/inostrantsy/7.jpg');
}
#simvoly-vuza1 {
  background-image: url('/upload/medialibrary/ob-universitete/simvoly/15.jpg');
}
#simvoly-vuza2 {
  background-image: url('/upload/medialibrary/ob-universitete/simvoly/15.jpg');
}

/* Иконки*/
.library_today img{
	width: 48px;
	height: 48px;
}
.library_services{
	background: #e8eeff url(/upload/medialibrary/biblioteka/icon_book.svg) no-repeat;
	background-size: 54px 54px;
	background-position: right 15px top 15px;
	transition: all 0.2s ease;
	border-radius: 30px;
}
.btn.btn-blue.memorandumy-button{
	background: var(--accent-color) url(/upload/medialibrary/ob-universitete/mezhdunarodnoe-sotrudnichestvo-i-partnerstvo/icon_memorandumy.svg) no-repeat;
	background-size: 27px 27px;
	background-position: right 10px center;
	transition: all 0.2s ease;
	border-radius: 0;
	width: 162px;
}
.btn.btn-blue.memorandumy-button:hover{
	background: var(--accent-color) url(/upload/medialibrary/ob-universitete/mezhdunarodnoe-sotrudnichestvo-i-partnerstvo/icon_memorandumy.svg) no-repeat;
	background-size: 192px 192px;
	background-position: right 10px center;
	box-shadow: none;
}
.spec-bg.department-science{
	background: #bdcaed url(/upload/medialibrary/custom-icons/icon_science.svg) no-repeat;
	background-size: 144px 144px;
	background-position-y: 20px;
	background-position-x: 20px;
	transition: all 0.3s ease;
}
.spec-bg.department-education{
	background: #e8eeff url(/upload/medialibrary/custom-icons/icon_education.svg) no-repeat;
	background-size: 144px 144px;
	background-position: right 20px top 20px;
	transition: all 0.3s ease;
}
.spec-bg.department-clinic{
	background: #bdcaed url(/upload/medialibrary/custom-icons/icon_clinic.svg) no-repeat;
	background-size: 144px 144px;
	background-position-y: 20px;
	background-position-x: 20px;
	transition: all 0.3s ease;
}
.spec-bg.department-science .accordion, .spec-bg.department-clinic .accordion, .spec-bg.department-history .accordion{
	background-color: #bdcaed;
}
.spec-bg.department-science:hover, .spec-bg.department-clinic:hover, .spec-bg.department-education:hover{
	background-size: 108px 108px;
}

/* Другое */
.content-box.content-box_project ol li{
	margin-bottom: 8px;
}
.content-box.content-box_project ol li:before{
	display: none;
}

/*Общежитие раздел студ.пространство*/
.brief-information_block.dormitory-desc p{
    width: 300px;
}

/*Иностранцы раздел поступления*/
.cards_more .card_more.card_more_inostrancy {
    position: relative;
    min-width: 360px;
    width: 30%;
    height: 700px;
    background-color: var(--white-color);
    padding: 24px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.cards_more .card_more.card_more_inostrancy1 {
    position: relative;
    min-width: 360px;
    width: 30%;
    height: 470px;
    background-color: var(--white-color);
    padding: 24px;
    border-radius: 12px;
    transition: all 0.3s ease;
}
.cards_more .card_more.card_more_inostrancy > img, .cards_more .card_more.card_more_inostrancy1 > img{
	border-radius: 0;
}

audio {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.resizable-image {
	width: 50%; /* Устанавливаем ширину на 100% контейнера по умолчанию */
	max-width: 250px; /* Максимальная ширина изображения */
	height: auto; /* Автоматическая регулировка высоты для сохранения пропорций */
}

.img-b-fw-extra-images{
  display: flex;
  flex-wrap: wrap; 
  justify-content: flex-end;
  align-items: center;
}
.img-b-fw-extra-images > div{
  width: 200px;
  height: auto;
  margin: 5px;
  overflow: hidden; 
  border-radius: 6px;
}
.img-b-fw-extra-images > div img{
  width: 100%;
  height: 100%;

}
.product-item-hide{
	display: none;
}

.cards-dropdown{
	display: flex;
	justify-content: flex-end;
	cursor: pointer;
}
.show_cards_trigger{
	display: inline-block;
	font-size: 32px;
	color: var(--accent-color);
	text-align: right;
}
.cards-dropdown > .dropdown-toggle_arrow{
	background-color: var(--accent-color);
	transition: all 0.3s ease;
}
.cards-dropdown.active .dropdown-toggle_arrow {
    transform: rotate(-180deg);
}
/* Библиотека поисковая строка */
  .ebsco-single-search *,.ebsco-single-search *::before,.ebsco-single-search *::after{box-sizing:border-box;font:inherit;margin:0}
  .ebsco-single-search input,.ebsco-single-search button,.ebsco-single-search select{margin:0}
  .eb-search-container{display:flex;flex-flow:row wrap;line-height:1.5}
  .eb-search-container>*{flex:1 100%;padding:12px}
  .eb-search-container__title{color: #000; font-weight:400;font-size:1.5em;letter-spacing:-.05em;text-align:center}
  .eb-search__box>*{flex:1 100%;line-height:normal}
  .eb-search__box{border-radius:.25em;display:flex;flex-wrap:wrap;font-size:1.25em}
  .eb-search__input-bquery{background:#fff;border:1px solid #002f56;border-bottom-color:transparent;border-radius:.25em .25em 0 0;padding:.75em}
  .eb-search__input-bquery:focus{color:#333}
  .eb-search__submit-button{-webkit-appearance:button;background:#002f56;border:1px solid #002f56;border-radius:0 0 .25em .25em;box-shadow:0 2px 4px 0 rgba(0,0,0,.20);color:#FFFFFF;cursor:pointer;overflow:visible;padding:.5em 1.25em;text-align:center;white-space:nowrap}
  .eb-search__submit-text{display:inline-flex;overflow:hidden}
  .eb-filter-container{padding-bottom:0;display:flex;flex-wrap:wrap}
  .eb-search__label{align-items:center;display:inline-flex;white-space:nowrap;width:100%}
  .eb-search__hidden_input{opacity:0;width:0px !important;height:0px !important;margin:0px !important;padding:0px !important;}
  .eb-search__boxed_label{display:flex;font-weight: 600;align-items: center;vertical-align:middle;align-self:flex-start;box-sizing:border-box;height:36px;justify-content:normal;margin:0.5em;margin-top:0px;margin-left:0px;max-width:100%;overflow-x:visible;overflow-y:visible;padding:8px 12px;position:relative;border-radius:4px;transition-behavior:normal;transition-delay:0s;transition-duration:0.3s;transition-property:all;transition-timing-function:ease-in-out;color:#55585D;background-color:#FFFFFF;border:1px solid #8D9095;}
  .eb-search__boxed_label:hover{color:#3D3F42;background-color:#F5F5F5;}
  .eb-search__hidden_input:checked + .eb-search__boxed_label:hover{color:#1D3F75;background-color:#D8E3F5;border-color:#8D9095;}
  .eb-search__hidden_input:checked + .eb-search__boxed_label{color:#2D62B7;background-color:#E9EFFA;border-color:#3E75CF;}
  .eb-search__hidden_input:focus + .eb-search__boxed_label{color:#255096;border-color:#3E75CF;box-shadow:0 0 0 1px #3E75CF,0 0 0 4px #D8E3F5;}
  .eb-search__radio{border:none; padding:0;display:flex;flex-direction:row;}
  .eb-search__boxed_label{padding:12px}
  .eb-adv-search{padding:6px;padding-right:1em;text-align:right;white-space:nowrap}
  .eb-adv-search a.eb-adv-search__link{color:#000000;text-decoration-skip-ink:auto;font-weight:600}
  .eb-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
  .eb-search-container__has-select .eb-search__search-prefix{background-color:#fff;border-radius:.25em 0 0 .25em;margin-bottom:.75em;position:relative}
  .eb-search-container__has-select .eb-search__search-prefix:after,.eb-search__search-prefix:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0}
  .eb-search-container__has-select .eb-search__search-prefix:before{right:0;width:1.75em}
  .eb-search-container__has-select .eb-search__search-prefix:after{border-bottom:2px solid #000;border-right:2px solid #000;height:.5em;margin:auto;right:.75em;transform-origin:center right;transform:rotate(45deg);width:.5em;z-index:2}
  .eb-search-container__has-select .eb-search__select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #002f56;border-radius:.25em;box-shadow:none;color:#000;height:100%;padding:.5em 1.75em .5em .75em;width:100%}
  .eb-search-container__has-select .eb-search__select:focus{color:#000}
  .eb-search-container__has-select .eb-search__select::-ms-expand{display:none}
  html[dir="rtl"] .eb-search__select {padding: .5em .75em .5em 1.75em}
  html[dir="rtl"] .eb-search__search-prefix:before{left:0;right:inherit}
  html[dir="rtl"] .eb-search__search-prefix:after{left:.75em;right:inherit}
  @media only screen and (min-width: 768px) {
    .eb-search-container{padding:.75em}
    .eb-search__box{flex-wrap:nowrap;height:2.8em;box-shadow:0 2px 4px 0 rgba(0,0,0,.20)}
    .eb-search__input-bquery{border-bottom-color:#002f56;border-radius:.25em 0 0 .25em;border-right-color:transparent;width:100%}
    .eb-search__submit-button{border-radius:0 .25em .25em 0;box-shadow:none;flex:0 0 auto}
    .eb-filter-container{flex:1;padding-bottom:.75em;padding-top:0em}
    .eb-search__label{width:auto}
    .eb-search-container__has-limiter .eb-adv-search{flex:0 0 auto}
    .eb-search-container__has-select .eb-search__search-prefix{flex:1 0 auto;margin-bottom:0}
    .eb-search-container__has-select .eb-search__select{flex:0 0 auto;border-radius:0}
    .eb-search-container__has-select .eb-search__search-prefix:nth-of-type(1) .eb-search__select{border-radius:.25em 0 0 .25em}
    .eb-search-container__has-select .eb-search__input-bquery{border-left-color: transparent;border-radius:0}
    .eb-search-container__has-select-two .eb-search__search-prefix:nth-of-type(1) > .eb-search__select{border-right-color: transparent}
    html[dir="rtl"] .eb-search__input-bquery{border-radius:0 .25em .25em 0;border-left-color:transparent;border-right-color:inherit}
    html[dir="rtl"] .eb-search__submit-button{border-radius:.25em 0 0 .25em;border-left-color:inherit;border-right-color:transparent}
    html[dir="rtl"] .eb-search__select{border-radius:0 .25em .25em 0;border-right-color:inherit}
    html[dir="rtl"] .eb-search-container__has-select .eb-search__input-bquery{border-radius:0;border-right-color:transparent}
    html[dir="rtl"] .eb-search-container__has-select .eb-search__search-prefix:nth-of-type(1) .eb-search__select{border-radius:0 .25em .25em 0}
    html[dir="rtl"] .eb-search-container__has-select-two .eb-search__search-prefix:nth-of-type(1) > .eb-search__select{border-left-color: transparent;border-right-color: inherit}
    html[dir="rtl"] .eb-search-container__has-select-two .eb-search__search-prefix:nth-of-type(2) > .eb-search__select{border-radius: 0}
    html[dir="rtl"] .eb-search__radio_label{padding-left:.5em; padding-right:0}

  }

.main-page_video .video__link{
	position: absolute;
	bottom: 60px;
	right: 60px;
	z-index: 500;
}
.main-page_video .video__link a{
	font-size: 32px;
	color: var(--white-color);
}
.main-page_video .video__link a:after{
	background-color: var(--white-color);
}
#blog-rektora_promo.img-b-fw > img.laptop_section{
	display: inline;
}
#blog-rektora_promo.img-b-fw > img.mobile_section{
	display: none;
}

.vertical_links-blocksBibl{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}

/* Страница О нас Межд. сотрудн. */
.chess-links .text-section.text-section-discolored{
	background: linear-gradient(to right, rgb(0 0 0 / 68%) 5%, rgba(242, 192, 87, 0.02));
	color: var(--white-color);
}
.chess-links .text-section.text-section-discolored h2, .chess-links .text-section.text-section-discolored h3{
	color: var(--white-color);
}

.cards_moreBIBL{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 50px;
}
.card_moreBIBL{
	min-width: 400px;
	width: 30%;
	height: 500px;
	padding: 24px;
}
.card_moreBIBL > img{
	height: 100%;
	width: 100%;
	object-fit: contain;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	transition: all 0.3s ease;
}
.card_more-titleBIBL{
	font-size: 22px;
	margin-top: 16px;
}
.card_more-descriptionBIBL{
	margin-bottom: 16px;
}
.card_moreBIBL .button-right{
	position: absolute;
	bottom: 24px;
	right: 24px;
	margin-bottom: 0;
}
.card_moreBIBL:hover{
	transform: translateY(-10px);
}
.card_moreBIBL:hover img{
	transform: scale(1.05);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.gallery_tiles__wrapper_SOC{
	background: #ffecca;
}
.gallery_tiles__wrapper_ECO{
	background: #e7ffe1;
}
.gallery_tiles__wrapper_ECONOM{
	background: #e1f5ff;
}
.section_titleBLACK{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.section_titleBLACK h2, .section_titleBLACK h3{
	margin: 0 10px;
	color: black;
	line-height: 1em;
	text-align: center;
}
.title_lineBLACK{
	flex-grow: 0.8;
	height: 2px;
	background-color: black;
}

/* Цели устойчивого развития */
.img-b-fw_info__expended.bg-secondary1 {
  /*background: #eb1c2d;*/
  background: rgba(235, 28, 45, 0.75);
}
.img-b-fw_info__expended.bg-secondary12 {
  background: #cf8d2a;
}
.img-b-fw_info__expended.bg-secondary2 {
  /*background: #eb1c2d;*/
  background: rgba(211, 160, 41, 0.75);
}
.img-b-fw_info__expended.bg-secondary3 {
  /*background: #eb1c2d;*/
  background: rgba(39, 155, 72, 0.75);
}
.img-b-fw_info__expended.bg-secondary4 {
  /*background: #eb1c2d;*/
  background: rgba(195, 31, 51, 0.75);
}
.img-b-fw_info__expended.bg-secondary5 {
  /*background: #eb1c2d;*/
  background: rgba(239, 64, 43, 0.75);
}
.img-b-fw_info__expended.bg-secondary6 {
  /*background: #eb1c2d;*/
  background: rgba(0, 174, 217, 0.75);
}
.img-b-fw_info__expended.bg-secondary7 {
  /*background: #eb1c2d;*/
  background: rgba(222, 160, 17, 0.75);
}
.img-b-fw_info__expended.bg-secondary8 {
  /*background: #eb1c2d;*/
  background: rgba(143, 24, 56, 0.75);
}
.img-b-fw_info__expended.bg-secondary10 {
  /*background: #eb1c2d;*/
  background: rgba(225, 20, 132, 0.75);
}
.img-b-fw_info__expended.bg-secondary16 {
  /*background: #eb1c2d;*/
  background: rgba(2, 85, 139, 0.75);
}
.img-b-fw_info__expended.bg-secondary17 {
  /*background: #eb1c2d;*/
  background: rgba(24, 54, 104, 0.75);
}

/* Юбилей */
.anniversary-links{
    display: flex;
    justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 100px;
}

.anniversary-links > a {
	height: 80vh;
    width: 30%;
	transition: transform 0.5s ease;
}
.anniversary-links > a:hover{
	transform: scaleX(0.9) scaleY(0.88);
}
.anniversary-links > a > img {
    height: 80%;
    width: 100%;
    object-fit: cover;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.anniversary-links > a > .caption {
    position: relative;
    height: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    color: var(--white-color);
    font-size: 1.8rem;
	text-align: center;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.anniversary-links > a > .caption.anniversary {
    background: linear-gradient(155deg, var(--accent_2-color) 5.39%, var(--accent-color) 71.84%);
	# linear-gradient(67deg, #D53E07 0%, #6F2A14 67%);
}

.anniversary-links > a > .caption.anniversary-secondary {
    background: linear-gradient(89deg, #5480B9 0%, var(--primary-color) 89%);
}

#anniversary_day{
	color: var(--primary-color);
	font-size: 52px;
	text-align: center;
	padding: 120px 0 80px 0;
}

#anniversary_day span{
	color: var(--accent-color);
	font-size: 56px;
	display: inline-block;
	margin: 0 10px;
    transform: skew(-5deg, 5deg) scale(1.5);
}

#wordTable {
	width: 100%;
}
.buttonsFILTER {
	margin: 0 auto 40px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.buttonsFILTER button {
		margin: 2px;
		padding: 5px 10px;
		cursor: pointer;
}
.buttonsFILTER button:hover {
	transform: scale(1.1);
	background-color: var(--primary-color);
	color: white;
}

/*Раскрывающий список Блог-Ректора*/

.toggle-section {
    cursor: pointer;
    padding: 15px; 
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px;
}

.toggle-section:hover {
    background-color: rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.arrow-icon {
    width: 30px;
    height: auto;
    transition: transform 0.3s ease;
}

.toggle-section[aria-expanded="true"] .arrow-icon {
    transform: rotate(180deg);
}

/*Линия прогресса*/
#scrollProgressBar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 6px;
    background: linear-gradient(to right, #f2c057, #f29f05);
    z-index: 9999;
    transition: width 0.25s ease-out;
}

/* Блок в клиниках */
.med-blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center; /* центрирует карточки */
  margin: 0 auto;           /* центрирует весь блок при фиксированной ширине */
  max-width: auto; 
}

.med-item {
  width: 300px;
  border: 1px solid #ddd;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* тень */
}

.med-item:hover {
  transform: translateY(-10px); /* приподнимаем карточку при наведении */
}
.container.med-blocks .med-item img {
  height: 200px;
  object-fit: cover;
}
.med-item img {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  border-radius: 10px;
}

.med-item p {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}
/*Баннер в Резидентуре*/
.banner-wrapperREZ {
  position: relative; /* для позиционирования overlay */
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  cursor: pointer;
  background-color: white;
}

.banner-wrapperREZ img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
  object-fit: cover;
}

.banner-wrapperREZ:hover {
  transform: scale(1.03);
}

/* Подсказка */
.banner-overlayREZ {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; /* чтобы клик шел сквозь overlay */
}

/* Показывается при наведении */
.banner-wrapperREZ:hover .banner-overlayREZ {
  opacity: 1;
}

/* Стили в Конференциях */
.card-rowKONF {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
}


.image-cardKONF {
  width: 100%;
  max-width: 400px; /* или меньше, если надо */
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
  cursor: pointer;
  background-color: white;
}


.image-cardKONF img {
  width: 100%;
  height: 100%;
  object-fit: auto;
  transition: transform 0.3s ease;
}

.image-cardKONF:hover {
  transform: scale(1.05);
}

/* Модальное окно */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; 
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(192, 192, 192, 0.9);
}

.modal-contentKONF {
  background-color: white;
  margin: 10% auto;
  padding: 20px;
  width: 80%;
  max-width: 1300px;
  border-radius: 10px;
  position: relative;
  z-index: 10000;
}

.modal-contentKONF h3 {
  font-size: 21px;
}
.modal-contentKONF p {
  margin: 5px 0;
}

.konf-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 30px;
  cursor: pointer;
}

.konf-hover-block {
  border-left: 1px solid var(--primary-color);
  padding: 20px;
  background-color: var(--ghostwhite-color);
}

.konf-layout-wrapper {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.konf-vertical-side {
  min-width: 250px;
  max-width: 350px;
  flex-shrink: 0;
  height: 100%;
  background: var(--ghostwhite-color);
}

/* Обёртка над правой частью */
.konf-right-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.konf-hover-block h3 {
  font-size: 25px;
  margin-bottom: 15px;
  /*color: #0a243d;*/
}

.konf-hover-block p {
  margin: 5px 0;
}

/* Фон секции со статистикой */
.stats-wrapper.university-stats{
  background: url('/upload/medialibrary/kartinki-dlya-tsifr/DS1.jpg') center/cover no-repeat;
  min-height: 420px;
}
.stats-wrapper.university-stats::before{
  min-height: 420px;
  background: rgba(0, 0, 0, 0.5); /* затемнение */
}

.stats-wrapper.clinic-stats{
  background: url('/upload/medialibrary/klinika/universitetskaya-klinika/clinic-statistic.png') center/cover no-repeat;
}
.stats-wrapper.clinic-stats::before{
  background: rgba(0, 0, 0, 0.5); /* затемнение */
}

.stats-wrapper.blue-stats{
	background-color: #3b96b1;
	min-height: 500px;
}

/* Фон секции со статистикой */
/*Отзывчивость*/
/* 1200px - 1460px */
@media screen and (max-width: 1460px) {
	.main-page_video .video__link{
		bottom: 30px;
	}
	#blog-rektora_promo > .img-b-fw_info{
		left: 40%;
		max-width: 60%;
	}
}
/* 992px - 1200px */
@media screen and (max-width: 1200px) {
	.img-b-fw-extra-images{
		justify-content: flex-start;
	}
	.img-b-fw-extra-images > div{
  		width: 180px;
	}
	.vertical-tabs > div::-webkit-scrollbar {
		height: 8px;
	}
	#blog-rektora_promo > .img-b-fw_info{
		left: 35%;
		max-width: 65%;
	}
	.anniversary-links{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 30px;
	}
	.anniversary-links > a {
		height: 60vh;
		width: 50%;
	}
	.anniversary-links > a > .caption {
		font-size: 1.5rem;
	}
	#anniversary_day{
		font-size: 48px;
		padding: 100px 0 60px 0;
	}
	
	#anniversary_day span{
		font-size: 52px;
	}
	.info-card:not(:last-child)::after {
		  display: none;
	}
}

/* 768px - 992px */
@media screen and (max-width: 992px) {
	.img-b-fw-extra-images > div{
  		width: 160px;
	}
	.show_cards_trigger{
		font-size: 28px;
	}
	.main-page_video .video__link a{
		font-size: 24px;
	}
	#blog-rektora_promo > .img-b-fw_info{
		left: 25%;
		max-width: 75%;
	}
	.anniversary-links{
		gap: 40px;
	}
	.anniversary-links > a {
		width: 60%;
	}
	.anniversary-links > a > .caption {
		font-size: 1.2rem;
	}
	#anniversary_day{
		font-size: 44px;
		padding: 80px 0 40px 0;
	}
	
	#anniversary_day span{
		font-size: 58px;
	}
}

/* 576px - 768px */
@media screen and (max-width: 768px) {
	.img-b-fw-extra-images > div{
  		width: 150px;
	}
	.show_cards_trigger{
		font-size: 24px;
	}
	.main-page_video .video__link a{
		font-size: 20px;
	}
	#blog-rektora_promo.img-b-fw{
		height: 80vh;
	}
	#blog-rektora_promo > .img-b-fw_info{
		left: 10%;
		max-width: 90%;
	}
	#blog-rektora_promo.img-b-fw > img.laptop_section{
		display: none;
	}
	#blog-rektora_promo.img-b-fw > img.mobile_section{
		display: inline;
	}
	.anniversary-links{
		gap: 50px;
	}
	.anniversary-links > a {
		width: 70%;
	}
	#anniversary_day{
		font-size: 36px;
		padding: 60px 0 30px 0;
	}
	
	#anniversary_day span{
		font-size: 40px;
		margin: 0 4px;
    	transform: skew(-5deg, 5deg) scale(1.2);
	}
	.slider-link {
	  bottom: 10px;
	  right: 10px;
	  padding: 10px 16px;
	  transform: translateX(0) translateY(0);
    }
	.slider-nav-button {
	  width: 38px;
	  height: 38px;
	  font-size: 22px;
    }
    .card1 {
      width: 100%;
      height: auto;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .card1 img {
      margin-bottom: 10px;
    }

    .modal-body2 {
      flex-direction: column;
      align-items: center;
    }

    .modal-text2 {
      width: 100%;
      padding-top: 15px;
      text-align: left;
    }
}

/* 320px - 576px */
@media screen and (max-width: 576px) {
	.img-b-fw-extra-images > div{
  		width: 140px;
	}
	.show_cards_trigger{
		font-size: 22px;
	}
	#blog-rektora_promo.img-b-fw{
		height: 90vh;
	}
	#blog-rektora_promo > .img-b-fw_info{
		left: 0;
		max-width: 100%;
	}
	#blog-rektora_promo.img-b-fw > img{
		object-position: center;
	}
	.anniversary-links > a {
		width: 80%;
	}
	.info-card:not(:last-child)::after {
		  display: inline-block;
		  content: "";
		  position: absolute;
		  bottom: 0;
		  left: 50%;
		  height: 30px;
		  width: 2px;
		  background: repeating-linear-gradient(
			to bottom,
			var(--accent_2-color) 0px,
			var(--accent_3-color) 4px,
			transparent 4px,
			transparent 8px
		  );
		  animation: blink-line 2s infinite ease-in-out;
		  transform: translateX(50%) translateY(420%);
	}
}