/* Spacing and card layout for the restored Octaleads homepage. */
.showcase-site #main-content > .octa-horizon-hero {
  margin-block-end: 1cm;
}

.showcase-site #main-content .octa-horizon-cards {
  margin-block-start: 1cm;
  padding-block-end: 18px;
  gap: clamp(12px, 1.5vw, 18px);
}

.showcase-site #main-content .octa-horizon-cards > a {
  padding: clamp(16px, 2vw, 24px);
  border-radius: 16px;
}

.showcase-site #main-content .octa-horizon-cards p {
  margin-block: 10px 14px;
}

.showcase-site #main-content > :is(.showcase-section, .home-feedback-section) {
  padding-block: clamp(18px, 2.2vw, 28px);
}

.showcase-site #main-content > .showcase-section .section-heading {
  margin-block-end: clamp(14px, 1.65vw, 21px);
}

.showcase-site #main-content :is(.home-service-editorial, .showcase-industry-grid) {
  gap: clamp(12px, 1.5vw, 18px);
}

.showcase-site #main-content .home-service-tile {
  min-height: clamp(220px, 24vw, 290px);
}

.showcase-site #main-content .home-service-tile > img {
  object-position: center bottom;
}

.showcase-site #main-content .home-service-content {
  padding: clamp(16px, 1.9vw, 24px) clamp(16px, 1.9vw, 24px) 70px;
}

.showcase-site #main-content .home-service-category {
  margin-block-end: 12px !important;
}

.showcase-site #main-content .home-service-reveal {
  margin-block-start: 14px;
}

.showcase-site #main-content .home-service-reveal > p {
  margin-block-end: 14px !important;
}

.showcase-site #main-content .home-service-toggle {
  inset-block-end: 14px;
  inset-inline-end: 16px;
  width: 44px;
  height: 44px;
}

.showcase-site #main-content .showcase-portal {
  padding: clamp(20px, 3vw, 38px);
  gap: clamp(18px, 3vw, 38px);
}

.showcase-site #main-content .showcase-portal p {
  margin-block: 12px 16px;
}

.showcase-site #main-content .portal-illustration {
  padding: clamp(14px, 1.7vw, 21px);
}

.showcase-site #main-content .portal-illustration-row {
  padding-block: 11px;
}

.showcase-site #main-content .portal-illustration small {
  margin-block-start: 14px;
}

.showcase-site #main-content .showcase-card-body {
  padding: clamp(14px, 1.6vw, 20px);
}

.showcase-site #main-content .showcase-card > img {
  object-position: center bottom;
}

.showcase-site #main-content .showcase-card p {
  margin-block: 10px 14px;
}

.showcase-site #main-content .home-feedback-panel {
  min-height: 0;
  gap: clamp(16px, 2.2vw, 28px);
  padding: clamp(20px, 3.2vw, 40px);
}

.showcase-site #main-content .home-feedback-actions a {
  padding-inline: 14px;
}

@media (max-width: 600px) {
  .showcase-site #main-content .home-service-tile {
    min-height: 204px;
  }
}

@media (max-width: 420px) {
  .showcase-site #main-content .home-feedback-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .showcase-site .cloud-footer-bottom address {
    flex-wrap: wrap;
    white-space: normal;
  }
}
