.background-overLayer {
    background-image: linear-gradient(45deg, #0086bf00 0%, #08709900 50%, #0a459500 100%), url(../images/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
@media (min-width:769px) {
.container{
  height: 80vh;
  display: flex;
  align-items: center;
}
}
.card p, .card span{
  color: #265395;
}

.card h5 {
  color: #265395;
  font-weight:700;
}

.card:hover{
  box-shadow: rgb(0 0 0 / 49%) 0px 14px 28px 3px, rgb(0 0 0 / 41%) 0px 10px 10px;
  text-decoration: none;
  transform: scale(1.1);
  transition: transform .4s;
}

.card span{
  font-size: small;
}

@media (max-width:767px){
  .card{
    width: 100% !important;
    margin-bottom: 15px;
  }
}

@media (max-width:600px){
  .before-card , .after-card{
    padding: 0px;
  }
  .navbar{
    border-bottom: 1px solid #fff;
  }
}

@media (max-width:375px){
  .m-view{
    padding: 0px;
  }
}