.carousel-control-next-span {
    transform: rotate(322deg);
}

.carousel-control-prev-span {
    transform: rotate(40deg);
}

/* Default state */
.lms-courses .carousel-control-prev-span,
.lms-courses .carousel-control-next-span {
    --bs-btn-color: #1d3e73 !important;
    /* icon/text color */
    --bs-btn-border-color: #1d3e73 !important;
    /* outline color */
    --bs-btn-bg: transparent;
}

/* Hover state */
.lms-courses .carousel-control-prev-span:hover,
.lms-courses .carousel-control-next-span:hover {
    --bs-btn-color: #ffffff;
    --bs-btn-hover-bg: #1d3e73 !important;
    --bs-btn-bg: #1d3e73 !important;
    --bs-btn-border-color: #1d3e73 !important;
    --bs-btn-hover-border-color: #1d3e73 !important;
}

/* Active / focus */
.lms-courses .carousel-control-prev-span:active,
.lms-courses .carousel-control-next-span:active,
.lms-courses .carousel-control-prev-span:focus,
.lms-courses .carousel-control-next-span:focus {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #1d3e73 !important;
    --bs-btn-border-color: #1d3e73 !important;
    box-shadow: none;
}

.lms-courses .carousel-control-prev,
.lms-courses .carousel-control-next {
    opacity: 1 !important;
}

.lms-courses .carousel-control-prev:hover,
.lms-courses .carousel-control-next:hover {
    opacity: 0.9;
}

.lms-courses .course-card {
    transition: .3s;
}

.lms-courses .course-card:hover {
    transform: translateY(-4px);
}

/* Mobile horizontal scroll (mostly Bootstrap utilities) */
.lms-courses .mobile-scroll-container {
    display: none;
}

@media (max-width: 991px) {
    .lms-courses .mobile-scroll-container {
        display: flex;
        overflow-x: auto;
        gap: 1rem;
        scroll-snap-type: x mandatory;
        padding: .75rem;
    }

    .lms-courses .carousel-container {
        display: none;
    }
}

@media (min-width: 992px) {
    .lms-courses .large-screens-heading{
        font-size: 16px;
    }
}
@media (min-width: 1200px) {
    .lms-courses .large-screens-heading{
        font-size: 17px;
    }
}
@media (min-width: 1400px) {
    .lms-courses .large-screens-heading{
        font-size: 18px;
    }
}

.lms-courses .card-btn-link-arrow{
    transform: rotate(322deg);
}