@font-face {
    font-family: "MikhakBold";
    src: url("../font/Mikhak-Bold.woff2");
}
@keyframes loading {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
*{
    transition: all ease .5s;
    padding: 0;
    margin: 0;
}
.modalChild{
    width: 100px;
    height: 100px;
    border-top: 4px solid red;
    border-radius: 100px;
    animation: loading infinite ease-out 2s;
}

.modalFullscreen{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.42);
}
.rtl{
    direction: rtl!important;
}
.ltr{
    direction: rtl!important;
}
.text-title-information-size{
    font-size: 1.5rem;
}
.parentWhiteBackground{
    background-color: var(--parent-bg-color);
}
ul , li , ol{
    list-style: none;
    padding: 0!important;
    margin: 0!important;
}
.progress-blue-orange{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: red;
    right: 0;
}
.title-h2{
    font-size: 1.75rem;
}
.text-color{
    color: var(--text-color);
}
.text-font{
    font-family: MikhakBold, fantasy;
}
.bg-gray{
    background-color: var(--gray-gb-color) !important;
}
.bg-information{
    background-color: var(--information-bg-color);
}
.rounded-20px{
    border-radius: 20px;
}.rounded-20px-bottom{
     border-radius: 0 0 20px 20px;
 }
.bg-gray-dark{
    background-color: var(--bg-dark);
}
.text-badge-size{
    font-weight:400;
    font-size:  0.9375rem;
}
:root{
    --text-color:#44566c;
    --font: "font/Mikhak-Bold.woff2";
    --parent-bg-color:#f5f6f7;
    --gray-gb-color:#E9EDF0;
    --information-bg-color:#F5F8F9;
    --bg-dark: #3c3c3c;
}