/**********************/
/*** Author: @abdu_amigo
/**********************/

h1,h2,h3,h4,h5,h6,p,li,a,ul,span,b, .nav-linkm, .text-white
{
    font-family: 'El Messiri', sans-serif;
}
a{
    text-decoration: none;
}
.text-primary{
    color: #155d9e !important;
}
.btn-primary{
    background-color: #155d9e;
    color: white;
    border-color: #155d9e;
}
.btn-outline-primary{
    background-color: white;
    color: #155d9e;
    border-color: #155d9e;
}
.float-l{
    float: left;
}
.float-r{
    float: right;
}
.learn{
    border-bottom: 15px solid #155e9e;
}
.fw-normal{
   color: #9d9d9c;
}
.why-us h5{
    border-bottom: 5px solid #FFC107;
    font-size: 20px;
}
#about{
     border-bottom: 15px solid #155e9e;
}
.learn h1{
    font-size: 4rem;
    font-weight: 900;
}
.learn .shape img{
    position: relative;
    right: 18px;
    top: 25px;
    width: 100%;
}
.text-grey{
    color: #9d9d9c;
}
.bg-warning {
    background-color: #fad977;
    color: white
}
.bg-primary{
    background-color: #155d9e !important;
}
.item-link{
    font-size: 18px;
}
.bg-warning{
    color: white;
    height: 20px;
    width: 100px;
    position: static;
    margin-bottom: 15px;
}
.circle-bg{
    background: #FFC107;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: relative;
    right: 28px;
    bottom: 10px;
}
.success-phrase{
    position: absolute;
}
.form-floating>label{
    color: #9d9d9c;
}
#about .najaeh{
    margin-top: -25px;
}
#about h5{
    line-height: 2;
}
.fw-900{
    font-weight: 900;
}
#dashboard svg{
    fill: #155c9f;
}
#dashboard .h5{
    color: #155c9f;
}
#dashboard .list-group li{
    color: #155c9f;
    font-weight: 500;
    border: none;
}
.dashboard{
    background-image: url('../img/bg-44.jpg');
    opacity: 0.8;
    background-position: unset;
}
#profile .list-group li{
    color: #155c9f;
    font-weight: 500;
    border: none;
}
.profile{
    background-image: url('../img/bg-02.jpg');
    opacity: 0.8;
    background-position: unset;
}
#courses .list-group li{
    color: #155c9f;
    font-weight: 500;
    border: none;
}
.courses{
    background-image: url('../img/bg-30.jpg');
    opacity: 0.8;
    background-position: unset;
}
#events .list-group li{
    color: #155c9f;
    font-weight: 500;
    border: none;
}
.events{
    background-image: url('../img/bg-44.jpg');
    opacity: 0.8;
    background-position: unset;
}
#invoices .list-group li{
    color: #155c9f;
    font-weight: 500;
    border: none;
}
.invoices{
    background-image: url('../img/slide-01.png');
    opacity: 0.8;
    background-position: unset;
}
#support .list-group li{
    color: #155c9f;
    font-weight: 500;
    border: none;
}
.support{
    background-image: url('../img/slide-01.png');
    opacity: 0.8;
    background-position: unset;
}
.table tbody tr{
    height: 100px;
}
.badge-success{
    background-color: #9d9d9c;
}
.navbar-expand-lg .navbar-nav{
    font-weight: 600;
}
.position-absolute svg{
    fill: #9d9d9c;
}
.carousel-caption{
    color: #155c9f;
    left: 45% !important;
    text-align: start;
    bottom: 20%;
}
.display-diff{
    /* position: absolute; */
    top: -7em;
    font-size: 40px;
    font-weight: 700;
    line-height: 0.25;
}
.display-6 svg{
    fill: #fff;
}
.user-icon{
    height: 2.5rem;
    width: 2.5rem;
}
.index-1{
    z-index: 1;
}
.z-index-n1{
    z-index: -1;
}
.bg-caption{
    background: rgb(0 0 0 / 32%);
    bottom: 20rem;
}

#shape{
    background: #155c9f61;
    background-image: url('../img/logo.png');
    border-radius: 100%;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    -webkit-backdrop-filter: blur(4.6px);
    width: 300px;
    height: 300px;
    position: absolute;
    right: 5em;
    top: 70em;
}
#shape2{
    background: #9d9d9c;
    border-radius: 100%;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    -webkit-backdrop-filter: blur(4.6px);
    width: 300px;
    height: 300px;
    position: absolute;
    left: 5em;
    bottom: -150em;
}
.scroll-x{
    overflow-x: scroll;
    flex-wrap: unset;
}
.carousel-indicators [data-bs-target]{
    background: #155c9f;
    width: 20px;
}
@media (max-width: 600px) {
    #shape{
        left: 5em !important;
        right: auto !important;
    }
    #shape2{
        z-index: -1;
    }
    #shape3{
        z-index: -1;
    }
    .carousel-caption{
        left: auto !important;
        bottom: auto !important;
        position: unset !important;
        text-align: center !important;
    }
    #most .most{
        overflow-x: scroll;
        flex-wrap: unset;
    }
    #events .event{
        overflow-x: scroll;
        flex-wrap: unset;
    }
    .learn h1{
        font-size: 45px !important;
        margin-bottom: 3em;
    }
}
#shape3{
    background: #adb5bd69;
    border-radius: 100%;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    -webkit-backdrop-filter: blur(4.6px);
    width: 300px;
    height: 300px;
    position: absolute;
    left: 5em;
    top: 18em;
}
.text-gray{
    color: #817d7d;
}
.box-shadow{
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
}