nav.navbar {
  backdrop-filter: none ;
  background-color: transparent; 
}

.hero-section {
    background-image: url('/images/maritime/background-home.webp'); 
    background-size: cover;
    background-position: center bottom; 
    padding: 144px 0;
    height: 100vh; 
}

.overlay {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100vh;
    background-image: url('/images/maritime/mask.svg'); 
    background-repeat: no-repeat; 
    background-position: bottom;
    background-size: 100% ; 
}

.hero-content {
  text-align: left;
  position: relative; 
  z-index: 1; 
}

.hero-content h1 {
  font-weight: bold;
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 480px) {
  .icon-expertise {
    width: 39%;
  }
}

@media only screen and (max-width: 991px) {
  nav.navbar {
    background-color: #fff; 
  }
  .navbar-collapse {
    height: 100vh;
  }
  .nav-link {
    padding-left: 8px !important;
  }
}