:root {
    --bg-body: #fff;
    --bg-gray: #adadad;
    --bg-gray-hover: #009FE5;
    --bg-box-header: #253E93;
    --bg-box-header-hover: #829eb2;
    --bg-box-header-text: #fff;
    --bg-box-header-border: rgb(213, 212, 212);
    --bg-box-header-border-tick: 2px;
    --bg-box: #009FE5;
    --bg-box-text:#000;
    --body-fonts: 'Roboto', Arial, sans-serif;
    --box-shadow-tick: -2px;
}
@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
body {
    line-height: 1.5;
    color: #fff;
    /*font-family: "DM Sans", sans-serif !important; */
    font-family: var(--body-fonts) !important;
    font-weight: 200;
}
.white-section {
    -webkit-box-shadow: 0px !important;
    box-shadow: 0px !important;
    border-radius: 0px;
}
h1, h2, h3, .h3, h4, h5, h6 {
    font-family: var(--body-fonts) !important;
}