:root {
    /* Hyand colors */
    --hyand-white: #ffffff;
    --hyand-secondary-white: #F8FAFC;
    --hyand-black: #000000;
    --hyand-grey6: #333333;
    --hyand-grey5: #666666;
    --hyand-grey4: #999999;
    --hyand-grey3: #CCCCCC;
    --hyand-grey2: #E6E6E6;
    --hyand-grey1: #F2F2F2;

    --hyand-blue-dark2: #004971;
    --hyand-blue-dark1: #006DA9;
    --hyand-blue: #0092E1;
    --hyand-blue2: #54C3FF;
    --hyand-blue-light1: #8DD7FF;
    --hyand-blue-light2: #C6EBFF;

    --hyand-green-dark2: #006247;
    --hyand-green-dark1: #00936A;
    --hyand-green: #00C48D;
    --hyand-green2: #43FFCA;
    --hyand-green-light2: #81FFDC;
    --hyand-green-light1: #C0FFED;

    --hyand-magenta-dark2: #761A3A;
    --hyand-magenta-dark1: #B02A57;
    --hyand-magenta: #DB3D77;
    --hyand-magenta2: #E583AC;
    --hyand-magenta-light2: #EDABC8;
    --hyand-magenta-light1: #F6D6E3;

    --hyand-violett-dark2: #3A1546;
    --hyand-violett-dark1: #581F69;
    --hyand-violett: #802392;
    --hyand-violett2: #B866D3;
    --hyand-violett-light2: #CE98E1;
    --hyand-violett-light1: #E6CBEF;

    --hyand-yellow-dark2: #A49F37;
    --hyand-yellow-dark1: #E5DE56;
    --hyand-yellow: #EFEC91;
    --hyand-yellow2: #F5F3BC;
    --hyand-yellow-light2: #F9F7D1;
    --hyand-yellow-light1: #FCFBE8;

    --hyand-red-dark2: #762717;
    --hyand-red-dark1: #B23C24;
    --hyand-red: #D85B40;
    --hyand-red2: #E5998A;
    --hyand-red-light2: #ECBBB0;
    --hyand-red-light1: #F6DDD8;

    --hyand-primary: var(--hyand-blue);
    --hyand-dark-background: #1F2426;
    --hyand-dark-background-main: #22282B;
    --hyand-dark-border-color: #64748B;
    --hyand-dark-hover-color: #1E293B;
    --hyand-dark-text: var(--hyand-white);
    --hyand-dark-text2: #F8FAFC;
    --hyand-dark-popup-blur: #3A4347;

    --hyand-light-background: var(--hyand-white);
    --hyand-light-background-main: #E1E4E6;
    --hyand-light-background-alternative: #B8BFC2;
    --hyand-light-background-side: #F8FAFC;
    --hyand-light-background-inner: #64748B;
    --hyand-light-border-color: #CBD5E1;
    --hyand-light-secondary-text: #64748B;
    --hyand-light-hover-color: #E2E8F0;
    --hyand-light-text: var(--hyand-black);
    --hyand-light-popup-blur: var(--hyand-white);
}

@font-face {
    font-family: 'GroteskFont';
    src: url('../font/Hyand-Px-Grotesk-Regular.woff');
}

body {
    font-family: 'GroteskFont', Arial, Helvetica, sans-serif;
}

.apex-logo-text {
    font-family: 'GroteskFont', Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: 100;
    overflow: visible !important;
}

.t-Header-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.t-Header-logo-link {
    display: inline-flex;
}

.apex-logo-img {
    margin-top: 2.5px;
    margin-left: 3px;
    margin-right: 6px;
    height: 18px !important;
    max-height: 20px !important;
}