.about-us-introduction-image-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.about-us-introduction-image-container * {
    user-select: none;
}

.about-us-introduction-image-image {
    width: 100%;
    height: 262px;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    object-position: 0 0;
}

.about-us-introduction-image-text {
    width: 100%;
    padding: 26px;
    padding-bottom: 99px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.about-us-introduction-image-quote {
    font-family: Arizona Light Italic;
    font-size: 18px;
    line-height: 26.1px;
}

.about-us-introduction-image-quote-origin {
    font-family: Obviously Light;
    font-size: 12px;
    line-height: 26.58px;
}

.swiper-slide .introduction {
    width: 100%;
    height: 511px;
    display: flex;
    flex-direction: column;
}

.swiper-slide .introduction * {
    user-select: none;
}

.swiper-slide .introduction .text {
    padding: 20px 23px 25px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.swiper-slide .introduction .text .quote-origin {
    font-family: Obviously Light;
    font-size: 12px;
    line-height: 18.78px;
}

.swiper-slide .introduction .text .quote {
    font-family: Arizona Light Italic;
    line-height: 26.58px;
    font-size: 18px;
}

.swiper-slide .introduction .img {
    height: 262px;
    width: 100%;
    object-fit: cover;
    object-position: 0 0;
}

.swiper-slide .partnering,
.swiper-slide .community {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.swiper-slide .partnering *,
.swiper-slide .community * {
    user-select: none;
}

.swiper-slide .partnering .img,
.swiper-slide .community .img {
    height: 262px;
    width: 100%;
    object-fit: cover;
    object-position: 46% 0;
}

.swiper-slide .partnering .text,
.swiper-slide .community .text {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 21px 24px 74px;
    gap: 15px;
}

.swiper-slide .partnering .text .title,
.swiper-slide .community .text .title {
    font-family: Obviously Wide Medium;
    font-size: 20px;
    line-height: 32px;
}

.swiper-slide .partnering .text .content p,
.swiper-slide .community .text .content p {
    font-family: Obviously Light;
    font-size: 14px;
    line-height: 25.2px;
}

@media (min-width: 768px) {
    .about-us-introduction-image-container {
        width: 100%;
        display: flex;
    }

    .about-us-introduction-image-image {
        width: 100%;
        height: 471px;
        display: flex;
    }

    .about-us-introduction-image-text {
        width: 100%;
        padding: 42px 23px  296px;
        gap: 19px;
    }

    .about-us-introduction-image-quote {
        font-size: 36px;
        line-height: 52.2px;
    }

    .about-us-introduction-image-quote-origin {
        font-size: 16px;
        line-height: 44.3px;
    }

    .swiper-slide .introduction {
        height: auto;
    }

    .swiper-slide .introduction .text {
        padding: 41px 25px 47px;
        gap: 19px;
    }

    .swiper-slide .introduction .text .quote-origin {
        font-size: 16px;
        line-height: 44.3px;
    }

    .swiper-slide .introduction .text .quote {
        font-size: 36px;
        line-height: 52.2px;
    }

    .swiper-slide .introduction .img {
        height: 471px;
        width: 100%;
    }

    .swiper-slide .partnering,
    .swiper-slide .community {
        height: auto;
    }

    .swiper-slide .partnering .img,
    .swiper-slide .community .img {
        height: 471px;
        width: 100%;
    }

    .swiper-slide .partnering .text,
    .swiper-slide .community .text {
        justify-content: center;
        padding: 62px 24px 229px;
        gap: 6px;
    }

    .swiper-slide .partnering .text .title,
    .swiper-slide .community .text .title {
        font-size: 48px;
        line-height: 63.84px;
    }

    .swiper-slide .partnering .text .content p,
    .swiper-slide .community .text .content p {
        font-size: 16px;
        line-height: 31.9px;
    }
}

@media (min-width: 1194px) {
    .about-us-introduction-image-container {
        flex-direction: row;
    }

    .about-us-introduction-image-image {
        width: 519px;
        height: 100vh;
        object-position: 59%;
    }

    .about-us-introduction-image-text {
        padding: 0 62px;
        justify-content: center;
    }

    .about-us-introduction-image-quote {
        font-size: 36px;
        line-height: 52.2px;
    }

    .about-us-introduction-image-quote-origin {
        font-size: 20px;
        line-height: 44.3px;
    }

    .swiper-slide .partnering,
    .swiper-slide .community {
        height: 100vh;
        flex-direction: row-reverse;
    }

    .swiper-slide .partnering .img,
    .swiper-slide .community .img {
        width: 519px;
        height: 100vh;
        object-position: 42%;
    }

    .swiper-slide .partnering .text,
    .swiper-slide .community .text {
        padding: 0 60px;
    }

    .swiper-slide .partnering .text .title,
    .swiper-slide .community .text .title {
        max-width: 550px;
    }

    .swiper-slide .introduction {
        height: 100vh;
        flex-direction: unset;
    }

    .swiper-slide .introduction .img {
        width: 519px;
        height: 100vh;
        object-position: 48%;
    }

    .swiper-slide .introduction .text {
        padding: 0 62px;
        gap: 18px;
        justify-content: center;
    }

    .swiper-slide .introduction .text .quote {
        font-size: 36px;
        line-height: 52.2px;
    }
}

@media (min-width: 1500px) {
    .about-us-introduction-image-image {
        width: 780px;
        object-position: 67%;
    }

    .about-us-introduction-image-quote-origin {
        font-size: 20px;
    }

    .swiper-slide .partnering .img,
    .swiper-slide .community .img {
        width: 780px;
        object-position: 52%;
    }

    .swiper-slide .partnering .text,
    .swiper-slide .community .text {
        gap: 24px;
    }

    .swiper-slide.partnering .text .title,
    .swiper-slide.community .text .title {
        max-width: unset;
    }

    .swiper-slide .introduction .img {
        width: 780px;
        object-position: 48%;
    }

    .swiper-slide .introduction .text .quote-origin {
        font-size: 20px;
        line-height: 44.3px;
    }

    .swiper-slide .partnering .text .content p,
    .swiper-slide .community .text .content p {
        font-size: 20px;
    }
}

@media (min-width: 1800px) {
    .about-us-introduction-image-text {
        padding: 0 194px;
    }

    .swiper-slide .partnering .text,
    .swiper-slide .community .text {
        padding: 0 121px;
        padding-right: 267px;
    }

    .about-us-introduction-image-text {
        padding: 0 194px;
    }

    .swiper-slide .introduction .text {
        padding: 0 194px;
    }
}