:where([class^="ri-"])::before {
    content: "\f3c2";
}

body {
    font-family: 'Poppins', sans-serif;
}

/*hero-section*/
.hero-section {
    height: 400px;
}

.hero-bg {
    background-image: linear-gradient(to right, rgba(0, 33, 87, 0.9), rgba(0, 33, 87, 0.6), rgba(0, 33, 87, 0.2)),
        url('https://public.readdy.ai/ai/img_res/614887023826658693789fbb17f9077d.jpg');
    background-size: cover;
    background-position: center;
    width: auto;
    padding-top: 30px;
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}