.mp-page-hero,
.page-hero,
.hero-page {
    position: relative;
    overflow: hidden;
}

.mp-page-hero__inner,
.page-hero__inner,
.hero-page__inner {
    position: relative;
    z-index: 2;
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 110px 20px 90px;
}

.mp-page-hero__content,
.page-hero__content,
.hero-page__content {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.mp-page-hero__breadcrumbs,
.page-hero__breadcrumbs,
.hero-page__breadcrumbs {
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
    text-align: center;
}

.mp-page-hero__title,
.page-hero__title,
.hero-page__title {
    margin: 0;
    text-align: center;
    color: #fff;
    line-height: 1.15;
}

.mp-page-hero .rank-math-breadcrumb,
.page-hero .rank-math-breadcrumb,
.hero-page .rank-math-breadcrumb {
    display: inline-block;
    text-align: center;
    color: rgba(255,255,255,.92);
    font-size: 15px;
    line-height: 1.6;
}

.mp-page-hero .rank-math-breadcrumb a,
.page-hero .rank-math-breadcrumb a,
.hero-page .rank-math-breadcrumb a {
    color: rgba(255,255,255,.92);
    text-decoration: none;
}

.mp-page-hero .rank-math-breadcrumb .separator,
.page-hero .rank-math-breadcrumb .separator,
.hero-page .rank-math-breadcrumb .separator {
    margin: 0 8px;
    opacity: .8;
}

@media (max-width: 991px) {
    .mp-page-hero__inner,
    .page-hero__inner,
    .hero-page__inner {
        min-height: 260px;
        padding: 90px 16px 70px;
    }
}