section.service-wrap {
    padding: 15rem 0;
    gap: 15rem;

}


.capability-wrap {
    width: 100%;
}

.capability-wrap .title {

    position: relative;
    padding-bottom: 2rem;
}

.swiper-button {
    position: absolute;
    right: 0;
    gap: 1rem;
    bottom: 2rem;
    display: flex;
}

.swiper-button .icon {
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    display: block;
    stroke: var(--black);
    /* fill + stroke 모두 이 색으로 */
}

.swiper-button .swiper-button-disabled .icon {
    opacity: .1;
    cursor: default;
}

.swiper-button .icon symbol {
    width: 100%;
    height: 100%;
}

.capability-description-wrap.swiper {
    mix-blend-mode: screen;
}

.capability-wrap ul {}

.capability-wrap .swiper-slide {
    padding: 4rem;
    border-radius: 0 0 3rem 0;
    box-sizing: border-box;
    background-color: var(--white);
    user-select: none;
    min-height: 30rem;
}


@media (max-width: 800px) {
    section.service-wrap {
        padding: 10rem 0;
        gap: 8rem;
    }

    .swiper-button {
        display: none;
    }


    .capability-wrap .swiper-slide {
        min-height: 20rem;
        padding: 2rem;
    }
}