/* Import Components About Us Page */

@import url(../components/header-general.css);
@import url(../components/about-mission-vision-core.css);
@import url(../components/about-content.css);
@import url(../components/about-awards.css);
@import url(../components/about-team.css);

/* About Us Page Main Style */

.about-us-page {
    background: var(--bg-color-secondary);
    padding: 15px;
}

.about-us-page .hero-general {
    height: 80vh;
    background-image: url(../../media/image/jpg/about-duckies-yellow.webp);
    background-repeat: repeat-x;
    background-position: center center;
    background-size: cover;
    animation: moveDucks 20s ease infinite alternate;
}

@keyframes moveDucks {
    0% {
        background-position: center center;
    }
    25% {
        background-position: -40px center;
    }
    50% {
        background-position: 40px center;
    }
    100% {
        background-position: center center;
    }
}

.about-us-page .hero-general::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(122, 93, 1, 0.4) 50.06%, rgba(250, 189, 2, 0) 87.5%);
}

/* All Media Queris About Us Page */

@media screen and (max-width: 575px) {
    .about-us-page .hero-general {
        justify-content: flex-start;
        padding-top: 100px;
    }
}