@font-face {  
    font-family: 'Host Grotesk';  
    src: url('font-files/HostGrotesk-Regular.ttf') format('truetype');  
    font-weight: 400; /* Normal */  
    font-style: normal;  
}  

@font-face {  
    font-family: 'Host Grotesk';  
    src: url('font-files/HostGrotesk-Bold.ttf') format('truetype');  
    font-weight: 700; /* Bold */  
    font-style: normal;  
}  

/* Host Grotesk - Italic */
@font-face {
    font-family: 'Host Grotesk';
    src: url('font-files/HostGrotesk-Italic.ttf') format('truetype');
    font-weight: 400; /* Regular weight */
    font-style: italic;
}

/* Host Grotesk - Bold Italic */
@font-face {
    font-family: 'Host Grotesk';
    src: url('font-files/HostGrotesk-BoldItalic.ttf') format('truetype');
    font-weight: 700; /* Bold weight */
    font-style: italic;
}

/* Ajoutez d'autres variations de la police si nécessaire */