/* Add custom CSS styles below */ 
body#app {
    background-color:#F8F3ED;
}
#mainnav{
    background-color:#f8f3ed;
}
/*Logo large*/
#mainnav .navbar-brand img{
    width:100px !important;
    min-height:100px;
}
/*transparent to img*/
.s-block--fixed-banner .banner--fixed img ,
.s-block--banners  .grid .banner-entry {
    background-color:transparent !important;
}


/*photos slider full width */
section.s-block--photos-slider .swiper{
    padding:0;
}
section.s-block--photos-slider .swiper .swiper-slide{
    padding:0;
    width:100%;
}
section.s-block.s-block--photos-slider {
    margin-top:0;
}
section.s-block--photos-slider  button.s-slider-nav-arrow.swiper-button-disabled {
    visibility:hidden;
}
@media(min-width:768px){
section.s-block--banners .s-block__title h2{
    font-size:31px;
}
}

/*element list */
.s-block--banners > .grid a.banner-entry {
        grid-row: span 1 / span 2 ;
}
@media(min-width:768px){
   .s-block--banners:nth-of-type(2) > .grid {
        grid-template-columns:repeat(3, minmax(0, 1fr));
        max-width: 600px;
        margin: auto;
    } 
    .s-block--banners:nth-of-type(3) > .grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        max-width: 1000px;
        margin-top:80px  !important;
        margin: auto;
    }
    .s-block--banners:nth-of-type(3) > .grid a.banner-entry {
        height:400px;
    }
}
@media(max-width:768px){
    .s-block--banners:nth-of-type(2) > .grid {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
    .s-block--banners:nth-of-type(3) > .grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .s-block--banners:nth-of-type(2) > .grid a.banner-entry {
        height:100px;
    }
    #mainnav .navbar-brand img{
    width:70px !important;
    min-height:70px;
}
}
.s-block--features .s-block--features__item{
    background-color:transparent;
}
.s-block--features .feature-icon{
    background-color:#ffffff ;
}
.s-block--features .feature-icon i{
    color:#3f517b;
}
.s-block--custom-testimonials{
    background-color:#3f517b ;
    padding:50px !important;
    max-width:100% !important;
}
.s-block--custom-testimonials .s-reviews-header-wrapper{
    justify-content:center;
}
.s-block--custom-testimonials .s-reviews-header-wrapper h1{
    color:white;
    font-size:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
}
.s-block--custom-testimonials .s-reviews-header-wrapper h1:before{
    content:"قالوا عن تجربتهم ";
    font-size:30px;
}
.s-block--custom-testimonials .s-reviews-header-wrapper h1:after{
    content:"آراء عملائنا الكرام في منتجاتنا وخدماتنا ";
    font-size:20px;
    text-align:center;
}
@media(max-width:768px){
   .s-block--custom-testimonials .s-reviews-header-wrapper h1:before{
    font-size:20px;
}
.s-block--custom-testimonials .s-reviews-header-wrapper h1:after{
    content:"آراء عملائنا الكرام في منتجاتنا وخدماتنا ";
    font-size:15px;
    text-align:center;
} 
}