@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

:root, [data-bs-theme=light] {
    --bs-primary: #020288;
    --bs-link-color: #003dce;
}
.btn-primary {
    --bs-btn-bg: #020288;
    --bs-btn-border-color: #020288;
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.5rem;
}


    .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    }

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        font-family: 'Space Grotesk', sans-serif;
        font-weight: 300;
        font-size: 1rem;
    }

    .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
        color: var(--bs-secondary-color);
        text-align: end;
    }

    .form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
        text-align: start;
    }


    .navbar-brand img {
        height: 60px;
    }

    #navbar {
        backdrop-filter: blur(10px);
    }

        #navbar a {
            color: #000;
            font-weight: 400;
            font-size: 1.175rem;
        }

    @media (min-width: 576px) {
        .navbar-desktop-grid {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
        }

        .nav-left {
            justify-self: start;
        }

        .nav-center-wrap {
            display: flex !important;
            justify-content: center;
        }

        .nav-center-menu {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 1.5rem;
            white-space: nowrap;
            margin-bottom: 0;
        }

            .nav-center-menu .nav-link {
                white-space: nowrap;
            }

        .nav-right {
            justify-self: end;
            display: block;
        }

        .nav-right-mobile {
            display: none;
        }

        .navbar-toggler {
            display: none;
        }
    }

    @media (max-width: 575.98px) {
        .navbar-desktop-grid {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        .nav-right {
            display: none;
        }

        .nav-center-wrap {
            width: 100%;
        }

        .nav-center-menu {
            white-space: normal;
        }

        .nav-right-mobile {
            margin-top: 0.75rem;
        }
    }

    .contact-us {
        display: flex;
        align-items: center;
    }

        .contact-us img {
            height: 32px;
        }

        .contact-us a {
            font-size: 1rem !important;
            font-weight: 700 !important;
            color: #000 !important;
        }

    .lang img {
        height: 28px;
    }

    .slogan {
        margin: 5vh 0;
    }

    .heading .t1 {
        font-size: 2.925rem;
        font-weight: 700;
    }

    .heading .t2 {
        font-size: 1.285rem;
        font-weight: 400;
    }

    .th {
        color: #A4FBC4;
        background: #020288;
        font-weight: 500;
        display: inline-block;
        border-radius: 0.15rem;
        font-size: 1rem;
        padding: 0.25rem 0.25rem;
        text-transform: uppercase;
    }