/* Animated Stars Background */
.stars, .twinkling, .clouds {
    position: absolute;
    display: block;
    top: 0; 
    bottom: 0;
    left: 0; 
    right: 0;
    width: 100%; 
    height: 100%;
    pointer-events: none; /* Bu önemli - tıklanabilirliği engellemesin */
}

.stars {
    z-index: 0;
    background: #000 url('../img/stars.png') repeat top center;
}

.twinkling {
    z-index: 1;
    background: transparent url('../img/twinkling.png') repeat top center;
    animation: move-twink-back 200s linear infinite;
}

.clouds {
    z-index: 2;
    background: transparent url('../img/clouds.png') repeat top center;
    animation: move-clouds-back 200s linear infinite;
}

@keyframes move-twink-back {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -10000px 5000px;
    }
}

@keyframes move-clouds-back {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 10000px 0;
    }
}

/* Banner section için özel stilleme */
.demo_2.banner_section {
    position: relative;
    overflow: hidden; /* Taşan parçaları gizle */
    background: linear-gradient(135deg, #000428 0%, #004e92 100%); /* Fallback gradient */
}

/* İçeriği öne çıkar */
.demo_2.banner_section .container {
    position: relative;
    z-index: 10;
}

.demo_2.banner_section .banner_title {
    position: relative;
    z-index: 15;
}