/* assets/css/style.css */
body {
  font-family: 'Open Sans', sans-serif;
  background-color: #f8f9fa;
  color: #333;
}

.navbar-brand, .nav-link {
  font-weight: 600;
}

.hero-section {
  position: relative;
  overflow: hidden;
}

.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}

.hero-section .container {
  position: relative;
  z-index: 2;
}

.card {
  border: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}

.card:hover {
  transform: translateY(-5px);
}

.sky-bg {
    background-color: #D2EAF8
}

.sky-txt { color: #0075B2 }

.btn-primary {
    background-color: #0075B2;
    border-color: #0075B2;
}

.btn-primary:hover, 
.btn-primary:focus {
    background-color: #006AA4; /* Slightly darker on hover/focus */
    border-color: #006AA4;
}

/* Active state (on click) */
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #005888;
    border-color: #005888;
    box-shadow: none; /* Remove default focus shadow if needed */
}