.services-v4-visual {
  margin: 26px 0 0;
  overflow: hidden;
  border: 1px solid #dce5e8;
  border-radius: 14px;
  background: #fff;
}

.services-v4-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.services-v4-two {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 20px;
  align-items: start;
}

.services-v4-mini {
  padding: 20px;
  border: 1px solid #dce5e8;
  border-radius: 12px;
  background: #fff;
}

.services-v4-mini + .services-v4-mini {
  margin-top: 14px;
}

.services-v4-mini strong {
  display: block;
  color: #082f57;
  font: 800 14px/1.3 Montserrat, Arial, sans-serif;
}

.services-v4-mini p {
  margin: 8px 0 0;
  color: #536b7d;
  font: 600 14px/1.55 "Open Sans", Arial, sans-serif;
}

.services-v4-note {
  margin-top: 22px;
  padding: 16px 18px;
  border-left: 4px solid #6dc33d;
  background: #f5f8f3;
  color: #4a6275;
  font: 600 13px/1.55 "Open Sans", Arial, sans-serif;
}

.services-v4-scenario {
  padding: 22px;
  border: 1px solid #dce5e8;
  border-radius: 12px;
  background: #fff;
}

.services-v4-scenario strong {
  display: block;
  color: #082f57;
  font: 800 15px/1.25 Montserrat, Arial, sans-serif;
}

.services-v4-scenario p {
  margin: 10px 0 0;
  color: #536b7d;
  font: 600 14px/1.55 "Open Sans", Arial, sans-serif;
}

@media (max-width: 820px) {
  .services-v4-two {
    grid-template-columns: 1fr;
  }
}