body {
  margin: 0;
  font-family: 'Gotham', sans-serif;
}

.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}


.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 40px;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  position: relative;
  z-index: 1000;
}

/* Logo */
.logo {
  height: 150px;
  object-fit: contain;
}

/* Hamburger button */
.burger {
  width: 34px;
  height: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

.burger span {
  display: block;
  width: 100%;
  height: 3px;
  background: #163b63; /* your blue */
  border-radius: 2px;
  transition: transform 0.25s ease, opacity 0.2s ease;
}

/* Animate burger into X */
.burger.is-open span:nth-child(1) { transform: translateY(10px) rotate(45deg); }
.burger.is-open span:nth-child(2) { opacity: 0; }
.burger.is-open span:nth-child(3) { transform: translateY(-10px) rotate(-45deg); }

/* Dropdown menu */
.menu {
  display: none;
  position: absolute;
  top: 83px;
  left: 0;
  right: 0;
  background: rgba(22,59,99,0.95);
  flex-direction: column;
}

.menu.show {
  display: flex;
}

.menu a {
  color: white;
  text-decoration: none;
  padding: 14px 20px;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.menu a:first-child { border-top: 0; }

@keyframes slideDown {
  
  from { transform: translateY(-20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
/* Responsive: stack nav on small screens */
@media (max-width: 768px) {
  .navbar {
    flex-direction: column;
    height: auto;
    padding: 20px;
  }

  .menu {
    top: 220px
  }

  .nav-links {
    margin-top: 10px;
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }
}

.main-content {
  flex: 1;
  display: flex;
  justify-content: center;  /* centers horizontally */
  align-items: center;      /* centers vertically */
  padding: 20px;
  font-family: 'Gotham', sans-serif;
}

.backgroundimg {
  display:block;
  margin: -10px auto;
  zoom: 2;
  height: auto;
  object-fit: cover;
  
}

.footer {
  background-color: #272727;
  padding: 30px 0;
  text-align: center;
}

.footer-content {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-logo {
  height: 80px;
  object-fit: contain;
  max-width: 100%;
}

.footer-text {
  padding-left: 20px;
  color: white;
  font-size: 14px;
  font-family: 'Gotham', sans-serif;
}

.image{
  object-fit: cover;
  width: 100%;
  height: 200px;
  overflow: hidden;
  
}


.image2 .about h1{
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
}

.image2 .about p{
  padding-left: 40px;
  padding-right: 40px;
  font-size: 20px;
}

.about {
  text-align: left;
  
}

.hero {
      background-image: url('./logos/3f71b5fc-df24-463b-b5a3-5361725c12b5.JPG'); /* Replace with actual path */
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      height: 70vh;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 20px;
    }

    .hero::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4); /* Dark overlay for text readability */
      z-index: 1;
    }

    .hero-content {
      position: relative;
      z-index: 2;
      max-width: 900px;
    }

    .hero h1 {
      font-size: 2.8rem;
      margin-bottom: 20px;
    }

    .hero p {
      font-size: 1.2rem;
      line-height: 1.6;
      margin-bottom: 15px;
    }

    /* Mobile Responsive Styles */
    @media (max-width: 768px) {
      .hero {
        padding: 40px 20px;
        height: auto;
        min-height: 100vh;
      }

      .hero h1 {
        font-size: 2rem;
      }

      .hero p {
        font-size: 1rem;
        text-align: left;
      }

      .hero-content {
        max-width: 100%;
      }
    }