:root{
    --brand:#1565a8;
    --brand-700:#0b4c86;
    --brand-800:#083b68;
    --navy:#082d4e;
    --ink:#142b3e;
    --muted:#5e7182;
    --ice:#eaf4fb;
    --mist:#f4f8fb;
    --line:#d7e3ec;
    --white:#fff;
    --radius:20px;
    --container:1350px;
    --shadow:0 14px 34px rgba(8,45,78,.10);
    --shadow-lg:0 24px 60px rgba(8,45,78,.18);
    --font-heading:'Plus Jakarta Sans',sans-serif;
    --font-body:'Inter',sans-serif
}
 *{
    box-sizing:border-box
}
html{
    scroll-behavior:smooth
}
body{
    margin:0;
    font-family:var(--font-body);
    color:var(--ink);
    background:#fff;
    line-height:1.65
}
img{
    max-width:100%;
    display:block
}
a{
    text-decoration:none;
    color:inherit
}
h1,h2,h3,h4,h5,h6{
    font-family:var(--font-heading);
    font-weight:750;
    line-height:1.15;
    color:var(--navy);
    margin:0 0 16px
}
p{
    margin:0 0 18px
}
ul{
    margin:0;
    padding:0;
    list-style:none
}
.wrap,.header-inner{
    width:min(var(--container),calc(100% - 64px));
    margin-inline:auto
}
.eyebrow{
    display:inline-block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .11em;
    text-transform:uppercase;
    color:var(--brand);
    margin-bottom:14px
}
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 22px;
    border-radius:12px;
    font-weight:750;
    border:2px solid transparent;
    transition:.2s
}
.btn-primary{
    background:var(--brand);
    color:#fff
}
.btn-primary:hover{
    background:var(--brand-700);
    color:#fff;
    transform:translateY(-2px)
}
.btn-outline{
    border-color:var(--navy);
    color:var(--navy)
}
.btn-outline:hover{
    background:var(--navy);
    color:#fff
}
.btn-light{
    background:#fff;
    color:var(--navy)
}
.btn-light:hover{
    background:var(--ice);
    color:var(--navy)
}
.skip-link{
    position:fixed;
    top:-60px;
    left:20px;
    z-index:9999;
    background:#fff;
    padding:10px 16px;
    border-radius:8px;
    box-shadow:var(--shadow)
}
.skip-link:focus{
    top:16px
}
.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
.theme-color {
    color: var(--brand) !important;
}
.theme_list {
    padding-left: 20px;
    list-style: none;
}
.theme_list li {
    position: relative;
    font-size: 14px;
}
.theme_list li::before {
    content: '';
    position: absolute;
    left: -14px;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color:var(--brand-800);
}
.text-brand {
    color: var(--brand) !important;
}
/* FONT SIZE */
.h-55, .h-44, .h-40, .h-35, .h-30, .h-28 {
    font-weight: 600;
    color: var(--ink);
    text-transform: math-auto;
}
.h-55 { font-size: 55px; }
.h-44 { font-size: 44px; }
.h-40 { font-size: 40px; }
.h-35 { font-size: 35px; }
.h-30 { font-size: 30px; }
.h-28 { font-size: 28px; }
.h-24 { font-size: 24px; }


/* Base styles for paragraph text */
.p-24 { font-size: 24px; }
.p-22 { font-size: 22px; }
.p-20 { font-size: 20px; }
.p-18 { font-size: 18px; }
.p-15 { font-size: 15px; }
.p-16 { font-size: 16px; }
.p-14 { font-size: 14px; }

/* Media Query: max-width 992px */
@media (max-width: 992px) {
    .h-55 { font-size: 45px; }
    .h-44 { font-size: 36px; }
    .h-40 { font-size: 34px; }
    .h-35 { font-size: 30px; }
    .h-30 { font-size: 26px; }
    .h-28 { font-size: 24px; }

    .p-24 { font-size: 22px; }
    .p-22 { font-size: 20px; }
    .p-20 { font-size: 18px; }
    .p-18 { font-size: 16px; }
    .p-16 { font-size: 15px; }
}

/* Media Query: max-width 768px */
@media (max-width: 768px) {
    .h-55 { font-size: 40px; }
    .h-44 { font-size: 30px; }
    .h-40 { font-size: 28px; }
    .h-35 { font-size: 26px; }
    .h-30 { font-size: 24px; }
    .h-28 { font-size: 22px; }
    /* .h-24 { font-size: 20px; } */


    .p-24 { font-size: 20px; }
    .p-22 { font-size: 18px; }
    .p-20 { font-size: 16px; }
    .p-18 { font-size: 15px; }
    .p-16 { font-size: 14px; }
}

/* Media Query: max-width 600px */
@media (max-width: 600px) {
    .h-55 { font-size: 35px; }
    .h-44 { font-size: 26px; }
    .h-40 { font-size: 24px; }
    .h-35 { font-size: 22px; }
    .h-30 { font-size: 20px; }
    .h-28 { font-size: 18px; }
    /* .h-24 { font-size: 17px; } */

    .p-24 { font-size: 18px; }
    .p-22 { font-size: 17px; }
    .p-20 { font-size: 16px; }
    .p-18 { font-size: 14px; }
    .p-16 { font-size: 13px; }
}
@media (max-width: 400px) {
    .h-44 { font-size: 24px; }
}
/* FONT WEIGHT */
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}