* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  background: #ffffff;
  color: #1a202c;
}


.top-bar {
  background: #E1F5FE;
  color: #FFFFFF;
  padding: 6px 0;
    font-size: 14px;
}

.navbar {
  /* position: relative; */
  z-index: 9999 !important;
  background: linear-gradient(90deg, #E1F5FE, #B3E5FC);
  color: #01579B; 
}
.dropdown-menu {
  position: absolute;
  z-index: 10000 !important;
}
.top-bar a {
  color: #01579B;
  text-decoration: none;
}

.top-bar a:hover {
  text-decoration: underline;
  color: #00B0FF;
}


.navbar .nav-link {
  color: #01579B !important;  /* white text */
  font-weight: 500;
  transition: color 0.3s ease;
}

/* Hover & Active link color (logo blue) */
.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: #00B0FF !important;
}

/* Dropdown Menu */
.navbar .dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
}

.navbar .dropdown-item {
  color: #0B1C2A;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.navbar .dropdown-item:hover {
  background-color: #38B7FE;
  color: #ffffff;
}
/* Hero Section */
.hero {
  background: url("images/hero_1.jpg") center/cover no-repeat;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  position: relative;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}

.hero h1 {
  position: relative;
  z-index: 1;
  font-size: 3rem;
  font-weight: 700;
}

/* Dropdown Hover Effect */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  
}
.navbar-collapse {
  z-index: 9999;
}

.logo {
    height: 50px;
}

.button-92 {
  /* --c: #fff; */
  /* text color */
 
  /* background color */
  /* color: #0000;
  border: none; */
  /* transform: perspective(500px) rotateY(calc(20deg*var(--_i,-1)));
  text-shadow: calc(var(--_i,-1)* 0.08em) -.01em 0   var(--c),
    calc(var(--_i,-1)*-0.08em)  .01em 2px #0004;
  outline-offset: .1em;
  transition: 0.3s; */
}
a{
  text-decoration: none;
}

.button-92:hover,
.button-92:focus-visible {
  --_p: 0%;
  --_i: 1;
}

.button-92:active {
  text-shadow: none;
  color: var(--c);
  box-shadow: inset 0 0 9e9q #0005;
  transition: 0s;
}

.button-92 {
  /* font-weight: bold; */
  /* font-size:    20px;; */
  margin: 0;
  cursor: pointer;
  padding: .1em .3em;
}

@media (max-width: 768px) {
  .top-bar {
    display: none;
  }
     .logo {
    height: 25px;
}
}