:root {
    --bz-navy: #001d3d;
    --bz-blue-light: #e9f2ff;
    --bz-gray-light: #f8f9fa;
    --bz-gray-card: #f2f2f2;
    --bz-primary: #eb0a1e;
    --bz-text-body: #333;
    --bz-dark-bg: #030d1a;
    --bz-card-bg-dark: #032147;
    --bz-navy-100: #03215C;
    --bz-hev: #28a745;
    --bz-phev: #007bff;
    --bz-bev: #ffc107;
    --bz-fcev: #eb0a1e;
}

html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--bz-text-body);
}

.wrapper {
    overflow-x: hidden;
    max-width: 100vw;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    letter-spacing: -0.02em;
    font-family: "Raleway";
    color: black;
}

h1 {
    font-size: 4rem;
}

h3 {
    font-size: 2rem;
}

p {
    font-family: "Raleway";
    color: black;
}


.rounded-xs {
    border-radius: 0.125rem;
    /* 0.125rem (2px) */
}

.rounded-sm {
    border-radius: 0.25rem;
    /* 0.25rem (4px) */
}

.rounded-md {
    border-radius: 0.375rem;
    /* 0.375rem (6px) */
}

.rounded-lg {
    border-radius: 0.5rem;
    /* 0.5rem (8px) */
}

.rounded-xl {
    border-radius: 0.75rem;
    /* 0.75rem (12px) */
}

.rounded-2xl {
    border-radius: 1rem;
    /* 1rem (16px) */
}

.rounded-3xl {
    border-radius: 1.5rem;
    /* 1.5rem (24px) */
}

.rounded-4xl {
    border-radius: 2rem;
    /* 2rem (32px) */
}

.rounded-none {
    border-radius: 0;
}

.rounded-full {
    border-radius: calc(infinity * 1px);
}

.fw-bold {
    font-weight: 700 !important;
}

.text-navy {
    color: var(--bz-navy);
}

.bg-navy {
    background-color: var(--bz-navy);
}

.bg-navy-100 {
    background-color: var(--bz-navy-100);
}

.bg-gray-light {
    background-color: var(--bz-gray-light);
}

/* Base styles for tech tabs */
.nav-tabs .nav-link {
    color: #666;
    stroke: #666;
    border: none;
    border-bottom: 4px solid transparent;
    font-weight: 600;
    padding: 1rem 1.5rem;
    transition: all 0.3s ease;
}

.nav-link.active,
.nav-link:hover {
    background: transparent !important;
    color: var(--bz-dark-bg);
}

/* Specific colors and persistent icon colors */
.bz-tab--green .bz-tabs__icon {
    stroke: var(--bz-hev) !important;
}

.bz-tab--green:hover,
.bz-tab--green.active {
    color: var(--bz-hev) !important;
    border-bottom-color: var(--bz-hev) !important;
}

.bz-tab--blue .bz-tabs__icon {
    stroke: var(--bz-phev) !important;
}

.bz-tab--blue:hover,
.bz-tab--blue.active {
    color: var(--bz-phev) !important;
    border-bottom-color: var(--bz-phev) !important;
}

.bz-tab--yellow .bz-tabs__icon {
    stroke: var(--bz-bev) !important;
}

.bz-tab--yellow:hover,
.bz-tab--yellow.active {
    color: var(--bz-bev) !important;
    border-bottom-color: var(--bz-bev) !important;
}

.bz-tab--red .bz-tabs__icon {
    stroke: var(--bz-fcev) !important;
}

.bz-tab--red:hover,
.bz-tab--red.active {
    color: var(--bz-fcev) !important;
    border-bottom-color: var(--bz-fcev) !important;
}

.nav-link .bz-tabs__icon {
    display: inline-block;
    transition: all 0.3s ease;
}

.nav-link .bz-tabs__icon {
    width: 40px;
    margin-bottom: 1em;
}

.bz-tabs__icon svg {
    height: 40px;
    width: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .display-4 {
        font-size: 2rem;
    }

    .display-5 {
        font-size: 1.75rem;
    }
}

.terms_link,
p.copy.f12.tc {
    margin: 0px;
}

/* BG */
.bg-sky-light {
    background-color: var(--bz-blue-light);
}

.bg-dg-sky-light-white {
    background: linear-gradient(180deg, #D9E9FF 0%, #FFFFFF 100%);
}

/* Section Specifics & Utilities */
.bg-benefit-card {
    background-color: var(--bz-blue-light);
}

.card-blue-darkblue {
    background: #3669C21A;
    color: #FFFFFF;
}

.icon-benefit {
    color: var(--bz-navy);
}

.bg-dark-section {
    background-color: var(--bz-dark-bg);
}

.mw-800 {
    max-width: 800px;
}

.card-commitment {
    background-color: var(--bz-card-bg-dark);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.icon-commitment {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.btn-action {
    background: var(--bz-primary) !important;
    color: #fff !important;
}

.p-hero {
    padding-top: 6em;
    padding-bottom: 6em;
}

.section-pillar {
    background: #021947;
}

.bg-benefit-card {
    background: #cddff5;
}

footer a,
footer a:hover,
footer a:focus,
footer a:active {
    text-decoration: none !important;
}

footer li,
footer .list_children,
footer .list_parent {
    list-style: none;
    padding: 0 !important;
}

.img-bz-responsive {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1140px !important;
    }
}



@media (min-width: 768px) {
    .img-bz-responsive {
        height: 500px;
        width: 100%;
        object-position: center;
    }


}


@media (max-width: 768px) {
    .p-hero-md-down-no {
        padding-bottom: 3em !important;
    }

    .display-4 {
        font-size: 2.5rem;

    }

    .nav-link .bz-tabs__icon {
        width: 32px;
    }

    .bz-tabs__icon svg {
        height: 32px;
    }
}