body, html {
      margin: 0;
      padding: 0;
	  box-sizing: border-box;
      font-family: "Century Gothic", sans-serif;
      color: white;
      height: 100%;
	  background-color: #ffffff00;
    }
	
	/* Фикс для субстраниц - добавляем отступ сверху */
	.page-content {
		padding-top: 80px; /* Высота header + небольшой отступ */
	}
	
	#section1 {scroll-margin-top: 50px;}
	#section8 {scroll-margin-top: 50px;}
	
	.hamburger-menu {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 45px;
  height: 38px;
  position: absolute;
  right: 21px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.hamburger-menu span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #333;
  margin: 2px auto;
  transition: all 0.3s ease;
}

/* Убираем стандартную подсветку при клике */
.hamburger-menu:focus {
  outline: none;
}



#titleDiv {
  width: 53%;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}

.phone1 {
  font-size: 18px;
  color: #646060;
  float: right;
  margin-top: 0px;
  margin-right: 66px;
  text-decoration: none;
}

/* Чтобы иконка ровно выровнялась по вертикали со строкой */
.phone1 svg {
  vertical-align: middle;
}

.social {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  margin-right: 20px; /* при необходимости подвиньте расстояние */
}

/* Если нужно адаптировать под блок #titleDiv */
#titleDiv {
  width: 53%;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}




	

.hero-wrapper {
  margin-top: 50px; /* Отступ сверху для неслипания с верхним фиксированным элементом */
  font-family: sans-serif;
  color: #000000;
  box-sizing: border-box;
  width: 100%;
  overflow-x: hidden; /* Исключаем горизонтальную прокрутку */
}

.hero-section {
  width: 100%;
  padding: 50px 0;
  border-bottom: 1px solid #0044cc; /* Цвет как у заголовка */
  background: #f9f9f9;
  text-align: center;
}

/* Уменьшенные вертикальные отступы (30px) между элементами */
.hero-subtitle {
  font-size: 1.2rem;
  color: #3366cc;
  margin: 0 0 30px;
  font-weight: 500;
}

.hero-title {
  font-size: 3rem;
  color: #0044cc;
  margin: 0 0 30px;
  font-weight: 700;
}

.hero-description {
  font-size: 1.4rem;
  color: #333333;
  margin: 0 0 30px;
  font-weight: 400;
}

.hero-button {
  display: inline-block;
  padding: 15px 30px;
  background: #3366cc;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 5px;
  transition: background 0.3s;
  margin: 0 0 30px;
}

.hero-button:hover {
  background: #4d79cc; color: #ffffff;
}

.hero-features {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

.hero-features span {
  font-size: 1rem;
  color: #666666;
  background: #f0f0f0;
  padding: 10px 20px;
  border-radius: 20px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .hero-title {
    font-size: 2rem;
  }

  .hero-description {
    font-size: 1.2rem;
  }

  .hero-subtitle {
    font-size: 1rem;
  }

  .hero-features {
    flex-direction: column;
    align-items: center;
  }

  .hero-button {
    width: 100%;
    max-width: 300px;
  }
}

@media (max-width: 480px) {
  /* Добавляем горизонтальные отступы у секции, чтобы исключить «прилипание» к краям */
  .hero-section {
    padding: 50px 10px;
  }
  
  .hero-title {
    font-size: 1.8rem;
  }

  .hero-description {
    font-size: 1rem;
  }

  .hero-subtitle {
    font-size: 0.9rem;
  }

  /* Теги на мобильных занимают всю ширину отступа секции (минус эти 10px), 
     чтобы между ними и краями экрана оставался зазор */
  .hero-features span {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px; /* Сохраняем внутренние отступы тегов */
  }
}



.doctors-block {
  text-align: center; /* Центрирование кнопки внутри блока */
}

.more-doctors-button {
  display: inline-block;
  padding: 15px 30px;
  background: #3366cc; /* Цвет фона как у предыдущей кнопки */
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 5px;
  transition: background 0.3s, color 0.3s;
  box-sizing: border-box;
  /* Разрешаем тексту переноситься при нехватке места */
  white-space: normal;
}

.more-doctors-button:hover {
  background: #4d79cc; /* Светлее при наведении */
  color: #000000; /* Текст не белый при наведении */
}

/* Мобильная адаптация */
@media (max-width: 480px) {
  .doctors-block {
    padding: 0 10px; /* Отступы слева и справа по 10px */
  }

  .more-doctors-button {
    width: 100%; /* Позволяет кнопке занимать всю возможную ширину экрана */
  }
}


.qa-image {
  width: 50%;       /* На десктопе изображение занимает 50% ширины родительского блока */
  height: auto;     /* Высота определяется пропорциями изображения */
  display: block;   
  margin: 0 auto;   /* Центрирование по горизонтали */
}

@media (max-width: 480px) {
  .qa-image {
    /* На мобильных устройствах изображение почти на всю ширину, 
       за исключением 25px отступа слева и справа. 
       Т.е. вычитаем всего 50px из 100%. */
    width: calc(100% - 50px);
    margin: 0 auto; /* Чтобы отступы слева и справа были равными */
  }
}











  .appointment-wrapper {
        width: 100%;
        min-height: 100vh;
        background-color: #EAEFF2;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 40px 0;
        font-family: Arial, sans-serif;
    }

    .appointment-container {
        background-color: #fff;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        width: 100%;
        max-width: 1000px;
    }

    .appointment-title {
        text-align: center;
        margin-bottom: 20px;
        font-size: 24px;
        color: #333;
    }

    /* Вкладки */
    .tabs {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-bottom: 20px;
    }

    .tab-button {
        padding: 10px 20px;
        background-color: #f4f4f4;
        border: 1px solid #ccc;
        cursor: pointer;
        border-radius: 4px;
        color: #333;
        font-size: 16px;
        transition: background-color 0.2s, border-color 0.2s, color 0.2s;
    }

    .tab-button.active {
        background-color: #fff;
        border-color: #007BFF;
        color: #007BFF;
    }

    /* Панели вкладок */
    .tab-content {
        margin-bottom: 30px;
    }

    .tab-pane {
        display: none;
    }

    .tab-pane.active {
        display: block;
    }

    /* Карточки врачей */
    .doctor-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 20px;
        margin-bottom: 20px;
    }

    .doctor-card {
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

    .doctor-card:hover {
        background-color: #f9f9f9;
    }

    .doctor-image {
        width: 40px;
        height: 40px;
        background: url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 24 24" fill="%23ccc" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C10.6267 2 9.3 2.52778 8.30005 3.52783C7.30009 4.52788 6.77222 5.85458 6.77222 7.22778C6.77222 8.601 7.30009 9.92769 8.30005 10.9277C9.3 11.9276 10.6267 12.4555 12 12.4555C13.3732 12.4555 14.6999 11.9276 15.6999 10.9277C16.6998 9.92769 17.2277 8.601 17.2277 7.22778C17.2277 5.85458 16.6998 4.52788 15.6999 3.52783C14.6999 2.52778 13.3732 2 12 2ZM12 14.6833C8.68332 14.6833 3 16.3445 3 19.6667V21.7778H21V19.6667C21 16.3445 15.3167 14.6833 12 14.6833Z"/></svg>') no-repeat center center;
        background-size: contain;
        flex-shrink: 0;
    }

    .doctor-info {
        display: flex;
        flex-direction: column;
    }

    .doctor-name {
        font-weight: bold;
        color: #333;
        font-size: 14px;
        margin-bottom: 4px;
    }

    .doctor-specialty {
        font-size: 12px;
        color: #666;
    }

    /* Заголовок и кнопка назад */
    .section-header {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    .section-header .back-button {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .section-title {
        font-size: 18px;
        color: #333;
        margin: 0;
        display: inline-block;
    }

    /* Списки специализаций, услуг */
    .specialization-list,
    .service-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
    }

    /* Список дат и времени в виде сетки */
    .date-list, .time-grid {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .calendar,
    .time-list {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        max-width: 600px;
    }

    .date-button,
    .time-button,
    .specialization-button,
    .service-button {
        padding: 10px 10px;
        background-color: #fff;
        border: 1px solid #ccc;
        cursor: pointer;
        border-radius: 4px;
        font-size: 14px;
        color: #333;
        transition: background-color 0.2s, border-color 0.2s;
        text-align: center;
    }

    .date-button:hover,
    .time-button:hover,
    .specialization-button:hover,
    .service-button:hover {
        background-color: #f9f9f9;
        border-color: #999;
    }

    /* Контактная форма */
    .contact-section {
        max-width: 400px;
        margin: 0 auto;
    }

    .contact-input,
    .contact-select {
        display: block;
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .contact-label {
        display: flex;
        align-items: center;
        margin: 10px 0;
        font-size: 14px;
        color: #333;
    }

    .contact-label input[type="checkbox"] {
        margin-right: 10px;
    }

    .submit-button {
        padding: 10px 20px;
        background-color: #007BFF;
        border: none;
        cursor: pointer;
        border-radius: 4px;
        color: white;
        font-size: 14px;
        width: 100%;
        transition: background-color 0.2s;
        margin-top: 10px;
    }

    .submit-button:hover {
        background-color: #0056b3;
    }

    /* Мобильная адаптация */
    @media (max-width: 600px) {
        .appointment-container {
            padding: 10px;
        }

        /* Для мобильной версии: по 3 элемента в ряд для дат и времени */
        .calendar,
        .time-list {
            grid-template-columns: repeat(3, 1fr);
        }

        .specialization-list,
        .service-list {
            flex-direction: column;
            align-items: stretch;
        }

        .date-button,
        .time-button,
        .specialization-button,
        .service-button {
            font-size: 14px;
            padding: 10px;
        }

        .contact-section {
            width: 100%;
        }
    }












/* Second descriptive text */
			.profile-deficit-infoblock {
			  max-width: 1136px;
			  margin: 0 auto;
			  padding: 20px;
			  display: flex;
			  flex-direction: column;
			  align-items: center;
			  margin-top: -45px;}
			.profile-deficit-row {
			  display: flex;
			  justify-content: space-between;
			  width: 100%;
			  margin-bottom: 20px;}

			.profile-deficit-section {width: 48%; text-align: center;  box-sizing: border-box;}
			.profile-deficit-center {width: 48%; text-align: center;  margin-top: -20px;}
			.profile-deficit-section h3,
			.profile-deficit-center h3 {
			  font-family: 'Stem Text', sans-serif; font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #333;}
			.profile-deficit-section p,
			.profile-deficit-center p {
			  font-family: 'Stem Text', sans-serif; font-size: 17px; color: #666; line-height: 1.4; margin: 0;}
			@media screen and (max-width: 768px) {
			  .profile-deficit-row {flex-direction: column; align-items: center;}
			  .profile-deficit-section {width: 100%; padding: 0px 0px;}
			  .profile-deficit-center {width: 100%; padding: 0px 5px;}
			  .profile-deficit-section h3,
			  .profile-deficit-center h3 {font-size: 19px;}
			  .profile-deficit-section p,
			  .profile-deficit-center p {font-size: 16px;}}
			  
			  
			  
			  
			  
 
.content-block {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
    margin-top: 20px; /* Сделано одинаковое расстояние */
}

.left-photo {
    flex: 1;
    max-width: 33.33%;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.center-content {
    flex: 1;
    max-width: 33.33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.center-content h2 {
    font-size: 24px;
    color: #333;
}

.center-content p {
    font-size: 16px;
    line-height: 1.5;
    margin: 20px 0;
}

.center-content .buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.button {
    background-color: #5777ff;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
}

.right-slider {
    flex: 1;
    max-width: 33.33%;
    height: 480px; /* Увеличена высота */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.slider {
    overflow: hidden;
    height: 400px; /* Почти до стрелок */
    width: 100%;
    position: relative;
	margin-top: 20px;
}

.slide {
    display: none;
    width: 100%;
    position: absolute;
    text-align: center;
}

.slide img {
    max-height: 330px; /* Увеличена высота фотографий */
    max-width: 100%;
    object-fit: cover;
}

.doctor-info {
    margin-top: 10px;
}

.doctor-info p {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
}

.doctor-info small {
    font-size: 14px;
    color: #555;
}

.slider-controls {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 5px; /* Уменьшено расстояние */
}

.slider-controls button {
    background-color: #5777ff;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
}

.slider .slide.active {
    display: block;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .content-block {
        flex-direction: column;
        align-items: center;
        margin: 0 20px; /* Отступы 20px слева и справа */
    }

    .left-photo {
        display: none; /* Скрываем фото слева на мобильной версии */
    }

    .center-content {
        max-width: 100%;
    }

    .right-slider {
        max-width: 100%;
        margin: 0; /* Убираем боковые отступы */
        padding: 0 20px; /* Добавляем отступы по 20px слева и справа */
    }

    .slider {
        width: 100%;
        height: auto; /* Автоматическая высота для фотографий */
    }

    .slide img {
        max-width: calc(100% - 40px); /* Ширина с учетом отступов */
        margin: 0 auto; /* Центровка */
        display: block;
    }

    .slide {
        position: static; /* Исправление, чтобы не обрезались элементы */
        margin-bottom: 20px; /* Отступ от стрелок */
    }

    .slider-controls {
        margin-top: 10px;
    }
}







.main-container {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    padding: 0 10px;
}

h2 {
    margin-bottom: 20px;
    font-size: 2em;
    color: #333;
}

h3 {
    font-size: 1.6em;
    margin: 30px 0 20px;
    text-align: center;
    color: #333;
}

.therapy-container {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Увеличенный отступ между рядами до 20px */
    margin-bottom: 30px;
}

.therapy-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Увеличенный отступ между элементами до 20px */
    justify-content: center;
    width: 100%;
}

.therapy-item {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    flex: 1 1 calc(25% - 20px); /* 4 элемента в ряд на десктопе */
    min-width: 220px;
    max-width: 250px;
}

.therapy-item h4 {
    font-size: 1.2em;
    margin-bottom: 10px;
    color: #333;
}

.price {
    display: block;
    background-color: #809cfc;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.3;
}

.therapy-item p {
    font-size: 0.9em;
    color: #666;
    line-height: 1.3;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .therapy-item {
        flex: 0 1 calc(100% - 50px); /* Один элемент в ряд с отступами по 25px с каждой стороны */
        margin: 0 auto; /* Центрирование блока */
        min-width: unset; /* Отменяем минимальную ширину */
    }
    
    .therapy-row {
        gap: 20px; /* Сохраняем отступ между элементами */
    }
}

@media (max-width: 480px) {
    .therapy-item {
        padding: 15px;
    }
    
    h3 {
        font-size: 1.4em;
    }
}

	
	
	


			  
			/* Виджет Telegram */
.telegram-widget {
  position: relative;
  border: 6px solid #229ED9;
  border-radius: 12px;
  transition: all 0.3s ease;
  width: 500px;
  animation: widget-border-pulse 2s infinite;
  overflow: hidden;
  /* Добавляем свойства для центрирования */
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* Анимация пульсации рамки */
@keyframes widget-border-pulse {
  0% { border-color: #229ED9; box-shadow: 0 0 10px rgba(34, 158, 217, 0.2); }
  50% { border-color: #1a8ac0; box-shadow: 0 0 20px rgba(34, 158, 217, 0.4); }
  100% { border-color: #229ED9; box-shadow: 0 0 10px rgba(34, 158, 217, 0.2); }
}

/* iframe для отображения Telegram канала */
.telegram-widget iframe {
  border: 0;
  height: 500px;
  width: 100%;
  margin: 0;
  display: block;
}

/* Плашка для скрытия элементов */
.overlay-plate {
  position: absolute;
  top: 6px;
  right: 17px;
  width: 143px;
  height: 35px;
  z-index: 10;
  background-color: #222222; /* Цвет по умолчанию (тёмная тема) */
}

/* Адаптация плашки под светлую тему */
@media (prefers-color-scheme: light) {
  .overlay-plate {
    background-color: #ffffff; /* Белый цвет для светлой темы */
  }
}

/* Кнопки управления */
.widget-buttons {
  position: absolute;
  bottom: 7px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: 10;
}

/* Стандартные стили кнопок */
.widget-button {
  padding: 8px 14px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  white-space: nowrap;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Кнопка "Перейти в канал" */
.button-visit {
  background-color: rgba(34, 158, 217, 0.9);
  color: white;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  animation: button-slide-in 1s infinite alternate;
}

@keyframes button-slide-in {
  0% { transform: translateX(-3px); }
  100% { transform: translateX(3px); }
}

.button-visit:hover {
  background-color: rgba(26, 138, 192, 1);
  animation-play-state: paused;
}

/* Кнопка "Подписаться на канал" */
.button-subscribe {
  background: linear-gradient(45deg, rgba(34, 158, 217, 0.9), rgba(26, 138, 192, 0.9));
  color: white;
  backdrop-filter: blur(4px);
  box-shadow: 0 2px 8px rgba(34, 158, 217, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  animation: button-pulse 1.5s infinite;
}

@keyframes button-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(34, 158, 217, 0.4);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(34, 158, 217, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(34, 158, 217, 0);
  }
}

.button-subscribe:hover {
  background: linear-gradient(45deg, rgba(26, 138, 192, 1), rgba(34, 158, 217, 1));
  animation-play-state: paused;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(34, 158, 217, 0.3);
}

/* Медиазапросы для мобильных устройств */
@media (max-width: 768px) {
  .telegram-widget {
    width: 100%;
    max-width: 500px;
  }
  
  .widget-buttons {
    flex-direction: row;
    width: 90%;
  }
  
  .widget-button {
    font-size: 12px;
    padding: 6px 10px;
  }
}



/* A?a??A?A?A?a?? */
#navbar {border-bottom: 1px solid #3366cc; background-color: #ffffff; position: fixed;z-index: 1001;top: 0;width: 100%;display: block;transition: top 0.3s;padding: 7px;margin-left: -15px;height: 53px;}
#menuButtonLeft {width: 45px; height: 38px;}
.fa-bars {font-size: 24px; color: #828282;}
#menuButtonRight {width: 45px; height: 38px; position: absolute; right: 21px;}
.fa-th-large {font-size: 21px; color: #828282;}
.VKE-Logo {height: 48px; width: auto; position: absolute; left: 15px; top:3px;}
#titleDiv {width: 53%; position: absolute; top: 50%; left: 53%; transform: translate(-50%, -50%); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center;}
.phone1 {	
	font-size: 18px;
	color: #646060;
	float: right;
	margin-top: 0px;
	margin-right: 66px;
}
.social {	
	font-size: 18px;
	color: #646060;
	float: right;
	margin-top: 0px;
	margin-right: 9px;
}
.whatsapp {
	float: right;
	margin-top: 0px;
	margin-right: 7px;
}
.telegram {
	float: right;
	margin-top: 0px;
	margin-right: 7px;
}

.slide1 {
	
	
}

.slide1 img {
	
	
}


/* Table of Content */
.MenuRight-container {width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 12px;}
.MenuRight-bold-line {
  width: 100%;
  /* height: 2px; */
  background: #9E9E9E;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;}
.MenuRight-content {width: 100%; display: flex; justify-content: center; padding: 10px 0;}
.MenuRight-title  {font-size: 20px; font-family: Arial; font-weight: 450;}

/* Left & Right Menu */
.wrapper {
   display: flex;
    flex-direction: column;
    align-items: start;}
.header__nav-element {
    background-color: #f1f1f1;
    padding: 10px;}
#menuButton {
    background-color: #d8d8d8;
    border: none;
    color: #818181;
	width: 45px;
    padding: 5px 10px;
    cursor: pointer;
	border: 1px solid #727272;
    box-shadow: 2px 2px 15px 1px #ffffff;
    border-radius: 7px;}

.nav-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    transition: 0.3s;
    z-index: 2;
    width: 0;
    max-width: 300px;
    }
@media screen and (max-width: 768px) { 
    .nav-dropdown {
        max-width: 85%;}}
.nav-dropdown-right {left: auto; right: 0;}
.nav-header {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 45px;
    position: sticky;
    top: 0;
    background: #f1f1f1;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #9E9E9E;}
.nav-header-right {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 45px;
    position: sticky;
    top: 0;
    background: #f1f1f1;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #9E9E9E;}
.nav-header .logo {
    margin-bottom: 1px;
    width: 38px;
    position: relative;
    right: -12px;
    }
.nav-header-right .logo {
    margin-right: -10px;
	margin-bottom: 1px;
	width: 40px;}
.nav-dropdown-right .nav-header .logo {
    margin-left: -9px;
    margin-bottom: 1px;
	width: 40px;}
.nav-header .title {
     margin-left: auto;
	margin-right: auto;
     font-size:18px;
     text-align: center;
     font-weight:bold;
     color: #818181;
     margin-top: 5px;
     margin-bottom: auto;
     }
.nav-header-right .title {
     margin-left: auto;
     margin-right: auto;
     font-size:22px;
     line-height: 16px;
     text-align: center;
     font-weight:bold;
     color: #0180bb;
     margin-top: 0px;
     margin-bottom: auto;
     }
@media screen and (max-width: 770px) {
  .nav-header .title  {
	font-size: 24px;
	text-align: center;
	line-height: 17px;
	margin-top: 9px;
	display: block;
  margin-left: 45px;
  margin-right: auto;}}
@media screen and (max-width: 770px) {
  .nav-header-right .title  {
	font-size: 21px;
	text-align: center;
	line-height: 17px;
	margin-top: 1px;
	margin-left: auto;
	margin-right:auto;
	width: 78%;
	font-weight: bold;
	color: #818181;
	}}
.nav-dropdown__scroll {
    padding: 8px 0;}
.nav-dropdown a,
.nav-dropdown button {
    padding: 8px 16px;
    text-decoration: none;
    font-size: 16px;
    color: #3668cd;
    display: block;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    outline: none;
    border-bottom: 1px solid #5d68d7;
    }
.nav-dropdown a:hover,
.nav-dropdown button:hover {
    color: #0180bb;}
.dropdown-container {
    display: none;
    background-color: #fdfdfd;
    padding-left: 8px;}
.sub-dropdown-container {
    display: none;
    background-color: #f1f1f1;
    padding-left: 16px;}
.fa-caret-down {
    float: right;
    padding-right: 8px;}
#closeBtnLeft {
    position: absolute;
    top: -20px;
    right: 39px;
    left: 15px;
    font-size: 50px;
    cursor: pointer;
    }
#closeBtnRight {
    font-size: 50px;
    cursor: pointer;
    margin-top: -12px;}
@media screen and (max-height: 450px) {
    .nav-dropdown {padding-top: 15px;}
    .nav-dropdown a {font-size: 18px;}}
.nav-dropdown i {margin-right: 15px;}
.dropdown-btn {width: 100%; text-align: left; border-bottom: 1px solid #818181;}
/* A?A?A?A?A?A?A?a?sA?A?A?A?A?A?A?A?A?A?A?a??A?A?A?A? A?A?A?A?A?A?A?A?A?A?A?a?? A?A?A?a??A?A?A?A?A?a??A???A?a?sA?A?A?A? */
.nav-dropdown::-webkit-scrollbar {width: 3px;}
.nav-dropdown::-webkit-scrollbar-track {background: #f1f1f1;}
.nav-dropdown::-webkit-scrollbar-thumb {background: #888;}
.nav-dropdown::-webkit-scrollbar-thumb:hover {background: #555;}
/* Firefox */
.nav-dropdown {scrollbar-width: thin;scrollbar-color: #ffffff #ffffff;}
/* IE */
.nav-dropdown {
    -ms-overflow-style: -ms-autohiding-scrollbar;}
@media screen and (max-height: 450px) {
    .nav-dropdown {padding-top: 15px;}
    .nav-dropdown a {font-size: 18px;}}
.nav-dropdown i {
    margin-right: 15px;}
.dropdown-btn {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #818181;}
#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
	transition: opacity 0.2s, visibility 0.2s;
    visibility: hidden;
    opacity: 0;}
#sideNavLeft {z-index: 1002;position: fixed;top: 0;left: 0;}
#sideNavRight {z-index: 1002;position: fixed;top: 0;right: 0;}

/* Table of Content */
.toc-container {
  width: 85%;
  margin: 0 auto;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: auto;}
.toc-toggle {
  display: inline-block;
  width: auto;
  text-align: center;
  padding: 10px 20px;
  margin: 0 auto;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  justify-content: center;}
.toc-toggle:hover {background-color: #e1e1e1;}
.toc-list {display: block; padding: 10px 0;}
.toc-entry {
  cursor: pointer; color: #3668cd; padding: 10px 0; border-bottom: 1px solid #f1efef;}
.toc-entry:hover {font-weight: bold;  background-color: #eff1f7;}
.toc-entry.active {font-weight: bold;}




.footer1 {
    text-align: center;
    font-weight: 550;
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    background-color: #6768ab;
}
.footer2 {
    text-align: center;
    font-weight: 550;
    font-size: 18px;
    line-height: 23px;
    color: #ffffff;
    background-color: #82a3e6;
    padding: 17px 17px 17px 17px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}
.footer-logo {
	height: 110px;
	width: auto!important;
	margin: 1px 1px 1px 1px;
	box-shadow: 0 0 6px 6px rgb(255 255 255 / 70%);
	}

.footer2 a {
	color: #1c1c1c;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.3s ease;
   }
.footer2 a:hover { 
	background: none; 
	color: #ffffff;
	text-decoration: underline;
}  

.foot2-center{
	margin-top: auto;
margin-bottom: auto;
}
	
.footer3 {
    text-align: center;
    font-weight: 550;
    font-size: 16px;
    line-height: 18px;
    color: #ffffff;
    background-color: #0044cc;
    padding: 20px;
}

.footer3 a {
    color: #ffffff;
    text-decoration: underline;
    font-weight: 600;
    transition: all 0.3s ease;
}

.footer3 a:hover {
    color: #82a3e6;
    text-decoration: underline;
}






.ke13-clickfun {
    background: url(/media/original_images/dorned.webp);
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgb(39 38 38);
    /* filter: blur(1px); */
}
	.ke13-clickfun .heading p i {
	font-family: "Trattatello", fantasy;
	font-weight: 100;
	letter-spacing: 0;
	line-height: 140%;
	font-size: 1.55rem;
	text-align: center;
	display: block;
	margin-top: 3em;
	padding-bottom: -4em;
	margin-right: auto;
	margin-left: auto;
	color: rgb(255 255 255);
	}
	@media screen and (max-width: 700px) {
  .ke13-clickfun .heading p i  {letter-spacing: 0;line-height: 90%;font-size: 1.125rem;margin-bottom: 25px;margin-top: 68px;}}
	.ke13-clickfun .title {
	margin-left: auto;
	margin-right: auto;
		font-family: "Century Gothic", sans-serif;
	margin-top: -1.2em!important;
	margin-bottom: 1.2em!important;}
	.ke13-clickfun .title h1 {
	font-family: "Inter", sans-serif;
	text-align: center;
	line-height: 95%;
	font-size: 8.5rem;
	font-weight: 900;
	color: rgb(255 255 255);
	vertical-align: inherit;
	font-family: "Century Gothic", sans-serif;
	}
	@media screen and (max-width: 700px) {
  .ke13-clickfun .title h1  {font-size: 2.3rem;line-height: 90%;margin-bottom: 18px;}}	
	.ke13-clickfun .title h2 {
	font-family: "Inter", sans-serif;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 90%;
	font-size: 2rem;
		font-family: "Century Gothic", sans-serif;
	color: rgb(255 255 255);
	vertical-align: inherit;
	}
	@media screen and (max-width: 700px) {
  .ke13-clickfun .title h2  {letter-spacing: 0; line-height: 95%; font-size: 1rem; margin-bottom:-10px;}}
	.ke13-clickfun .button1 {margin: auto; display: inline;}
	/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 700px){ .ke13-clickfun .button1 {/* display: none; */}}
	.ke13-clickfun .button {
	color: rgb(255, 255, 255);
    font-family: "Inter", sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 200%;
	display: block;
	padding-left: auto;
	padding-right: auto;}
@media screen and (max-width: 700px) {
  .ke13-clickfun .button  {letter-spacing: 0; line-height: 95%; font-size: 1.425rem;}}
.ke13-clickfun .text-p p {
	font-family: "Inter", sans-serif;
	text-align: center;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 140%;
    font-size: 0.875rem;}	
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 700px){ .ke13-clickfun .text-p p {margin-bottom: 33px; /* display: none; */}}
	.ke13-clickfun .text {
	margin: auto;
	font-family: "Inter", sans-serif;
	text-align: center;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 80%;
	font-size: 1.2rem;
	color: rgb(255 255 255);
		font-family: "Century Gothic", sans-serif;
	display: inline;
	}
	@media screen and (max-width: 700px) {
  .ke13-clickfun .text  {letter-spacing: 0; line-height: 83%; font-size: 1rem;}}
  /* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 700px){ .ke13-clickfun .text {margin-top: 5px;  }}





.ke13-clickfun-2 {
    background: url(/media/original_images/png3.png),rgb(43 223 75 / 33%);}
	.ke13-clickfun-2 .heading p i {
	font-family: "Trattatello", fantasy; 
    font-weight: 100;
    letter-spacing: 0;
    line-height: 140%;
    font-size: 1.55rem;
	text-align: center;
	display: block;
	margin-top: 3em;
	padding-bottom: -4em;
	margin-right: auto;
	margin-left: auto;
    color: rgb(29, 46, 59)}
	@media screen and (max-width: 700px) {
  .ke13-clickfun-2 .heading p i  {letter-spacing: 0; line-height: 90%; font-size: 1.125rem;}}
	.ke13-clickfun-2 .title {
	margin-left: auto;
	margin-right: auto;
	margin-top: -1.2em!important;
	margin-bottom: 1.2em!important;}
	.ke13-clickfun-2 .title h1 {
	font-family: "Inter", sans-serif;
	text-align: center;
	line-height: 90%;
	font-size: 6rem;
	font-weight: 900;
	color: rgb(29, 46, 59);
	vertical-align: inherit;
	}
	@media screen and (max-width: 700px) {
  .ke13-clickfun-2 .title h1  {font-size: 2.3rem; line-height: 90%;}}	
	.ke13-clickfun-2 .title h2 {
	font-family: "Inter", sans-serif;
	text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 90%;
    font-size: 2rem;
    color: rgb(29, 46, 59);
	vertical-align: inherit;}
	@media screen and (max-width: 700px) {
  .ke13-clickfun-2 .title h2  {letter-spacing: 0; line-height: 95%; font-size: 1rem; margin-bottom:-10px;}}
	.ke13-clickfun-2 .button1 {margin: auto; display: inline;}
	/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 700px){ .ke13-clickfun-2 .button1 {/* display: none; */}}
	.ke13-clickfun-2 .button {
	color: rgb(255, 255, 255);
    font-family: "Inter", sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 200%;
	display: block;
	padding-left: auto;
	padding-right: auto;}
@media screen and (max-width: 700px) {
  .ke13-clickfun-2 .button  {letter-spacing: 0; line-height: 95%; font-size: 1.425rem;}}
.ke13-clickfun-2 .text-p p {
	font-family: "Inter", sans-serif;
	text-align: center;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 140%;
    font-size: 0.875rem;}	
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 700px){ .ke13-clickfun-2 .text-p p {margin-bottom: 33px; /* display: none; */}}
	.ke13-clickfun-2 .text {
	margin: auto;
	font-family: "Inter", sans-serif;
	text-align: center;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 80%;
    font-size: 1.2rem;
    color: rgb(29, 46, 59);
	display: inline;}
	@media screen and (max-width: 700px) {
  .ke13-clickfun-2 .text  {letter-spacing: 0; line-height: 83%; font-size: 1rem;}}
  /* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 700px){ .ke13-clickfun-2 .text {margin-top: -12px;  }}





.ke10-ofer-contackt-title {
	padding-top: 12px;
	padding-bottom: 5px;
	outline: none;
	background-color: rgb(0 68 204);
	background-repeat: no-repeat !important;
	}
	.ke10-ofer-contackt-title .contackt-title h2 {
	text-align: center;
    font-size: 46px;
    line-height: 46px;
	font-weight: 750;
    color: rgb(255, 255, 255);
	vertical-align: inherit;
	text-transform: capitalize;
	box-sizing: border-box;
		padding-bottom: 5px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);}
	@media screen and (max-width: 700px) {
  .ke10-ofer-contackt-title .contackt-title h2 {
	 font-size: 33px !important; padding-bottom: 5px; }}
	.ke10-contackt-bg {
	padding-top: 25px;
	padding-bottom: 25px;
	outline: none;
	background-color: rgb(0 68 204 / 49%);
	margin-top: 0px;
	background-image: url(/media/original_images/flowers2.png);
	}
	.ke10-contackt-bg .address-map  {
	 border-radius: 15px;
	background-color: #ffffff;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-left: auto;
	max-width: 56%;	}
@media screen and (max-width: 700px) {
  .ke10-contackt-bg .address-map {
	margin-bottom: -55px;
	max-width: 100%;
	margin-left: 3%;
	margin-right: 3%; 
	margin-top: 0px;}}
	.ke10-contackt-bg .address-map p b {
	color: #000000;
    font-size: 28px;
	line-height: 0.9em;
	text-align: center;
	font-weight: 850;
	font-family: 'Arial',Arial,sans-serif;}
	@media screen and (max-width: 700px) {
  .ke10-contackt-bg .address-map p b {font-size: 26px!important;}}
	.ke10-contackt-bg .address-map p {
	color: #000000;
    font-size: 23px;
	line-height: 1.4em;
	text-align: justify;
	font-weight: 300;
	padding-top: -10px;
	padding-bottom: -10px;
    font-family: 'Arial',Arial,sans-serif;}
	@media screen and (max-width: 700px) {
  .ke10-contackt-bg .address-map p {font-size: 19px!important; padding-right: 21px; }} 
  
  .ke10-contackt-bg .address-map .tablink {
  background-color: #ac6acd;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 33%;
  }
.ke10-contackt-bg .address-map .tablink:hover { background-color: red;}
.ke10-contackt-bg .address-map .tabcontent {
  color: white;
  display: none;
  padding: 62px 10px;
    height: 490px;}
	@media screen and (max-width: 700px) {
  .ke10-contackt-bg .address-map .tabcontent {
	height: 490px;
	max-width: 100%;}}	
#Home {background-color: #ac6acd;}
#News {background-color: #ac6acd;}
#Contact {background-color: #ac6acd;}
#About {background-color: #ac6acd;}
	
	.ke10-contackt-bg .bg-tel {
	border-radius: 15px;
	background-color: #ffffff;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 1.5em;
	margin-right: auto;
	max-width: 35%;	}
@media screen and (max-width: 700px) {
  .ke10-contackt-bg .bg-tel {
	max-width: 100%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 4.0em;}}
	.ke10-contackt-bg .bg-tel p b {
	color: #000000;
    font-size: 28px;
    text-align: center;
    font-family: 'ArtegraSans',Arial,sans-serif;
    line-height: 0.9;
    font-weight: 850;
	display: block;
	margin: auto!important;}
	@media screen and (max-width: 700px) {
  .imprint8-4 .title-text p b {
	 font-size: 26px !important; }}	
	 .ke10-contackt-bg .bg-tel img {
		 display: block;
		 margin-left:17%;
	 }
	 @media screen and (max-width: 700px) {
  .ke10-contackt-bg .bg-tel img {
	 margin-left:0%; }}	
	.ke10-contackt-bg .bg-tel a {
	color: #0000ff;
    font-size: 24px;
	line-height: 0.9em;
	text-align: justify;
	font-weight: 450;
    font-family: 'Arial',Arial,sans-serif;
    background-position: center center;
    border-color: transparent;
	margin-top: 0.1em; 
    margin-bottom: 0.1em;
    border-style: solid;}
	@media screen and (max-width: 700px) {
  .ke10-contackt-bg .bg-tel a {
	 font-size: 21px !important; }}
	#WhatsApp img {
		width: 75px;
		height: auto;
		margin: auto!important;
		margin-top: -25px!important;
	}
	#Telegram img {
		width: 75px;
		height: auto;
		margin: auto!important;
		margin-top: -25px!important;
	}
	
	
	.ke11-ofer-contackt-title {
	padding-top: 12px;
    padding-bottom: 5px;
    outline: none;
    background-color: rgb(6 82 143);
    background-repeat: no-repeat !important;	
	}
	.ke11-ofer-contackt-title .contackt-title h2 {
	text-align: center;
    font-size: 46px;
    line-height: 46px;
	font-weight: 750;
    color: rgb(255, 255, 255);
	vertical-align: inherit;
	text-transform: capitalize;
	box-sizing: border-box;
		padding-bottom: 12px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);}
	@media screen and (max-width: 700px) {
  .ke11-ofer-contackt-title .contackt-title h2 {
	 font-size: 33px !important; padding-bottom: 5px; }}
	.ke11-contackt-bg {
	padding-top: 25px;
    padding-bottom: 25px;
    outline: none;
    background-color: rgb(60, 155, 214);
    margin-top: 0px;
    background-image: url(/media/original_images/flowers2.png);}
	.ke11-contackt-bg .contackt-min1 {
		border-radius: 15px;
    background-color: #ffffff;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 35%;
    margin-left: auto;
	}
	@media screen and (max-width: 700px) {
  .ke11-contackt-bg .contackt-min1 {
	max-width: 100%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0.1em;}}
	.ke11-contackt-bg .contackt-min1 p b {
    color: #000000;
    font-size: 28px;
    text-align: center;
    font-family: 'ArtegraSans',Arial,sans-serif;
    line-height: 0.9;
    font-weight: 850;
    display: block;
    margin: auto!important;}
	@media screen and (max-width: 700px) {
  .imprint8-4 .title-text p b {
	 font-size: 26px !important; }}
	.ke11-contackt-bg .contackt-min1 img { 
		display: block;
	margin-left: 24%;}
	@media screen and (max-width: 700px) {
  .ke11-contackt-bg .contackt-min1 img {
	 margin-left:0%; }}	
	 .ke11-contackt-bg .contackt-min1 a {
	color: #0000ff;
    font-size: 24px;
	line-height: 0.9em;
	text-align: justify;
	font-weight: 450;
    font-family: 'Arial',Arial,sans-serif;
    background-position: center center;
    border-color: transparent;
	margin-top: 0.1em; 
    margin-bottom: 0.1em;
    border-style: solid;}
	@media screen and (max-width: 700px) {
  .ke10-contackt-bg .contackt-min1 a {
	 font-size: 21px !important; }}
	 #WhatsApp-min img {
		width: 75px;
		height: auto;
		margin: auto!important;
		margin-top: -25px!important;}
	#Telegram-min img {
		width: 75px;
		height: auto;
		margin: auto!important;
		margin-top: -25px!important;
	}
	 
	.ke11-contackt-bg .contackt-min2 {
		border-radius: 15px;
    background-color: #ffffff;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 2em;
	margin-right: auto;
    max-width: 35%;}
	@media screen and (max-width: 700px) {
  .ke11-contackt-bg .contackt-min2 {
	max-width: 100%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 1.0em;}}
	.ke11-contackt-bg .contackt-min2  p b {
    color: #000000;
    font-size: 28px;
    text-align: center;
    font-family: 'ArtegraSans',Arial,sans-serif;
    line-height: 0.9;
    font-weight: 850;
    display: block;
    margin: auto!important;}
	@media screen and (max-width: 700px) {
  .imprint8-4 .title-text p b {
	 font-size: 26px !important; }}
	.ke11-contackt-bg .contackt-min2  p {
	color: #000000;
    font-size: 23px;
	line-height: 1.4em;
	text-align: center;
	font-weight: 300;
	padding-top: -10px;
	padding-bottom: -10px;
    font-family: 'Arial',Arial,sans-serif;}
	@media screen and (max-width: 700px) {
  .ke11-contackt-bg .contackt-min2  p  {font-size: 19px!important; padding-right: 21px; }} 
  .ke11-contackt-bg .contackt-min2  .button {
	display: flex;
	justify-content: center;
  }


/* style.css */
 @media screen and (max-width: 600px) {
        #chatbot-container {
            width: 100%!important; 
            }
    }
@media screen and (max-width: 600px) {
#chatbot-container .manager-text {
	font-size: 14px!important;}}
	
/* Legal agreement styles */
.legal-agreement {
    margin: 15px 0;
    padding: 12px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.legal-agreement .contact-label {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.5;
}

.legal-agreement .contact-label input[type="checkbox"] {
    margin-right: 8px;
    margin-top: 3px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.legal-agreement .contact-label span {
    flex: 1;
    color: #333;
}

.legal-agreement .contact-label a {
    color: #007BFF;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.legal-agreement .contact-label a:hover {
    color: #0056b3;
    text-decoration: none;
}

/* Highlight state for validation error */
.legal-agreement.error {
    border-color: #dc3545;
    background-color: #f8d7da;
}
	
	/* Telegram */  
.IIIimprint6-7 {
	background-color: #007bff;
	padding-top: 25px;
	padding-bottom: 25px;
}

 .imprint6-7 {
	border-radius: 15px;
	background-color: #ffffff;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 30px;
	margin-right: 30px;
	max-width: 35%;	}
@media screen and (max-width: 700px) {
  .imprint6-7 {
	margin-top: 0px;
	max-width: 100%; 
    margin-left: 30px;
	margin-right: 30px;}}
	 .imprint6-7 img {
	width: 25%!important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.2em;
	}
	 .imprint6-7 h2 {
	color: #000000;
	font-size: 28px;
	line-height: 0.9em;
	text-align: center;
	font-weight: 400;
	padding-top: 0px;
	padding-bottom: 0px;
	 font-family: "Century Gothic", sans-serif;
	font-family: 'Arial',Arial,sans-serif;
	}
	@media screen and (max-width: 700px) {
  .imprint6-7 h2 {font-size: 25px!important;}}
	.imprint6-7 a {
	color: rgb(207, 54, 23);
    border-bottom: 3px solid rgb(207, 54, 23);
    box-shadow: none;
    text-decoration: none;
	a:link { color: red; }          
	a:visited { color: red; }     
	a:hover { background:red; } 
	a:active { color: red; } 
	 }

.imprint6-7-s2 {
	 padding-top: 25px!important;}
.imprint6-7-ch2-min {
	border-radius: 15px;
	background-color: #ffffff;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 30px;
	margin-right: 30px;
	max-width: 35%;	}
@media screen and (max-width: 700px) {
  .imprint6-7-ch2-min {
	margin-top: 60px!important;
	max-width: 100%; 
    margin-left: 30px;
	margin-right: 30px;}}
.imprint6-7-ch2-min img {
	width: 35%!important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.8em;}
	 .imprint6-7-ch2-min h2 {
	color: #000000;
    font-size: 33px;
	line-height: 0.9em;
	text-align: center;
	font-weight: 400;
	padding-top: 0px;
	padding-bottom: 0px;
    font-family: 'Arial',Arial,sans-serif;}
	@media screen and (max-width: 700px) {
  .imprint6-7-ch2-min h2 {font-size: 25px!important;}}
	.imprint6-7-ch2-min a {
	color: rgb(207, 54, 23);
    border-bottom: 3px solid rgb(207, 54, 23);
    box-shadow: none;
    text-decoration: none;
	a:link { color: red; }          
	a:visited { color: red; }     
	a:hover { background:red; } 
	a:active { color: red; } 
	 } 
	 
	 
	  .imprint6-7-ch2 {
	border-radius: 15px;
	background-color: #ffffff;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-right: 30px;
	font-family: "Century Gothic", sans-serif;
	max-width: 60%;	}
@media screen and (max-width: 700px) {
  .imprint6-7-ch2 {
	margin-bottom: 0px;
	max-width: 100%; 
	margin-top: 30px;
    margin-left: 25px;
	  font-family: "Century Gothic", sans-serif;
	margin-right: 25px;}}
	.imprint6-7-ch2 h3 {
	color: #000000;
    font-size: 28px;
	line-height: 0.9em;
	text-align: center;
	font-weight: 400;
	padding-top: 0px;
	padding-bottom: 0px;
    font-family: 'Arial',Arial,sans-serif;}
	@media screen and (max-width: 700px) {
  .imprint6-7 h3 {font-size: 25px!important;}}
	.imprint6-7-ch2 p {
	color: #000000;
    font-size: 20px;
	line-height: 1.4em;
	text-align: justify;
	font-weight: 300;
	padding-top: 1px;
	padding-bottom: 1px;
    font-family: 'Arial',Arial,sans-serif;}
	@media screen and (max-width: 700px) {
  .imprint6-7-ch2	p {font-size: 17px!important; padding-right: 21px; }} 
	.imprint6-7-ch2 p a {
	color: rgb(207, 54, 23);
    border-bottom: 3px solid rgb(207, 54, 23);
    box-shadow: none;
    text-decoration: none;
	margin-top: 1.2em;
	a:link { color: red; }          
	a:visited { color: red; }     
	a:hover { background:red; } 
	a:active { color: red; } 
	 }
	 .imprint6-7-ch2-button {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: -19px;
	}
	@media screen and (max-width: 700px) {
  .imprint6-7-ch2-button {margin-top: -5px;}}
	 .imprint6-7-ch2 p i {
	color: #000000;
    font-size: 12px;  
	line-height: 0.8em!important;
	text-align: center;
	line-height: 0.9;
	display: block;
	margin-top: 0.4em;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}
	
	
	 /* Header Universal */
.unique-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: 9px;
	margin-top: 60px;
}

.unique-header {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.unique-logo  {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    
}
@media screen and (max-width: 770px) {
  .unique-logo  {
	width: 28px!important;
    height: 28px!important; margin-right: -1px;}}
.unique-title {
    font-weight: bold;
    margin: 0;
    text-align: center;
    font-weight: 950;
    font-size: 33px;
    line-height: 33px;
    color: #7e8286;
    font-family: "Century Gothic", sans-serif;
    color: #000000;
    text-shadow: 2px 2px 2px rgb(237 32 36);
}
@media screen and (max-width: 770px) {
  .unique-title  {
	font-size: 21px;
    line-height: 20px;
    font-weight: 950;}}

.unique-text {
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-family: "Century Gothic", sans-serif;
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: -5px;
    font-style: italic;
    text-align: center;
    font-weight: 550;
    font-size: 19px;
    line-height: 23px;
    color: #101010;
    }
@media screen and (max-width: 770px) {
  .unique-text  {
	font-size: 13px!important;
    line-height: 14px!important; 
	font-weight: 350!important; 
	margin-top: 3px!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}}
	
	.center-block-storis {
		margin-left: auto;
    margin-right: auto;
    width: 80%;}
	@media screen and (max-width: 700px) {
  .center-block-storis {
	 width: 100%!important; }}





/* Ofer balls */ 

.ofer-min{
    padding-top: 8px;
    padding-bottom: 0px;
    outline: none;
    background-color: rgb(98 62 135);
    background-repeat: no-repeat !important;
}
.ofer-min .text {text-align: center;font-size: 20px;line-height: 18px;font-weight: 550;color: rgb(255, 255, 255);vertical-align: inherit;text-transform: capitalize;box-sizing: border-box;font-family: "Century Gothic", sans-serif;text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);}
	@media screen and (max-width: 700px) {
  .ofer-min .text {
	 font-size: 16px !important; }}

.ofer-start {
	padding-top: 15px;
	padding-bottom: 15px;
	outline: none;
	background-color: rgb(173 148 199);
	margin-top: 0px;
	background-image: url(/media/images/BG4.original.png);
	}
.ofer-start .text11 {text-align: center; font-family: "Century Gothic", sans-serif; font-size: 38px;line-height: 1em;font-weight: 650;color: rgb(255, 255, 255);vertical-align: inherit;/* text-transform: capitalize; */box-sizing: border-box;text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);}
@media screen and (max-width: 700px) {
  .ofer-start .text11 {
	 font-size: 28px !important; }}
.ofer-start .text12 {
text-align: center;
    font-size: 33px;
    line-height: 1em;
	font-weight: 500;
    color: rgb(255, 255, 255);
	vertical-align: inherit;
	text-transform: capitalize;
	box-sizing: border-box;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);}
@media screen and (max-width: 700px) {
  .ofer-start .text12 {
	 font-size: 21px !important; }}

.ofer-start .text3 {
    text-align: center;
    font-size: 34px;
    line-height: 0.9em;
    font-weight: 650;
    color: rgb(255, 255, 255);
    vertical-align: inherit;
    /* text-transform: capitalize; */
    box-sizing: border-box;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);}
@media screen and (max-width: 700px) {
  .ofer-start .text3 {
	 font-size: 28px !important; }}
	 
	


/* Lib - Page-text V1 */ 
	.Lib-Page-text-V1 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    outline: none;
    background-color: rgb(255, 255, 255);
    max-width: 960px;
    width: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 60%);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.6);
    box-shadow: 0 1px 5px rgb(0 0 0 / 60%);
}
	 .Lib-Page-text-V1 h2 {
  color: #333;
   font-size: 34px;
	line-height: 0.9em;
	text-align: center;
	font-weight: 750;
	margin-bottom: 10px;
}
	.Lib-Page-text-V1 p {
  color: #333;
   font-size: 24px;
	line-height: 1.0em;
	text-align: justify;
	font-weight: 500;
	margin-bottom: 24px;
}



/* Lib - Page-text V1 */ 
	.Lib-Page-text-V2 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    outline: none;
    background-color: rgb(255, 255, 255);
    max-width: 810px;
    width: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 60%);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.6);
    box-shadow: 0 1px 5px rgb(0 0 0 / 60%);
}
	 .Lib-Page-text-V2 h2 {
  color: #333;
   font-size: 34px;
	line-height: 0.9em;
	text-align: center;
	font-weight: 750;
	margin-bottom: 10px;
}
	.Lib-Page-text-V2 p {
  color: #333;
   font-size: 24px;
	line-height: 1.0em;
	text-align: justify;
	font-weight: 500;
	margin-bottom: 24px;
}
	 
	 
	 .loyalty-program {
  font-family: Arial, sans-serif;
}

.loyalty-program ul {
  list-style-type: none;
  padding-left: 20px;
}

.loyalty-program ul  {
  color: #333;
   font-size: 24px;
	line-height: 1.2em;
	text-align: justify;
	font-weight: 500;
	margin-bottom: 6px;
}
.loyalty-program li  {
color: #333;
   font-size: 24px;
	line-height: 1.2em;
	text-align: justify;
	font-weight: 500;
	margin-bottom: -1px;}
	
	.loyalty-program2 li  {
color: #333;
   font-size: 24px;
	line-height: 1.2em;
	text-align: center;
	font-weight: 500;
	list-style-type: none;
	padding-left: 0;
	margin-bottom: -1px;}

.loyalty-program p {
  color: #333;
   font-size: 34px;
	line-height: 0.9em;
	text-align: center;
	font-weight: 750;
	margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
  .loyalty-program ul li {
    font-size: 21px;
  }
  
  .loyalty-program p {
    font-size: 16px;
  }
}

.ke10-contackt-bg .bg-tel .img-v {
  width: calc(100% - 18px);
  height: 400px;
  margin-left: -1px!important;
  margin-right: 9px;
}


/* FAQ */ 
.lib-answer {
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;}
.bat {
   padding-top: 180px;
   padding-left: 29px;	}
	.cart28 {
		padding-top: 15px;}
	.cart29 {
		padding-top: 20px;
		margin-right: 15px;
		margin-left: 5px;}
	.accordion>.card {
    overflow: hidden;
    border-radius: 2.55rem;
	margin-top: 15px;
margin-bottom: -14px;}
	.card-header p {
	padding-left: auto;
     padding-right: auto;
	 text-transform: uppercase;
	 text-align: center;
	 color: #484848;
		font-family: "Century Gothic", sans-serif;
	 font-weight: bold;}	
	.swiper-horizontal .swiper-pagination-fraction {
    bottom: -5px;
    left: 0;
    width: 100%;}  
  .card-body  {
	 margin-right: auto!important;
margin-left: auto!important;
  font-size: 19px;
 font-weight: 450;
line-height: 0.9em;
font-family: "Century Gothic", sans-serif;
text-indent: 1.5em;
  }
  .card-body .block-HTML  {display: inline-block;}
  .vidpit.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-10pximportant; left:10;width:100%}
.vidpit.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 162px;
    right: auto;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -5px;
    right: auto;
    top: 224px;
    background-color: #d8e2d2;
    padding: 32px;
    border-radius: 2.28rem;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
    top: 224px;
    background-color: #d8e2d2;
    padding: 32px;
    border-radius: 2.28rem;} 
.toptip {margin-top: 75px;}


.center-block {
		margin-left: auto;
    margin-right: auto;
    width: 80%;}
	.center-block h2 {
		text-align: center;}
		
		
		
		
		
		
		 .Lib-Page-text-V3 {
	padding-left: 20px;
    padding-right: 20px;
	padding-top: 20px;
    padding-bottom: 20px;
    outline: none;
    background-color: rgb(255, 255, 255);
	max-width: 960px;
    width: 100%;
    margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -80px;
    margin-bottom: -80px;
	-webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 60%);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.6);
    box-shadow: 0 1px 5px rgb(0 0 0 / 60%);}
	@media screen and (max-width: 700px) {
  .Lib-Page-text-V3 {
	 padding-left: 0px;
    padding-right: 0px; }}
	
	.Lib-Page-text-V3 .text11 {
	text-align: center;
	font-size: 48px;
	line-height: 0.9em;
	font-weight: 500;
	color: rgb(70, 70, 70);
	vertical-align: inherit;
		font-family: "Century Gothic", sans-serif;
	/* text-transform: capitalize; */
	box-sizing: border-box;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);
	}
@media screen and (max-width: 700px) {
  .Lib-Page-text-V3 .text11 {
	 font-size: 28px !important; }}
	 
	 .Lib-Page-text-V3 .text12 {
	text-align: center;
	font-size: 34px;
	line-height: 0.9em;
	font-weight: 500;
	color: rgb(98 62 135);
	vertical-align: inherit;
	/* text-transform: capitalize; */
	font-family: "Century Gothic", sans-serif;
	box-sizing: border-box;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);
	}
@media screen and (max-width: 700px) {
  .Lib-Page-text-V3 .text12 {
	 font-size: 28px !important; }}
	 
	 
	 .Lib-Page-text-V3 .text3 {
	text-align: center;
    font-size: 33px;
    line-height: 1em;
	font-weight: 400;
    color: rgb(70, 70, 70);
	vertical-align: inherit;
	text-transform: capitalize;
	box-sizing: border-box;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 10%);}
@media screen and (max-width: 700px) {
  .Lib-Page-text-V3 .text3 {
	 font-size: 24px !important; }}
	 
	 .Lib-Page-text-V3 .text4 {
	text-align: center;
    font-size: 24px;
    line-height: 0.8em;
	font-weight: 600;
    color: rgb(70, 70, 70);
	vertical-align: inherit;
	text-transform: capitalize;
	box-sizing: border-box;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 10%);}
@media screen and (max-width: 700px) {
  .Lib-Page-text-V3 .text4 {
	 font-size: 18px !important; }}
	 
	 
	.Lib-Page-text-V3 .text5 {
    text-align: justify;
    font-size: 25px;
    line-height: 0.9em;
    font-weight: 500;
    color: rgb(70, 70, 70);
    vertical-align: inherit;
    box-sizing: border-box;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
    font-family: "Century Gothic", sans-serif; /* Добавление шрифта Century Gothic */
    text-indent: 1.5em; /* Отступ для первой строки абзаца */
}

@media screen and (max-width: 700px) {
  .Lib-Page-text-V3 .text5 {
	 font-size: 19px !important; }}
	 .Lib-Page-text-V3 .text5 p {
		 margin-top: 0.5em;
         margin-bottom: 0.5em;
	}
	
	



 
  

     .video-header-container {
      position: relative;
      height: 100vh;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding-top: 250px;
    }
    .video-header-video-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -1; 
      filter: brightness(50%);
    }

    .video-header-content {
      position: relative;
      z-index: 1;
      width: 100%;
      padding: 0 20px;
      padding-bottom: 120px;
    }

@media only screen and (max-width: 768px) {
      .video-header-content {
        padding-bottom: 0px;
      }}

    .video-header-question {
      font-size: 2.1rem;
      line-height: 95%;
      font-weight: 900;
      font-family: "Century Gothic", sans-serif;
      text-align: center;
      color: rgb(194 157 119);
      text-shadow: 0 0 19px rgb(8 8 8);
    }

    .video-header-content h1 {
      margin: 10px auto;
      font-family: "Century Gothic", sans-serif;
      text-align: center;
      line-height: 95%;
      font-size: 8.5rem;
      font-weight: 950;
      color: rgb(255, 255, 255);
      vertical-align: inherit;		
    }

    .video-header-subtitle {
      font-size: 2.1rem;
      line-height: 95%;
      font-weight: 900;
      color: rgb(147 147 147);
      text-shadow: 0 0 19px rgb(0 0 0);
      margin-bottom: 20px;
	  margin-top: 20px!important;
    }

    .video-header-cta-button {
      background-color: #007BFF;
      color: white;
      padding: 15px 30px;
      border: none;
      border-radius: 5px;
      font-size: 1.2rem;
      cursor: pointer;
      transition: background-color 0.3s ease;
      margin-bottom: 30px;
    }

    .video-header-cta-button:hover {
      background-color: #0056b3;
    }

    .video-header-details {
      font-size: 1.1rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 0px;
      margin-bottom: 20px;
      line-height: 1.2;
      color: rgb(255, 255, 255);
    }

    .video-header-details div {
      flex: 1;
      min-width: 200px;
      text-align: center;
		margin-bottom: 60px;
    }
@media only screen and (max-width: 768px) {
      .video-header-details div {
        margin-bottom: 5px;
      }
}

    @media only screen and (max-width: 768px) {
      .video-header-content h1 {
        font-size: 2.5rem;
      }

      .video-header-subtitle {
        font-size: 1rem;
      }

      .video-header-cta-button {
        padding: 10px 20px;
        font-size: 1rem;
      }

      .video-header-details {
        flex-direction: column;
        gap: 10px;
        font-size: 1.2rem;
        line-height: 1.3;
        margin-top: 60px;
        margin-bottom: 60px;
      }
		@media only screen and (max-width: 768px) {
      .video-header-details  {
         margin-top: 0px;
      }

      .video-header-details div {
        min-width: 100%;
      }

      .video-header-container {
        padding-top: 35px;
        padding-bottom: 35px;
      }

      .video-header-question {
        margin-top: 95px; 
        font-size: 1.2rem;
      }
    }
}
	
	
	/* Stickers */
:root {
    --mobile-arrow-width: 10%; 
    --mobile-sticker-width: 80%;
    --mobile-container-padding: 0;
}
/* Общие стили */
*, *::before, *::after {
    box-sizing: border-box;
}
.container3 {
    padding: var(--section-padding-top, 30px) var(--mobile-container-padding) var(--section-padding-bottom, 30px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex-direction: column;
	max-width: 1200px; /* Добавляем максимальную ширину */
    margin: 0 auto; /* Центрируем контейнер */
}

/* Стикеры */
.stickers {
    display: grid;
    grid-template-columns: repeat(var(--columns, 4), 1fr);
    gap: var(--sticker-gap-vertical, 20px) var(--sticker-gap-horizontal, 15px);
    width: 100%;
}

.sticker {
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    background-color: #f9f9f9;
}

.sticker img {
    width: 60%;
    height: 110px;
    object-fit: cover;
    border-radius: 20px;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .container {
        padding: 20px var(--mobile-container-padding);
        flex-direction: row;
        align-items: center;
    }

    /* Стрелки и стикеры внутри контейнера */
    .scroll-arrow, .stickers {
        flex-shrink: 0;
    }

    /* Применяем заданные ширины стрелок и стикеров */
    .scroll-arrow {
        width: var(--mobile-arrow-width);
        text-align: center;
    }

    .stickers {
        flex-basis: var(--mobile-sticker-width);
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }

    .sticker {
        flex: 0 0 100%;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        margin: 0; /* Убираем отступы */
    }

    /* Скрываем скроллбар */
    .stickers::-webkit-scrollbar {
        display: none;
    }

    .stickers {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    /* Настройка стрелок */
    .scroll-arrow {
        font-size: 24px;
        cursor: pointer;
        color: #333;
    }

    /* Убираем кнопку "Развернуть" на мобильных */
    .expand-btn {
        display: none !important;
    }

    /* Прячем стрелки, если нужно */
    .scroll-arrow.hidden {
        display: none;
    }

    /* Убираем горизонтальный скроллинг у body */
    body {
        overflow-x: hidden;
    }
}

/* Убираем стрелки на десктопе */
@media (min-width: 769px) {
    .scroll-arrow {
        display: none;
    }
}

/* Кнопка "Развернуть" */
.expand-btn {
    display: none;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: white;
    color: #007BFF;
    border: 2px solid #007BFF;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

/* Скрытие и показ дополнительных стикеров на десктопе */
@media (min-width: 769px) {
    .stickers .sticker.hidden-desktop {
        display: none;
    }

    .stickers.expanded .sticker.hidden-desktop {
        display: block;
    }
}




/* contackt */
	
.ke10-ofer-contackt-title {
	padding-top: 12px;
	padding-bottom: 5px;
	outline: none;
	background-color: rgb(51 102 204);
	background-repeat: no-repeat !important;
	}
	.ke10-ofer-contackt-title .contackt-title h2 {
	text-align: center;
    font-size: 46px;
    line-height: 46px;
	font-weight: 750;
    color: rgb(255, 255, 255);
	vertical-align: inherit;
	text-transform: capitalize;
	box-sizing: border-box;
		padding-bottom: 5px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);}
	@media screen and (max-width: 700px) {
  .ke10-ofer-contackt-title .contackt-title h2 {
	 font-size: 33px !important; padding-bottom: 5px; }}
	.ke10-contackt-bg {
	padding-top: 25px;
	padding-bottom: 25px;
	outline: none;
	background-color: rgb(130 163 230);
	margin-top: 0px;
	background-image: url(/media/images/BG-contackt.original.original.png);
	}
	.ke10-contackt-bg .address-map  {
	 border-radius: 15px;
	background-color: #ffffff;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-left: auto;
	max-width: 56%;	}
@media screen and (max-width: 700px) {
  .ke10-contackt-bg .address-map {
	margin-bottom: -55px;
	max-width: 100%;
	margin-left: 3%;
	margin-right: 3%; 
	margin-top: 0px;}}
	.ke10-contackt-bg .address-map p b {
	color: #000000;
    font-size: 28px;
	line-height: 0.9em;
	text-align: center;
	font-weight: 850;
	font-family: 'Arial',Arial,sans-serif;}
	@media screen and (max-width: 700px) {
  .ke10-contackt-bg .address-map p b {font-size: 26px!important;}}
	.ke10-contackt-bg .address-map p {
	color: #000000;
    font-size: 23px;
	line-height: 1.4em;
	text-align: justify;
	font-weight: 300;
	padding-top: -10px;
	padding-bottom: -10px;
    font-family: 'Arial',Arial,sans-serif;}
	@media screen and (max-width: 700px) {
  .ke10-contackt-bg .address-map p {font-size: 19px!important; padding-right: 21px; }} 
  
  .ke10-contackt-bg .address-map .tablink {
  background-color: #f07728;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 33%;
  }
.ke10-contackt-bg .address-map .tablink:hover { background-color: red;}
.ke10-contackt-bg .address-map .tabcontent {
  color: white;
  display: none;
  padding: 62px 10px;
    height: 490px;}
	@media screen and (max-width: 700px) {
  .ke10-contackt-bg .address-map .tabcontent {
	height: 490px;
	max-width: 100%;}}	
#Home {background-color: #f07728;}
#News {background-color: #f07728;}
#Contact {background-color: #43a2bc;}
#About {background-color: #f07728;}
	
	.ke10-contackt-bg .bg-tel {
	border-radius: 15px;
	background-color: #ffffff;
	background-position: center center;
	border-color: transparent;
	border-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 1.5em;
	margin-right: auto;
	max-width: 35%;	}
@media screen and (max-width: 700px) {
  .ke10-contackt-bg .bg-tel {
	max-width: 100%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 4.0em;}}
	.ke10-contackt-bg .bg-tel p b {
	color: #000000;
    font-size: 28px;
    text-align: center;
    font-family: 'ArtegraSans',Arial,sans-serif;
    line-height: 0.9;
    font-weight: 850;
	display: block;
	margin: auto!important;}
	@media screen and (max-width: 700px) {
  .imprint8-4 .title-text p b {
	 font-size: 26px !important; }}	
	 .ke10-contackt-bg .bg-tel img {
		 display: block;
		 margin-left: 1px;
		}
	 @media screen and (max-width: 700px) {
  .ke10-contackt-bg .bg-tel img {
	 margin-left:0%; }}	

.ke10-contackt-bg .bg-tel .img-v {
  width: calc(100% - 18px);
  height: 300px;
  margin-left: -1px!important;
  margin-right: 9px;
}
	.ke10-contackt-bg .bg-tel a {
  color: #0000ff;
  font-size: 24px;
  text-align: center;
  font-weight: 450;
  font-family: 'Arial',Arial,sans-serif;
  background-position: center center;
  border-color: transparent;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  border-style: solid;
  display: block;
  margin-left: auto;
  margin-right: auto;
 line-height: 0.4em;
}
	@media screen and (max-width: 700px) {
  .ke10-contackt-bg .bg-tel a {
	 font-size: 21px !important; }}
	#WhatsApp img {
		width: 75px;
		height: auto;
		margin: auto!important;
		margin-top: -25px!important;
	}
	#Telegram img {
		width: 75px;
		height: auto;
		margin: auto!important;
		margin-top: -25px!important;
	}

	.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.gallery img {
width: calc(50% - 10px);
object-fit: cover;
}

@media screen and (max-width: 600px) {
.gallery img {
width: 100%;
}
}

.responsive-iframe {
            width: 100%;
            height: 100vh;
            border: none;
        }
		
		
		.nad-storis {
			margin-top: -11px;
		}
		
		
.brand-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 0;
  gap: 10px;
}

.brand-gallery img {
  width: 22%;
  height: auto;
  object-fit: contain;
  margin: 0 1%;
}

@media screen and (max-width: 600px) {
  .brand-gallery {
    padding: 20px;
  }
  
  .brand-gallery img {
    width: calc(50% - 20px);
    margin: 0;
  }
}







.main-container {
    text-align: center;
    max-width: 1100px;
    width: 100%;
}

h2 {
    margin-bottom: 20px;
    font-size: 2em;
}

.therapy-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.therapy-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.therapy-item {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: calc(25% - 20px); /* Adjusts for 4 items in a row */
    min-width: 220px;
}

.therapy-item h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
    color: #333;
}

.price {
    display: block;
    background-color: #809cfc;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: 10px;
}

.therapy-item p {
    font-size: 0.9em;
    color: #666;
}

/* Responsive Design */
@media (max-width: 768px) {
    .therapy-item {
        width: calc(50% - 20px); /* 2 items in a row */
    }
}

@media (max-width: 480px) {
    .therapy-item {
        width: 100%; /* Full width on very small screens */
    }
}

/* Dropdown menu for locations */
.dropdown {
  position: relative;
  display: block;
}

.dropdown-toggle {
  cursor: pointer;
  position: relative;
}

.dropdown-toggle::after {
  content: ' ▼';
  font-size: 0.8em;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
  max-height: 400px;
  overflow-y: auto;
  left: 0;
  top: 100%;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-item {
  color: #333 \!important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  transition: background-color 0.3s;
}

.dropdown-item:hover {
  background-color: #f1f1f1;
  color: #007BFF \!important;
}

/* Mobile dropdown fix */
@media (max-width: 768px) {
  .dropdown-menu {
    position: static;
    box-shadow: none;
    background-color: transparent;
    max-height: none;
  }
  
  .dropdown-item {
    padding-left: 30px;
  }
}

/* Service cards styling */
.card {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.card-img-top {
  width: 100%;
  height: 200px;
  object-fit: cover;
  background-color: #f8f9fa;
  display: block;
}

.card-body {
  padding: 1.25rem;
}

.card-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.75rem;
}

.card-text {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.card .btn-primary {
  background-color: #007BFF;
  border-color: #007BFF;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  text-transform: none;
}

.card .btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

.text-muted {
  color: #6c757d !important;
  font-size: 0.9rem;
  font-weight: 500;
}

/* SEO page styling */
.seo-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 30px;
  color: #333;
  line-height: 1.9;
  font-size: 18px;
}

.seo-content h1 {
  font-size: 2.2rem;
  margin-bottom: 2rem;
  color: #222;
  font-weight: 700;
  padding-bottom: 1rem;
  border-bottom: 3px solid #e2e8f0;
}

.seo-content h2 {
  font-size: 1.8rem;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  color: #333;
  font-weight: 600;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #e2e8f0;
}

.seo-content h3 {
  font-size: 1.4rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: #444;
  font-weight: 600;
  padding-left: 10px;
  border-left: 4px solid #007BFF;
}

.seo-content p {
  margin-bottom: 1.5rem;
  text-align: justify;
}

.seo-content ul, .seo-content ol {
  margin-bottom: 2rem;
  padding-left: 2.5rem;
}

.seo-content li {
  margin-bottom: 0.8rem;
  line-height: 1.8;
  font-size: 17px;
}

.seo-content ul li::marker {
  color: #007BFF;
}

.seo-content strong {
  font-weight: 600;
  color: #222;
}

/* SEO images styling */
.seo-content img,
.seo-content-image,
.content-images img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  display: block !important;
  margin: 1.5rem auto;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  visibility: visible !important;
  opacity: 1 !important;
}

.seo-content figure {
  margin: 2rem 0;
  text-align: center;
}

/* Ensure all inline images in SEO content are visible */
.seo-content p img {
  display: inline-block !important;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Fix for images that might be hidden by other styles */
.seo-content img[src] {
  min-height: 200px;
  background-color: #f0f0f0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><text x="50%" y="50%" text-anchor="middle" dy=".3em" fill="gray" font-size="16">Загрузка изображения...</text></svg>');
  background-position: center;
  background-repeat: no-repeat;
}

/* Ensure images in paragraphs are visible */
.seo-content p > img {
  display: block !important;
  margin: 1.5rem auto !important;
}

/* Debug: Add border to see if images are present but invisible */
.seo-content img {
  border: 1px solid #ddd;
}

.seo-content figcaption {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #666;
  font-style: italic;
}

/* Fix for inline images in content */
.seo-content p img {
  display: inline-block;
  margin: 0.5rem;
  max-width: 600px;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .seo-content {
    padding: 15px;
    font-size: 15px;
  }
  
  .seo-content h1 {
    font-size: 1.75rem;
  }
  
  .seo-content h2 {
    font-size: 1.35rem;
  }
  
  .seo-content p {
    text-align: left;
  }
}