/* Başlık */
.line-title {
  text-align: center;
  font-size: 28px;
  margin: 20px 0;
  text-transform: uppercase;
}

/* Carousel Stili */
.custom-carousel .item {
  position: relative;
  height: 350px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: transform 0.5s ease-in-out;
}

.custom-carousel .item.active {
  transform: scale(1.1);
}

.item-desc img {
  height: 120px;
  width: 120px !important;
  text-align: center;
}

/* Açıklama Alanı */
.owl-carousel .item {
  display: flex;
  justify-content: center; /* Resimleri yatayda ortalar */
  align-items: center; /* Resimleri dikeyde ortalar */
}

.item-desc {
  background: rgba(255, 255, 255, 0.7);
  padding: 15px;
  border-radius: 0 0 10px 10px;
  text-align: center;
  width: 100%;
  border: 1px solid #333;
  border-radius: 8px !important;
  display: flex;
  flex-direction: column;
  align-items: center; /* Metni ve resmi ortalar */
}

.item-desc img {
  max-width: 100%;
  max-height: 300px; /* Resmin yüksekliğini sınırlayabilirsiniz */
  object-fit: contain; /* Resmi düzgün bir şekilde ortalar */
  margin-bottom: 10px;
}

/* Büyütme efekti uygulandıysa, aktif öğede büyütmeyi kaldır */
.owl-carousel .item {
  transition: transform 0.3s ease-in-out;  /* Eğer hareketli geçiş varsa */
}

/* 'active' sınıfı aktif olduğunda herhangi bir büyütme etkisi olmasın */
.owl-carousel .item.active {
  transform: none !important; /* Büyütme (scale) etkisini kaldırır */
}