body { font-family: 'Roboto', sans-serif; color: #2D3E50; }
.hero {
  position: relative;
  color: white;
  padding: 100px 0;
  background: url('https://madisonprocessautomation.com/site_files/images/a20241124_homepage_hero_graphic.webp') no-repeat center center;
  background-size: cover;
}
.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(29, 59, 86, 0.7);
  z-index: 1;
}
.hero-content { position: relative; z-index: 2; }
.btn-primary { background-color: #27A3A3; border: none; }
.navbar-brand {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
}
.navbar-brand:hover {
  color: #000;
}
a:not(.btn):not(.nav-link):not(.navbar-brand) { color: #27A3A3; text-decoration: underline; }
a:not(.btn):not(.nav-link):not(.navbar-brand):hover { color: #1D3B56; }
.section-title { font-weight: 600; }
.service-image { width: 100%; height: auto; }
.about-section { background-color: #F9F9F9; padding: 60px 0; }
footer { padding: 20px 0; background-color: #1D3B56; color: white; text-align: center; }

@media (min-width: 992px) {
  .navbar-nav .nav-item > .nav-link { position: relative; transition: color .3s ease; }
  /* underline effect only for links that are not dropdown toggles */
  .navbar-nav .nav-item:not(.dropdown) > .nav-link::after {
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:0;
    height:2px;
    background:#27A3A3;
    transition:width .3s ease;
  }
  .navbar-nav .nav-item:not(.dropdown) > .nav-link:hover::after { width:100%; }
  .navbar-nav .nav-link:hover { color:#27A3A3; }
}

@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0; /* Remove gap for smoother hover */
  }
}