/* Color Palette */
:root {
  --navy-blue: #1b365d;
  --accent-blue: #00d1ff;
  --text-muted: #6c757d;
  --bg-light: #f8f9fa;
}

/* Typography & Colors
.text-navy { color: #001f3f; }
.bg-navy { background-color: #001f3f; }*/
.bg-navy {
  background-color: var(--navy-blue) !important;
}

.text-navy {
  color: var(--navy-blue);
}
.btn-navy {
  background-color: #001f3f;
  color: white;
  border: none;
}
.btn-navy:hover {
  background-color: #003366;
  color: white;
  transform: translateY(-2px);
}

/* Layout Helpers */
.rounded-4 {
  border-radius: 1.5rem !important;
}
.tracking-widest {
  letter-spacing: 0.15em;
}

/* Image Effects */
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1) !important;
}

body {
  font-family: 'Inter', sans-serif;
  color: #333;
}

.rounded-custom {
  border-radius: 20px !important; /* Modernized Roundel */
}

/* Hero Badge */
.badge-trusted {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

/* Ensure the image fills its flex container exactly */
.object-fit-cover {
  object-fit: cover;
}

/* Matching the small sub-text from your screenshot */
.x-small {
  font-size: 10px;
  letter-spacing: 1px;
}

/* Keep the spacing between the blue boxes consistent with the design gutter */
.hero-section .row.g-4 {
  --bs-gutter-y: 1.5rem;
}

/* Optional: Subtle letter spacing for the 'Welcome' text */
.letter-spacing-1 {
  letter-spacing: 2px;
}

/* Service Icons */

.icon-box {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  border-radius: 12px !important; /* Matches the inner card curvature */
}

.card:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
}

/* Navbar Customization */
.nav-link {
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--navy-blue) !important;
}

/* Ensure Navbar is always on top of the sticky sidebar */
.navbar {
  z-index: 1050 !important; /* Higher than Bootstrap's default sticky (1020) */
}

/* Ensure Dropdown Menu pops over everything */
.dropdown-menu {
  z-index: 9999 !important;
  margin-top: 10px !important; /* Adds a clean gap from the trigger */
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.navbar-collapse {
  background-color: #ffffff; /* Prevents seeing the sidebar through the mobile menu */
  padding: 1rem;
  border-radius: 10px;
}

.btn-primary {
  background-color: var(--navy-blue);
  border: none;
}

.btn-primary:hover {
  background-color: #122540;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .display-5 {
    font-size: 2rem;
  }
  .hero-card {
    margin-top: -30px;
    position: relative;
    z-index: 2;
  }
}
/* Testimonial Overlay */
.gradient-overlay {
  background: linear-gradient(transparent, rgba(27, 54, 93, 0.9));
}

/* Accordion Customization */
.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: var(--navy-blue);
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

.accordion-item {
  border: 1px solid #eee !important;
}

/* Small adjustments for the 'Read More' bar */
.bg-navy.shadow {
  box-shadow: 0 10px 30px rgba(27, 54, 93, 0.2) !important;
}

.transition-up {
  transition: transform 0.3s ease;
}
.transition-up:hover {
  transform: translateY(-10px);
}