.hero {
    height: 90vh
}

@media screen and (min-width: 992px) {
    .hero .hero-content {
        width: 65%
    }
}

.filter .filter-buttons:first-child {
    border-start-start-radius: 5px !important
}

.filter .filter-buttons:last-child {
    border-start-end-radius: 5px !important
}

.filter .filter-content {
    border-start-start-radius: 0px !important
}


.mission .mission-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.mission .mission-image img {
    height: 100%;
    width: 100%;
    z-index: -1
}

@media screen and (min-width: 992px) {
    .mission .mission-image img {
        width: 65%
    }
}

.mission .mission-image:where([dir=rtl],[dir=rtl] *) {
    left: unset;
    right: 0
}