:root {
    --white: #ffffff;
    --black: #000000; /* santander: main font color */
    --SferisColorGreen: #a4c73f;
    --SferisColorDarkBlue: #023850; /* sferis main font color */
    --AgricoleColor: #006950;
    --AgricoleColorBack: #009597;
    --SantanderColor: #eb1c24;
    --TwistoColor: #4f008c;
    --PaypoColor: #000000;
    --sectionColorBack1: #eff3f4; /* kredyty: ogolny ; kolor tla dla "produktySection" */
    --boxBorderColor1: #eff3f4; /* kredyty: ogolny ; border dla ""  */
    --sectionColorBack2: #f6f5f3; /* kredyty: Santander ; kolor tla dla "" */
    --boxBorderColor2: #f6f5f3; /* kredyty: Santander ; border dla ""  */
    --radius10: 10px;
    --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-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}


/*@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;
}*/