@font-face {
    font-family: 'Cairo-Bold';
    src: url('../fonts/Cairo-VariableFont_slnt.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-Regular';
    src: url('../fonts/Cairo-VariableFont_slnt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Cairo-Regular', 'Cairo', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Cairo-Bold', 'Cairo', sans-serif;
}

.main-title p,
footer a,
p {
    font-family: 'Cairo-Regular', 'Cairo', sans-serif;
}