body:has(.about-primary-section:first-child) {
    padding-top: 0;
}

.about-primary-section {
    position: relative;
    z-index: 1;
    padding: 70rem 0 16rem;
}

.about-primary-section__container:not(:first-child) {
    margin-top: 24rem;
}

.about-primary-section__title {
    max-width: 253rem;
}

.about-primary-section__text {
    max-width: 287rem;
}

.about-primary-section__text:not(:first-child) {
    margin-top: 10rem;
}

.about-primary-section__bg,
.about-primary-section__bg:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.about-primary-section__bg {
    z-index: -1;
    overflow: hidden;
    background: var(--green-100-color) url('/wp-content/themes/unit/assets/img/about-primary-section/backgrounds/sm/01.webp') center / cover no-repeat;
    border-radius: 0 0 20rem 20rem;
}

.about-primary-section__bg:after {
    content: '';
    opacity: .8;
    background-color: var(--green-100-color);
}

@media screen and (min-width: 768px) {
    .about-primary-section__bg {
        background-image: url('/wp-content/themes/unit/assets/img/about-primary-section/backgrounds/lg/01.webp');
    }
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .about-primary-section {
        padding: 102rem 0 54rem;
    }

    .about-primary-section__header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    
    .about-primary-section__container:not(:first-child) {
        margin-top: 40rem;
    }

    .about-primary-section__title {
        max-width: 100%;
    }

    .about-primary-section__text {
        max-width: 418rem;
        margin-left: auto;
        margin-right: auto;
    }

    .about-primary-section__text:not(:first-child) {
        margin-top: 0;
    }

    .about-primary-section__bg {
        max-width: 1550rem;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 30rem;
    }
}