@font-face {  
    font-family: 'Manrope';  
    src: url('/css/fonts/Manrope-Regular.ttf');  
    font-weight: 400;  
    font-style: normal;  
}

@font-face {  
    font-family: 'Manrope';  
    src: url('/css/fonts/Manrope-Light.ttf');  
    font-weight: 300;  
    font-style: normal;  
}

@font-face {  
    font-family: 'Manrope';  
    src: url('/css/fonts/Manrope-thin.otf');  
    font-weight: 200;  
    font-style: normal;  
}

@font-face {  
    font-family: 'Manrope';  
    src: url('/css/fonts/Manrope-ExtraBold.ttf');  
    font-weight: 600;  
    font-style: normal;  
}

@font-face {  
    font-family: 'Manrope';  
    src: url('/css/fonts/Manrope-ExtraBold.ttf');  
    font-weight: 800;  
    font-style: normal;  
}