/* font-family: 'Almarai', sans-serif;
font-family: 'Tajawal', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;800&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@700&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

@font-face {
  font-family: splart-h-mawaddah;
  src: url(../fonts/splart-h-mawaddah.ttf);
}

* {
    font-family: 'Tajawal', sans-serif ;
}


body,html{
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
}

h1 , h2 , h3 , h4 , h5 , h6 , p {
    font-family: 'Tajawal', sans-serif !important;
}

.mainTitle h1 {
    font-family: 'Aref Ruqaa', serif !important;
}
:hover {
    transition-duration: 1s;
}

.custom-p p {
    font-family: splart-h-mawaddah !important ;
}

img.custom-logo {
    max-width: 200px;
    margin-right: 60px;;
}

/* header*/
header {
   /* background-color: #3a4421; */
    position: relative;
    z-index: 15;
}

body.single header {
    background: #333;
}
/* navbar style*/
nav.navbar {
    padding: 0;
}

.navbar {

}

.navbar ul {
    margin: auto;
}

.navbar  li {
    color: #fffbdf ;
    text-align: center;
    padding: 10px 10px;

}

.navbar  a ,.navbar  a:visited {
    transition-duration: 0.5s;
    color: #fff !important;
    text-decoration: none;
    padding: 10px 0;
    
}
.navbar li a:hover {
    color: #BC9C63 !important;

}





                    /* End navbar style*/ 

                /*Start  Img Slider */
img.swiper-slide-image {
    width: auto !important;
    height: 300px !important;
    object-fit: cover !important;
}

/*End Img Slider */

/* Footer*/

    #footer .copyright {
        background-color: #3a4421;
        color: #BC9C63;
        text-align: center;
        line-height: 2;
        padding-bottom: 15px;
    }

/* End Footer*/

/* Start Inner Page */

.innerPage {
    background-color: #333;
}
.post, .page , #footer .copyright p {
    margin: 0 !important;
}
/* End Inner Page */

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::focus-visible {

    border: none;
}
    
/**************************************Responsive  *********************************/

@media only screen and (max-width: 600px) {


    

nav.navbar {
    background: #3a4421;
    height: 100%;
}

.navbar-light .navbar-toggler {
    background-color: #fff;
}



  }

  /* */