:root {
    --white: #ffffff;
    --black: #000000;
    --SferisColorGreen: #a4c73f; /* sferis font color GREEN */
    --SferisColorDarkBlue: #023850; /* sferis font color */
    --sectionColorBack1: #eff3f4; /* kolor tla dla sekcji; dla tabel; dla boxow */
    --boxBorderColor1: #eff3f4; /* kredyty: ogolny ; border dla ""  */
    --boxBorderColor2: #a9bcc4; /* border dla "subskrypcji"  */
    --rentpayColor1: #fc5b9b;
    --rentpayColor2: #8a8eff;
    --rentpayColor3: #f63087;
    /* Wesub B2C */
    --headerBackground: #74a0b4;
    --rentpayColor4: #0b5cff;
    /*--darkBlue: #2c5e75;*/

    /*--sectionColorBack2: #f6f5f3; /* kredyty: Santander ; kolor tla dla "" */
    /*--boxBorderColor2: #f6f5f3; /* kredyty: Santander ; border dla ""  */

    --radius10: 10px;
    --radius20: 20px;
    --radius30: 30px;
    --transition03: 0.3s;
    --transition05: 0.5s;
    --transition08: 0.8s;
    /* --zzz: wartosc */
    /* var(--zzz) */
}
@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}
@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
}
@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-size: 16px;
}

/*@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/nvidiasans_mdIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}*/
/*@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/nvidiasans_bdIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}*/
/*@font-face {
    font-family: 'NvidiaSans';
    src: url('../fonts/nvidiasans_ltIt.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}*/