/* About page - lottie and hero */
#lottie-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    min-height: 500px;
    margin-top: -2em;
}

.hero-container {
    margin-top: 3em;
}

.hero-text-container {
    margin-top: 2em;
}

@media screen and (max-width: 991px) {
    #lottie-container {
        min-height: 400px;
        margin-top: -1.5em;
    }

    .hero-container {
        margin-top: 2em;
    }
}

@media screen and (max-width: 767px) {
    #lottie-container {
        min-height: 300px;
        margin-top: -1em;
    }

    .hero-container {
        margin-top: 1.5em;
    }

    .hero-text-container {
        margin-top: 1.5em;
    }
}

/* About page - utility classes for former inline styles */
.about-section-min-height { min-height: 100%; }
.about-hero-margin-top-0 { margin-top: 0; }
.about-hero-text-margin-start { margin-block-start: 4rem; }
.about-hero-text-max-width-70 { max-width: 70%; }
[dir="rtl"] .about-hero-text-lg { max-width: 70%; }
[dir="ltr"] .about-hero-text-lg { max-width: 65%; }
.lottie-wrapper-fill { width: 100%; height: 100%; }
.about-mission-focus-87 { max-width: 87%; }
.about-mission-focus-80 { max-width: 80%; }
.about-cta-width-90 { width: 90%; }