.about-us {
    background-color: var(--color-tertiary);
    overflow: hidden;
}

.about-us:has(.about-us__content.section--dark) {
    background-color: #f0f3f7;
}

.about-us .container {
    padding: 0;
}

.about-us .section strong {
    color: var(--color-secondary);
}

.about-us .about-us__content ul{
    padding-left: 20px;
    margin-bottom: 20px;
}

.about-us .about-us__content ul li{
    line-height: 2em;
}


.about-us .about-us__content.text--dark h2,
.about-us .about-us__content.text--dark h3,
.about-us .about-us__content.text--dark h4,
.about-us .about-us__content.text--dark h5,
.about-us .about-us__content.text--dark p,
.about-us .about-us__content.text--dark ul li{
    color: var(--color-black);
}

.about-us .about-us__content.text--light h2,
.about-us .about-us__content.text--light h3,
.about-us .about-us__content.text--light h4,
.about-us .about-us__content.text--light h5,
.about-us .about-us__content.text--light p,
.about-us .about-us__content.text--light ul li{
    color: var(--color-black);
}


.about-us.bg-light .about-us__image {
    box-shadow: none;
}

@media (min-width: 1025px) {
    .about-us .container {
        padding-left: 22px;
    }
}

.about-us__container {
    display: flex;
    flex-wrap: wrap;
}

.about-us__image {
    font-size: 0;
    position: relative;
}

.about-us__image img {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .about-us__image {
        width: 242px;
    }

    .about-us__image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .about-us__container {
        flex-direction: column-reverse;
    }
        .about-us__image {
            width: 100%;
            height: 600px;
        }
            .about-us__image img {
                object-position: top;
            }
}

@media (min-width: 1025px) {
    .about-us__image {
        /* width: 552px; */
        width: 45%;
    }

    .about-us__content {
        /* width: calc(100% - 552px); */
        width: 55%;
    }
}

.about-us__content .section__content {
    /* max-width: 582px; */
    display: block;
    margin-left: auto;
    padding-left: 22px;
    padding-right: 22px;
}

@media (min-width: 768px) {
    .about-us__content .section__content {
        padding-left: 53px;
        padding-right: 53px;
    }
}

@media (min-width: 1025px) {
    .about-us__content .section__content {
        padding-left: 150px;
    }
}