@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&family=Tajawal:wght@400;700&display=swap');

:root {
    --primaryColor: #0274BE;
    --middleColor: #393E46;
    --helperColor: #0E3C6E;
    --lightHelper: #F7B500;
    --hrColor: #A9B5DF;
    --transparentColor: rgba(0, 0, 0, 0.699);
    --shadow: rgba(189, 188, 188, 0.514);
    /* --------------------------------- */
    --whatsappColor: #25D366;
    --white: #ffff;
    --blue: #1877F2;
    --green: #25D366;
    --gray: #f8f8f8;
    --container-width: 1340px;
    --header-height: 90px;
    /* ----------------------------- */
    --gradient: linear-gradient(90deg, var(--primaryColor) 0%, var(--helperColor) 100%);
    --radius0: 5px;
    --radius1: 25px;

}
body{
    background-color: #FAFAFA;
}
body::-webkit-scrollbar {
    width: 8px
}

body::-webkit-scrollbar-track {
    background-color: transparent
}

body::-webkit-scrollbar-thumb {
    background-color: var(--lightHelper);
    background-image:var(--gradient);
    border-radius: 5px
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Cairo', 'Tajawal', sans-serif;
}

a {
    text-decoration: none;
    transition: all 0.5s;

}

ul {
    list-style: none;
}