/* Climoro Eco-Friendly Theme */

/* Using the provided eco-friendly color palette */
:root {
  --climoro-sky-blue: #0d0d0d;

  --climoro-dark-blue: #049DBF;
  --climoro-bright-blue: #49E1F2;

  --climoro-red: #F20505;
  /* Sky Blue - primary accent */
  --climoro-dark-green: #172601;
  /* Dark Forest Green */
  --climoro-med-green: #3E5902;
  /* Medium Green */
  --climoro-black: #6E8C03;
  /* Bright Green */
  --climoro-lime-green: #A9BF04;
  /* Lime Green - highlights */

  /* Additional colors for design balance */
  --climoro-white: #FFFFFF;
  --climoro-black: #000000;
  --climoro-light-gray: #999898;
}

/* Override pentagon wireframe color */
.mil-pentagon div {
  border-top-color: var(--climoro-dark-blue) !important;
}

/* Replace all orange (255, 152, 0) with eco-friendly colors */
.mil-accent {
  color: var(--climoro-black) !important;
}

.mil-marker {
  background-color: var(--climoro-lime-green) !important;
}

.mil-link.mil-accent svg path {
  fill: var(--climoro-black) !important;
}

.mil-button {
  background-color: var(--climoro-dark-blue) !important;
  color: var(--climoro-white) !important;
}

.mil-button svg path {
  fill: var(--climoro-white) !important;
}

.mil-button.mil-icon-button-sm svg {
  background-color: var(--climoro-sky-blue) !important;
}

.mil-breadcrumbs li a:hover,
.mil-breadcrumbs.mil-light li a:hover {
  color: var(--climoro-black) !important;
}

.mil-preloader .mil-reveal-box {
  background-color: var(--climoro-dark-blue) !important;
}

.mil-progress {
  background-color: var(--climoro-red) !important;
}

.mil-ball.mil-more,
.mil-ball.mil-choose,
.mil-ball.mil-drag {
  background-color: var(--climoro-sky-blue) !important;
}

.mil-main-menu ul li.mil-active>a,
.mil-main-menu ul li.mil-active>a:hover {
  color: var(--climoro-black) !important;
}

.mil-menu-right .mil-animation-frame .mil-animation::before {
  background: radial-gradient(50% 50% at 50% 50%,
      var(--climoro-dark-blue) 0%,
      rgba(106, 174, 216, 0) 100%) !important;
}

.mil-circle-text .mil-button::before {
  background-color: var(--climoro-lime-green) !important;
}

.mil-service-card-sm::before {
  background-color: var(--climoro-white) !important;
}

.mil-team-card::before {
  background-color: var(--climoro-black) !important;
}

.mil-service-card-lg.mil-other-card:hover {
  background-color: var(--climoro-sky-blue) !important;
}

.mil-service-card-lg.mil-other-card:hover .mil-link svg path {
  fill: var(--climoro-black) !important;
}

.mil-team-card .mil-description .mil-secrc-text a:hover {
  color: var(--climoro-black) !important;
}

.mil-social-icons li a:hover,
.mil-social-icons.mil-dark li a:hover {
  color: var(--climoro-sky-blue) !important;
}

.mil-revi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  box-shadow: inset 0 0 0 4px var(--climoro-dark-blue) !important;
}

.mil-quote-icon path {
  fill: var(--climoro-bright-blue) !important;
}

.mil-slider-nav .mil-slider-arrow svg path {
  fill: var(--climoro-sky-blue) !important;
}

.mil-pagination-btn.mil-active {
  background-color: var(--climoro-sky-blue) !important;
}

.mil-category-list li a.mil-active {
  background-color: var(--climoro-sky-blue) !important;
}

.mil-arrow svg path {
  fill: black !important;
}

.mil-logo img {
  height: 42px;
  width: auto;
  position: relative;
  z-index: 999;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media screen and (max-width: 992px) {
  .mil-logo img {
    height: 36px;
  }
}

.mil-frame {
  z-index: 9999 !important;
}

.mil-frame-top {
  z-index: 9999 !important;
}

/* Hide the fixed top frame when disabled via JS (footer in view) */
.mil-frame .mil-frame-top.mil-disabled {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease;
}

.mil-link .mil-arrow svg path {
  fill: var(--climoro-black) !important;
}

.mil-footer-menu ul li.mil-active a {
  color: var(--climoro-bright-blue) !important;
}

/* Additional eco-themed enhancements using provided colors */
.mil-banner {
  background: var(--climoro-black) !important;
}

.mil-service-card-sm:hover {
  border-left: 4px solid var(--climoro-dark-blue);
  background: var(--climoro-dark-blue) !important;
}

/* On hover: paragraphs inside service cards become light gray for contrast */
.mil-dark-bg .mil-services-grid .mil-service-card-sm:hover p,
.mil-dark-bg .mil-services-grid .mil-service-card-sm:hover p.mil-light-soft {
  color: var(--climoro-white) !important;
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  overflow: visible !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  max-height: none !important;
  height: auto !important;
}

/* Service card hover expansion fix for dark background */
.mil-dark-bg .mil-services-grid .mil-service-card-sm:hover {
  height: auto !important;
  min-height: 100% !important;
}

.mil-soft-bg {
  background: var(--climoro-sky-blue) !important;
}

/* Ensure text is white on soft dark background */
.mil-soft-bg {
  color: var(--climoro-white) !important;
}

.mil-soft-bg a {
  color: var(--climoro-black) !important;
}

.mil-soft-bg .mil-light-soft {
  color: rgba(0, 0, 0, 0.7) !important;
}

/* Reviews section - ensure all text elements are white */
.mil-soft-bg h1,
.mil-soft-bg h2,
.mil-soft-bg h3,
.mil-soft-bg h4,
.mil-soft-bg h5,
.mil-soft-bg h6 {
  color: var(--climoro-white) !important;
}

.mil-soft-bg p {
  color: var(--climoro-black) !important;
}

.mil-soft-bg .mil-suptitle {
  color: var(--climoro-black) !important;
}

.mil-soft-bg .mil-review-frame h5 {
  color: var(--climoro-black) !important;
}

.mil-soft-bg .mil-review-frame p {
  color: var(--climoro-black) !important;
}

.mil-soft-bg .mil-upper {
  color: rgba(0, 0, 0, 0.8) !important;
}

.mil-soft-bg .mil-text-xl {
  color: var(--climoro-black) !important;
}

.mil-soft-bg .mil-suptitle-dark {
  color: var(--climoro-black) !important;
}

/* Labels for eco-specific content */
.mil-label.mil-upper.mil-accent {
  background-color: var(--climoro-black) !important;
  color: var(--climoro-white) !important;
}

/* Hover effects for better UX */
.mil-button:hover {
  background-color: var(--climoro-red) !important;
  transform: translateY(-2px);
  box-shadow: var(--climoro-red);
}

.mil-team-card:hover,
.mil-service-card-sm:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

/* Custom eco-themed gradients */
.mil-dark-bg {
  background: var(--climoro-sky-blue) !important;
}

.mil-banner .mil-gradient {
  background: var(--climoro-black) !important;
}

/* Additional eco-friendly styling */
.mil-link:hover {
  color: var(--climoro-bright-blue) !important;

}

.mil-label.mil-upper {
  background-color: var(--climoro-lime-green) !important;
  color: var(--climoro-black) !important;
}

/* White background section class */
.mil-white-bg {
  background: var(--climoro-white) !important;
  color: var(--climoro-black) !important;
}

/* White background text styling */
.mil-white-bg h1,
.mil-white-bg h2,
.mil-white-bg h3,
.mil-white-bg h4,
.mil-white-bg h5,
.mil-white-bg h6 {
  color: var(--climoro-black) !important;
}

.mil-white-bg p {
  color: var(--climoro-black) !important;
}

.mil-white-bg a {
  color: var(--climoro-black) !important;
}

.mil-white-bg .mil-link {
  color: var(--climoro-dark-blue) !important;
}

.mil-white-bg span {
  color: var(--climoro-black) !important;
}

.mil-white-bg .mil-muted {
  color: var(--climoro-black) !important;
}

.mil-white-bg .mil-light-soft {
  color: rgba(0, 0, 0, 0.7) !important;
}

.mil-white-bg .mil-suptitle {
  color: var(--climoro-black) !important;
}

.mil-white-bg .mil-suptitle-dark {
  color: var(--climoro-black) !important;
}

.mil-white-bg .mil-text-sm {
  color: var(--climoro-black) !important;
}

.mil-white-bg .mil-text-xl {
  color: var(--climoro-black) !important;
}

.mil-white-bg .mil-upper {
  color: rgba(0, 0, 0, 0.8) !important;
}

.mil-white-bg .mil-review-frame h5 {
  color: var(--climoro-black) !important;
}

.mil-white-bg .mil-review-frame p {
  color: var(--climoro-black) !important;
}

/* Replace light gray that appears purplish with black */
.mil-soft-bg {
  background-color: var(--climoro-sky-blue) !important;
}

.mil-portfolio-nav {
  background-color: var(--climoro-black) !important;
}

/* Hide navbar while preloader is active */
.mil-preloader:not(.mil-hidden)~.mil-frame {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Fix text overlap - Move banner content lower and reduce font size */
.mil-banner-content {
  margin-top: 180px !important;
  padding-top: 80px !important;
}

.mil-banner-content h1 {
  font-size: 3.5rem !important;
  line-height: 1.2 !important;
  color: var(--climoro-white) !important;
}

.mil-banner-content p {
  color: var(--climoro-light-gray) !important;
  margin-bottom: 20px !important;
}

.mil-banner-content p.mil-light-soft {
  padding-top: 0 !important;
  margin-bottom: 60px !important;
}


/* Elements using --climoro-sky-blue (#0d0d0d) - VERY DARK, needs white text */
.mil-soft-bg {
  background: var(--climoro-sky-blue) !important;
  color: var(--climoro-white) !important;
}

.mil-dark-bg {
  background: var(--climoro-sky-blue) !important;
  color: var(--climoro-white) !important;
}

/* All text elements in dark sections must be white, soft sections must be dark */
.mil-soft-bg h1,
.mil-soft-bg h2,
.mil-soft-bg h3,
.mil-soft-bg h4,
.mil-soft-bg h5,
.mil-soft-bg h6 {
  color: var(--climoro-black) !important;
}

.mil-dark-bg h1,
.mil-dark-bg h2,
.mil-dark-bg h3,
.mil-dark-bg h4,
.mil-dark-bg h5,
.mil-dark-bg h6 {
  color: var(--climoro-white) !important;
}

.mil-soft-bg p {
  color: var(--climoro-black) !important;
}

.mil-dark-bg p {
  color: var(--climoro-white) !important;
}

.mil-soft-bg a {
  color: var(--climoro-black) !important;
}

.mil-dark-bg a {
  color: var(--climoro-white) !important;
}

.mil-soft-bg .mil-link {
  color: var(--climoro-dark-blue) !important;
}

.mil-dark-bg .mil-link {
  color: var(--climoro-dark-blue) !important;
}

.mil-soft-bg span {
  color: var(--climoro-black) !important;
}

.mil-dark-bg span {
  color: var(--climoro-white) !important;
}

/* Target specific text classes that might override */
.mil-soft-bg .mil-muted {
  color: var(--climoro-black) !important;
}

.mil-dark-bg .mil-muted {
  color: var(--climoro-white) !important;
}

.mil-soft-bg .mil-light-soft {
  color: rgba(0, 0, 0, 0.8) !important;
}

.mil-dark-bg .mil-light-soft {
  color: rgba(255, 255, 255, 0.8) !important;
}



.mil-soft-bg .mil-suptitle {
  color: var(--climoro-black) !important;
}

.mil-dark-bg .mil-suptitle {
  color: var(--climoro-white) !important;
}

.mil-soft-bg .mil-suptitle-dark {
  color: var(--climoro-black) !important;
}

.mil-dark-bg .mil-suptitle-dark {
  color: var(--climoro-white) !important;
}

.mil-soft-bg .mil-text-sm {
  color: var(--climoro-black) !important;
}

.mil-dark-bg .mil-text-sm {
  color: var(--climoro-white) !important;
}

.mil-soft-bg .mil-text-xl {
  color: var(--climoro-black) !important;
}

.mil-dark-bg .mil-text-xl {
  color: var(--climoro-white) !important;
}

.mil-soft-bg .mil-upper {
  color: rgba(0, 0, 0, 0.9) !important;
}

.mil-dark-bg .mil-upper {
  color: rgba(255, 255, 255, 0.9) !important;
}



/* Default sections (no dark classes) should have black text */
body,
section:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg),
.mil-banner:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg) {
  color: var(--climoro-black) !important;
}

section:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg) h1,
section:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg) h2,
section:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg) h3,
section:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg) h4,
section:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg) h5,
section:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg) h6 {
  color: var(--climoro-black) !important;
}

section:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg) p {
  color: var(--climoro-black) !important;
}

/* Specific white text styling for landscape cards only - higher specificity */
section .mil-landscape-card .mil-landscape-content p {
  color: var(--climoro-white) !important;
}

section .mil-landscape-card .mil-landscape-content h5 {
  color: var(--climoro-white) !important;
}

section .mil-landscape-card .mil-landscape-content h1,
section .mil-landscape-card .mil-landscape-content h2,
section .mil-landscape-card .mil-landscape-content h3,
section .mil-landscape-card .mil-landscape-content h4,
section .mil-landscape-card .mil-landscape-content h6 {
  color: var(--climoro-white) !important;
}

/* Override any light-soft classes in landscape cards */
section .mil-landscape-card .mil-landscape-content .mil-light-soft {
  color: var(--climoro-white) !important;
}

section:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg) a,
section:not(.mil-dark-bg):not(.mil-soft-bg):not(.mil-dark-blue-bg):not(.mil-dark-blue-rev-bg) .mil-link {
  color: var(--climoro-black) !important;
}

/* Navigation - since it appears over dark backgrounds, use white */
.mil-frame .mil-main-menu ul li a {
  color: var(--climoro-white) !important;
}

/* Navigation hover effect - change to bright blue - COMPREHENSIVE OVERRIDES */

/* Main navigation hover - maximum specificity */
.mil-frame .mil-main-menu ul li a:hover,
.mil-main-menu ul li a:hover,
.mil-main-menu ul li.mil-has-children>a:hover,
.mil-frame .mil-main-menu ul li.mil-has-children>a:hover {
  color: var(--climoro-bright-blue) !important;
}

/* Sub-menu items hover */
.mil-main-menu ul li.mil-has-children ul li a:hover {
  color: var(--climoro-bright-blue) !important;
}

/* Menu list items hover effect - change to bright blue */
.mil-menu-list li a:hover {
  color: var(--climoro-bright-blue) !important;
}

/* Additional overrides for any edge cases */
nav.mil-main-menu ul li a:hover,
nav.mil-main-menu ul.mil-nav-group li a:hover,
#swupMenu ul li a:hover,
#swupMenu ul.mil-nav-group li a:hover {
  color: var(--climoro-bright-blue) !important;
}

/* Ultimate fallback override - highest specificity possible */
body .mil-frame .mil-main-menu ul.mil-nav-group li a:hover,
body nav.mil-main-menu ul.mil-nav-group li a:hover,
body nav#swupMenu ul.mil-nav-group li a:hover {
  color: #49E1F2 !important;
}

/* Partner logo/image color */
.mil-partner-frame img,
.mil-partner-frame svg,
.mil-partner-frame svg path {
  fill: var(--climoro-bright-blue) !important;
  color: var(--climoro-bright-blue) !important;
}

/* Responsive adjustments to prevent overlap */
@media screen and (max-width: 768px) {
  .mil-banner {
    height: 100vh !important;
    min-height: 100vh !important;
    padding-top: 90px !important;
    /* Account for fixed header height */
  }

  .mil-banner .container {
    height: calc(100vh - 90px) !important;
    /* Subtract header height */
    display: flex !important;
    align-items: center !important;
    /* Center content vertically */
    justify-content: flex-start !important;
    /* Align content to left */
  }

  .mil-banner-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
    text-align: left !important;
  }

  .mil-banner-content h1 {
    font-size: 2.8rem !important;
    line-height: 1.1 !important;
    margin-bottom: 0.5px !important;
    /* Reduced from 30px to 15px */
  }

  .mil-banner-content p {
    margin-bottom: 20px !important;
  }

  .mil-banner-content .mil-button,
  .mil-banner-content .mil-link {
    margin-bottom: 15px !important;
  }

  /* Hide circle text on mobile to prevent overlap */
  .mil-circle-text {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  .mil-banner {
    padding-top: 80px !important;
  }

  .mil-banner .container {
    height: calc(100vh - 80px) !important;
  }

  .mil-banner-content h1 {
    font-size: 2.2rem !important;
    line-height: 1.1 !important;
  }
}

/* Extra small screens */
@media screen and (max-width: 360px) {
  .mil-banner-content h1 {
    font-size: 1.8rem !important;
    line-height: 1.1 !important;
  }
}

/* Ensure proper spacing between frame and content on all mobile devices */
@media screen and (max-width: 1200px) {
  .mil-content {
    margin-top: 0 !important;
  }

  .mil-banner {
    position: relative !important;
    z-index: 1 !important;
  }

  .mil-frame {
    z-index: 9999 !important;
  }
}

/* Additional mobile fixes for very small screens */
@media screen and (max-width: 320px) {
  .mil-banner-content h1 {
    font-size: 1.6rem !important;
  }

  .mil-banner-content p {
    font-size: 14px !important;
  }
}

/* Reduce font weight for service card list items */
.mil-service-card-lg .mil-service-list li {
  font-weight: 300 !important;
}

/* Card hover effect - change to bright blue */
.mil-service-card-lg.mil-other-card:hover {
  background-color: var(--climoro-bright-blue) !important;
  transition: background-color 0.3s ease;
}

/* Change SVG circle color to red on card hover */
.mil-service-card-lg.mil-other-card:hover .mil-link.mil-dark svg path {
  fill: var(--climoro-white) !important;
  transition: fill 0.3s ease;
}

/* Override: paragraph text color inside service cards within dark section */
.mil-dark-bg .mil-services-grid .mil-service-card-sm p {
  color: var(--climoro-light-gray) !important;
}

/* Ensure paragraphs with mil-light-soft class inside service cards use light gray by default */
.mil-dark-bg .mil-services-grid .mil-service-card-sm p.mil-light-soft {
  color: var(--climoro-light-gray) !important;
}

/* Make service card text visible by default and light gray */
.mil-services-grid .mil-service-card-sm p.mil-light-soft {
  color: var(--climoro-light-gray) !important;
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

/* Keep hover state white for contrast */
.mil-services-grid .mil-service-card-sm:hover p.mil-light-soft {
  color: var(--climoro-white) !important;
}

/* Ensure price number appears to the left of the image */
.mil-price-card .mil-price-number {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  gap: 8px !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  padding-top: 0 !important;
}

.mil-price-card .mil-price-number img {
  margin-bottom: 0 !important;
  width: 120px !important;
  max-width: 120px !important;
  height: auto !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 120px !important;
  flex: 0 0 120px !important;
  margin-left: auto !important;
}

.mil-price-card .mil-price-number span {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  margin-top: -6px !important;
  width: 1.2em !important;
  text-align: left !important;
}

/* Override: paragraph text color inside accordion content within dark section */
.mil-dark-bg .mil-accordion-group .mil-accordion-content p {
  color: var(--climoro-white) !important;
}

/* Keep accordion headings white within dark section */
.mil-dark-bg .mil-accordion-group .mil-accordion-menu .mil-accordion-head {
  color: var(--climoro-white) !important;
}

/* Link override: make specific dark-styled links blue inside dark sections */
.mil-dark-bg .mil-link.mil-dark,
.mil-dark-bg .mil-link.mil-dark span {
  color: var(--climoro-dark-blue) !important;
}

/* Ensure color persists on interaction states */
.mil-dark-bg .mil-link.mil-dark:visited,
.mil-dark-bg .mil-link.mil-dark:hover,
.mil-dark-bg .mil-link.mil-dark:focus {
  color: var(--climoro-dark-blue) !important;
}

.mil-dark-bg .mil-link.mil-dark:hover span,
.mil-dark-bg .mil-link.mil-dark:focus span {
  color: var(--climoro-dark-blue) !important;
}

/* Extra-specific override for the "Areas of Expertise" link block */
.mil-dark-bg .mil-up a.mil-link.mil-dark,
.mil-dark-bg .mil-up a.mil-link.mil-dark span {
  color: var(--climoro-dark-blue) !important;
}

/* Banner link: View Portfolio hover color */
.mil-banner-content a.mil-link.mil-muted:hover,
.mil-banner-content a.mil-link.mil-muted:hover span {
  color: var(--climoro-bright-blue) !important;
}

/* Ensure all text inside this container appears white */
.container.mil-m-110-60,
.container.mil-m-110-60 * {
  color: var(--climoro-white) !important;
}

/* Add breathing room above the Insights container */
.mil-soft-bg .container.mil-m-110-60 {
  padding-top: 120px !important;
  padding-bottom: 70px;
}

@media screen and (max-width: 992px) {
  .mil-soft-bg .container.mil-m-110-60 {
    padding-top: 90px !important;
  }
}

/* Insights accordion: make the symbol circle black only in this container */
.container.mil-m-110-60 .mil-symbol.mil-h3 {
  background-color: var(--climoro-dark-blue) !important;
}

/* When accordion is open IN Insights container, switch circle to red */
.container.mil-m-110-60 .mil-accordion-group.mil-open .mil-symbol.mil-h3 {
  background-color: var(--climoro-red) !important;
}

/* Disable pointer/hover interactions on Tenor GIF embeds */
.tenor-gif-embed,
.tenor-gif-embed * {
  pointer-events: none !important;
}

.tenor-gif-embed iframe {
  pointer-events: none !important;
}

/* Dark Blue Background Section - Linear Gradient */
.mil-dark-blue-bg {
  background: linear-gradient(to bottom, #009EC5 0%, #004C5F 100%) !important;
  color: var(--climoro-white) !important;
}

/* All text elements in dark blue sections must be white */
.mil-dark-blue-bg h1,
.mil-dark-blue-bg h2,
.mil-dark-blue-bg h3,
.mil-dark-blue-bg h4,
.mil-dark-blue-bg h5,
.mil-dark-blue-bg h6 {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg p {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg a {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg .mil-link {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg span {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg .mil-muted {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg .mil-light-soft {
  color: rgba(255, 255, 255, 0.8) !important;
}

.mil-dark-blue-bg .mil-suptitle {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg .mil-suptitle-dark {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg .mil-text-sm {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg .mil-text-xl {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg .mil-upper {
  color: rgba(255, 255, 255, 0.9) !important;
}

.mil-dark-blue-bg .mil-dark {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg .mil-thin {
  color: var(--climoro-white) !important;
}

/* Service card specific overrides for dark blue background */
.mil-dark-blue-bg .mil-services-grid .mil-service-card-sm h5 {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg .mil-services-grid .mil-service-card-sm p {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-bg .mil-services-grid .mil-service-card-sm p.mil-light-soft {
  color: var(--climoro-white) !important;
  opacity: 1 !important;
}

.mil-dark-blue-bg .mil-services-grid .mil-service-card-sm .mil-muted {
  color: var(--climoro-white) !important;
}

/* Hover state for service cards in dark blue background */
.mil-dark-blue-bg .mil-services-grid .mil-service-card-sm:hover h5,
.mil-dark-blue-bg .mil-services-grid .mil-service-card-sm:hover p,
.mil-dark-blue-bg .mil-services-grid .mil-service-card-sm:hover p.mil-light-soft {
  color: var(--climoro-white) !important;
}

/* Service card hover expansion fix for dark blue background */
.mil-dark-blue-bg .mil-services-grid .mil-service-card-sm:hover {
  height: auto !important;
  min-height: 100% !important;
}

.mil-dark-blue-bg .mil-services-grid .mil-service-card-sm:hover p {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* Dark Blue Background Section - Reverse Linear Gradient */
.mil-dark-blue-rev-bg {
  background: linear-gradient(to bottom, #004C5F 0%, #009EC5 100%) !important;
  color: var(--climoro-white) !important;
}

/* All text elements in dark blue reverse sections must be white */
.mil-dark-blue-rev-bg h1,
.mil-dark-blue-rev-bg h2,
.mil-dark-blue-rev-bg h3,
.mil-dark-blue-rev-bg h4,
.mil-dark-blue-rev-bg h5,
.mil-dark-blue-rev-bg h6 {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg p {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg a {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg .mil-link {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg span {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg .mil-muted {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg .mil-light-soft {
  color: rgba(255, 255, 255, 0.8) !important;
}

.mil-dark-blue-rev-bg .mil-suptitle {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg .mil-suptitle-dark {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg .mil-text-sm {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg .mil-text-xl {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg .mil-upper {
  color: rgba(255, 255, 255, 0.9) !important;
}

.mil-dark-blue-rev-bg .mil-dark {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg .mil-thin {
  color: var(--climoro-white) !important;
}

/* Service card specific overrides for dark blue reverse background */
.mil-dark-blue-rev-bg .mil-services-grid .mil-service-card-sm h5 {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg .mil-services-grid .mil-service-card-sm p {
  color: var(--climoro-white) !important;
}

.mil-dark-blue-rev-bg .mil-services-grid .mil-service-card-sm p.mil-light-soft {
  color: var(--climoro-white) !important;
  opacity: 1 !important;
}

.mil-dark-blue-rev-bg .mil-services-grid .mil-service-card-sm .mil-muted {
  color: var(--climoro-white) !important;
}

/* Hover state for service cards in dark blue reverse background */
.mil-dark-blue-rev-bg .mil-services-grid .mil-service-card-sm:hover h5,
.mil-dark-blue-rev-bg .mil-services-grid .mil-service-card-sm:hover p,
.mil-dark-blue-rev-bg .mil-services-grid .mil-service-card-sm:hover p.mil-light-soft {
  color: var(--climoro-white) !important;
}

/* Service card hover expansion fix for dark blue reverse background */
.mil-dark-blue-rev-bg .mil-services-grid .mil-service-card-sm:hover {
  height: auto !important;
  min-height: 100% !important;
}

.mil-dark-blue-rev-bg .mil-services-grid .mil-service-card-sm:hover p {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}