/* card horizontal scrolling */
/* Hide scrollbar */
.scroll-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -ms-overflow-style: none; /* IE/Edge */
    scrollbar-width: none; /* Firefox */
    cursor: grab; /* default cursor */
    user-select: none; /* prevent text selection */
}
.scroll-container:active {
    cursor: grabbing; /* dragging cursor */
}
.scroll-container::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

/* Dots */
.dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    gap: 8px;
}
.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    transition: background 0.3s;
}
.dot.active {
    background: #ff6900;
}

.fw-300 {
    font-weight: 300 !important;
}
.fw-400 {
    font-weight: 400 !important;
}
.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fs-6 {
    font-size: 1rem !important;
}

.fs-3rem {
    font-size: 3rem !important;
}

.number-circle {
    background-color: #09293b;
    width: 80px;
    height: 80px;
    font-size: 3rem;
    line-height: 1;
}

@media (max-width: 576px) {
    /* for mobile devices */
    .number-circle {
        width: 70px;
        height: 70px;
        font-size: 2rem;
    }
}

.light-primary-bg {
    background-color: rgba(255, 105, 0, 0.05); /* #FF6900 at 5% opacity */
}

.splide__slide {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important; /* <-- This is the key fix */
}

.splide__track {
    background: none !important;
    background-color: transparent !important;
}