:root {
    --main-color: #e11e26;
    --second-color: #213a89;
    --third-color: #351e54;
}

* {
    font-family: 'Roboto', sans-serif !important;
}

body {
    font-family: 'Roboto', sans-serif !important;
}

.home-banner {
    background-image: url('/assets/images/Banner.webp');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    align-items: center;
}

.home-banner-mobile {
    background-image: url('/assets/images/mobilebanner.webp');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    align-items: center;
}

.banner-subtitle {
    font-size: 1.1rem;
    line-height: 1.6;
    opacity: 0.95;
}
