/* ===== RESET & BASE ===== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-family: 'Inter', sans-serif !important;
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif !important;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    display: block;
}

/* ===== CSS VARIABLES ===== */
:root {
    --primary: #006bff;
    --primary-ho: #0063ec;
    --black: #181c31;
    --black-ho: #2c3149;
    --white: #ffffff;
    --stroke: #eeeeee;
    --waterloo: #757693;
    --alabaster: #fbfbfb;
    --zumthor: #edf5ff;
    --blacksection: #1c2136;
    --titlebg: #adfff8;
    --titlebg2: #ffeac2;
    --shadow-l: 0px 10px 120px 0px rgba(45, 74, 170, 0.1);
    --shadow-5: 0px 8px 24px rgba(45, 74, 170, 0.08);
    --shadow-8: 0px 12px 120px rgba(45, 74, 170, 0.06);
    --radius: 16px;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');