/* Kayan Logo Alanı İçin CSS */
.logo-ticker {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
}

.logo-ticker-track {
    display: inline-flex;
    align-items: center;
    animation: ticker-scroll 20s linear infinite; 
}

.logo-ticker-track img {
    height: 80px; /* BURAYI BÜYÜTTÜK (40px'den 80px'e çıktı, istersen 100px de yapabilirsin) */
    margin-right: 60px; /* Logolar arası boşluğu biraz artırdık */
    object-fit: contain;
}

.logo-ticker:hover .logo-ticker-track {
    animation-play-state: paused;
}

@keyframes ticker-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } 
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
    .logo-ticker {
        top: -50px;
    }
}

@media screen and (min-width: 1081px) and (max-width: 1199px) {
    .logo-ticker {
        top: -75px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1445px) {
    .logo-ticker {
        top: -100px;
    }
}

/* 1446px ve daha büyük ekranlar (Geniş monitörler) için */
@media screen and (min-width: 1446px) {
    .logo-ticker {
        top: -150px;
    }
}
@media (max-width: 767px) {
    .primary-button.mb-2 {
        margin-bottom: 1px !important; /* Standart mb-2'den daha dar bir boşluk için */
    }

    .kkk {
        margin-bottom: -10px !important; /* Standart mb-2'den daha dar bir boşluk için */
    }
}