/* CAROUSEL */

.single-kikson-slider{
  display: block;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  min-height: 586px;
  justify-content: end;
  border: solid 0px #fff !important;
}
.kikson-button{
  text-decoration: underline;
}
.owl-slider .owl-nav{
  margin: 0px 0px 0px 0px !important;
  display: flex;
  justify-content: space-between;
  transform: translate(0px, -50%);
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0px 120px 0px 120px;
}
.owl-slider .owl-nav button{
  margin: 0px 0px 0px 0px !important;
  outline: none;
}
.owl-slider .owl-nav button:hover{
  background-color: transparent !important;
}
.owl-slider .owl-nav button svg{
  display: block;
}

@media (max-width: 1250px) {
  .single-kikson-slider{
    min-height: 430px;
  }
}

@media (max-width: 768px){
  .owl-slider .owl-nav {
      display: none;
  }
}

.owl-slider:not(.owl-loaded){
  display: flex !important;
}


/* CAROUSEL */

/* GALLERY REVERSE */

.all-ticker-gallery{
  position: relative;
}
.ticker-gallery-pre_description p{
  color: #070A12;
  margin: 0px 0px 0px 0px;
  font-family: "Sequel Sans", Sans-serif;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
.ticker-gallery-pre_description{
  border: solid 1px #B4A062;
  background-color: #FFFFFFA6;
  border-radius: 15px;
  padding: 42.5px 32px 42.5px 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  backdrop-filter: blur(10px);
  z-index: 1;
  width: 100%;
  max-width: 591px;
}

.ticker_wrapper {
  overflow-x: hidden;

  }

  .ticker_top,
  .ticker_middle,
  .ticker_bottom {
      display: flex;
      row-gap: 2rem; /* WHY IS THIS NOT WORKING? */
  }
  .ticker_top, .ticker_middle{
      /*column-gap: 20px;*/
  }

  .ticker_wrapper img {
      max-height: 345px;
      margin-left: 20px;
      border-radius: 15px;
      object-fit: cover;
  }
  .ticker_wrapper{
      row-gap: 20px;
      display: flex;
      flex-direction: column;
  }

  @media (max-width: 768px) {
    .ticker-gallery-pre_description{
      max-width: calc(100% - 40px);
      padding: 40px 20px 40px 20px;
    }
    .ticker-gallery-pre_description p{
      font-size: 16px;
    }
    .ticker_wrapper img{
      max-height: 270px; /* original 175px*/
      border-radius: 8px;
    }
    .ticker_top,
    .ticker_middle,
    .ticker_bottom {
        row-gap: 10px;
    }
    .ticker_wrapper img {
      margin-left: 10px;
  }
  .ticker_wrapper{
      row-gap: 10px;
  }
}

/* GALLERY REVERS */

/* TESTIMONIALS */

.all-testimonial{
  background-color: #fff;
}
.doughter-testimonials{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.owl-testimonials{
  position: relative;
}
.owl-testimonials2{
  min-height: 887px;
}
.owl-testimonials2 .owl-stage{
  min-height: 887px;
}
.owl-testimonials2 .owl-stage .owl-item{
  min-height: 887px;
}
.owl-testimonials2 .owl-stage .owl-item .testimonials-slide{
  min-height: 887px;
}
.my-custom-dots-container span{
  padding: 50px 50px 50px 50px;
  background-color: #B4A062;
}

.owl-testimonials .owl-dots{
  margin: 0px 0px 0px 0px !important;
  column-gap: 40px;
  display: flex;
  justify-content: end;
  position: absolute;
  bottom: 62px;
  right: 76px;
  z-index: 1;
}
.owl-testimonials .owl-dot button{
  width: 172px;
  background-color: transparent;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  outline: none;
  border: solid 0px #000;
}
#custom-owl-dots{
  left: auto;
  right: 76px;
  column-gap: 40px;
  margin: -240px 0px 0px 0px;
  position: relative;
  display: flex;
  z-index: 2;
  width: 100%;
  max-width: 808px;
}
#custom-owl-dots .owl-dot{
  width: 172px;
  background-color: transparent;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  outline: none;
  border: solid 0px #000;
  align-items: center;
  text-align: center;
  cursor: pointer;
  opacity: 0.7;
  /* --- Кросбраузерний transition для opacity --- */
  /* Забезпечує плавний перехід opacity протягом 0.3 секунди */
  -webkit-transition: opacity 0.3s ease-in-out; /* Для старих WebKit браузерів (Safari, Chrome) */
  -moz-transition: opacity 0.3s ease-in-out;    /* Для старих Firefox */
  -o-transition: opacity 0.3s ease-in-out;       /* Для старих Opera */
  transition: opacity 0.3s ease-in-out;          /* Стандартна властивість для всіх сучасних браузерів */
}
#custom-owl-dots .owl-dot.active{
/* --- Кросбраузерний transition для opacity --- */
  /* Забезпечує плавний перехід opacity протягом 0.3 секунди */
  -webkit-transition: opacity 0.3s ease-in-out; /* Для старих WebKit браузерів (Safari, Chrome) */
  -moz-transition: opacity 0.3s ease-in-out;    /* Для старих Firefox */
  -o-transition: opacity 0.3s ease-in-out;       /* Для старих Opera */
  transition: opacity 0.3s ease-in-out;          /* Стандартна властивість для всіх сучасних браузерів */
  opacity: 1;
}
.owl-testimonials .owl-stage{
  display: flex;
  min-height: 887px;
}
.owl-testimonials .owl-item {
    flex-shrink: 0; 
}
.owl-testimonials .owl-item .testimonials-slide-box { 
    display: flex;
    height: 100%;
}

.testimonials-slide{
  height: 100%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 100px 124px 295px 124px;
  display: flex;
  justify-content: end;
  align-items: end;
  flex-direction: column;
}
.owl-testimonials2 .testimonials-slide{
  padding: 100px 124px 295px 124px;
}
.testimonials-slide-title h3{
  margin: 0px 0px 0px 0px;
  color: #fff;
  font-family: "Sequel Sans", Sans-serif;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "Sequel Sans Display", Sans-serif;
  letter-spacing: 0.3px;
  padding: 0px 10px 0px 0px;
}
.testimonials-slide-title{
  width: 100%;
  max-width: 760px;
  display: flex;
  align-items: end;
}
.testimonials-slide-name{
  display: none;
}
.testimonials-slide-position{
  display: none;
}
.testimonials-slide-image{
  display: none;
}
.testimonials-slide-box{
  width: 100%;
  height: 100%;
  min-width: 100%;
  display: flex;
  justify-content: flex-end;
}
.my-custom-dots-container{
  display: flex;
  justify-content: end;
  column-gap: 40px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 10;
}
.my-custom-dots-container button{
  display: flex;
  flex-direction: column;
  border: 0px;
  padding: 0px;
  outline: none;
  position: relative;
}
.span-name{
  color: #E2E2E2;
  font-family: "Sequel Sans", Sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0px 0px 5px 0px;
  position: relative;
  z-index: -1;
  margin: 0px 0px 5px 0px;
}
.span-position{
  color: #E2E2E2B2;
  font-family: "Sequel Sans", Sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  position: relative;
  z-index: -1;
  white-space: wrap !important;
  overflow-wrap: break-word;
}
.span-image{
  position: relative;
  z-index: -1;
  margin: 0px 0px 12px 0px;
}
.span-image img{
  border-radius: 180px;
  margin: auto;
  display: block;
  max-width: 65px;
  object-fit: cover;
}
.owl-testimonials2 .span-image img{
  border-radius: 180px;
  margin: auto;
  display: block;
  max-width: 65px;
}
.owl-testimonials .owl-dot {
    opacity: 0.7;
    /* --- Кросбраузерний transition для opacity --- */
    /* Забезпечує плавний перехід opacity протягом 0.3 секунди */
    -webkit-transition: opacity 0.3s ease-in-out; /* Для старих WebKit браузерів (Safari, Chrome) */
    -moz-transition: opacity 0.3s ease-in-out;    /* Для старих Firefox */
    -o-transition: opacity 0.3s ease-in-out;       /* Для старих Opera */
    transition: opacity 0.3s ease-in-out;          /* Стандартна властивість для всіх сучасних браузерів */
}

.owl-testimonials .owl-dot.active {
    opacity: 1;
}




.owl-testimonials .testimonials-slide .animated-content {
    opacity: 0; /* Спочатку елементи невидимі */
    transform: translateY(30px); /* Зміщуємо їх на 30px вниз */
    transition: opacity 0.7s ease-out, transform 0.7s ease-out; /* Плавний перехід */
    /* Додаємо базову затримку, щоб перекрити будь-які дефолтні стилі */
    transition-delay: 0s; 
  }

  .owl-testimonials .testimonials-slide.active-slide .animated-content {
    opacity: 1; /* Робимо видимим */
    transform: translateY(0); /* Переміщуємо в нормальне положення */
  }
  .owl-testimonials .testimonials-slide.active-slide .testimonials-slide-title.animated-content {
    transition-delay: 0.3s; /* Заголовок з'явиться через 0.3 секунди */
  }

  /* Затримки для інших анімованих блоків у слайді */
  .owl-testimonials .testimonials-slide.active-slide .testimonials-slide-image.animated-content {
    transition-delay: 0.5s; /* Зображення з'явиться через 0.5 секунд */
  }

  .owl-testimonials .testimonials-slide.active-slide .testimonials-slide-name.animated-content {
    transition-delay: 0.7s; /* Ім'я з'явиться через 0.7 секунд */
  }

  .owl-testimonials .testimonials-slide.active-slide .testimonials-slide-position.animated-content {
    transition-delay: 0.9s; /* Позиція з'явиться через 0.9 секунд */
  }

  .testimonials-slide-image img {
    max-width: 100%;
    height: auto;
  }

.testimonials-slide-title {
    /* Ховаємо елемент за межами видимого поля слайда та робимо його невидимим */
    opacity: 0;
    transform: translateY(20px); /* Зміщуємо елемент на 20px вниз */
    transition: opacity 0.5s ease-out, transform 0.5s ease-out; /* Плавний перехід */

    /* Важливо: Це забезпечить, щоб анімація не конфліктувала з transition. */
    /* Ви можете налаштувати тривалість та тип переходу. */
  }

  /* --- КІНЦЕВИЙ СТАН ЕЛЕМЕНТА, КОЛИ ВІН СТАЄ АКТИВНИМ --- */
  .owl-item.active .testimonials-slide-title {
    /* Коли слайд стає активним, текст анімується до початкової позиції */
    opacity: 1; /* Робимо видимим */
    transform: translateY(0); /* Повертаємо на початкову позицію */
    transition-delay: 0.3s; /* Невелика затримка перед початком анімації,
                  щоб слайд встиг зайняти своє місце */
  }

  @media (max-width: 1024px){
    .owl-testimonials2 .testimonials-slide {
      padding: 100px 42px 295px 42px;
  }
  }
  @media (max-width: 768px) {
    .owl-testimonials .owl-stage{
      display: flex;
      min-height: 758px;
    }
    .testimonials-slide-title h3 {
      text-align: center;
      font-size: 18px;
      padding: 0px 0px 0px 0px;
  }
  .testimonials-slide{
      padding: 42px 20px 330px 20px !important;
  }
  .owl-testimonials .owl-dots{
    bottom: 90px;
    right: auto;
    column-gap: 32px;
    justify-content: normal;
    right: 0px;
    max-width: calc(100% - 42px);
    overflow-x: scroll;
    position: relative;
    bottom: 0px;
    transform: translate(0px, 0px);
    max-width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; 
    -ms-overflow-style: none;
    margin-top: -268px !important;
  }
.owl-testimonials .owl-dots::-webkit-scrollbar {
    display: none; /* Приховує всю смугу прокрутки */
    width: 0;      /* Забезпечує відсутність ширини */
    height: 0;     /* Забезпечує відсутність висоти */
}

#custom-owl-dots {
    justify-content: normal; 
    right: auto;
    column-gap: 32px;
    padding: 0px 32px 0px 32px;
    /*margin: -253px 0px 0px 0px;*/
    max-width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /*transform: translateY(-207px);*/
    margin: auto;
    position: absolute;
    bottom: 49px;
    
    
    
}
.owl-testimonials2 {
    min-height: 758px;
}
.owl-testimonials2 .owl-stage {
    min-height: 758px;
}
.owl-testimonials2 .owl-stage .owl-item {
    min-height: 758px;
}
.owl-testimonials2 .owl-stage .owl-item .testimonials-slide {
    min-height: 758px;
}
#custom-owl-dots .owl-dot{
  min-width: 148px;
}

  }

.owl-testimonials2:not(.owl-loaded){
  display: flex !important;
}

/* TESTIMONIALS */