/* =========================================================
   HERO – WELCOME AREA
   ========================================================= */

#welcome-text .paragraph--type--hero-bundle .pb__content-title {
  color: #2E75CC;
  font-size: 44px;
  line-height: 1.15;
  font-weight: 700;
  margin-bottom: 12px;
}

#welcome-text .paragraph--type--hero-bundle .field--name-pb-content-body {
  color: #f2f5fb;
  font-size: 21px;
  line-height: 1.45;
}

#welcome-text .paragraph--type--hero-bundle .field--name-pb-content-body p {
  margin-bottom: 0;
}

/* HERO CTA BUTTON */
#welcome-text .paragraph--type--hero-bundle .hero-cta.button.solo-button.btn-animate {
  display: inline-block;
  margin-top: 22px;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 4px;
}

#welcome-text .paragraph--type--hero-bundle .hero-cta.button.solo-button.btn-animate:hover,
#welcome-text .paragraph--type--hero-bundle .hero-cta.button.solo-button.btn-animate:focus,
#welcome-text .paragraph--type--hero-bundle .hero-cta.button.solo-button.btn-animate:visited {
  text-decoration: none;
}

/* =========================================================
   TWO-COLUMN CARDS WITH CUSTOM BACKGROUND
   More robust than targeting only specific translated block IDs
   ========================================================= */

.paragraph--type--card-two-columns-bundle[style*="--pb-bg"] .field--name-pb-content-body,
.paragraph--type--card-two-columns-bundle[style*="--pb-bg"] .field--name-pb-content-body p,
.paragraph--type--card-two-columns-bundle[style*="--pb-bg"] .field--name-pb-content-body li {
  color: #ebebeb;
}

.paragraph--type--card-two-columns-bundle[style*="--pb-bg"] .field--name-pb-content-body li {
  line-height: 1.45;
}

.paragraph--type--card-two-columns-bundle[style*="--pb-bg"] .field--name-pb-content-body li::marker {
  color: #ebebeb;
}

/* Fallback for the specific cards, if needed */
#block-solo-aps-industries .field--name-pb-content-body ul li,
#block-solo-aps-industries .field--name-pb-content-body ul li::marker,
#block-solo-aps-ourapproach .field--name-pb-content-body ul li,
#block-solo-aps-ourapproach .field--name-pb-content-body ul li::marker {
  color: #ebebeb !important;
}

#block-solo-aps-industries .field--name-pb-content-body ul li,
#block-solo-aps-ourapproach .field--name-pb-content-body ul li {
  line-height: 1.45 !important;
}

/* =========================================================
   MOBILE – HERO
   ========================================================= */

@media (max-width: 768px) {
  #welcome-text .paragraph--type--hero-bundle .pb__content-title {
    font-size: 30px;
    line-height: 1.2;
  }

  #welcome-text .paragraph--type--hero-bundle .field--name-pb-content-body {
    font-size: 16px;
    line-height: 1.4;
  }

  #welcome-text .paragraph--type--hero-bundle .hero-cta.button.solo-button.btn-animate {
    font-size: 16px;
  }
}

/* =========================================================
   MOBILE – STATISTICS
   ========================================================= */

@media (max-width: 768px) {
  #block-solo-aps-statistics .pb-card-three-columns {
    text-align: center;
  }

  #block-solo-aps-statistics .pb-card-three-columns img,
  #block-solo-aps-statistics .pb-card-three-columns svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #main-container #block-solo-aps-statistics .pb__card-three-columns__inner {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #main-container #block-solo-aps-statistics .pb-card-three-left,
  #main-container #block-solo-aps-statistics .pb-card-three-middle,
  #main-container #block-solo-aps-statistics .pb-card-three-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  #main-container #block-solo-aps-statistics .pb-card-three-left *,
  #main-container #block-solo-aps-statistics .pb-card-three-middle *,
  #main-container #block-solo-aps-statistics .pb-card-three-right * {
    text-align: center !important;
  }

  #main-container #block-solo-aps-statistics img,
  #main-container #block-solo-aps-statistics svg {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}