html {
  scroll-behavior: smooth;
}

/*
---------------------------------------------
section-block
---------------------------------------------
*/

section.padding-ALL {
  padding-top: 80px;
}

section.padding-TOP {
  padding-top: 200px;
}

section.padding-end {
  padding-top: 10px;
  padding-bottom: 60px;
}


section .padding-footer {
 text-align: center;
  padding-top: 40px;
  padding-bottom: 10px;
  margin-top: 40px;
}


.item-section-block1 {
  background-color: #fff;
  padding: 30px 30px;
  border-radius: 22px;
}

/*
---------------------------------------------
button backToTop
---------------------------------------------
*/
#backToTop {
  display: none;          /* Скрыта по умолчанию */
  position: fixed;        /* Фиксированное позиционирование */
  bottom: 20px;           /* Отступ снизу */
  right: 30px;            /* Отступ справа */
  z-index: 99;            /* Поверх всех элементов */
  border: none;
  outline: none;
  background-color: #555; /* Цвет фона */
  color: white;           /* Цвет стрелки */
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;    /* Скругление углов */
  font-size: 1rem;
  transition: background-color 0.3s; /* Плавное изменение цвета */
}

#backToTop:hover {
  background-color: #333; /* Цвет при наведении */
}

section.upcoming-meetings .section-heading {
  text-align: left;
}


.meeting-item .thumb .color1 span {
  background-color: red;
}

.meeting-item .thumb .color-Agfa span {
  background-color: #00FFFF;
}

.meeting-item .thumb .color3 span {
  background-color: red;
}

.meeting-item .thumb .color4 span {
  background-color: red;
}

.meeting-item .thumb .color5 span {
  background-color: red;
}

section.heading-page {
  background-image: url(../images/demo-baner_01.jpg);
}

section.summer-camp-page {
  background-image: url(../images/summer-camp-baner.jpg);
}

section.apply-now {
  background-image: url(../images/bg-main-banner.jpg);

}


.down-content span.price-color {
  color: #171DFC;
  font-style: italic;
}

.summer-camp-content h5 {
  padding-top: 1em;
}

.summer-camp-content p {
  padding-bottom: 1.5em;
}

.summer-camp-footer p {
  padding-bottom: 0.5em;
}


/*.list-content ul {
  list-style: none;
  padding-left: 0;
}
*/

.list-content li {
  position: relative;
  padding-left: 25px;
}

.list-content li::before {
  content: "✔"; /* Ваш символ или иконка */
  position: absolute;
  left: 0;
  color: green;
}

.schedule-direction {
  margin-top: 10px;
  margin-block: 10px;
  background-color: red;

}

.schedule-direction p {
  color: #fff;
  padding: 10px;

}

#FAC  {
  padding-top: 140px;
}


#FAC .accordion-head {
  padding: 4px;
}

#FAC .accordion-body {
  padding: 0;
}

#teacher .fi {
  border-radius: 2px; /* Слегка закруглить углы */
  box-shadow: 0 1px 2px rgba(0,0,0,0.5); /* Добавить объем */
  vertical-align: middle; /* Выровнять по центру строки */
  margin-right: 8px;
}


.fi-interactive {
  font-size: 1.3rem; /* Збільшуємо прапор */
  box-shadow: 0 4px 6px rgba(0,0,0,0.5); /* Додаємо легку тінь */
  transition: transform 0.3s ease, filter 0.3s ease;
  margin-right: 10px;

}

.fi-interactive:hover {
  filter: brightness(1.5); /* Робимо трішки яскравішим */
  border-radius: 40px;
}

/* ========================================================================= */
/* VIDEO POPUP FUNCTION */
/* ========================================================================= */

.video-overlay {
  background-color: rgba(31,39,43,0.50);
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*bottom: 0;*/
  /*right: 0;*/
  /*width: 100%;*/