html,
body,
header,
#intro {
    height: 100%;
}
body {
    width: 100%;
}


  
  
      /* Necessary for full page carousel*/
html,
body,
.view {
  height: 100%;
}
  
      /* Carousel*/
.carousel {
  top: -20px;
}

      #carousel-example-1.carousel,
      #carousel-example-1 .carousel-item,
      #carousel-example-1 .carousel-item.active {
        height: 100%;
      }
      #carousel-example-1 .carousel-inner {
        height: 100%;
      }
      #carousel-example-1 .carousel-item:nth-child(1) {
        background-image: url("images/zard.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
      }
      #carousel-example-1 .carousel-item:nth-child(2) {
        background-image: url("images/imgFirst.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
      }
      #carousel-example-1 .carousel-item:nth-child(3) {
        background-image: url("images/smile.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
      }



.help-us{
  position: relative;
  background: #3f51b5d0;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.help-us .section-title h2{
  color: #fff;
}
.help-us .title p{
  color: #d8d8d9;
  font-size: 15px;
}
.help-us .icon-box{
  margin-bottom: 18px;
}
.help-us .icon-box i:before{
  font-size: 60px;
  color: #fff;
  margin: 0px;
  margin-bottom: 0px;
}
.help-us h4{
  color: #fff;
}
.help-us .single-item{
  position: relative;
  padding: 81px 0px 39px 0px;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid #8d9091;
  width: 230px;
  transition: all 500ms ease;
}
.help-us .single-item:hover{
  background: #3f51b5;
  border: 1px solid #3f51b5;
  transition: all 500ms ease;
}
.help-us .single-item.two{
  margin: 0 auto;
}
.help-us .single-item.three{
    margin: 0 auto;
}
.help-us .single-item.one{
    margin: 0 auto;
}


  
.top-nav-collapse {
  background-color:#3f51b5 ;
}
@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #3f51b5;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #3f51b5;
  }
}