.page-hero .contact-hero-bg {
  background-image: url('/front/img/solution/sv1_2.jpg');
  background-size: cover;  
  background-position: center;
  background-repeat: no-repeat;
}

.contact-page .page-hero-content {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.feature-panel-image img {
    background-color: white;
    padding: 10px;
}

.feature-panel-image.contains img {
  object-fit: contain !important;
}

.contact-page #inhouse .feature-image-overlay,
.contact-page [data-panel="able-solution"] .feature-image-overlay {
  position: absolute;
  top: 18%;
  right: 4%;
  bottom: 18%;
  left: 44%;
  z-index: 2;
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: clamp(8px, 1.4vw, 16px);
  background: #fff;
  box-shadow: -18px 0 28px rgba(255, 255, 255, 0.78);
  color: #2f333a;
  text-align: left;
  word-break: keep-all;
}

.contact-page #inhouse .feature-image-overlay ul,
.contact-page [data-panel="able-solution"] .feature-image-overlay ul {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.8vw, 18px);
  width: 100%;
}

.contact-page #inhouse .feature-image-overlay li,
.contact-page [data-panel="able-solution"] .feature-image-overlay li {
  position: relative;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 0.35em;
  align-items: baseline;
  min-width: 0;
  padding-left: clamp(10px, 1.5vw, 16px);
  color: #30343b;
  font-size: clamp(11px, 1.35vw, 11px);
  line-height: 1.35;
  letter-spacing: 0;
}

.contact-page #inhouse .feature-image-overlay li::before,
.contact-page [data-panel="able-solution"] .feature-image-overlay li::before {
  content: "";
  position: absolute;
  top: 0.48em;
  left: 0;
  width: clamp(4px, 0.55vw, 7px);
  height: clamp(4px, 0.55vw, 7px);
  background: #1e4675;
}

.contact-page #inhouse .feature-image-overlay strong,
.contact-page [data-panel="able-solution"] .feature-image-overlay strong {
  flex: 0 0 auto;
  color: #30343b;
  font: inherit;
  font-weight: 800;
  white-space: nowrap;
}

.contact-page #inhouse .feature-image-overlay strong::after,
.contact-page [data-panel="able-solution"] .feature-image-overlay strong::after {
  content: " :";
}

.contact-page #inhouse .feature-image-overlay span,
.contact-page [data-panel="able-solution"] .feature-image-overlay span {
  min-width: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}

@media (max-width: 768px) {
  .contact-page #inhouse .feature-image-overlay,
  .contact-page [data-panel="able-solution"] .feature-image-overlay {
    top: 16%;
    right: 4%;
    bottom: 16%;
    left: 40%;
    padding: 10px;
  }

  .contact-page #inhouse .feature-image-overlay li,
  .contact-page [data-panel="able-solution"] .feature-image-overlay li {
    grid-template-columns: 1fr;
    row-gap: 2px;
    font-size: clamp(12px, 2.7vw, 16px);
  }

  .contact-page #inhouse .feature-image-overlay strong::after,
  .contact-page [data-panel="able-solution"] .feature-image-overlay strong::after {
    content: "";
  }
}