.elementor-4388 .elementor-element.elementor-element-2c75caa{font-size:16px;}.elementor-4388 .elementor-element.elementor-element-bf08267{font-size:16px;}.elementor-4388 .elementor-element.elementor-element-6dc8d81{font-size:16px;}.elementor-4388 .elementor-element.elementor-element-e53ffbf{font-size:16px;}.elementor-4388 .elementor-element.elementor-element-dd6cc51{font-size:16px;}/* Start custom CSS for html, class: .elementor-element-6588584 *//* Acil Durum İletişim Kutusu Stilleri */

/* Kutunun ana kapsayıcısı */
.acil-durum-kutusu {
  display: flex; /* Logo ve bilgileri yan yana hizalamak için */
  align-items: center; /* Dikey olarak ortalamak için */
  background-color: #fff2f2; /* Göz yormayan açık kırmızı/pembe arka plan */
  border-left: 6px solid #e74c3c; /* Sol tarafta belirgin kırmızı şerit */
  padding: 20px; /* Kutu içi boşluk */
  /* Blog yazısı ile arasında boşluk bırakır (üst ve alt) */
  border-radius: 8px; /* Köşeleri yumuşatır */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Hafif bir gölge efekti */
  font-family: Arial, sans-serif; /* Okunabilir bir yazı tipi */
}

/* Sol taraftaki logo bölümü */
.acil-logo-bolumu {
  margin-right: 20px; /* Logo ile metin arasına boşluk koyar */
}

/* Siren logosu */
.acil-logo {
  width: 70px;  /* Logonun genişliğini ayarlar */
  height: auto; /* Yüksekliği otomatik ayarlar, oranı korur */
}

/* Sağ taraftaki bilgi bölümü */
.acil-bilgi-bolumu {
  flex-grow: 1; /* Mevcut alanı doldurmasını sağlar */
}

/* "ACİL DURUM" başlığı */
.acil-bilgi-bolumu h3 {
  color: #c0392b; /* Dikkat çekici koyu kırmızı renk */
  margin-top: 0; /* Üstteki varsayılan boşluğu kaldırır */
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
}

/* Kutudaki tüm paragraflar (açıklama, telefon, adres vb.) */
.acil-bilgi-bolumu p {
  margin: 5px 0; /* Paragraflar arası boşluğu ayarlar */
  line-height: 1.6; /* Satır yüksekliği ile okunabilirliği artırır */
  color: #333; /* Metin rengi */
}

/* Telefon ve adres gibi linklerin (<a> etiketi) stili */
.acil-bilgi-bolumu a {
  color: #c0392b; /* Link rengi başlıkla uyumlu */
  text-decoration: none; /* Alt çizgiyi kaldırır */
  font-weight: bold; /* Önemli bilgileri kalınlaştırır */
}

/* Fare ile linklerin üzerine gelindiğinde */
.acil-bilgi-bolumu a:hover {
  text-decoration: underline; /* Üzerine gelince alt çizgi ekler */
}

/* Telefon ve adresin bulunduğu bölüm */
.iletisim-bilgileri {
  margin-top: 15px; /* Üstteki açıklama metni ile arasına boşluk koyar */
}
/* Telefon ve adresin bulunduğu bölüm */
.iletisim-bilgileri {
  margin-top: 15px;
}

/* Mobil cihazlarda resmi gizle */
@media (max-width: 768px) {
  .acil-logo-bolumu {
    display: none !important;
  }
}/* End custom CSS */