@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

@layer theme, base, components, utilities;
@import "tailwindcss-v4/theme.css" layer(theme);
@import "./preflight.css" layer(base);
@import "./fonts.css" layer(base);
@import "tailwindcss-v4/utilities.css" layer(utilities);

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../../modules/**/*.blade.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: "Poppins", "sans-serif";
}

@plugin "tailwindcss-animated";
@plugin "@tailwindcss/typography";

@utility container {
    margin-inline: auto;

    @variant lg {
        max-width: 960px;
    }

    @variant xl {
        max-width: 1152px;
    }

    @variant 2xl {
        max-width: 1344px;
    }
}

@layer utilities {
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }

    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

[x-cloak] {
    display: none;
}
[data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition-property: opacity, transform;
}

html.aos-enabled [data-aos] {
    opacity: 0 !important;
    transform: translate3d(0, 20px, 0);
}

html.aos-enabled [data-aos].aos-animate {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0);
}