* {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      background-color: #f5f5f5;
      font-family: Arial, Helvetica, sans-serif;
    }





/* ===== TOP CONTAINER ===== */
/* ===== TOP CONTAINER ===== */
.top-container {
  width: 100%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f5f5f5;
  position: relative;
  z-index: 9999; /* ensures dropdown stays above slideshow */
}

.top-left {
  width: 50%; /* Adjust as needed */
}

.top-right {
  width: 50%; /* Take up 50% of the container width */
  display: flex;
  justify-content: flex-end; /* Aligns contents to the right */
}

.top-left img {
  max-width: 100%;
  height: auto;
  max-height: 60px;
}











    /* ===== NAVIGATION ===== */


/* Main Menu Styles */
.navbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.nav-item {
  position: relative;
}

.nav-item a {
  text-decoration: none;
  background-color: #2a3c8e;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  border-radius: 6px;
  display: block;
  border: 2px solid #2a3c8e; /* Add border */
}

/* Dropdown Menu */
.nav-item .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #2a3c8e; /* Blue background */
  display: none;
  padding: 10px;
  min-width: 250px; /* Ensure it's wide enough for text */
  border-radius: 6px; /* Apply border-radius only to submenu */

  right: auto;  /* Prevent the dropdown from extending off the right side */
  z-index: 9999; /* Ensures the dropdown stays on top */
  max-width: 100vw; /* Prevent it from going off-screen */
  overflow-x: auto; /* Allow horizontal scroll if needed */

}



/* Show dropdown on hover */
.nav-item:hover .dropdown-menu {
  display: block;
  position: absolute;
  top: 100%;
  left: auto;  /* Reset the left position */
  right: 0;    /* Align it to the right edge of the parent */
  z-index: 9999;
}







/* Dropdown Links */
.dropdown-menu a {
  text-decoration: none;
  color: #ffffff;
  background-color: #2a3c8e; /* Blue background */
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  display: block;
  text-align: left;
  border-bottom: 2px solid #ffffff; /* White line on hover */
  border-radius: 0; /* Remove border-radius from submenu items */
}

/* Main Menu Hover */
.nav-item a:hover {
  background-color: #2a3c8e; /* No color change on hover for main menu */
  color: #ffffff;
}

/* Dropdown Menu Hover: Underline effect */
.dropdown-menu a:hover {
  background-color: transparent; /* No background color on hover */
  color: #ffffff;
}










    /* ===== HEADER SLIDESHOW ===== */
    .header-container {
      padding: 5px;
      background-color: #f5f5f5;
  margin-bottom: 40px; /* space below the header */
    }




    .slideshow {
      position: relative;
      width: 100%;
    }

    .slide {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 1.5s ease-in-out;
    }

    .slide img {
      width: 100%;
      height: auto;
      display: block;
    }

    .slide.active {
      opacity: 1;
      position: relative;
    }

    h1 {
      color: #2a3c8e;
    }


    /* ===== PAGE HEADING ===== */


/* Container that matches content width */
.page-heading-container {
  max-width: 1200px;      /* same as .content / grid */
  margin: 0 auto;          /* centers it */
  padding: 0 20px;         /* same horizontal padding as grid */
}

/* Heading styling */
.page-heading {
  margin: 40px 0 20px 0;   /* top & bottom spacing */
  font-size: 32px;
  font-weight: 600;
  color: #2a3c8e;
}




    /* ===== CONTENT ===== */
    .content {
  max-width: 1200px;        /* aligns with grid max width */
  margin: 0 auto;
  padding: 40px 20px;       /* same as tours-grid alignment */
      background: #ffffff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      border-radius: 6px;
    }









    /* ===== FOOTER ===== */
    .footer-container {
      width: 100%;
      padding: 5px;
      background: transparent;
    }

    .footer-row img {
      width: 100%;
      height: auto;
      display: block;
    }

    .footer-row.empty {
      height: 50px;
    }




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

      .top-left,
      .top-right {
        width: 100%;
        text-align: center;
        justify-content: center;
      }

      .top-right {
        margin-top: 10px;
        flex-wrap: wrap;
      }

      .content {
        margin: 10px;
      }

      .dropdown-content {
        position: static;
        min-width: 100%;
      }
    }