/* Tüm ekran çözünürlükleri için resimlere duyarlı (responsive) bir görünüm sağlar */
.image-container {
    max-width: 100%; /* Konteynerin genişliği sayfanın %100'üne kadar olabilir */
    height: auto; /* Yüksekliği otomatik olarak ayarlar */
    display: block; /* Resmin dış kenarlarının sayfa ile hizalanmasını sağlar */
}

img {
    width: 100%; /* Resmin genişliği her zaman konteynerin genişliğiyle aynı olur */
    height: auto; /* Yüksekliği, en-boy oranını koruyarak otomatik ayarlanır */
    object-fit: cover; /* Resmi, alanın dışına taşmadan kapsar ve kırpmalarla eşit şekilde yerleştirir */
}
/* General Styles */
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

/* Single Sticky Header */
#sticky-header {
    position: sticky;
    top: 0;
    width: 100%;
    height: 150;
    
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Alt kısma gölge ekler */
    z-index: 1000;
}

.header-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.logo {
    max-height: 100%;
}

/* Slider Styles */
.slider {
    position: relative;
    max-width: 100%;
}

.slides {
    display: none;
    position: relative;
    width: 100%;
}

.fade {
    animation: fadeEffect 1.5s ease-in-out;
}

@keyframes fadeEffect {
    from { opacity: 0.4 }
    to { opacity: 1 }
}

img {
    width: 100%;
    height: auto; /* Optimize edilmiş şekilde tüm ekranlarda düzgün görünsün */
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* About Section */
#about {
    padding: 0px 0px;
}

#about h2 {
    text-align: center;
}