html {
  scroll-behavior: smooth;
}

section[id] {
  scroll-margin-top: 100px; /* Adjust this value as needed */
}
 
 body{
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    direction: rtl;
    text-align: right;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    direction: rtl;
    text-align: right;
}

p, a, li, span, div {
font-family: 'IBM Plex Sans Arabic', sans-serif;
direction: rtl;
text-align: right;
}

button {
font-family: 'IBM Plex Sans Arabic', sans-serif;
direction: rtl;
text-align: right;
}







/*  Media Queries for responsive design */
@media screen and (max-width: 768px) {
    body {
        font-size: 16px;
    }
    h1 {
        font-size: 24px;
    }
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 18px;
    }
    p, a, li, span, div {
        font-size: 16px;
    }
    button {
        font-size: 16px;
    }

    #heroText {
        font-size: 32px;
        line-height: 2.5rem !important;
    }
}