@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

:root {
    /* Layout */
    --mt-25: 25px;
    /* Color */
    --color-primary: #104cb3;
    --color-primary-bold: #073990;
    --color-primary-light: #EBF5FB;
    --color-second: #118521;
    --color-grey-light: #FBFCFC;
    --color-grey-bold: #dbdfdf;
    --color-extra: #ffe351;
    --color-extra2: #F9F9FF;
    /* Gradient */
    --gradient-3: linear-gradient(90deg, #8DA9FC 0%, #B48DD5 100%);
    /* Fonts */
    --font-primary: 'Roboto', sans-serif;
    --font-second: 'Alata', sans-serif;
    --font-third: 'Nunito', sans-serif;
    /* Shadow */
    --shadow-1: 0px 6px 34px rgba(215, 216, 222, 0.41);
    --shadow-2: 0 4px 10px rgba(0,0,0,.15);
    --shadow-3: 0 4px 8px rgba(0,0,0,.25);
    --shadow-4: 1px 4px 10px rgba(212,32,39,.08);
    /* Radius */
    --radius: 6px;
    --radius-10: 10px;
    /* Index */
    --index-important: 99999;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--font-primary);
}
.lg-hidden {
    display: none;
}
.text-blue {
    color: #2980B9;
}
.button-primary {
    background-color: var(--color-primary);
    color: #fff;
    transition: all 0.25s ease-in;
}
.button-primary:hover {
    color: #fff;
    background-color: var(--color-primary-bold);
}
.button-default {
    background-color: var(--color-grey-light);
    color: #454545;
    transition: all 0.25s ease-in;
}
.button-default:hover {
    background-color: var(--color-grey-bold);
    color: #454545;
}
.text-white {
    color: #fff !important;
}
.section {
    padding: 50px 0;
}
.bold {
    font-weight: bold;
}