/*html{
  scroll-behavior: smooth;
}*/
body{
  
  font-family: 'Dosis', sans-serif;
  margin: 0;
  padding: 0;

}
a, button{
  cursor: pointer;
}
p{
  font-size: 20px;
}
/*==navbar==*/
.navbar{
  height: 65px;
  box-shadow: 0 .4rem .7rem rgba(0, 0, 0, 0.2);
  z-index: 1000;
  padding: 0px 10px;
  background: white!important;
}
.navbar img{
  height: 60px;
}
#nav{
  background: white!important;

}
.non-active{
  color: black!important;
}
.navbar a{
  margin-right: 30px;
  font-size: 20px;
  color: black;
  margin-left: 5px;
}
.navbar a:hover{
  color: #d9534f!important;
}
li.active a{
  color: #d9534f!important;
}

/*==end of navbar==*/

/*==carousal==*/
.carousel{
  box-shadow: 0 .5rem .5rem rgba(0, 0, 0, .4);
  margin-top: 60px;
}
.carousel-caption{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.carousel-inner{
  max-height: 40rem !important;
}

.carousel-item img{
  max-height: 40rem !important;
}
.bg-custom{
  background-color: rgba(0, 0, 0, .4);
  border-radius: 1rem;
}

/*==end of carousal==*/

/*==home section==*/
.hero{
  margin-top: 60px;
  padding-top: 13rem;
  padding-bottom: 6rem;
  text-align: center;
  width: 100%;
  color: white;
  background-image: url('../img/hero1.jpg');  
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  box-shadow: 0 .1rem .9rem rgba(0, 0, 0, 0.3);
  text-shadow: 0 .4rem .7rem rgba(0, 0, 0, 0.8);
}
.hero .container{
  height: 200px;
}

.modal-dialog{
  z-index: 2000px
}

/*==end of home section==*/

/*==mission section==*/
.mission{
  background: white;
  padding: 20px;
  color: black;
  border-radius: 10px;
  box-shadow: 0 .0rem .5rem rgba(0, 0, 0, 0.5);
}


/*== end of mission section==*/

/*== projects section ==*/

.img-fluid{
  height: 400px!important;
  width: 500px!important;
}
.projects ol li{
  list-style: none;
}
.projects .container{
  margin-top: 20px;
  box-shadow: 0 .0rem .5rem rgba(0, 0, 0, 0.5);
  border-radius: 10px;

}

/*== end of projects section ==*/

/*== about section ==*/
.about-section{

  padding: 10px;
  background-image: url('../img/established.jpg');  
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover; 
}

.about{
  opacity: 0.9;
  background: white;
  padding: 20px;
  color: black;
  border-radius: 10px;
  margin-bottom: 30px
}
.about img{
  height: 400px;
}
.leaders img{
    height: 170px;
    width: 140px!important;
}
.modal-body img{
  height: 350px;
  width: 300px!important;
}
/*== end of abut section ==*/

  /*==contact section*/
form textarea{
  resize: none;
 
}
.contact a{
  color: #d9534f!important;
  
}
/*==end of contact section*/

/*==footer==*/

footer {
   color: white;
}
footer a{
  color: white;
  text-decoration: underline;
  
}
/*==end of footer==*/

/*==hover effects==*/
.projects .container:hover {
  box-shadow: 0 .0rem 1rem rgba(0, 0, 0, 0.5);
}
.contact a:hover {
  text-decoration: underline;
}
footer a:hover{
  color: #d9534f;
  text-decoration: none;
  
}
.developer:hover{
  text-decoration: underline;
}
/*== end of hover effects==*/

/*==small size screens==*/
@media screen and (max-width: 530px){
  .img-fluid{
    height: 230px!important;
    width: 230px!important;
  }

}
/*==medium size screens==*/
@media screen and (max-width: 990px){
  .about img{
    height: 300px!important;
  }
    .carousel{
    height: 400px;
  }
  .carousel-inner img{
    height: 400px;
  }
  .carousel-caption .container{
    max-width: 100%;
    width:100%;    
    padding: 0px!important;
    margin:0px!important;
  }
  .carousel-caption .container .row{
    max-width: 100%;
    width:100%!important;    
    padding: 0px!important;
    margin:0px!important;

  }
  .bg-custom{
    max-width: 100%;
    width:100%!important;    
    margin:0px!important;
  }
  .carousel-caption{
    position: absolute;
    top: 45%;
    transform: translateY(-54%);
  }
}
.developer{
  color: #d9534f;
  text-decoration: none;
}