/* Genel Ayarlar */
body {
     margin: 0;
     font-family: "Saira", sans-serif;
     background-color: #000000; /* Sayfa arka planı siyah */
     color: white; /* Varsayılan yazı rengi beyaz */
}

/* Video Konteyneri */
.video-container {
     width: 100%; /* Tam genişlik */
     height: 50vh; /* Ekranın yarısını kaplar */
     overflow: hidden;
     position: relative;
}

.video-container video {
     width: 100%; /* Videoyu genişlik olarak yay */
     height: 100%; /* Videoyu yükseklik olarak yay */
     object-fit: cover; /* Videoyu kapsayıcıya sığdır */
}

/* İletişim Kutusu */
.contact-container {
     background: rgba(189, 104, 6, 0.123); /* Şeffaf beyaz zemin */
     width: 100%; /* Kenarlardan marjin bırak */
     margin: 20px auto; /* Ortala */
     padding: 50px;
     display: grid;
     grid-template-columns: 1fr 1fr; /* İki eşit sütun */
     gap: 20px;
     border-radius: 10px; /* Yuvarlatılmış köşeler */
}

/* Sol Sütun */
.contact-left {
     display: flex;
     flex-direction: column;
     align-items: flex-start; /* Sol hizala */
}

.contact-left h2 {
     font-size: 16px;
     font-weight: bold;
     color: white;
     margin-bottom: 10px;
}

.contact-item {
     display: flex;
     align-items: center;
     gap: 10px; /* İkon ile metin arasında boşluk */
     margin-bottom: 15px; /* Her bilgi arasında boşluk */
}

/* .icon { 
 width: 24px; /* İkon genişliği 
 height: 24px; İkon yüksekliği 
 } */

.contact-link {
     font-size: 14px;
     color: white;
     text-decoration: none;
     transition: all 0.3s ease;
}

.contact-link:hover {
     font-weight: bold; /* Mouse üzerine gelince bold */
     text-shadow: 0 0 8px white; /* Glow efekti */
}

/* Sağ Sütun (Google Harita) */
.contact-right {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%; /* Tam genişlik */
     height: 100%; /* Tam yükseklik */
}

.contact-right iframe {
     width: 100%; /* İframe genişliği */
     height: 100%; /* İframe yüksekliği */
     border: none; /* Kenarlık kaldırıldı */
     border-radius: 10px; /* Yuvarlatılmış köşeler */
}