@font-face {
    font-family: 'Cairo';
    src: url('./fonts/CAIRO-REGULAR.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Cairo Bold */
@font-face {
    font-family: 'Cairo';
    src: url('./fonts/CAIRO-BOLD.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Cairo Black */
@font-face {
    font-family: 'Cairo';
    src: url('./fonts/CAIRO-BLACK.TTF') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* Cairo ExtraLight */
@font-face {
    font-family: 'Cairo';
    src: url('./fonts/CAIRO-EXTRALIGHT.TTF') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* Cairo Light */
@font-face {
    font-family: 'Cairo';
    src: url('./fonts/CAIRO-LIGHT.TTF') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Cairo SemiBold */
@font-face {
    font-family: 'Cairo';
    src: url('./fonts/CAIRO-SEMIBOLD.TTF') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* 66Hayah OTF (اختياري إذا تبغى تضيفه بخط مختلف) */
@font-face {
    font-family: 'Hayah';
    src: url('./fonts/66HAYAH.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}

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

#scrollTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: #333;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

#scrollTopBtn svg {
    fill: white;
    width: 24px;
    height: 24px;
}