/* @font-face {
    font-family: 'Noto Sans Arabic';
    font-weight: 100 1000;
    font-stretch: 25% 151%;
    src: local('Open Sans Light'), local('OpenSans-Light'), url('../font/NotoSansArabic-VariableFont_wdth\,wght.ttf') format('woff');
} */
@font-face {
    font-family: "Bahij";
    src: local("Bahij"), url("../font/Bahij_TheSansArabic-Plain.ttf");
    font-weight: normal;
    font-style: normal;
}

:root {
    --black-color: #1F1A17;
    --green-color: #459c77;
    --red-color: #DA251C;
    --white-color: #FFFFFF;
    --gray-color: #F4F4F4F4;
    --dark-gray-color: #CCCCCC;
    --dark-gold-color: goldenrod;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Bahij';
}

body {
    font-family: 'Bahij';
    background-color: var(--gray-color);
}

a {
    text-decoration: none;
}

ul {
    list-style-type: none;
    list-style-position: inside;
}

ol {
    list-style-position: inside;
}

button {
    width: fit-content;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}