.nav-logo{
    height: 40px;
    
}


.logos-slide{
    display: inline-block;
    animation: 35s slide infinite linear;
}




.logos a img{
    margin: 0 25px;
}

.logos{
    overflow: hidden;
    padding: 30px 0 0 0;
    white-space: nowrap;
    position: relative;
    font-size: 0; /* HTML boşluklarını kaldırır */
}




/* Gradient efektleri kaldırıldı - tire sorunu çözüldü */

.logos:hover .logos-slide{
    animation-play-state: paused;
}

@keyframes slide {
    from{
        transform: translateX(0);
    }

    to{
        transform: translateX(-100%);
    }
}

.logos-slide a img:hover{
    overflow: hidden;
}

.border-bottom{
    margin: auto;
    height: 5px;
    width: 300px;
    background-color: var(--primary);
}


.pl-bottom{
    margin: auto;
    height: 5px;
    width: 300px;
    background-color: var(--success);
}


@media (max-width:600px){
    .logos{
        height: 160px;
    }

    .logos-slide img{
        height: 120px;
        padding: 1rem;
        
    }


    /* Mobil versiyonda da gradient efektleri kaldırıldı */
}