/* Running Belt Section */
.running-belt {
    position: relative;
    width: 100%;
    background-color: #3f4348; /* Belt background color */
    overflow: hidden; /* Hide any overflow */
    padding: 12px 0; /* Adjust padding as needed */
}

/* Running Belt Content */
.belt-content {
    display: flex;
    align-items: center; /* Center logos vertically */
    white-space: nowrap; /* Prevent logos from wrapping */
    animation: scroll 25s linear infinite; /* Adjust duration as needed */
    transition: transform 0.5s ease-in-out; /* Smooth transition on pause */
}

/* Keyframes for scrolling animation */
@keyframes scroll {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* Spotlight effect on hover */
.belt-content img {
    margin: 0 80px; /* Adjust spacing between logos */
    transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out; /* Smooth transition */
    cursor: pointer; /* Change cursor to pointer on hover */
}

.belt-content img.spotlight {
    filter: brightness(1.5) contrast(1.2); /* Adjust to create spotlight effect */
    transform: scale(1.1); /* Slightly enlarge the logo */
    z-index: 1; /* Ensure the hovered logo is on top */
}

/* Change cursor for the belt area */
.running-belt {
    cursor: default; /* Default cursor for the belt area */
}