* {
    font-family: "Bahnschrift", Sans-serif;
}

:root {
    --ink: #102033;
    --muted: #5f6b7a;
    --line: rgba(16, 32, 51, 0.12);
    --bg: #f4f7f9;
    --card: #ffffff;
    --accent: #0f766e;
    --accent2: #0ea5e9;
    --warm: #f59e0b;
}

html {
    scroll-behavior: smooth;
}

body {
    background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 28%),
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.12), transparent 26%),
        linear-gradient(180deg, #f7fafc 0%, #f3f7f8 100%);
    color: var(--ink);
}

.noise:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: 0.03;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
    mix-blend-mode: multiply;
}

.glass {
    backdrop-filter: blur(16px);
    background: rgba(255, 255, 255, 0.72);
}

.main-heading {
    color: #2d56a4 !important;
}

.cta-button {
    background-color: #2d57a4ec !important;
}

.cta-button:hover {
    background-color: #2d56a4 !important;
    color: #fff;
}

.button-hover:hover{
    background-color: #fff !important;
    color: #000;
}

.cta-button2:hover {
    color: #2d57a4ec !important;
    border-color: #2d57a4ec !important;
    border-style: solid;
}

.num-boxes:hover {
    box-shadow: 0 20px 60px #2d57a447;
}

h2 {
    color: #2d57a4ec;
}

.shadow-soft {
    box-shadow: 0 20px 60px rgba(16, 32, 51, 0.08);
}

.section-label {
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-size: 0.72rem;
    color: #000000;
}

.stat {
    background: #2d57a4ec;
    border: 1px solid rgba(16, 32, 51, 0.08);
    color: #fff;
}

.card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.86));
    border: 1px solid rgba(16, 32, 51, 0.08);
}

details[open] .faq-icon {
    transform: rotate(45deg);
}

.card p {
    color: #000;
}

.card:hover {
    background: #2d57a4ec !important;
    color: #fff !important;
}

.card:hover p {
    color: #fff;
}

.stat {
    background: #2d57a4ec;
    border: 1px solid rgba(16, 32, 51, 0.08);
    color: #fff;
    display: flex;
    gap: 0px 26px;
    align-items: center;
}

.logo-tile {
    border: 1px solid rgba(16, 32, 51, 0.1);
    background: linear-gradient(180deg, #fff, #f8fbfc);
    max-width: 280px;
}

.main-div {
    margin-top: 55px;
}

.cards-container * {
    color: #000 !important;
}

.cards-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.text18 {
    font-size: 18px;
}

.logos {
    display: flex;
    flex-wrap: wrap;
}

.card:hover .white-hover {
    color: white;
}

span.faq-icon.transition.text-slate-500 {
    font-size: 34px;
}

.last-blue {
    background-color: #2d57a4ec !important;
}

.last-blue h2 {
    color: #fff !important;
}

.last-blue .section-label {
    color: #fff !important;
}

.last-blue .text-white\/75 {
    color: #fff !important;
}

.last-blue .text-white\/60 {
    color: #fff !important;
}

.last-blue .text-white\/90 {
    color: #fff !important;
}

.last-blue .text-slate-950 {
    color: #000000 !important;
}

.last-blue .text-black {
    color: #000000 !important;
}

.card:hover span.faq-icon.transition.text-slate-500 {
    color: #fff;
}

@media(max-width: 768px) {
    .cards-container {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .stat {
        gap: 0px 16px;
        align-items: center;
    }

    .cards-container .text-4xl {
        font-size: 22px;
    }

    .logo-tile {
        border: 1px solid rgba(16, 32, 51, 0.1);
        background: linear-gradient(180deg, #fff, #f8fbfc);
        max-width: 154px;
    }
}