/* Start global rules */
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box
}
body{font-family: 'Roboto', sans-serif; background-color: #Fdfcfa}
/* End global rules */


/* Start Bootstrap styling */
nav{font-family: 'Aref Ruqaa', serif;    background-color: #Fdfcfa}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-nav .active,
.navbar-light .navbar-nav .nav-link:hover{outline: 0;   color: #0984e3 !important}
.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link{color:#5d35ae}
.navbar-toggler:focus,
.btn-check:focus+.btn,
.btn:focus{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}
@media(min-width:991px){
    .navbar-brand{
        position: absolute;
        top: 45%;
        left: 45%
    }
}
@media(max-width:767px){
    .navbar-nav{text-align: center;   flex-direction: column-reverse}
    .navbar-collapse{margin-top: 2rem}
}
/* End Bootstrap styling */
.sign, footer{direction: rtl}
h1{color: #e84393;   font-size: 27px}
h1, h5{
     font-family: 'Aref Ruqaa', serif;
    font-family: 'Scheherazade New',
    serif 
}
.reg-form{    border-left: 1px solid #80808036}
.reg-form label{font-size: 16px}
.reg-form button{font-size: 14px}
.all-saccount h5{font-size: 19px}
.social .facebook,
.social .google{
    background-color: blue;
    color: #fafafa;
    border-radius: 6px;
    font-size: 14px
}
.social .facebook{background-color: blue}
.social .google{background-color: red}
.forget-btn:hover {color: #5d35ae}
.nav-link{font-size: 16px}
.navbar-brand {font-size: 1.25rem}
@media(max-width:767px){
    h1{font-size: 23px;  text-align: center }
    .reg-form{ border-right: 0}
    .all-saccount{
        margin-top: 15%;
        padding-top: 15%;
        border-top: 1px solid #8080803d
    }
}
/* Start Footer styling */
.footer .logo,
.footer .rights{color: #5d35ae}
.footer .rights-div{border-top: 1px solid #5d35ae40}
.svg-inline--fa{font-size: 22px; margin-bottom: 10px}
footer .fa-facebook-f{color: #1877f2}
.fa-linkedin-in{color:#000000}
.fa-instagram{color:#c13584}
.fa-goodreads{color:#553b08}
.fa-pinterest{color:#e60023}
.fa-heart{color: #ff1c1c; margin-bottom: 0; font-size: 16px}
@media(max-width:767px){
    .footer{text-align: center}
    .svg-inline--fa {font-size: 16px}
    .footer .rights{font-size: 14px}
}
.svg-inline--fa{
    margin-bottom: 0;
    font-size: 16px;
    margin-right: 5px
}
/* End Footer styling */