/* Content 1 */
.c1-small {
    border-left: 3px solid var(--secondary-green);
    padding-left: 1rem;
}

.c1-accent-bg {
    position: absolute;
    left: -74px;
    width: 50%;
}

/* Content 2 */
#content2 {
    background: url(../../front_assets/img/about/b/c2-bg.webp) no-repeat center
    center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.c2-icon-wrapper {
    width: 100px;
    height: 100px;
    color: #fff;
    border-radius: 50%;
}

.c2-list > li {
    font-family: 'Times New Roman', serif;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 150%;
    color: var(--white);
}

/* Content 3 */
#content3 {
    background: url(../../front_assets/img/about/b/c3-background.jpg) no-repeat center
        center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media only screen and (max-width: 997.98px) {

    /* Content 4 */
    #content3 {
        background-position: right center;
    }

    #content3 .card-img {
        height: 300px;
        object-fit: cover;
    }

    .c3-position-bot {
        object-position: bottom;
    }

}

@media only screen and (max-width: 767.98px) {

    /* Content 1 */
    .c1-accent-bg {
        left: 0px;
        width: 79%;
        object-fit: contain;
        top: -174px;
    }

    /* Content 4 */
    #content3 {
        background-position: right center;
    }

    #content3 .card-img {
        height: 250px;
        object-fit: cover;
    }

}