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

:root {
    --gray1: #323D47;
    --gray2: #636C73;
    --gray3: #949A9F;
    --gray4: #C6C9CC;
    --gray5: #F7F8F8;
    --white: #FFFFFF;
    --main: #1141C1;
    --main-light: #ECF5FF;
    --secondary: #000E1A;
    --alertGreen: #2B8C18;
    --alertOrange: #FF9700;
    --alertRed: #FF4444
}

header *, footer * {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    touch-action: manipulation;
    box-sizing: border-box
}

header, footer {
    display: block
}

header *, footer * {
    box-sizing: border-box;
    outline: 0
}

header {
    font-family: Raleway, sans-serif;
    font-size: 16px;
    color: var(--gray1);
    /* background: #e7e8ee */
}

footer {
    font-family: Raleway, sans-serif;
    font-size: 16px;
    color: var(--gray1);
    /* background: #e7e8ee */
}

header html, footer html {
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth
}

header ::-webkit-scrollbar, footer ::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

header ::-webkit-scrollbar-track, footer ::-webkit-scrollbar-track {
    background-color: transparent;
    padding: 0 0
}

header ::-webkit-scrollbar-thumb, footer ::-webkit-scrollbar-thumb {
    background: var(--new, linear-gradient(180deg, rgba(10, 27, 86, 0) 0, #f19d69 25%, #cd4ccf 50%, #1c49da 75%, rgba(10, 27, 86, 0) 100%));
    border-radius: 5px
}

header img, footer img {
    max-width: 100%;
    height: auto
}

header .container, footer .container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 15px
}

header .page_wrap, footer .page_wrap {
    overflow: hidden;
    height: 100%
}