/* Custom CSS for KlyFlux Landing Page */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}

.card-shadow {
    box-shadow: 0px 4px 20px rgba(0,0,0,0.04);
    transition: box-shadow 0.2s ease-in-out;
}

.card-shadow:hover {
    box-shadow: 0px 8px 30px rgba(0,0,0,0.08);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}