/* @import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');
 
@import url('fonts/tajawal/stylesheet.css');

:root {
    --primary-color: #2A3142;
    --secondary-color: #407FFE;
    --light-secondary-color: #6194fb;
    --shadow-color: #346de1;
    --dark-blue-color: #1835B5;
    --secondary-color-rgb: rgba(64, 127, 254, 0.9);
    --light-secondary-color-rgb: rgba(64, 127, 254, 0.5);
    --light-aqua-color-rgb: rgba(41, 236, 239, 0.5);
    --aqua-color: #45DFB1;
    /* --hero-section-color:  #dbfdf2;    */
    --hero-section-color: rgba(41, 239, 219, 0.1);
    --light-aqua-color: #0AD1C8;
    --text-aqua-color: #29EFDB;
    --text-color: #1E1E1E;
    --text-muted-color: #BEBEBE;
    --light-gray-color: #e9ecef;
    --success-color: #5cb85c;
    ;
    --white-color: #FFFFFF;
    --gray-color: #D9D9D9;
    --dark-gray-color: #888;
    --sidebar-width: 40px;
    --sidebar-collapsed-width: 35px;
    --sidebar-collapsed-height: 45px;
    --sidebar-padding: 8px;
    --sidebar-transition: 0.3s ease;
}


* {
    box-sizing: border-box;
}

body {
    background-color: var(--white-color);
    font-family: 'Inter', sans-serif;
    color: var(--text-color);
    overflow-x: hidden;
}
.diacritics-fix {
  font-family: 'Amiri', 'Tajawal' ;
}
html[dir=rtl] body{
    font-family: Tajawal
}

.fixed-top-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
}