.navbar-light .nav-item > .nav-link.active  {
  color:orange;
  
}
a.nav-link
{
    position: relative;
}

.nav-item {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 0.9rem;
  text-transform: uppercase;  
  font-family: 'Poppins', sans-serif;
}

a.nav-link:before  {
  border-bottom: 3px solid orange;
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
a.nav-link:hover:before {
  visibility: visible;
  width: 100%;
} 
.navbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.card{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin: 15px 15px 15px 15px;
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.45rem;
}
 .card:hover {
  transform: skew(0deg,1deg);
} 
.card-img{
 height: 45%;
}
.responsive{
width:100%;
height: auto;
padding: 10px;
}
.findout{
  background-color:rgb(60, 176, 223); 
  color: white;
   width: 100%;
}
.findout:hover{
color: white;
}
.btn:focus{
outline: 0;
box-shadow: 0 0 0 0;
}
.quick{
  margin-top:-40px;
  opacity: 0.5;
}
.quick button:hover{
  background-color:#D3D3D3; 
}


footer{
position: relative;
width:100%;
background-color:gray;
text-align: center;
left: 0%;
bottom: 0%;
color:white;
padding-top: 55px;
padding-bottom: 35px;
font-family: 'Lato', sans-serif;
font-size: 14px;
} 
.fname{
  text-align: left;
  margin-left: 40px;
}
.social {
  text-align: left;
  margin-left: 40px;
  padding-top: 10px;

  }
  .footertitle{
    color: orange;
  text-decoration: underline;
  }
  .social a i{
    padding-left: 10px;
    padding-right: 10px;
    color: white;
  }
  
  .fa-twitter:hover{
    color: #55acee;
  }
  .fa-facebook:hover{
    color:#3b5999;
  }
  .fa-instagram:hover{
    color: #e4405f;
  }
  .fa-youtube:hover{
    color:#cd201f;
  }
 .column {
  float: left;
  width: 16%;
  padding: 5px;
}



