/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} */
.partners {
    display: grid;
    place-items: center;
}

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

    }

    to {
        transform: translateX(-100%);

    }
}

.slider {
    overflow: hidden;
    padding: 60px 0;
    background: white;
    white-space: nowrap;
    position: relative;
}

.slider:before,
.slider:after {
    content: "";
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    z-index: 2;
}

.slider:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.slider:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}


.slider:hover .slider-items {
    animation-play-state: paused;

}

.slider-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    animation: 35s slide infinite linear;
}

.slider-items img {
    width: 15%;
    margin: 20px;
    /* height: 50px;
    margin: 0 40px; */

}

.knt {
    height: 50px;
}

/* Adjusting logo size for smaller screens */
.slider-items img {
    width: 15%;
    margin: 20px;
}

@media (max-width: 768px) {
    .slider-items img {
        width: 25%; /* Increase logo size for mobile devices */
        margin: 10px; /* Reduce margin to accommodate more space */
    }

    .knt {
        height: auto; /* Ensure consistent scaling of KNTA logo */
        max-height: 80px; /* Optional: limit the max height */
    }

    .slider:before, .slider:after {
        width: 100px; /* Reduce the blur area on smaller screens */
    }
}

@media (max-width: 480px) {
    .slider-items img {
        width: 30%; /* Further increase size for very small screens */
        margin: 5px; /* Reduce spacing */
    }

    .slider:before, .slider:after {
        width: 50px; /* Further reduce blur area */
    }
}