#mobilbanner{
    display: none;
}
#webbanner{
    display: block;
}
.slogan-container {
    position: absolute;
    top: 25%; /* Yükseklik açısından merkezleme */
    left: 50%; /* Yatay merkezleme */
    transform: translate(-50%, -50%); /* Yatay ve dikey eksenlerde tam merkezleme */
    width: 96%; /* Gerekirse genişliği ayarlayın */
    background: rgba(11, 82, 140, 0.3); /* Cam efekti için şeffaf arka plan */
    backdrop-filter: blur(5px); /* Cam efekti */
    color: #46ff1c;
    padding: 25px;
    border-radius: 5px;
    font-size: 130px; /* Daha büyük ve gösterişli yazı karakteri */
    text-align: center;
    font-weight: 900;
    letter-spacing: 2px;
    transition: opacity 1s ease-in-out; /* Opaklık geçişi */
    text-shadow: 5px 5px 5px rgba(7, 15, 25, 0.9); /* 3D görünüm efekti için daha belirgin gölge */
}
@media (max-width: 900px) {
    #mobilbanner{
        display: block;
    }
    #webbanner{
        display:none;
    }
    .webblok{
        display: none;!important;
    }
    #weblok{
        display:block;!important;
    }
    .banner {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; /* Alt içeriklere göre hareket eder */
        width: 100%;
        overflow: hidden;
        z-index: 0; /* İçeriklerin altında başlar */
        transition: opacity 1.5s ease, transform 1.5s ease; /* Opaklık ve yukarı kayma geçişi */
        background: #000; /* Arka plan rengi */
        margin-top: 50px;
    }

    .banner img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Görüntüyü tam sığdırır */
        transition: opacity 1.5s ease, transform 1.5s ease; /* Görüntü de yavaşça yukarı çıkar */
        opacity: 0.5;
    }


    .slogan-container {
        position: absolute;
        top: 40%; /* Yükseklik açısından merkezleme */
        left: 50%; /* Yatay merkezleme */
        transform: translate(-50%, -50%); /* Yatay ve dikey eksenlerde tam merkezleme */
        width: 80%; /* Gerekirse genişliği ayarlayın */
        background: rgba(11, 82, 140, 0.3); /* Cam efekti için şeffaf arka plan */
        backdrop-filter: blur(5px); /* Cam efekti */
        color: #44b40b;
        padding: 25px;
        border-radius: 5px;
        font-size: 30px; /* Daha büyük ve gösterişli yazı karakteri */
        text-align: center;
        font-weight: 900;
        letter-spacing: 2px;
        transition: opacity 1s ease-in-out; /* Opaklık geçişi */
        text-shadow: 5px 5px 5px rgba(0, 22, 44, 0.9); /* 3D görünüm efekti için daha belirgin gölge */
    }
}