.text-grey {
  color: #777;
}
.widget-side {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 13px;
  font-size: 11pt;
}
.footer-header-color {
  color: #ca141d;
}
.icon-bar-side {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #f7f7f7;
  border-radius: 0 5px 5px 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 9999; 

}

.icon-bar-side a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-decoration: none;
  font-size: 20px;
  transition: all 0.3s ease;
  color: white;
}

.icon-bar-side a:hover {
  transform: scale(1.1);
}

/* Kurumsal Renkler */
.linkedin-side {
  background-color: #0077b5;
  color: white;
}

.instagram-side {
  background: radial-gradient(circle at 30% 30%, #fdc468, #df4996, #8a3ab9);
  color: white;
}

.facebook-side {
  background-color: #3b5998;
  color: white;
}

.whatsapp-hover-button {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 5000;
}
.icon-box-terapi {
  font-size: 50px;
}
hr {
  margin: 0 0 2rem 0;
}
.navbar-nav {
  --ar-nav-link-font-weight: 600;
}
.navbar {
  --ar-navbar-padding-y: 0.rem;
}
.accordion-alt {
  --ar-accordion-btn-font-size: 1rem;
}
.bg-grey {
  background-color: #e5e5e5 !important;
}
.card {
  --ar-card-bg: #131212b3;
}
.bg-terapi {
  background-color: #e6ebee !important; /*f6f9fc*/
}
h3, .h3 {
  font-size: 1.45rem;
}
.min-vh-75 {
  min-height: 75vh !important;
}
.text-icon-big {
  font-size: 35px;
}
/* Geniş ekranlar */
@media (min-width: 1280px) {
  .slider-container {
    height: 670px;
  }
}
/* Normal masaüstü ve büyük tablet */
@media (min-width: 769px) and (max-width: 1280px) {
  .slider-container {
    height: 650px;
  }
}
/* Küçük tablet ve büyük telefon */
@media (min-width: 500px) and (max-width: 768px) {
  .slider-container {
    height: 300px;
  }
}
/* Küçük telefonlar */
@media (max-width: 480px) {
  .slider-container {
    height: 225px;
  }
}
/* 2K ve üstü geniş ekranlar */
@media (min-width: 1920px) {
  .slider-container {
    height: 800px; /* Daha büyük ekranlarda yüksekliği artır */
  }
}
/* 4K ekranlar (veya MacBook Pro gibi büyük ekranlar) */
@media (min-width: 2560px) {
  .slider-container {
    height: 1000px; /* Daha büyük ekranlar için uyumlu yükseklik */
  }
}
.thumb-gallery-detail .owl-dots {
  position: absolute;
  bottom: 20px;
  left: 100px;
}
.thumb-gallery-detail .owl-nav {
  display: none;
}
.card {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 20px;
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  height: 500px;
}
.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card {
    position: relative; /* Ensure the absolute positioning works properly */
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    border: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    height: 500px;
}

.btn-action {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  color: #333;
  border: none;
  border-radius: 30px;
  padding: 8px 20px;
  font-weight: bold;
  transition: all 0.3s;
}
.btn-action:hover {
  background-color: white;
  transform: translateX(-50%) scale(1.05);
}

.card-text {
    color: white;
    text-align: center;
    font-size: 12px; /* Yazı boyutunu küçülttüm */
    line-height: 1; /* Satır yüksekliğini azalttım */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
    margin-bottom: 0px; /* Altta biraz boşluk bırakacak */
    padding: 5px 10px; /* İçerik için biraz padding */
}

.card-title {
    color: white;
    text-align: center;
    font-size: 20px; /* Başlık boyutunu küçülttüm */
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    margin-top: 2px; /* Üstte biraz boşluk */
    padding: 0 5px; /* İçerik için biraz padding */
}
.card-subtitle {
    color: white;
    text-align: center;
    font-size: 14px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
    position: absolute;
    bottom: 5px; /* Kartın en altına yakın */
    left: 0;
    right: 0;
}

  .single-dental-service-areas .thumbnail {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden; /* Radius’un dışına taşan içerikleri kesmek için önemli */
}

.single-dental-service-areas .thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.single-dental-service-areas .thumbnail::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease;
  pointer-events: none;
  border-radius: 12px;
}

.single-dental-service-areas .thumbnail:hover::after {
  background-color: rgba(0, 0, 0, 0);
.logo-gallery {
  display: flex;
  justify-content: center; /* Logolar ortalanır */
  gap: 15px; /* Logolar arası boşluk */
  flex-wrap: wrap; /* Ekran küçüldüğünde alt satıra geçer */
  margin-top: 15px;
}

.logo-img {
  height: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.logo-img:hover {
  transform: scale(1.1); /* Hover efekt */
}

/* Küçük ekranlar için */
@media (max-width: 480px) {
  .logo-img {
    max-width: 60px; /* Daha küçük cihazlarda daha küçük logo */
  }
}

/* Vivi Reviews Cards - Equal Height Fix */
.rts-testimonials-area .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.rts-testimonials-area .swiper-slide {
  height: auto;
  display: flex;
}

.rts-testimonials-area .single-testimonials-style {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 300px;
}

.rts-testimonials-area .single-testimonials-style .disc {
  flex: 1;
  margin-bottom: 20px;
}

.rts-testimonials-area .single-testimonials-style .author-area {
  margin-top: auto;
  flex-shrink: 0;
}

/* Force equal heights for all testimonial cards */
.swiper-container-h1 .swiper-slide {
  height: auto !important;
}

.swiper-container-h1 .swiper-wrapper {
  align-items: stretch !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .rts-testimonials-area .single-testimonials-style {
    min-height: 280px;
  }
}

@media (max-width: 480px) {
  .rts-testimonials-area .single-testimonials-style {
    min-height: 250px;
  }
}