.services-banner.bg-nv-blue {
  background-color: var(--nv-blue);
  color: var(--nv-white);
}
.services-banner.bg-nv-blue-light {
  background-color: var(--nv-blue-light);
  color: var(--nv-white);
}
.services-banner.bg-nv-blue-lighter {
  background-color: var(--nv-blue-lighter);
  color: var(--nv-white);
}

.services-banner.bg-nv-orange {
  background-color: var(--nv-orange);
  color: var(--nv-white);
}
.services-banner.bg-nv-orange-light {
  background-color: var(--nv-orange-light);
  color: var(--nv-black);
}
.services-banner.bg-nv-orange-lighter {
  background-color: var(--nv-orange-lighter);
  color: var(--nv-black);
}

.services-banner.bg-nv-green {
  background-color: var(--nv-green);
  color: var(--nv-white);
}
.services-banner.bg-nv-green-light {
  background-color: var(--nv-green-light);
  color: var(--nv-black);
}
.services-banner.bg-nv-green-lighter {
  background-color: var(--nv-green-lighter);
  color: var(--nv-black);
}

.services-banner.bg-nv-red {
  background-color: var(--nv-red);
  color: var(--nv-white);
}
.services-banner.bg-nv-red-light {
  background-color: var(--nv-red-light);
  color: var(--nv-black);
}
.services-banner.bg-nv-red-lighter {
  background-color: var(--nv-red-lighter);
  color: var(--nv-black);
}

.services-banner.bg-nv-white {
  background-color: var(--nv-white);
  color: var(--nv-black);
}
.services-banner.bg-nv-black {
  background-color: var(--nv-black);
  color: var(--nv-white);
}


.text-nv-blue, .text-nv-blue * { color: var(--nv-blue) !important; }
.text-nv-blue-light, .text-nv-blue-light * { color: var(--nv-blue-light) !important; }
.text-nv-blue-lighter, .text-nv-blue-lighter * { color: var(--nv-blue-lighter) !important; }

.text-nv-orange, .text-nv-orange * { color: var(--nv-orange) !important; }
.text-nv-orange-light, .text-nv-orange-light * { color: var(--nv-orange-light) !important; }
.text-nv-orange-lighter, .text-nv-orange-lighter * { color: var(--nv-orange-lighter) !important; }

.text-nv-green, .text-nv-green * { color: var(--nv-green) !important; }
.text-nv-green-light, .text-nv-green-light * { color: var(--nv-green-light) !important; }
.text-nv-green-lighter, .text-nv-green-lighter * { color: var(--nv-green-lighter) !important; }

.text-nv-red, .text-nv-red * { color: var(--nv-red) !important; }
.text-nv-red-light, .text-nv-red-light * { color: var(--nv-red-light) !important; }
.text-nv-red-lighter, .text-nv-red-lighter * { color: var(--nv-red-lighter) !important; }

.text-nv-white, .text-nv-white * { color: var(--nv-white) !important; }
.text-nv-black, .text-nv-black * { color: var(--nv-black) !important; }

.highlight {
  color: var(--nv-orange) !important;
}

.services-banner {
  background-color: var(--nv-blue);
  color: var(--text-color-light);
}

.services-banner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-lg);
}


.services-banner-image img {
  width: 400px;
  height: auto;
  transform: translateY(-25%);
  position: relative; 
  z-index: 10;
}

.services-banner-text {

}

.services-banner-text h2,
.services-banner-text p {
  margin: 0 0 var(--space-md) 0;
}


.services-banner-text .highlight {
  color: var(--nv-orange);
}


@media (max-width: 900px) {
  .services-banner-container {
    flex-direction: column;
    text-align: center;
  }

  .services-banner-image img {
    transform: none; 
    width: 220px;
    margin-bottom: var(--space-md);
  }
}