/***********************************************
************************************************
                PUBLIC STYLES
************************************************
***********************************************/

*,
::before,
::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background-repeat: no-repeat;
    font-family: inherit;
    line-height: 1.5;
}

:root {
    --main-color: #004D6B; 
    --main-light-color: #c19cfc;
    --grey-light-color: #f4f4f4;
    --grey-dark-color: #dadada;
    --bg-gradient-grey: linear-gradient(#fff, #ddd 20%, #ddd 80%, #fff);
    --bg-gradient-main: linear-gradient(#EBCA84, #F1B404);
    --bg-gradient: linear-gradient(120deg, #8B6BC1, #8242DF, #E9C8AF);
    --bg-inverse-gradient: linear-gradient(-70deg, #8B6BC1, #8242DF, #E9C8AF);
    --transition: .3s ease-in-out all;
    font-size: 15.5px;
    scroll-behavior: smooth;
}

::selection {
    background-color: var(--main-color);
    color: #fff;
}

body {
    text-align: start;
    font-family: Cairo, sans-serif;
    overflow-x: hidden;
    width: 100vw;
    direction: rtl;
    background-color: #f8f8f8; 
}


body.rtl {
    direction: rtl;
    font-family: Cairo, sans-serif;
}

a {
    display: inline-block;
}

a,
a:hover {
    color: inherit;
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

a:hover {
    color: var(--main-color);
}

input,
textarea {
    font-family: inherit;
    outline: none;
}

button {
    background: none;
    border: none;
    cursor: pointer;
}

img {
    max-width: 100%;
    object-fit: cover;
}

textarea {
    resize: vertical;
}

p {
    color: #636363;
}