/* 
#ffc107 
#336a29
#a5ec60
#1c621b
*/

*{
  font-family:'Cairo', sans-serif;
  font-style: normal;
 
}
body{
  background:#f9fbfa;
  background:rgba(0,0,0,0.1);
  background:#fff;
  background:#f9fbfa;
}
header{
  z-index:999;
  background:#fff;
 // box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); 
  position:sticky;
  top:0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background:#f9fbfa;
 
}



@media(max-width:767px){
  .navbar{
    box-shadow: 0.5px 0.5px 20px gray;
  }
  .navbar-toggler{
    color:#1c621b;
    border:none;
    outline:none;
    box-shadow:none;
  }
  .navbar-toggler:focus{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
  }

}
@media(min-width:768px){
  .con1 {
    padding: 30px 0 30px 0;
    position:relative;
  }
  .navbar{
  padding:0;
 
  }
  .collapse{
    position:absolute;
    left:-40px;
  }
  .navbar-brand{
    position:absolute;
    right:-40px;
  }

}
  /* تصميم قسم Hero */
.hero-section {
  background: url("../assets/img/images (2).jpeg") no-repeat center center/cover;
  height: 90vh;
 color:white;
}

.hero-section span{
  color:gold;
  weight:10px;
  height:20px;
 
}

.hero-section h1 {
  font-weight: bold;
  margin-bottom: 20px;
}

.hero-section p {
  font-size: 22px;
  margin-bottom: 30px;
}

.hero-section .btn {
  font-size: 28px;
  font-weight:700px;
  padding: 2px 20px;
  border-radius: 40px;
  background-color:#1c621b;
  color:#ffffff;
  
}

.navbar-brand{
width:50px;
height:50px;
padding:0;
margin:0;
}
.navbar-brand img{
  width:100%;
}

.navbar-nav .nav-link {
  color: #333;
  font-size: 16px;
}

.navbar-nav .nav-link:hover{
  transition: 0.3s;
  color: #1c621b;
  border-bottom:2px solid #1c621b;
  
}

/* 
.con2{
  background-color:black;
  background-color:transparent;
   opacity:0.5; 
  border-radius:10px;
  
} */


@media(min-width: 768px){
  .hero-section {
    background: url("../assets/img/images (2).jpeg") no-repeat center center/cover;
    height: 85vh;
    color: white;
    width:96%;
    margin:auto;
    border-radius:15px;
    position: relative;
    bottom:-20px;

  }
  .space{
    height:30px;
  }
}
/*----------------------- About ---------------------------------*/
.title-about{
  margin-top:30px;
}
.content-about{
  align-self:center;
  color:black;
}
.img-parents{
display:flex;
justify-content:center;
}
.imgs{
  border-radius:10px;
  margin:10px;
  height:190px;
  width:190px;
}
.imgs img{
  border-radius:10px;
  width:100%;
  height:100%;
}
.img-1{
  margin-top:60px;
  background:black;
 
}
.img-2{
  background:black;
 
}
.img-parent{
  display:flex;
  justify-content:center;
  }
.img-3{
  float:left;
  background:black;

}
.content-about h6{
  color:#777;
  text-align:center;
}
@media(min-width: 768px){
  .img-parent{
    display:flex;
    justify-content:end;
    }
    .content-about{
 
      margin-top:70px;
    }
    .content-about h6{
      
      font-weight:300px;
      font-size:22px;
    }
    .title-about{
      margin-top:50px;
    }

}








/*-------------------------  Service -------------------------*/


        .section-title {
            text-align: center;
            font-size: 32px;
            font-weight: bold;
            color: #fff;
            
        
        }
        .col-card{
          border-radius:10px;
        }
        .card {
           // border:1px solid rgba(0, 0, 0, 0.1);
           // border:5px 5px 1px #1c621b;
           border:none;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s;
           // box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
            background-color: #fff;
            border-radius:8px;
            transition: 0.4s;
        }
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
        }
        .card img{
          height:100%;
          border-radius:8px 8px 0 0;
        }
        .card-title{
          text-align:right;
          font-weight:700;
          font-size:22px;
        }
        .btn-parent{
          width:100%;
          text-align:left;
        }
        .btn-custom {
            color: #000;
            border: 1px solid #1c621b;
            border-radius:20px;
            transition: transform 1s ease-in-out, transform 1s;
        }
        .btn-custom:hover {
            background-color: #1c621b;
            color: #fff;
            transform: scale(1.05);
        }


        @media(min-width:768px){
          .g-4{
            display:flex;
            justify-content: center;
          }
          
          .servcice-title{
            margin-bottom:40px;
          }

     
        }
/*-----------------------------  partners  -------------------------------------*/
.partners-section{
  overflow:hidden; 
  width:95%;

  margin:auto;
  border-radius:10px;
 margin-top:30px; 
 margin-bottom:30px;
  padding:5px;
}
.partner-mother{
  display:flex;
  justify-content:center;
  align-items:center;
}
.partner-action{
  display:block;
border: 1px solid #1c621b; 
padding:5px;
border-radius:30px;
background: #1c621b;
margin:auto;
text-align:center;
width:50%;
margin-top:30px;
color:#fff;
}
.partner-action{
text-decoration:none;
margin-bottom:10px;
transition: transform 1s ease-in-out, transform 1s;

}
.partner-action:hover{
  background:#a5ec60;
  border: none; 
  color:#fff;
  transform: scale(1.05);
}
.partner-img{
 
}
.partner-img img{
  width:100%;
  border-radius:10px;
  box-shadow:7px 7px 1px #1c621b;
 
}
  /*-------------------- TESTIMONIAL-----------------------------------------*/
.section-title-partners{
  width:100%;

  text-align:center;
  font-size: 28px;

  padding-bottom:10px;
  margin-bottom:20px;
  margin-top:80px;
}

.reivew-title{
  margin-bottom:30px;
  margin-top:90px;
}

.section-title {
    color: #1c621b;
    font-size: 32px;
    font-weight:700;

}

.testimonials {
  
    margin: auto;
    padding-bottom: 50px;
    background:#f9fbfa;

}

.swiper {
    width: 100%;
    padding: 20px;
}

.testimonial {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
   // box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.testimonial:hover {
    transform: scale(1.05);
}

.testimonial-content img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 10px;
    border: 2px solid #a5ec60 ;
  
}
.testimonial-content .head{
  display: grid;
  grid-template-columns: 20% 50%;
  grid-template-rows:100%;
}
.testimonial-content .title{
  padding-top:4px;
  text-align: right;
}
.testimonial h3 {
   display: inline;
    margin: 5px 0;
    font-size: 18px;
    color: #222;
   
   
}
.testimonial .fa-star , .fa-star-half-alt{
  color:#ffc107;
}

.job-title {
    font-size: 14px;
    color: #777;
}

.review {
    font-size: 16px;
    color: #555;
    margin: 10px 0;
}

.testimonial-space{
  height:30px;
}

.swiper-pagination-bullet-active {

    background: #1c621b;
}

 .review{
  display:flex;
  justify-content:center;
  align-items:center;
 }


.read-review a{
  color:#1c621b;
  font-size:22px;
  

}




/*------------------------------contact------------------------*/
.contact-container{

  margin-top:40px;
}
.form-control::placeholder{
  color:#a5ec60;
}
.section-contact{
  width:100%;
  background-color:#1c621b; 
  margin:auto;
  padding:10px 5px;
}
.contact-iframe{
 padding-top:20px;
  display:flex;
  justify-content:center;
  align-items:center;

}

iframe{
  width:90%;
  height:180px;

}

#contact h2 {
  color: #ffffff;
}

.contact-section-title{
  padding-bottom: 20px;
  color:#fff;
 
}
#contact p,
#contact a {
  color: #f9f9f9;
  
}


#contact-form {
  padding: 1em 0;
}
#contact-form .col-md-12,
#contact-form .col-md-4 {
  padding-left: 0;
}
#contact-form .form-control {
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  margin: 10px 0;
}
#contact-form input {
  height: 50px;
}
#contact-form input[type='submit'] {
  border-radius: 50px;
  border: 1px solid transparent;
  
  font-weight:500;
  background-color:#a5ec60;
}
#contact-form input[type='submit']:hover {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

textarea{
  
  width:100%;
  height:200px;
  overflow-y:auto;
  resize:none;
}

@media(max-width: 767px){
  iframe{
    height:300px;
    width:90%;
  }
}
/*------------------------------footer----------------------------*/
.footer-06{
  padding:0px;
  color:white;
  background-image: linear-gradient(to right top,#03440c, #1d2e28);
  //background-color:#1c621b;
  margin:auto;
}
@media(min-width: 767px){
  .footer-06{
    padding:0px;
    color:white;
    background-image: linear-gradient(to right top,#1c621b, #1d2e28);
    margin:auto;
    height:400px;
    padding-top:100px;
  }
}
.footer .col-md-4 h2{
  text-align:center;
}
.footer .col-md-4 ul{
  padding-right:0px;
}
.footer .col-md-4 ul li a {
color:white;
text-decoration:none;
text-align:center;


}
.con3{
 
 
  overflow:hidden;
 
}
.ff{
  text-align: center;
  padding:0 10px;
}


.social{
padding-top:40px;
display:flex;
justify-content:space-around;
align-items:end;

}
.title-sol{
  padding-top:20px;
  font-weight:500;
  font-size:24px;

}
.sol{
  padding-bottom:30px;
  height:45px;
  width:45px;
padding:5px;
border:2px solid #fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
}
@media(min-width:678px){
  .foo{
    border-left: 3px solid #a5ec60;
  }
}
#contact{
  padding-top:20px;
}