/* Decorative business photos blend into the white card, behind the copy. */
.service-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 330px;
  padding: 38px 40px;
  background: white;
}
.service-card::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 45%;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.96) 18%, rgba(255,255,255,.5) 48%, rgba(255,255,255,.05) 100%), var(--service-photo);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center, var(--service-photo-position, center);
}
.service-card .document-card-head { width: 64%; position: relative; }
.service-card .document-number { color: var(--blue); }
.service-card .document-copy h2 { line-height: 1.55; }
.service-card .document-copy > p { color: #536779; }
.service-card .document-copy ul { color: #536779; margin-top: 18px; }
.service-card .document-copy li { padding-block: 5px; }
.service-card .service-description { margin-top: 18px; }
.service-card .service-description p { color: #536779; font-size: 16px; line-height: 1.95; margin-top: 14px; overflow-wrap: break-word; }
.service-card .service-description p:first-child { margin-top: 0; }
.service-card .service-description strong { color: var(--ink); font-weight: 600; }
#call-center.service-card { --service-photo: url('../imagess/pic8.jpg'); --service-photo-position: 65% center; }
#maintenance.service-card { --service-photo: url('../imagess/pic2.jpg'); --service-photo-position: 60% center; }
#quality.service-card { --service-photo: url('../imagess/pic1.jpg'); --service-photo-position: 40% center; }
#marketing.service-card { --service-photo: url('../imagess/pic7.jpg'); --service-photo-position: 70% center; }
#other-services.service-card { --service-photo: url('../imagess/pic6.jpg'); --service-photo-position: 45% center; }
@media (max-width: 1023px) {
  .service-card { padding: 32px 28px; min-height: 310px; }
  .service-card .document-card-head { width: 68%; gap: 18px; }
  .service-card::before { width: 42%; }
}
@media (max-width: 767px) {
  .service-card { padding: 28px 22px; min-height: 0; }
  .service-card .document-card-head { width: 100%; gap: 14px; }
  .service-card::before { width: 65%; opacity: .15; }
  .service-card .document-copy > p,
  .service-card .document-copy ul,
  .service-card .service-description p { color: #425b70; font-size: 15px; }
}
@media print {
  .service-card::before { display: none; }
  .service-card .document-card-head { width: 100%; }
  .service-card { min-height: 0; }
}