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

:root {
    --var-primary: #1a65af  ;
    --var-secondary: #54bec1;
    --var-theme: #199ad5;
    --var-yellow:#FAD816;
    --font: "Roboto", sans-serif;
}

body {
    font-family: var(--font) !important;
    background: #fff;
    font-weight: 400;
}
a{
    text-decoration: none !important;
}

.text-var-primary {
    color: var(--var-primary) !important;
}

.bg-var-primary {
    background: var(--var-primary) !important;
}

.text-var-secondary {
    color: var(--var-secondary) !important;
}

.bg-var-secondary {
    background: var(--var-secondary) !important;
}

.text-var-theme {
    color: var(--var-theme) !important;
}

.bg-var-theme {
    background: var(--var-primary) !important;
}

.text-var-yellow {
    color: var(--var-yellow) !important;
}

.bg-var-yellow {
    background: var(--var-yellow) !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #5b5d5e;
    -webkit-text-fill-color: #5b5d5e;
    -webkit-box-shadow: 0 0 0px 40rem #ffff inset;
    transition: background-color 5000s ease-in-out 0s;
}