.hero-section.homepage {
  background-image: url("./sub/images/oa-background-pattern.webp");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top;
}

.hero-section.homepage p {
    max-width: 49rem;
}

feature-container.how-it-works {
    padding-bottom: 3.3125rem;
    margin-bottom: 6rem;
    border-bottom: 1px solid var(--gray-200);
}

/* Desktop */
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 992px) {}

/* Mobile */
@media only screen and (max-width: 768px) {
    .info-panel-section {
        padding: 2rem;
    }
}

@media only screen and (max-width: 576px) {
}