/* LOREAL Essentielle Regular */
@font-face {
    font-family: 'LOREAL Essentielle Regular';
    src: url('/fonts/LOREAL-Essentielle-Regular.woff2') format('woff2'), 
         url('/fonts/LOREAL-Essentielle-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}



/* LOREAL Essentielle Italic */
@font-face {
    font-family: 'LOREAL Essentielle Italic';
    src: url('/fonts/LOREAL-Essentielle-Italic.woff2') format('truetype'), 
         url('/fonts/LOREAL-Essentielle-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* LOREAL Essentielle Bold */
@font-face {
    font-family: 'LOREAL Essentielle Bold';
    src: url('/fonts/LOREAL-Essentielle-Bold.woff2') format('truetype'), 
         url('/fonts/LOREAL-Essentielle-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* LOREAL Essentielle Bold Italic */
@font-face {
    font-family: 'LOREAL Essentielle BoldItalic';
    src: url('/fonts/LOREAL-Essentielle-BoldItalic.woff2') format('truetype'), 
         url('/fonts/LOREAL-Essentielle-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* LOREAL Essentielle Black */
@font-face {
    font-family: 'LOREAL Essentielle Black';
    src: url('/fonts/LOREAL-Essentielle-Black.woff2') format('truetype'), 
         url('/fonts/LOREAL-Essentielle-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* LOREAL Essentielle Black Italic */
@font-face {
    font-family: 'LOREAL Essentielle BlackItalic';
    src: url('/fonts/LOREAL-Essentielle-BlackItalic.woff2') format('truetype'), 
         url('/fonts/LOREAL-Essentielle-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* LOREAL Essentielle Light */
@font-face {
    font-family: 'LOREAL Essentielle Light';
    src: url('/fonts/LOREAL-Essentielle-Light.woff2') format('truetype'), 
         url('/fonts/LOREAL-Essentielle-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* LOREAL Essentielle Light Italic */
@font-face {
    font-family: 'LOREAL Essentielle LightItalic';
    src: url('/fonts/LOREAL-Essentielle-LightItalic.woff2') format('truetype'), 
         url('/fonts/LOREAL-Essentielle-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

/* Gilroy Semibold */
@font-face {
    font-family: 'Gilroy';
    src: url('/fonts/gilroy-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


.font-text-black {
    font-family: 'LOREAL Essentielle Black';
}

.font-text-blackitalic {
    font-family: 'LOREAL Essentielle BlackItalic';
}

.font-text-bold {
    font-family: 'LOREAL Essentielle Bold';
}

.font-text-bolditalic {
    font-family: 'LOREAL Essentielle BoldItalic';
}

.font-text-italic {
    font-family: 'LOREAL Essentielle Italic';
}

.font-text-light {
    font-family: 'LOREAL Essentielle Light';
}

.font-text-lightitalic {
    font-family: 'LOREAL Essentielle LightItalic';
}

.font-text-regular {
    font-family: LOREAL Essentielle Regular;
    font-weight: 400
}

.font-text-gilroy {
    font-family: 'Gilroy';
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 2px;
    vertical-align: bottom;
    text-transform: uppercase;
}

.font-text-gilroy-16font {
    font-family: 'Gilroy';
    font-weight: 600; 
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: bottom;
    text-transform: uppercase;
    color: #ffffff;
}


.font-text-linespace {
    font-family: 'LOREAL Essentielle Regular';
    font-weight: 400; 
    font-size: 10px; 
    line-height: 100%; 
    letter-spacing: 1px;
}


.font-text-semibold {
    font-family: 'LOREAL Essentielle Bold';
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
}


.font-text-regular-400 {
    font-family: 'LOREAL Essentielle Regular';
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}


.font-label-letterspace2 {
    font-family: Inter;
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 2px;
    vertical-align: bottom;
}

.font-text-gilroy-regular {
    font-family: Gilroy;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0px;
    vertical-align: bottom;
}

.font-text-gilroy-regular12 {
    letter-spacing: 0px;
    font-family: Gilroy;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
}

.font-text-regular-500 {
    font-family: 'LOREAL Essentielle Regular';
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
}

.font-text-bold-400 {
    font-family: 'LOREAL Essentielle Bold';
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
}

.font-text-bold-400-14 {
    font-family: 'LOREAL Essentielle Bold';
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0%;
    color: #767676;
}