/* Your existing custom CSS styles here */
.sponsors-slider {
    width: 100%;
    margin: auto;
    overflow: hidden;
    white-space: nowrap; /* Ensure images stay in a single line */
    display: flex;
    justify-content: center;
    align-items: center;
}

.sponsors-slider ul {
    display: inline-block; /* Make the list items inline to stay in a single line */
    padding: 0;
    /* Adjust animation duration for desired scrolling speed */
    /* animation: cambio 5s linear infinite; */
}

.sponsors-slider li {
    padding: 0 10px;
    list-style: none;
    display: inline-block; /* Ensure each image stays in a single line */
    white-space: nowrap; /* Prevent wrapping of images */
}

/* Updated CSS to decrease image size and add hover animation */
.sponsors-slider img {
    max-width: 150px; /* Adjust this value as needed */
    height: auto;
    transition: transform 0.9s ease;
    pointer-events: none;
}

.sponsors-slider img:hover {
    transform: scale(1.1);
}

/* Customizations for mobile devices */
@media screen and (max-width: 767px) {
    .sponsors-slider img {
        max-width: 100px; /* Decrease image size for mobile */
        pointer-events: none;
    }
}

/* Customizations for tablet devices */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .sponsors-slider img {
        max-width: 120px; /* Adjust image size for tablets */
        pointer-events: none;
    }
}

/* Customizations for desktop devices */
@media screen and (min-width: 1024px) {
    .sponsors-slider img {
        max-width: 150px; /* Reset image size for desktop */
        pointer-events: none;
    }
}

/* CSS Animation to scroll the images - first image starts centered */
@keyframes cambio {
    0% { transform: translateX(200%); }  /* Start with slider shifted right (first item centered) */
    100% { transform: translateX(-100%); }  /* Scroll all the way left */
}
.h {
    color:#C43728;
    font-family: 'Poppins';
    font-weight:600;
}