/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 16 2026 | 13:49:52 */
/* Основной контейнер контента в слайдере - новый вариант для 4 баннеров - сделала ПОУЖЕ*/
.custom_main_header_carousel .custom-header-text-new .dipl_image_card_inner_content_wrapper {
    max-width: 550px; /* Ограничиваем ширину текста */
    text-align: left; /* Выравниваем текст влево */
    padding-left: 3vw; /* Отступ от левого края экрана */
    padding-right: 3vw;
    box-sizing: border-box;
    word-break: break-word; /* Перенос слов при необходимости */
    white-space: normal; /* Обычное поведение переноса строк */
}

/* Основной контейнер контента в слайдере - старый вариант для 12 баннеров. Слишком широкий  */
.custom_main_header_carousel .dipl_image_card_inner_content_wrapper {
    max-width: 650px; /* Ограничиваем ширину текста */
    text-align: left; /* Выравниваем текст влево */
    padding-left: 3vw; /* Отступ от левого края экрана */
    padding-right: 3vw;
    box-sizing: border-box;
    word-break: break-word; /* Перенос слов при необходимости */
    white-space: normal; /* Обычное поведение переноса строк */
}



/* ✅ ПРАВИЛЬНО: Отступ от заголовка вниз*/ 
.et-db .dipl_image_card_title {
       margin-bottom: 1em;
}


/* Опционально — делаем весь слайд центром по вертикали */
.custom_main_header_carousel .dipl_image_card_content_wrapper {
    display: flex;
    align-items: center;
	height: 100vh; /* Полноэкранная высота*/
  }


@media screen and (max-width: 980px) {
.custom_main_header_carousel .dipl_image_card_content_wrapper {
    position: relative !important;
    height: calc(100vh - 40px) !important;
	  /*height: 100vh; /* Полноэкранная высота*/
  }

.custom_main_header_carousel .dipl_image_card_inner_content_wrapper {
    position: absolute !important;
    top: 40px !important;       /* отступ от верха */
    left: 3vw !important;       /* сохраняем отступ как было */
    right: 3vw !important;
    max-width: 650px !important;
    width: auto;
  }
}




/* Стилизация ТОЧКИ пагинации внутри слайдера */
/* ✅ Позиционирование контейнера */
.dipl_image_card_carousel_0_tb_body .dipl_image_card_carousel_layout,
.dipl_image_card_carousel_1_tb_body .dipl_image_card_carousel_layout {
  position: relative !important;
}

/* ✅ Позиция точек внутри слайдера */
.dipl_image_card_carousel_0_tb_body .swiper-pagination,
.dipl_image_card_carousel_1_tb_body .swiper-pagination {
  position: absolute !important;
  bottom: 65px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0 10px;
  box-sizing: border-box;
}

/* ✅ Стили самих точек */
.swiper-pagination-bullet {
  width: 9px !important;
  height: 9px !important;
  margin: 0 4px !important;
  opacity: 0.3 !important;
  background: #fff !important;
  border-radius: 50% !important;
}
.swiper-pagination-bullet-active {
  opacity: 1 !important;
}

/* Увеличиваем зону нажатия точек пагинации */
.swiper-pagination-bullet {
  position: relative;
}

.swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  top: -10px !important;
  left: -10px !important;
  width: 30px !important;
  height: 30px !important;
  background: transparent;
  border-radius: 50%;
}


/* ✅ На мобилке — запрет переносов */
@media screen and (max-width: 767px) {
  .swiper-pagination {
    flex-wrap: nowrap !important;
    overflow-x: auto;
  }
}