.carousel-wrapper {
    padding: 0 25px; 
}

.carousel-scroll-container {
    mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
}

.carousel-arrow {
    width: 35px;
    height: 35px;
    font-size: 16px;
}

.left-arrow { left: 0 !important; }
.right-arrow { right: 0 !important; }

.marquee-track {
    gap: 20px !important;
}

.marquee-track .course-card {
    width: 200px !important; 
    min-height: 250px !important;
}

.marquee-track .course-card-image {
    height: 110px !important;
}