@font-face {

    font-family: 'Hacen Sahafa';

    src: url('../fonts/hacen_sahafa.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'amiri';

    src: url('../fonts/amiri/Amiri-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'amiri';

    src: url('../fonts/amiri/Amiri-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



body {

    font-family: 'amiri', sans-serif !important;

}



h1, h2, h3, h4, h5, h6 {

    font-family: 'Hacen Sahafa', '', sans-serif !important;

    font-weight: bold;

}



.btn-register,

.btn-join,

.btn-outline-light,

.btn {

    font-family: 'amiri', sans-serif !important;

}



input,

textarea,

select,

.form-control {

    font-family: 'amiri', sans-serif !important;

}



.footer p,

.footer ul li a,

.footer .social-links a {

    font-family: 'amiri', sans-serif !important;

}



h1, h2, h3, h4, h5, h6, .navbar-brand {

    font-family: 'Hacen Sahafa', 'amiri', sans-serif;

    font-weight: bold;

}