@charset "UTF-8";
/* === DARK THEME GLOBAL STYLES === */
/* line 2, app/assets/stylesheets/application.scss */
html, body {
  background-color: #000 !important;
  color: #fff !important;
}

/* line 7, app/assets/stylesheets/application.scss */
h1, h2, h3, h4, h5, h6,
p, span, li, a, div, section {
  color: #fff !important;
}

/* line 12, app/assets/stylesheets/application.scss */
.text-muted {
  color: #ccc !important;
}

/* line 16, app/assets/stylesheets/application.scss */
.container,
.container-fluid,
.row,
.col {
  background-color: transparent !important;
  color: #fff !important;
}

/* =========================================================
   GLOBAL THEME COLOR VARIABLES (Default: Red)
   ========================================================= */
/* line 28, app/assets/stylesheets/application.scss */
:root {
  --accent: #e53935;
  --accent-light: rgba(229,57,53,0.1);
}

/* =========================================================
   Reset and Base Styles
   ========================================================= */
/* line 36, app/assets/stylesheets/application.scss */
html, body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background-color: #000 !important;
  color: #fff !important;
  overflow-x: visible !important;
  overflow-y: scroll !important;
}

/* =========================================================
   Navbar
   ========================================================= */
/* line 50, app/assets/stylesheets/application.scss */
.navbar {
  background-color: #ffffff !important;
  height: 60px;
  padding: 0;
  font-size: 0.85rem;
}

/* line 56, app/assets/stylesheets/application.scss */
.navbar-brand img {
  width: 130px;
  height: auto;
  object-fit: contain;
}

/* line 57, app/assets/stylesheets/application.scss */
.nav-link {
  padding: 4px 10px !important;
}

/* line 58, app/assets/stylesheets/application.scss */
.dropdown-menu, .dropdown-item {
  font-size: 0.85rem;
  padding: 4px 12px;
}

/* line 59, app/assets/stylesheets/application.scss */
.navbar-collapse {
  flex-grow: 0;
}

/* line 60, app/assets/stylesheets/application.scss */
.navbar .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

/* line 61, app/assets/stylesheets/application.scss */
.dropdown-toggle::after {
  transition: transform 0.2s ease;
}

/* line 62, app/assets/stylesheets/application.scss */
.navbar .dropdown:hover .dropdown-toggle::after {
  transform: rotate(180deg);
}

/* =========================================================
   Carousel / hero helpers
   ========================================================= */
/* line 67, app/assets/stylesheets/application.scss */
.learn-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  font-weight: bold;
  font-size: 16px;
  color: white;
  background-color: #0c2d5b;
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  margin-top: 20px;
}

/* line 73, app/assets/stylesheets/application.scss */
.learn-more-btn:hover {
  background-color: #144a8a;
}

/* line 74, app/assets/stylesheets/application.scss */
.learn-more-btn i {
  font-size: 16px;
}

/* line 76, app/assets/stylesheets/application.scss */
main.container {
  min-height: calc(100vh - 80px);
  padding-top: 80px;
  background: transparent;
  position: relative;
}

/* line 78, app/assets/stylesheets/application.scss */
.hero-fade-img {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 1s;
  z-index: 1;
}

/* line 82, app/assets/stylesheets/application.scss */
.hero-fade-img.active {
  opacity: 1;
  z-index: 2;
}

/* line 84, app/assets/stylesheets/application.scss */
.headline-word {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s, transform 0.5s;
}

/* line 85, app/assets/stylesheets/application.scss */
.headline-word.visible {
  opacity: 1;
  transform: translateY(0);
}

/* line 87, app/assets/stylesheets/application.scss */
#nav-search-form {
  display: none !important;
  align-items: center;
  gap: 8px;
}

/* line 88, app/assets/stylesheets/application.scss */
#nav-search-form.show {
  display: flex !important;
}

/* line 89, app/assets/stylesheets/application.scss */
.clickable-result {
  transition: box-shadow 0.16s, transform 0.14s, background 0.14s;
}

/* line 90, app/assets/stylesheets/application.scss */
.clickable-result:hover, .clickable-result:focus {
  box-shadow: 0 10px 32px rgba(0, 31, 77, 0.13), 0 2px 8px rgba(0, 31, 77, 0.08);
  transform: translateY(-4px) scale(1.018);
  background: #f0f4fa;
  text-decoration: none;
  color: #001f4d;
}

/* =========================================================
   Contact Page (compact)
   ========================================================= */
/* line 98, app/assets/stylesheets/application.scss */
.contact-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  padding: 0;
}

/* line 100, app/assets/stylesheets/application.scss */
.contact-form-box {
  background-color: var(--vss-neon) !important;
  border-radius: 1.5rem;
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.13);
  max-width: 700px;
  width: 94vw;
  padding: 2.2rem 2.5rem 1.7rem 2.5rem;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

/* line 106, app/assets/stylesheets/application.scss */
.contact-form-box h2, .contact-title {
  font-size: 2.15rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: #fff !important;
}

/* line 107, app/assets/stylesheets/application.scss */
.contact-form-box .subtitle {
  font-size: 1.13rem;
  font-weight: 400;
  margin-bottom: 1.1rem;
  color: #ccc !important;
}

/* line 109, app/assets/stylesheets/application.scss */
.input-group {
  margin-bottom: 1rem !important;
}

/* line 110, app/assets/stylesheets/application.scss */
.input-group-text {
  font-size: 1.1rem;
  padding: 0.75rem 1.05rem;
}

/* line 111, app/assets/stylesheets/application.scss */
.form-control, textarea.form-control {
  font-size: 1.12rem;
  padding: 0.85rem 1.05rem;
  border-radius: 0.6rem;
}

/* line 113, app/assets/stylesheets/application.scss */
.contact-btn {
  width: 100%;
  padding: 1.05rem;
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 0.8rem;
  font-size: 1.32rem;
  font-weight: 600;
  margin-top: 0.75rem;
  cursor: pointer;
  transition: background 0.18s, transform 0.16s, box-shadow 0.16s;
  box-shadow: 0 2px 8px var(--accent-light);
  animation: fadeInUp 0.5s ease-in-out;
}

/* line 118, app/assets/stylesheets/application.scss */
.contact-btn:hover {
  background: #b71c1c;
  transform: scale(1.035);
  box-shadow: 0 8px 16px rgba(229, 57, 53, 0.11), 0 2px 8px var(--accent-light);
}

/* line 119, app/assets/stylesheets/application.scss */
.contact-btn:active {
  transform: scale(0.98);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  /* line 124, app/assets/stylesheets/application.scss */
  .contact-form-box {
    padding: 1.1rem 0.3rem;
    border-radius: 0.9rem;
    max-width: 99vw;
  }
}

/* line 126, app/assets/stylesheets/application.scss */
.contact-wrapper-up {
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 0;
  min-height: 0;
}

@media (max-width: 768px) {
  /* line 127, app/assets/stylesheets/application.scss */
  .contact-wrapper-up {
    padding-top: 30px;
  }
}

/* =========================================================
   THEME SECTIONS
   ========================================================= */
/* line 132, app/assets/stylesheets/application.scss */
.theme-section {
  background: #000 !important;
  padding: 16px 0;
}

/* line 133, app/assets/stylesheets/application.scss */
.theme-section h1, .theme-section h3 {
  color: #fff !important;
}

/* (cards start dark by default; neon overrides come later) */
/* line 136, app/assets/stylesheets/application.scss */
.theme-section .card {
  background: #111 !important;
  border: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  padding: 30px 20px;
  border-radius: 12px;
  transition: all 0.3s ease;
  color: #fff !important;
}

/* line 145, app/assets/stylesheets/application.scss */
.theme-section .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

/* line 147, app/assets/stylesheets/application.scss */
.theme-section .icon-box {
  background-color: var(--accent-light);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}

/* line 156, app/assets/stylesheets/application.scss */
.theme-section .icon-box i {
  font-size: 28px;
  color: var(--accent);
}

/* line 157, app/assets/stylesheets/application.scss */
.theme-section .icon-box:hover {
  transform: scale(1.1);
}

/* line 159, app/assets/stylesheets/application.scss */
.theme-section .section-heading {
  position: relative;
  display: inline-block;
  padding-bottom: .5rem;
  margin-bottom: 2rem;
  font-weight: 700;
  color: #fff !important;
}

/* line 160, app/assets/stylesheets/application.scss */
.theme-section .section-heading::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 60%;
  background-color: var(--accent);
  border-radius: 2px;
}

/* line 161, app/assets/stylesheets/application.scss */
.theme-section .section-divider {
  height: 4px;
  width: 100px;
  margin: 2rem auto;
  background-color: var(--accent);
  border-radius: 4px;
}

/* line 162, app/assets/stylesheets/application.scss */
.theme-section .btn-danger {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}

/* =========================================================
   Theme Accent Palettes
   ========================================================= */
/* line 167, app/assets/stylesheets/application.scss */
.theme-red {
  --accent: #e53935;
  --accent-light: rgba(229,57,53,0.1);
}

/* line 168, app/assets/stylesheets/application.scss */
.theme-pink {
  --accent: #F06292;
  --accent-light: rgba(240,98,146,0.12);
}

/* line 169, app/assets/stylesheets/application.scss */
.theme-blue {
  --accent: #2196F3;
  --accent-light: rgba(33,150,243,0.12);
}

/* line 170, app/assets/stylesheets/application.scss */
.theme-teal {
  --accent: #26a69a;
  --accent-light: rgba(38,166,154,0.12);
}

/* line 171, app/assets/stylesheets/application.scss */
.theme-green {
  --accent: #43a047;
  --accent-light: rgba(67,160,71,0.12);
}

/* line 172, app/assets/stylesheets/application.scss */
.theme-orange {
  --accent: #ff9800;
  --accent-light: rgba(255,152,0,0.12);
}

/* line 173, app/assets/stylesheets/application.scss */
.theme-purple {
  --accent: #0094EA;
  --accent-light: rgba(142,36,170,0.12);
}

/* line 174, app/assets/stylesheets/application.scss */
.theme-yellow {
  --accent: #ffc107;
  --accent-light: rgba(255,193,7,0.15);
}

/* line 175, app/assets/stylesheets/application.scss */
.theme-indigo {
  --accent: #0094EA;
  --accent-light: rgba(0,148,234,0.12);
}

/* line 176, app/assets/stylesheets/application.scss */
.theme-gray {
  --accent: #757575;
  --accent-light: rgba(117,117,117,0.10);
}

/* line 177, app/assets/stylesheets/application.scss */
.theme-cyan {
  --accent: #00bcd4;
  --accent-light: rgba(0,188,212,0.12);
}

/* line 178, app/assets/stylesheets/application.scss */
.theme-deep-orange {
  --accent: #ff5722;
  --accent-light: rgba(255,87,34,0.13);
}

/* line 179, app/assets/stylesheets/application.scss */
.theme-lime {
  --accent: #cddc39;
  --accent-light: rgba(205,220,57,0.15);
}

/* line 180, app/assets/stylesheets/application.scss */
.theme-brown {
  --accent: #795548;
  --accent-light: rgba(121,85,72,0.13);
}

/* line 181, app/assets/stylesheets/application.scss */
.theme-navy {
  --accent: #001f4d;
  --accent-light: rgba(0,31,77,0.12);
}

/* =========================================================
   Misc. Utilities and Layout
   ========================================================= */
/* line 186, app/assets/stylesheets/application.scss */
.about-hero {
  background: #000 !important;
  padding: 60px 0;
}

/* line 187, app/assets/stylesheets/application.scss */
.about-values {
  background: #000 !important;
}

/* line 188, app/assets/stylesheets/application.scss */
.hover-shadow-lg {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* line 189, app/assets/stylesheets/application.scss */
.hover-shadow-lg:hover {
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.15);
  transform: translateY(-4px);
}

/* line 190, app/assets/stylesheets/application.scss */
.icon-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
  font-size: 24px;
}

/* line 191, app/assets/stylesheets/application.scss */
.icon-circle:hover {
  transform: scale(1.1);
}

/* line 192, app/assets/stylesheets/application.scss */
.table td, .table th {
  vertical-align: middle;
}

/* Virtualization page */
/* line 196, app/assets/stylesheets/application.scss */
.virtualization .header-banner {
  background-color: #111 !important;
  padding: 2rem;
  border-radius: 8px;
  margin-bottom: 3rem;
  text-align: center;
}

/* line 197, app/assets/stylesheets/application.scss */
.virtualization .header-banner h1 {
  color: #0056B3;
  font-weight: bold;
}

/* line 198, app/assets/stylesheets/application.scss */
.virtualization .header-banner p {
  color: #aaa !important;
  margin-top: 1rem;
}

/* line 199, app/assets/stylesheets/application.scss */
.virtualization h3.section-title {
  color: #0056B3;
  border-bottom: 3px solid #0056B3;
  display: inline-block;
  padding-bottom: .5rem;
  margin-bottom: 2rem;
}

/* line 200, app/assets/stylesheets/application.scss */
.virtualization .feature-box {
  background-color: #111 !important;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: all .3s ease;
}

/* line 201, app/assets/stylesheets/application.scss */
.virtualization .feature-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* line 202, app/assets/stylesheets/application.scss */
.virtualization .feature-box .icon-circle {
  width: 60px;
  height: 60px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background-color: #111 !important;
  color: #0056B3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

/* line 203, app/assets/stylesheets/application.scss */
.virtualization .feature-box h5 {
  color: #fff !important;
  font-weight: 600;
}

/* line 204, app/assets/stylesheets/application.scss */
.virtualization .feature-box p {
  color: #ccc !important;
  font-size: 0.9rem;
}

/* line 205, app/assets/stylesheets/application.scss */
.virtualization .cta-box {
  background-color: #111 !important;
  padding: 2rem;
  border-radius: 8px;
  text-align: center;
}

/* line 206, app/assets/stylesheets/application.scss */
.virtualization .cta-box h4 {
  color: #0056B3;
  margin-bottom: 1rem;
}

/* line 207, app/assets/stylesheets/application.scss */
.virtualization .cta-box .btn-primary {
  background-color: #0056B3;
  border-color: #0056B3;
}

/* line 207, app/assets/stylesheets/application.scss */
.virtualization .cta-box .btn-primary:hover {
  background-color: #003d80;
}

/* Security page */
/* line 212, app/assets/stylesheets/application.scss */
.security .header-banner {
  background-color: #111 !important;
  padding: 2rem;
  border-radius: 8px;
  margin-bottom: 3rem;
  text-align: center;
}

/* line 213, app/assets/stylesheets/application.scss */
.security .header-banner h1 {
  color: #B22222;
  font-weight: bold;
}

/* line 213, app/assets/stylesheets/application.scss */
.security .header-banner p {
  color: #aaa !important;
  margin-top: 1rem;
}

/* line 214, app/assets/stylesheets/application.scss */
.security h3.section-title {
  color: #B22222;
  border-bottom: 3px solid #B22222;
  display: inline-block;
  padding-bottom: .5rem;
  margin-bottom: 2rem;
}

/* line 215, app/assets/stylesheets/application.scss */
.security .feature-box {
  background-color: #111 !important;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: all .3s ease;
}

/* line 216, app/assets/stylesheets/application.scss */
.security .feature-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* line 217, app/assets/stylesheets/application.scss */
.security .feature-box .icon-circle {
  width: 60px;
  height: 60px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background-color: #111 !important;
  color: #B22222;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

/* line 218, app/assets/stylesheets/application.scss */
.security .feature-box h5 {
  color: #fff !important;
  font-weight: 600;
}

/* line 219, app/assets/stylesheets/application.scss */
.security .feature-box p {
  color: #ccc !important;
  font-size: 0.9rem;
}

/* line 220, app/assets/stylesheets/application.scss */
.security .cta-box {
  background-color: #111 !important;
  padding: 2rem;
  border-radius: 8px;
  text-align: center;
}

/* line 221, app/assets/stylesheets/application.scss */
.security .cta-box h4 {
  color: #B22222;
  margin-bottom: 1rem;
}

/* line 222, app/assets/stylesheets/application.scss */
.security .cta-box .btn-primary {
  background-color: #B22222;
  border-color: #B22222;
}

/* line 222, app/assets/stylesheets/application.scss */
.security .cta-box .btn-primary:hover {
  background-color: #871a1a;
}

/* NAV position fix */
/* line 226, app/assets/stylesheets/application.scss */
.navbar.fixed-top {
  z-index: 1030;
}

/* line 227, app/assets/stylesheets/application.scss */
body {
  padding-top: 56px !important;
}

/* Map pin */
/* line 230, app/assets/stylesheets/application.scss */
.map-marker {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: red;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

/* Ensure tile text white */
/* line 233, app/assets/stylesheets/application.scss */
.theme-section .card, .feature-box, .cta-box {
  color: #fff !important;
}

/* line 234, app/assets/stylesheets/application.scss */
.theme-section .card p, .feature-box p, .cta-box p, .theme-section .card h5, .feature-box h5, .cta-box h4 {
  color: #fff !important;
}

/* Dark cards baseline */
/* line 237, app/assets/stylesheets/application.scss */
.theme-section .card, .card, .feature-box, .cta-box {
  background-color: #1e1e1e !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05) !important;
}

/* line 240, app/assets/stylesheets/application.scss */
.theme-section .card:hover, .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.08) !important;
}

/* Dropdown dark mode */
/* line 243, app/assets/stylesheets/application.scss */
.dropdown-menu {
  background-color: #111 !important;
  color: #fff !important;
  border: none;
}

/* line 244, app/assets/stylesheets/application.scss */
.dropdown-menu .dropdown-item {
  color: #fff !important;
}

/* line 245, app/assets/stylesheets/application.scss */
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
  background-color: #232323 !important;
  color: #ccc !important;
}

/* line 246, app/assets/stylesheets/application.scss */
.submenu-flyout {
  background-color: #111 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);
}

/* line 248, app/assets/stylesheets/application.scss */
.about-hero {
  background: transparent !important;
}

/* line 249, app/assets/stylesheets/application.scss */
.about-hero h1, .about-hero p {
  color: #fff !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}

/* line 250, app/assets/stylesheets/application.scss */
.about-hero .headline-word {
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}

/* line 252, app/assets/stylesheets/application.scss */
.alert-blue {
  background-color: #0094EA;
  color: white;
}

/* (Removed the purple h2 rule that used to be here) */
/* line 256, app/assets/stylesheets/application.scss */
.is-invalid {
  border-color: #dc3545 !important;
  background-color: #2b0000 !important;
  color: #fff !important;
}

/* line 257, app/assets/stylesheets/application.scss */
.alert-danger {
  background-color: #5c0000 !important;
  color: #fff !important;
  border: 1px solid #b71c1c !important;
}

/* line 258, app/assets/stylesheets/application.scss */
.alert-danger ul, .alert-danger li {
  color: #fff !important;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* line 259, app/assets/stylesheets/application.scss */
.alert-danger li::marker {
  color: #fca5a5;
}

/* line 260, app/assets/stylesheets/application.scss */
.alert-success {
  background-color: #003300 !important;
  color: #fff !important;
  border: 1px solid #00cc66 !important;
}

/* line 261, app/assets/stylesheets/application.scss */
.alert-info {
  background-color: #002b36 !important;
  color: #fff !important;
  border: 1px solid #00bcd4 !important;
}

/* line 262, app/assets/stylesheets/application.scss */
.alert-success ul, .alert-success li, .alert-info ul, .alert-info li {
  color: #fff !important;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* line 263, app/assets/stylesheets/application.scss */
.alert-success li::marker {
  color: #a5fca5;
}

/* line 263, app/assets/stylesheets/application.scss */
.alert-info li::marker {
  color: #80deea;
}

/* ===========================
   SUPERVISOR OVERRIDES (Global)
   =========================== */
/* line 268, app/assets/stylesheets/application.scss */
:root {
  --vss-neon: #0094EA;
}

/* Force ALL lettering white globally */
/* line 271, app/assets/stylesheets/application.scss */
html body, html body * {
  color: #fff !important;
}

/* line 272, app/assets/stylesheets/application.scss */
::placeholder {
  color: #f2f2f2 !important;
}

/* line 273, app/assets/stylesheets/application.scss */
::-ms-input-placeholder {
  color: #f2f2f2 !important;
}

/* line 274, app/assets/stylesheets/application.scss */
:-ms-input-placeholder {
  color: #f2f2f2 !important;
}

/* Make ALL “boxes” neon blue */
/* line 277, app/assets/stylesheets/application.scss */
html body .theme-section .card,
html body .card,
html body .feature-box,
html body .cta-box,
html body .card .card-body {
  background-color: var(--vss-neon) !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(0, 148, 234, 0.25) !important;
}

/* Icon bubbles baseline (adjusted below for contrast) */
/* line 289, app/assets/stylesheets/application.scss */
html body .theme-section .icon-box {
  background-color: rgba(0, 148, 234, 0.18) !important;
}

/* line 290, app/assets/stylesheets/application.scss */
html body .theme-section .icon-box i {
  color: var(--vss-neon) !important;
}

/* In case anything forces bg-dark */
/* line 293, app/assets/stylesheets/application.scss */
html body .card.bg-dark,
html body .feature-box.bg-dark,
html body .cta-box.bg-dark {
  background-color: var(--vss-neon) !important;
}

/* =========================
   PATCH 1 — Icon visibility on neon cards
   ========================= */
/* line 300, app/assets/stylesheets/application.scss */
.theme-section .card .icon-box {
  background: rgba(0, 0, 0, 0.18) !important;
  /* darker disk for contrast */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), inset 0 0 0 2px rgba(255, 255, 255, 0.15) !important;
}

/* line 306, app/assets/stylesheets/application.scss */
.theme-section .card .icon-box i {
  color: #fff !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25));
}

/* line 310, app/assets/stylesheets/application.scss */
.theme-section .card .icon-box svg,
.theme-section .card .icon-box svg * {
  fill: #fff !important;
  stroke: #fff !important;
}

/* =========================
   PATCH 2 — Seeded content: force ALL text white
   ========================= */
/* line 319, app/assets/stylesheets/application.scss */
.prose, .rich-text, .wysiwyg, .content, .page-content, .theme-section,
.container, .container-fluid {
  color: #fff !important;
}

/* Links in all states */
/* line 325, app/assets/stylesheets/application.scss */
a, a:link, a:visited, a:hover, a:active {
  color: #fff !important;
  text-decoration-color: rgba(255, 255, 255, 0.6) !important;
}

/* Lists & small text */
/* line 331, app/assets/stylesheets/application.scss */
::marker {
  color: #fff !important;
}

/* line 332, app/assets/stylesheets/application.scss */
small, .small {
  color: #fff !important;
}

/* Inline SVGs in seeded HTML */
/* line 335, app/assets/stylesheets/application.scss */
svg, svg * {
  fill: #fff !important;
  stroke: #fff !important;
}

/* Nuke Bootstrap text utility colors that might be in seeded HTML */
/* line 338, app/assets/stylesheets/application.scss */
.text-dark, .text-body, .text-muted, .text-secondary, .text-black {
  color: #fff !important;
}

/* =========================
   HERO FIX — force navy bg + transparent inner wrappers + visible buttons
   ========================= */
/* line 345, app/assets/stylesheets/application.scss */
.theme-section.theme-navy {
  position: relative;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url(/assets/background-7e6d092ad0da848b895e9145d4c51ed279ada512407a798d4ee8d25b01cfc74f.webp) center center/cover no-repeat !important;
  background-color: #000 !important;
  /* fallback if image missing */
}

/* Kill any accidental white backgrounds inside the hero */
/* line 354, app/assets/stylesheets/application.scss */
.theme-section.theme-navy .container,
.theme-section.theme-navy [class*="col-"],
.theme-section.theme-navy .about-hero,
.theme-section.theme-navy .bg-white,
.theme-section.theme-navy .bg-light,
.theme-section.theme-navy .card,
.theme-section.theme-navy .cta-box,
.theme-section.theme-navy .feature-box {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Buttons in the hero */
/* line 367, app/assets/stylesheets/application.scss */
.theme-section.theme-navy .about-hero .btn {
  border: none !important;
  font-weight: 700;
  border-radius: 0.8rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

/* Primary button (e.g., “See What We Do”) */
/* line 375, app/assets/stylesheets/application.scss */
.theme-section.theme-navy .about-hero .btn-primary,
.theme-section.theme-navy .about-hero a.btn[href*="what-we-do"] {
  background: #001f4d !important;
  color: #fff !important;
}

/* line 380, app/assets/stylesheets/application.scss */
.theme-section.theme-navy .about-hero .btn-primary:hover,
.theme-section.theme-navy .about-hero a.btn[href*="what-we-do"]:hover {
  filter: brightness(1.1);
}

/* Secondary/outline button (e.g., “Let’s Talk”) */
/* line 386, app/assets/stylesheets/application.scss */
.theme-section.theme-navy .about-hero .btn-outline-light,
.theme-section.theme-navy .about-hero a.btn:not(.btn-primary) {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid rgba(255, 255, 255, 0.7) !important;
}

/* line 392, app/assets/stylesheets/application.scss */
.theme-section.theme-navy .about-hero .btn-outline-light:hover,
.theme-section.theme-navy .about-hero a.btn:not(.btn-primary):hover {
  background: rgba(255, 255, 255, 0.15) !important;
}

/* Ensure hero text sits above any background layers */
/* line 398, app/assets/stylesheets/application.scss */
.theme-section.theme-navy .about-hero {
  position: relative;
  z-index: 2;
}

/* Force "Let's Talk" button to #0094EA */
/* line 404, app/assets/stylesheets/application.scss */
a.btn[href*="lets-talk"],
button.btn[href*="lets-talk"],
a.btn-primary[href*="lets-talk"],
button.btn-primary[href*="lets-talk"],
a.btn-outline-primary[href*="lets-talk"],
button.btn-outline-primary[href*="lets-talk"],
a.btn-outline-light[href*="lets-talk"],
button.btn-outline-light[href*="lets-talk"] {
  background-color: #0094EA !important;
  border-color: #0094EA !important;
  color: #fff !important;
}

/* line 414, app/assets/stylesheets/application.scss */
a.btn[href*="lets-talk"]:hover,
button.btn[href*="lets-talk"]:hover,
a.btn-primary[href*="lets-talk"]:hover,
button.btn-primary[href*="lets-talk"]:hover,
a.btn-outline-primary[href*="lets-talk"]:hover,
button.btn-outline-primary[href*="lets-talk"]:hover,
a.btn-outline-light[href*="lets-talk"]:hover,
button.btn-outline-light[href*="lets-talk"]:hover {
  background-color: #007ac4 !important;
  border-color: #007ac4 !important;
  color: #fff !important;
}

/* ===== LET'S TALK FORM — Black & White Theme ===== */
/* ===== Contact form: black & white (scoped) ===== */
/* line 426, app/assets/stylesheets/application.scss */
.contact-wrapper .contact-form-box {
  background: #000 !important;
  border: 1px solid #444 !important;
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.05) !important;
  color: #fff !important;
}

/* line 427, app/assets/stylesheets/application.scss */
.contact-wrapper .contact-form-box input, .contact-wrapper .contact-form-box textarea {
  background: #111 !important;
  border: 1px solid #666 !important;
  color: #fff !important;
}

/* line 428, app/assets/stylesheets/application.scss */
.contact-wrapper .contact-form-box input:focus, .contact-wrapper .contact-form-box textarea:focus {
  background: #000 !important;
  border-color: #0094EA !important;
  outline: none !important;
}

/* line 429, app/assets/stylesheets/application.scss */
.contact-wrapper .contact-form-box label {
  color: #fff !important;
}

/* line 430, app/assets/stylesheets/application.scss */
.contact-wrapper .contact-form-box ::placeholder {
  color: #ccc !important;
}

/* line 431, app/assets/stylesheets/application.scss */
.contact-wrapper .contact-btn {
  background: #0094EA !important;
  border: none !important;
  color: #fff !important;
}

/* line 432, app/assets/stylesheets/application.scss */
.contact-wrapper .contact-btn:hover {
  background: #007ac4 !important;
}

/* ===== Contact form: neon blue container ===== */
/* line 434, app/assets/stylesheets/application.scss */
.contact-wrapper .contact-form-box {
  background-color: var(--vss-neon) !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(0, 148, 234, 0.25) !important;
}

/* Contact form: bright white text + white button w/ blue text */
/* line 437, app/assets/stylesheets/application.scss */
.contact-form-box h2, .contact-form-box p, .contact-form-box label, .contact-form-box small, .contact-form-box .subtitle {
  color: #fff !important;
}

/* line 438, app/assets/stylesheets/application.scss */
.contact-form-box ::placeholder {
  color: #fff !important;
  opacity: .9;
}

/* line 439, app/assets/stylesheets/application.scss */
.contact-form-box .contact-btn {
  background: #fff !important;
  color: #0094EA !important;
  border: 2px solid #0094EA !important;
  box-shadow: 0 6px 16px rgba(0, 148, 234, 0.15) !important;
}

/* line 440, app/assets/stylesheets/application.scss */
.contact-form-box .contact-btn:hover {
  background: #f2f8ff !important;
  color: #0094EA !important;
  border-color: #0094EA !important;
}

/* =========================================================
   MOBILE FIX — show 6 expertise boxes as 2 columns (3 & 3)
   ========================================================= */
@media (max-width: 576px) {
  /* line 446, app/assets/stylesheets/application.scss */
  .theme-section .row {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  /* line 451, app/assets/stylesheets/application.scss */
  .theme-section .row > [class*="col"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin-bottom: 16px !important;
  }
  /* line 458, app/assets/stylesheets/application.scss */
  .theme-section .card {
    height: auto !important;
    /* Stop stretched heights */
  }
}

@media (max-width: 400px) {
  /* line 464, app/assets/stylesheets/application.scss */
  .theme-section .row > [class*="col"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}