@import url('https://fonts.googleapis.com/css?family=Cairo:300,400,600,700&subset=arabic');
.header-area {
    background:#FFF;
}
.main-header .main-menu ul li a {
    color: #000;
    font-weight: bold;
    font-size:14px;
    text-transform:uppercase;
    font-family:'Cairo', sans-serif;
	padding: 37px 19px;
     
}
@keyframes myfirst {
    0% {
         top: 0px;
		left:800px

    }

    100% {
         left: 0px;
        top: 0px;
    }
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0% {
         top: 0px;
		left:800px
    }

    100% {
        left: 0px;
        top: 0px;
    }
}
.header-sticky.sticky-bar {
    background: #BFBFBF;
}

.main-header .main-menu ul ul.submenu {
    border-top: 5px solid #71BF43;
    background: #0000008c;
    font-family: 'Cairo', sans-serif;
}
.btn {
    background: #ED0303;
    font-family: 'Cairo', sans-serif;
}
.slider-area .hero__caption h1 span {
    color: #71BF43;
}
.clients-text p{
	font-size:12px;
	margin-bottom:0px;
	line-height:20px;
	font-weight:bold;
}
.img-container{
	height:90px;
	margin-bottom:10px;
}

.img-container img{
    width: 100%;
    object-fit: contain;
    overflow: hidden;
    height: 100%;
}

.btn::before {
    background: #b5b5b5;
}
#scrollUp, #back-top {
    background: #71BF43;
}
.main-header .main-menu ul li:hover > a {
    color: #71BF43;
}
.main-header .main-menu ul ul.submenu > li:hover > a {
    color: #71BF43;
}
.footer-area {
    background: #BFBFBF;
}
.footer-area .footer-top .single-footer-caption .footer-pera .info1 {
        color: #000000;
    }
.team-area .single-team:hover .team-caption {
    background: #71BF43;
    font-family: 'Cairo', sans-serif;
}
.section-tittle span {
    color: #71BF43;
    font-family: 'Cairo', sans-serif;
}

.categories-area .single-cat {
    height: 100%;
}
.categories-area .single-cat::before {
        background: #71BF43;
}
    .categories-area .single-cat .cat-icon span {
        color: #ED0303;
    }.header-area {
    background:#FFF;
}
.main-header .main-menu ul li a {
    color: #000;
    font-weight: bold;
}

.header-sticky.sticky-bar {
    background: #BFBFBF;
}

.main-header .main-menu ul ul.submenu {
    border-top: 5px solid #71BF43;
    background: #0000008c;
}
.btn {
    background: #ED0303;
}
.slider-area .hero__caption h1 span {
    color: #71BF43;
}
.btn::before {
    background: #b5b5b5;
}
#scrollUp, #back-top {
    background: #71BF43;
}
.main-header .main-menu ul li:hover > a {
    color: #71BF43;
    font-family: 'Cairo', sans-serif;
}
.main-header .main-menu ul ul.submenu > li:hover > a {
    color: #71BF43;
}
.footer-area {
    background: #BFBFBF;
}
.footer-area .footer-top .single-footer-caption .footer-pera .info1 {
        color: #000000;
    }
.team-area .single-team:hover .team-caption {
    background: #71BF43;
    font-family: 'Cairo', sans-serif;
}
.section-tittle span {
    color: #71BF43;
}

.categories-area .single-cat {
    height: 100%;
}
.categories-area .single-cat::before {
        background: #71BF43;
}
    .categories-area .single-cat .cat-icon span {
        color: #ED0303;
    }
.row-center{
    justify-content: center
}
.footer-area .footer-bottom .footer-copy-right p {
    color: #000;
    font-family: 'Cairo', sans-serif;
	 
}
 .footer-area .footer-bottom{
	 padding-bottom:0px !Important;
	padding-top:5px !Important;   
 }
.section-tittle2 h2 {
    color: #000;
    font-family: 'Cairo', sans-serif;
}
.testimonial-area .testimonial-caption .testimonial-top-cap p {
    color: #000000;
    font-family: 'Cairo', sans-serif;
}
.testimonial-area .testimonial-caption .testimonial-founder .founder-text span {
    color: #71BF43;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: 'Cairo', sans-serif;
}
p {
    color: #000;
    font-family: 'Cairo', sans-serif;
}
.section-tittle p {
    color: #000;
    font-family: 'Cairo', sans-serif;
}
/* .slider-height {
    background-image: url(../img/home/home_banner.jpg);
 
} */
.team-area .single-team .team-caption h3 a {
    font-family: 'Cairo', sans-serif;
}

.testimonial-padding {
    padding-top: 40px;
    padding-bottom: 0px;
}
 
@media only screen and (min-width: 800px) {
	/*padding between logo and menu*/
	.main-header .main-menu {
			/* padding-left: 30px; */
	}
}
/*padding for text*/
.section-padding30 {
    padding-top: 33px;
    padding-bottom: 50px;
}
.section-padding40 {
    padding-top: 33px;
    padding-bottom: 170px;
}

/* color of the mobile menu*/
.mobile_menu .slicknav_menu .slicknav_btn .slicknav_icon-bar {
    background-color: #000 !important;
}

 

/*for box of our version and our mission*/
.mv-box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #479a19;
    float: left;
    margin: 0 5% 0 0;
    padding: 2%;
}
.slider-area .hero__caption h1 {
 text-transform:unset;
 font-size:50px;
}


.home-blog-area .home-blog-single .blog-caption .blog-date p {

    line-height: 1.5;
}
 a {
 color: #ffffff;
 }
a:hover {
    color: #ffffff;
 }
.slider-height2 {
    min-height: 200px !Important;
	background-color:#BFBFBF !Important
}
dl, ol, ul {
     margin-bottom: 0rem;
}
/*color of the circle of the loading logo*/
.preloader .preloader-circle {
   
border-top-color: #71bf43;
}

/*Change the font size for text on the banners */
.slider-area .hero-cap h2 {
	font-size:50px;
}
/*setting font for the home page */
  .home-text-style{
	font-family: 'Cairo', sans-serif;
    text-transform: lowercase;
    font-style: italic;
  }
.contact-section {
    padding: 30px 0 50px;
}
/*end sticky footer*/


@media screen and (min-width: 992px) and (max-width: 1199px){
/* .slider-height {
    min-height: 90vh;	
} */
.main-header .main-menu ul li a {
padding:27px 13px;
}

}
/*apply the logic for scroll accroding the page content*/
 html, body {
          height: 100%;
          margin: 0;
        }

        .box-container {
          display: flex;
          flex-flow: column;
          height: 100%;
		  direction:rtl;

        }
 .clients-box-container {
          display: flex;
          flex-flow: column;
          height: 100%;
        }
		.testimonial-area
		{
			 flex: 0 1 auto;
		}
.team-area{
	 flex: 1 1 auto;
}
        
        .box-container .row-container.header {
          flex: 0 1 auto;
        }

        .box-container .row-container.content {
          flex: 1 1 auto;
        }

        .box-container .row-container.footer {
          flex: 0 1 40px;
        }
        
        .hero-text {
          text-align: center;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
        div.main-background{
			height:100%;
		}
        .main-background {
          background-image: url(../img/home/home-banner-sm.png); 
          background-size:100%; 
          background-repeat:no-repeat;
          background-position: center;
        }

        @media only screen and (min-width: 600px) and (max-width: 1024px) {
          .main-background {
            background-image: url(../img/home/home-banner-md.png); 
            background-size:cover; 
            background-repeat:no-repeat;
            background-position: center;
          }
		 
        }
        
        @media only screen and (min-width: 1025px) {
          .main-background {
            background-image: url(../img/home/home-banner.jpg); 
            background-size:cover; 
            background-repeat:no-repeat;
            background-position: center;
          }
		 
        }
		@media only screen and (min-width: 900px){
			.hero__caption h1 {
           width:840px; 
                 }
				 .slider-area .hero__caption h1 {
           font-size: 80px;
           text-transform:unset;
                 }
		}
		@media only screen and (min-width: 1200px) and (max-width: 1600px) {
         
		 .hero-text {
          text-align: center;
          position: relative;
          top: 85%;
          left: 20%;
          transform: translate(-50%, -50%);
        }
		}
		@media only screen and (min-width: 900px) and (max-width: 1199px) {
         
		 .hero-text {
          text-align: center;
          position: relative;
          top: 85%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
		}
		
		@media only screen and (min-width: 1601px){
			 .hero-text {
          text-align: center;
          position: relative;
          top: 85%;
          left: 20%;
          transform: translate(-50%, -50%);
		}
		}
		
	@media (max-width: 991px) {
    .logo .mobile {
 	  float:left;
	}
  }