@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');
}

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

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Noto Sans Arabic', sans-serif;
}

body {
    font-family: 'Noto Sans Arabic', sans-serif;
    background-color: var( --main-gray-color);
}

a {
    text-decoration: none;
}

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

ol {
    list-style-position: inside;
}