body {

  .wp-block-group.jds-hero-default {
    padding: var(--space-60) var(--space-40);
  }

  .wp-block-group.jds-hero-centered {
    text-align: center;
    padding: var(--space-60) var(--space-40);
    .wp-block-buttons {
      justify-content: center;
    }
  }

  .wp-block-group.jds-hero-gradient {
    padding: var(--space-60) var(--space-40);
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
  }

  .wp-block-group.jds-hero-minimal {
    padding: var(--space-60) var(--space-40);
  }

  .wp-block-group.hero-overlay-section {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--space-16);
    text-align: center;
    color: #fff;
    background-color: var(--brand-secondary, #0f172a);
    background-image:
    linear-gradient(var(--hero-overlay-color), var(--hero-overlay-color)),
    url("/wp-content/themes/stridecore/assets/placeholders/placeholder-2.jpg");
    background-size: cover;
    background-position: center center;
    min-height: 50vh;
    padding: var(--space-60) var(--space-40);
    .wp-block-heading, p {
      color: #fff;
    }
  }

  .jds-hero-split, .wp-block-columns.jds-hero-split {
    align-items: center !important;
    padding: var(--space-60) var(--space-40);
    .wp-block-image {
      img {
        border-radius: var(--radius-lg);
      }
    }
  }

  .jds-hero-stacked, .wp-block-group.jds-hero-stacked {
    padding: var(--space-60) var(--space-40);
  }

  .wp-block-columns.jds-hero-with-form, .jds-hero-with-form {
    padding: var(--space-60) var(--space-40);
    align-items: center !important;
  }


}