

.icon-bar-side {
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5000;
  }
  
  .icon-bar-side a {
    display: block;
    text-align: center;
    padding:5px 10px;
    transition: all 1s ease;
    color: #3e5789;
    font-size: 25px;
    background: #333333d7;
    color: #fff;
  }
  
  .icon-bar-side a:hover {
    background-color: #455554d7;
    color: #fff;
  }
  
  
  .whatsapp-hover-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 5000;
  }
  
  .icon-box-terapi {
    font-size: 50px;
  }
  
  
  
  .bg-instagram{
      background-color: #E1306C !important;
  }
  
  .bg-facebook{
      background-color: #1877F2 !important;
  }
  
  .bg-whatsapp{
      background-color: #25D366 !important;
  }
  
  .bg-youtube{
      background-color: #FF0000 !important;
  }

/* 2. Yazılar ve butonlar için kapsayıcı */
.swiper-static {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;  /* Bu önemli */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* 3. Sadece yazılar ve butonlar tıklanabilir */
.swiper-static h1,
.swiper-static h2,
.swiper-static a {
  position: relative;
  z-index: 11;
  pointer-events: auto;
  color: #fff;
}

/* 4. Thumbnail (alt resimli butonlar) üste çıkar ve tıklanabilir */
.swiper-thumbs {
  position: relative;
  z-index: 25;
  pointer-events: auto;
}

/* 5. Swiper okları üste çıkar */
.swiper-button-prev,
.swiper-button-next {
  z-index: 20;
}

/* 6. Buton tasarımı */
.btn-fuchsia {
  background-color: #73e1ed;
  border: none;
  color: white;
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.btn-fuchsia:hover {
  background-color: hsl(204, 8%, 24%);
}

.card-body-height {
  height: 260px; /* örnek sabit yükseklik */
}

.testimonials-height{
  height: 400px;
}
/* Swiper slide ayarlarını sıfırlıyoruz - Diğer slider'lar için */
.swiper-container:not(.swiper-fullscreen) .swiper-slide {
  height: auto !important;
  min-height: auto !important;
  background: none !important;
}

/* Resmin tam oturması için - Diğer slider'lar için */
.swiper-container:not(.swiper-fullscreen) .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Blog card Body yükseklik ayarı */
.card-body-height{
  height: 300px !important;
}

.card-height-treatments{
  height: 250px !important;
}

.btn-fush{
  background-color: #fae4f2;
  border: none;
  
}
.btn-fush:hover{
  background-color: #fae4f2;
  border: none;
  
}

section.wrapper.position-relative .swiper-container.swiper-fullscreen {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

section.wrapper.position-relative .swiper-container.swiper-fullscreen .swiper {
  width: 100% !important;
  overflow: hidden !important;
}

section.wrapper.position-relative .swiper-container.swiper-fullscreen .swiper-wrapper {
  display: flex !important; 
  align-items: flex-start !important;
  transition-timing-function: ease !important;
}

section.wrapper.position-relative .swiper-container.swiper-fullscreen .swiper-slide {
  width: 100% !important;
  flex-shrink: 0 !important; 
  flex-basis: 100% !important;
  height: auto !important;
  display: block !important; 
  padding: 0 !important;
  box-sizing: border-box !important;
}

section.wrapper.position-relative .swiper-container.swiper-fullscreen picture {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

section.wrapper.position-relative .swiper-container.swiper-fullscreen picture img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 767px) {
  section.wrapper.position-relative {
    overflow: hidden !important;
  }
  
  section.wrapper.position-relative .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  section.wrapper.position-relative .swiper-container.swiper-fullscreen {
    overflow: hidden !important;
  }
  
  section.wrapper.position-relative .swiper-container.swiper-fullscreen .swiper-wrapper {
    display: flex !important; 
  }
  
  section.wrapper.position-relative .swiper-container.swiper-fullscreen .swiper-slide {
    width: 100% !important;
    flex-shrink: 0 !important;
    display: block !important;
  }
  
  section.wrapper.position-relative .swiper-container.swiper-fullscreen picture img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

@media (min-width: 768px) {
  section.wrapper.position-relative .swiper-container.swiper-fullscreen .swiper-wrapper {
    display: flex !important; /* Flexbox yapısını koru */
  }
  
  section.wrapper.position-relative .swiper-container.swiper-fullscreen .swiper-slide {
    width: 100% !important;
    flex-shrink: 0 !important;
    display: block !important;
  }
}