body {
          font-family: 'Lato', sans-serif;
          font-size: 14px;
          color: #000;
          background-color: #f8f8f8;
        }
        
        
        /* Section Titles */
        .text-center {
          color: darkblue;
          font-weight: bold;
        }
    
 .custom-nav {
  background-color: darkblue;
  padding: 0 20px;
  position: relative;
  height: 50px;
  text-align: center;
  z-index: 1000;   /* keeps navbar above page content */
  display: flex;              /* make nav a flex container */
  justify-content: center;    /* center items horizontally */
  align-items: center;        /* center items vertically */
}

.nav-list {
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  justify-content:center;
}

.nav-list li {
  margin: 0 20px;
}

.nav-list li a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.nav-list li.active a {
  color: #4A90E2;
  border-bottom: 2px solid #4A90E2;
}

.menu-toggle {
  display: none;
  background: none;
  border: none;
  color: white;
  font-size: 26px;
  position: absolute;
  left: 15px;
  top: 10px;
  cursor: pointer;
  z-index: 1000;
}

/* Mobile */
@media (max-width:768px){

  .custom-nav {
    flex-direction: column;   /* stack toggle + menu vertically */
    align-items: flex-start;
    height:auto;
  }

  .nav-list {
    display:block;
    max-height:0;
    overflow:hidden;
    transition:max-height 0.4s ease;
    width:100%;
    text-align:center;
    background-color:darkblue;
    position:relative;
    z-index:999;
  }

  .nav-list li {
    display:block;
    margin:10px 0;
    border-bottom:1px solid rgba(255,255,255,0.3);
  }

  .nav-list li:last-child {
    border-bottom:none;
  }

  .nav-list li a {
    color:white;
    font-weight:bold;
  }

  .nav-list.show {
    max-height:500px;
  }

  .menu-toggle {
    display:block;
    background-color:darkblue; /* ensure visible bar */
    color:white;
    padding:5px 10px;
    border-radius:4px;
    margin-bottom:5px;
    position:relative;         /* no overlap */
  }
}

    
    
    .bg-darkblue {
      background-color: darkblue !important;
    }
    
  
    .ceo-photo {
      width: 200px;
      height: 200px;
      object-fit: cover;
      border-radius: 10px;
      border: 3px solid darkblue;
      display: block;
      margin: 1rem auto;
    }
  
  .profile-img {
      max-height: 220px;       /* uniform height */
      object-fit: cover;       /* crop neatly */
      border-radius: 8px;      /* rounded corners */
      transition: transform 0.3s ease;
    }
    .profile-img:hover {
      transform: scale(1.05);  /* subtle zoom on hover */
    }