:root {
    --primary-color: rgba(66, 66, 90, 0.8);
    --accent-color: #2c7be5;
    /* #f50057; */
    --text-color: #263238;
    --body-color: #80deea;
    --main-font: 'Arial';
    --font-bold: 550;
    --font-regular: 200;
}

@font-face {
    font-family: Alhurra;
    src: url(./font/Alhurra.ttf);
}

@font-face {
    font-family: doridbold;
    src: url(./font/DroidBold.ttf);
}

@font-face {
    font-family: doridregular;
    src: url(./font/DroidRegular.ttf);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
p,
th,
td,
label,
.btn,
textarea,
input,
select,
option,
 ::placeholder {
    font-family: doridregular, Arial !important;
    font-weight: var(--font-regular);
    font-size: 16px;
    font-weight: lighter;
}


/* customize scroll */


/* width */

::-webkit-scrollbar {
    width: 15px;
}


/* Track */

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 10px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);
}