/* Start global rules */
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box
}
/* 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 */
.similar, footer{
    direction: rtl;
     font-family: 'Aref Ruqaa', serif;
    font-family: 'Scheherazade New',
    serif
}
.similar h1{color: #e84393}
.bg-img{width: 2%;   opacity: .25}
.similar a{color: #fafafa}
@media(max-width:767px){
    .similar{width: 100% !important}
}
@media(min-width:768px){
    .contact .main-box {max-width: 75%;    border: 1px solid #8344ad78}
    .contact .main-img {
        background: url(../../front/images/contact1.jpg) no-repeat;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         background-size: cover
    }
}
/* 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}
.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 */