:root {
    --primary-font: "Mulish", sans-serif;
    --secondary-font: "Urbanist", sans-serif;
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;
    --line-height: 1.4;
    --line-height-md: 1.1;
    --line-height-sm: 1;
    --body: 20px;
    --nav-font: 20px;
    --nav-title-font: 16px;
    --nav-color: #16243D;
    --nav-hover-color: #E43A19;
    --hero-heading: 72px;
    --main-heading: 64px;
    --heading-lg: 55px;
    --heading: 40px;
    --heading-one: 48px;

    --sub-heading: 30px;
    --sm-heading: 18px;
    --a-heading: 20px;
    --b-heading: 26px;
    --c-heading: 28px;
    --small-heading: 24px;
    --small-heading-sm: 22px;
    --title: 32px;
    --title-heading: 32px;
    --sub-title: 20px;
    --title-sm: 16px;
    --title-color-one: #E43A19;
    --para: 20px;
    --para-sm: 16px;
    --para-md: 18px;
    --para-sub: 20px;
    --para-h: 26px;
    --label-font-size: 18px;


    --color-one: #16243D;
    --color-two: #E43A19;
    --color-three: #1A70D1;
    --color-four: #787878;
    --color-five: #4ade80;
    --color-six: #facc15;
    --color-seven: #c084fc;
    --color-eight: #f472b6;

    --header-bg: #EDF2F4;
    --bg-one-op: rgba(1, 95, 201, 0.9);
    --bg-two-op: rgba(26, 112, 209, 0.9);
    --bg-one: #EDF2F4;
    --bg-two: #E43A19;
    --bg-three: #16243D;
    --bg-four: #1A70D1;
    --bg-five: #FFE14D;
    --bg-six: #C4E0FF;
    --slider-btn-bg-a: #EDF2F4;
    --slider-btn-color-a: #16243D;


    --white: #fff;
    --offwhite: #D4D2D2;
    --dark: #000;
    --body-color: #787878;
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --border-color: #D4D2D2;
    --border-color-one: #787878;
    --v-border-color: #E0E0E0;
    --border-radius-0: 0;
    --check-border-radius: 2px;
    --border-radius-sm: 5px;
    --border-radius-md: 10px;
    --border-radius-lg: 15px;
    --border-radius-xl: 20px;
    --border-radius-xxl: 25px;

    --btn-font-size: 18px;
    --number-font-size: 48px;
    --counter-font-size: 40px;
    --counter-font-size-one: 75px;
    --counter-content-size: 36px;
    --footer-li-size: 20px;
    --badge-font-size: 12px;
    --ribbon-font-size: 14px;
    --spl-font: 4vw;
    --btn-clr-one: #1A70D1;
    --btn-bg-primary: #16243D;
    --btn-bg-primary-light: #fff;
    --btn-clr-primary: #fff;
    --btn-clr-primary-light: #16243D;
    --btn-bg-primary-hover: #fff;
    --btn-bg-primary-hover-light: #16243D;
    --slider-btn-bg: #fff;
    --slider-btn-color: #CDCBCB;
    --title-color-one: #E43A19;
    --box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    --letter-spacing: .1px;

    --form-border-color: #D9D9D9;
    --control-bg-color: #EDF2F4;
    --control-color: #888E90;
    --control-font-size: 20px;
    --control-focus-color: #16243D;
}

* {
    scroll-behavior: smooth;
}

body {
    font-family: var(--primary-font);
    font-weight: var(--font-medium);
    font-size: var(--body);
    color: var(--body-color);
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
}