.featured-program-carousel{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100%/3) - 24px);
    gap: 2rem;
    overflow: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}


@media screen and (max-width:1024px) {
    .featured-program-carousel{
        grid-auto-columns: calc((100%/2) - 12px);
    }

}


@media screen and (max-width:768px) {
    .featured-program-carousel{
        grid-auto-columns: calc((100%/1) );
    }
    .icon-img {
        filter: brightness(0) invert(1); 
    }

    
 
}