.overflow-hidden {
    overflow: hidden;
}

.hero-to-animate {
    transition-delay: 1.2s;
    transition: background-color 2.4s ease-in-out;
}

.hero-to-animate.animated {
    background-color: #E1F7A3 !important;
}
.bg-bottom-right {
    background-repeat: no-repeat; background-position: bottom right;
}
.bg-home-hero {
    background-size: contain;
    background-position: 68% 16px;
    background-repeat: no-repeat;
}

.bg-top-right {
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;   
}
.hero-accent {
    display: none;
}
.home .hero {
    height: 572px;
    display: flex;
    align-items: center;
}

.hero-high-z-index {
    z-index: 2;
    position: relative;
}

.home .hero-accent {
    display: block;
    position: absolute;
    width: 100vw;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 10px;
    z-index: 3;
}
.home .hero-accent svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 991px) {
    .about-hero {
        background-size: 218px auto;
        padding-bottom: 200px !important;
    }
}