*{
    direction: rtl !important;
    
}

body{
    background-color: #f3f3f3 !important;
}


.box-ser{
    margin-left: 55px;
    margin-bottom: 15px;
}
.ser{
    color: #000000;
    text-decoration: none;
}
a{
    text-decoration: none;
}
.ser:hover{
    fill: blue;
}

.bi:hover{
    fill: rgba(69, 69, 235, 0.664);
}



#rr{
    position:;
    text-align: right !important;
    justify-content: right !important;
    float: right !important;
}





#rss{
    text-decoration: none;
    color: #FFF;
    
}
#rss:hover{
    color: rgb(89, 89, 253);
}



.bi:hover{
    cursor: pointer;
}






#ahref:hover{
    color: rgb(88, 116, 240);

}


.nav-item:hover{
    color: brown !important;
    fill: brown !important;
}

.nav-link:hover{
    color: rgb(43, 86, 177) !important;
    transition: 0.1s;
}



.cont-{
    width: 100%;
    height: 100vh;
}





.par{
    height: 50vh;
}




#par-ho:hover{
    border-bottom: solid 1px #000;
}




.cnn{
    width: ;
    height: 50vh;
}





.dropdown-menu{
    visibility: ;
}

.hover5:hover.dropdown-menu{
    visibility: visible;
}