/* style.css */

/* Color Variables */
:root {
  --primary-blue: #093062;
  --navy-overlay: #091931;
  --gold: #d4af37;
  --silver: #c0c0c0;
  --soft-white: #f9f9f9;
  --pure-white: #ffffff;
  --jet-black: #000000;
}

body {
  background-color: var(--pure-white);
  color: var(--pure-white);
  font-family: 'Segoe UI', sans-serif;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--pure-white);
}

.text-gold {
  color: var(--gold);
}

.btn-gold {
  background-color: var(--gold);
  color: var(--pure-white);
  border: none;
  transition: all 0.3s ease;
}

.btn-gold:hover {
  background-color: var(--pure-white);
  color: var(--gold);
  box-shadow: 0 0 10px var(--gold);
}

.bg-primary-blue {
  background-color: var(--primary-blue) !important;
}

.bg-navy-overlay {
  background-color: var(--navy-overlay) !important;
}

.hero-section {
  background: url('img/download.png') no-repeat center center;
  background-size: cover;
  min-height: 50vh; /* reduced from 100vh to 50vh */
  position: relative;
  display: flex;
  align-items: center;
}

.hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 15px;
}

.btn-gold {
  background-color: #D4AF37;
  color: #fff;
  border: none;
  padding: 10px 25px;
  font-weight: 500;
  transition: background 0.3s ease;
}

.btn-gold:hover {
  background-color: #c89d2d;
  color: white;
}

.services-section {
  background-color: var(--navy-overlay);
}

.service-card {
  background-color: var(--soft-white);
  border-left: 5px solid var(--gold);
  border-radius: 8px;
  color: var(--jet-black);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
  
}

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

.nav-link:hover {
  text-decoration: underline;
  color: var(--gold) !important;
}

footer p {
  font-size: 0.9rem;
  margin: 0;
}

.map-responsive iframe {
  width: 100%;
  height: 100%;
  border: 2px solid var(--gold);
  border-radius: 12px;
}

form input,
form textarea {
  background-color: var(--soft-white);
  color: var(--jet-black);
  border: 1px solid var(--silver);
  border-radius: 6px;
}

form input:focus,
form textarea:focus {
  outline: none;
  border-color: var(--gold);
  box-shadow: 0 0 5px var(--gold);
}
//* Colors */
.text-blue {
  color: #004c99;
}

.icon-gold {
  font-size: 2.5rem;
  color: #D4AF37;
}

/* Card Design */
.project-card {
  background-color: var(--soft-white);
  border: 1px solid #D4AF37;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  
}

.project-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

/* Section Title */
.section-title {
  color: #004c99;
  font-weight: bold;
}

/* Gallery Section Styling */
.gallery-section img {
  transition: transform 0.3s ease;
}

.gallery-section img:hover {
  transform: scale(1.05);
}
/* Theme Colors */
.text-blue {
  color: #004c99;
}

.bg-blue {
  background-color: #004c99;
}

.text-gold {
  color: #D4AF37;
}

.btn-gold {
  background-color: #D4AF37;
  color: #fff;
  border: none;
  transition: background 0.3s ease;
}

.btn-gold:hover {
  background-color: #c89d2d;
  color: white;
}
.text-gold {
  color: #D4AF37;
}

.text-gold:hover {
  color: #c89d2d;
  transition: 0.3s ease-in-out;
}