/* Carousel'in (Slider) resimlerini düzeltiyoruz */

.carousel-item {
  /* Resimlerin ekrandan taşmaması için yükseklik belirliyoruz */
  height: 65vh; /* vh = Viewport Height (Ekran yüksekliğinin %65'i) */
  min-height: 350px;
  background-color: #777; /* Resim yüklenene kadar gri arka plan */
}

.carousel-item img {
  /* Resimlerin kutuya tam sığmasını sağlıyoruz */
  object-fit: cover; /* Resmin orantısını bozmadan kaplamasını sağlar */
  height: 100%;
  width: 100%;
  /* Resimlerin üzerine hafif bir karartma ekleyerek yazıların okunmasını kolaylaştırıyoruz */
  filter: brightness(0.7); 
}

/* Carousel içindeki yazıların konumunu ayarlıyoruz */
.carousel-caption {
  bottom: 5rem; /* Yazıları aşağıdan biraz yukarı alıyoruz */
  z-index: 10;
}

/* Başlıkları daha büyük yapalım */
.carousel-caption h2 {
    font-size: 2.5rem; /* 2.5 katı büyüklük */
    font-weight: bold;
}

/* Hizmetlerimiz bölümündeki ikon kutularını
  yuvarlak hale getiriyoruz.
*/
.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 50%; /* 50% = Tam yuvarlak */
}

/* Başlıkların daha modern görünmesi için */
h2.border-bottom {
  font-weight: 700; /* Kalın */
  color: #333;
  margin-bottom: 2rem; /* Alt boşluk */
}