.nav-border {
    box-sizing: border-box;
  }
  
  body {
    background: url("../images/map4.jfif") no-repeat center center fixed;
    background-size: cover;
    margin: 0;
    font-family: 'Roboto', sans-serif;
  }
  
  .container {
    max-width: 1000px;
    margin: 0 auto;
  }
  .navbar2{
    background: #ff0000;
    display: flex; justify-content: center;
  }
  nav {
    box-shadow: 0 0 15px 0 rgba(0,0,0,.10)
  }
  .brand{
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    line-height: inherit;
    white-space: nowrap;
  }
  nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    text-align: left;
  }
  
  nav li {
    display: inline-block;
  }
  
  nav a {
    color: white;
    text-decoration: none;
    display: block;
  }
  
  nav li:hover {
    text-decoration: underline;
  }
  
  nav li:hover a {
    color: #ff0000;
  }
  
  
  .menu-sub {
    position: absolute;
    left: 0;
    background:rgba(209, 196, 196, 0.925);
    display: none;
    color: #ff0000;
    padding: 2em;
  }
  
  nav li:hover .menu-sub {
    display: block;
    z-index: 2;
  }
  
  .menu-sub li {
    display: block;
  }
  
  .menu-sub a {
    padding: 0;
    margin-bottom: .35em;
  }
  
  .menu-sub a:hover {
    text-decoration: underline;
  }
  
  .menu-category {
    margin: 2.5em 0 .5em;
  }
  
  .menu-category:first-of-type {
    margin-top: 0;
  }
  
  .menu-col-1,
  .menu-col-2,
  .menu-col-3,
  .menu-col-4 {
    float: left;
  }
  
  .menu-col-1 {
    width: 50%;
  }
  
  .menu-col-2 {
    width: 50%;
  }
  /* for all the 2ndnavbar megadrop down text content on left */
  .heading-menu{
    font-size: 20px;
    font-family: 'Exo 2', sans-serif;
}
  /* class grid1 for testimonial */
  #grid1{
    margin: 5%;
    text-align: center;
    /* padding-left: 20%; */
    font-size: 20px;
  }
/* class center to center the testimonial */
.center{
  display: flex;justify-content: center;
}
/* for overlay text on cars */
.bottom-left{
    position: absolute;
    bottom: 0px;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
}
.card-block{
  box-shadow: 0px 0px 4px #848484;/*for shadow efect around the box*/
}
/* for both grids text editing */
.grid-text{
  position: absolute;
  bottom:20px;
  left: 30px;
  font-size: 20px;
  padding-right:50px; 
  padding-bottom: 10%;
}
/* for both grids images */
.img-shadow{
  box-shadow: 0px 0px 4px #848484;/*for shadow efect around the box*/

}
/* for counter and social media handles */
.counter{
  box-shadow: 0px 0px 4px #848484;/*for shadow efect around the box*/
  color: white;
  background-color: rgba(0, 0, 0, 0.678);
  border-radius: 1%; 
}
/* for counter */
.info {
  font-size: 40px;
}

/* Banner Image */
.hero-image {
	width: 1550px;
	height: 646px;
}