/*
|--------------------------------------------------------------------------
| MTAA THEME
|--------------------------------------------------------------------------
*/

:root{

    /* Brand Colours */

    --primary:#0F4C81;
    --primary-dark:#0B3A63;

    --secondary:#FFC857;
    --secondary-dark:#E7B53F;

    --success:#22C55E;
    --danger:#DC3545;
    --warning:#F59E0B;
    --info:#0EA5E9;

    /* Backgrounds */

    --bg:#F8FAFC;
    --surface:#FFFFFF;
    --surface-alt:#F1F5F9;

    /* Text */

    --text:#1F2937;
    --text-light:#6B7280;
    --text-muted:#94A3B8;

    /* Borders */

    --border:#E5E7EB;

    /* Radius */

    --radius-sm:8px;
    --radius:16px;
    --radius-lg:24px;

    /* Shadows */

    --shadow-sm:0 2px 8px rgba(0,0,0,.05);

    --shadow:
        0 10px 30px rgba(15,76,129,.08);

    --shadow-lg:
        0 20px 45px rgba(15,76,129,.12);

    /* Spacing */

    --space-1:.25rem;
    --space-2:.5rem;
    --space-3:1rem;
    --space-4:1.5rem;
    --space-5:2rem;
    --space-6:3rem;
    --space-7:4rem;

    /* Animation */

    --transition:.25s ease;

    /* Container */

    --container:1320px;

}
/*
|--------------------------------------------------------------------------
| Global
|--------------------------------------------------------------------------
*/

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--bg);

    color:var(--text);

    font-family:"Inter",sans-serif;

    font-size:16px;

    line-height:1.7;

}

img{

    max-width:100%;
    display:block;

}

a{

    color:inherit;

    text-decoration:none;

    transition:var(--transition);

}

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:"Poppins",sans-serif;

    font-weight:700;

    color:var(--text);

    margin-bottom:.75rem;

}

p{

    color:var(--text-light);

    margin-bottom:1rem;

}

section{

    padding:5rem 0;

}

.container-xl{

    width:min(100%,var(--container));

    margin:auto;

    padding-inline:20px;

}

.section-title{

    text-align:center;

    margin-bottom:3rem;

}

.section-title h2{

    font-size:2.2rem;

}

.section-title p{

    max-width:700px;

    margin:auto;

}

.text-primary{

    color:var(--primary)!important;

}

.text-muted{

    color:var(--text-light)!important;

}

.bg-primary{

    background:var(--primary)!important;

}

.rounded-xl{

    border-radius:var(--radius);

}

.shadow{

    box-shadow:var(--shadow);

}