@media (max-width: 576px) {
  .nav-custom .nav-link {
    text-align: left;
  }
  .nav-custom .nav-link:hover::after,
  .nav-custom .nav-link.active-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0 !important;
    height: 0px;
    background: #0d141a; /* gold underline */
  }
  .hero {
    background: url(../images/banner.png) center / cover no-repeat;
    min-height: 680px;
    position: relative;
    width: 100%;
    color: #fff;
}
.hero-content{
      position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    padding: 0 15px;
    z-index: 2;
    text-align: center;
}
.servoce-row{margin-top: -206px !important;}
}