:root {
    --red-100: #F8D7DA;
    --red-200: #F1AEB5;
    --red-300: #EA868F;
    --red-400: #E35D6A;
    --red-500: #DC3545;
    --red-600: #B02A37;
    --orange-100: #FFE5D0;
    --orange-200: #FECBA1;
    --orange-400: #FD9843;
    --orange-600: #CA6510;
    --orange-700: #984C0C;
    --yellow-200: #FAF9B4;
    --blue-100: #E7F1FF;
    --blue-200: #9EC5FE;
    --blue-300: #6EA8FE;
    --blue-400: #3D8BFD;
    --blue-500: #0D6EFD;
    --blue-600: #0A58CA;
    --blue-900: #031633;
    --gray-white: #FFF;
    --gray-black: #000;
    --gray-default: #CCC;
    --gray-100: #F8F9FA;
    --gray-200: #E9ECEF;
    --gray-300: #DEE2E6;
    --gray-400: #CED4DA;
    --gray-500: #ADB5BD;
    --gray-600: #6C757D;
    --gray-700: #495057;
    --gray-800: #343A40;
    --indigo-200: #C29FFA;
    --indigo-300: #A370F7;
    --indigo-400: #8540F5;
    --indigo-600: #520DC2;
    --teal-100: #D2F4EA;
    --teal-200: #A6E9D5;
    --teal-300: #79DFC1;
    --teal-400: #4DD4AC;
    --teal-600: #1AA179;
    --teal-610: #02b194;
    --purple-100: #E2D9F3;
    --purple-200: #C5B3E6;
    --purple-400: #8C68CD;
    --purple-600: #59359A;
    --cyan-200: #9EEAF9;
    --cyan-300: #6EDFF6;
    --cyan-600: #0AA2C0;
    --body-text-body-color: #212529;
    --components-checkbox-border: #00000026;
}
@font-face {
    font-display:swap;
    font-family:Roboto;
    font-style:normal;
    font-weight:700;
    src:url("fonts/RobotoBold.woff2") format("woff2"),
    url("fonts/RobotoBold.ttf") format("truetype")
}
@font-face {
    font-display:swap;
    font-family:Roboto;
    font-style:normal;
    font-weight:300;
    src:url("fonts/RobotoLight.woff2") format("woff2"),
    url("fonts/RobotoLight.ttf") format("truetype")
}
@font-face {
    font-display:swap;
    font-family:Roboto;
    font-style:normal;
    font-weight:400;
    src:url("fonts/RobotoRegular.woff2") format("woff2"),
    url("fonts/RobotoRegular.ttf") format("truetype")
}
@font-face {
    font-display:swap;
    font-family:Roboto;
    font-style:normal;
    font-weight:500;
    src:url("fonts/RobotoMedium.woff2") format("woff2"),
    url("fonts/RobotoMedium.ttf") format("truetype")
}
@font-face {
    font-family:"Font Awesome 5 Pro";
    font-style:normal;
    font-weight:300;
    font-display:block;
    src:url(fonts/fa-light-300.eot);
    src:url(fonts/fa-light-300.eot?) format("embedded-opentype"),
    url(fonts/fa-light-300.woff2) format("woff2"),
    url(fonts/fa-light-300.woff) format("woff"),
    url(fonts/fa-light-300.ttf) format("truetype"),
    url(fonts/fa-light-300.svg) format("svg")
}
@font-face {
    font-family:"Font Awesome 5 Pro";
    font-style:normal;
    font-weight:900;
    font-display:block;
    src:url(fonts/fa-solid-900.eot);
    src:url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),
    url(fonts/fa-solid-900.woff2) format("woff2"),
    url(fonts/fa-solid-900.woff) format("woff"),
    url(fonts/fa-solid-900.ttf) format("truetype"),
    url(fonts/fa-solid-900.svg#fontawesome) format("svg")
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Black.woff2') format('woff2'),
    url('fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
    url('fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.woff2') format('woff2'),
    url('fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
    url('fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Thin.woff2') format('woff2'),
    url('fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}