.mwg_effect025 {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #121212;
    color: #F1F1F1;
    position: relative;
    padding: 80px 0 40px;
}

.mwg_effect025 .container {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 20px 24px;
    width: 100%;
    box-sizing: border-box;
}

.mwg_effect025 .container::-webkit-scrollbar {
    display: none;
}

.mwg_effect025 .title {
    font: 500 normal 10vw/0.9 'Poppins', sans-serif;
    letter-spacing: -0.03em;
    margin: 0 0 24px;
    text-align: center;
    color: #F1F1F1;
    padding: 0 16px;
}

.mwg_effect025 .card {
    flex: 0 0 75vw;
    aspect-ratio: 0.75;
    scroll-snap-align: center;
}

.mwg_effect025 .card:not(:first-child) {
    margin: 0;
}

.mwg_effect025 .card .content {
    width: 100%;
    height: 100%;
    border-radius: 0.6em;
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
}

.mwg_effect025 .card .content .top {
    font: 500 normal 20px / 1.2 'Poppins', sans-serif;
    letter-spacing: -0.03em;
    margin: 0;
    padding: 0;
    border: 0;
}

.mwg_effect025 .card .content .bottom {
    display: flex;
    align-items: center;
    column-gap: 12px;
    font: 500 normal 14px / 1.1 'Poppins', sans-serif;
    font-style: normal;
    letter-spacing: -0.03em;
    border-top: 1px dashed rgba(255, 255, 255, 0.4);
    padding: 16px 0 0;
}

.mwg_effect025 .card .content .bottom cite {
    font-style: normal;
}

.mwg_effect025 .card .content .bottom p {
    margin: 0;
}

.mwg_effect025 .card .content .bubble {
    width: 40px;
    aspect-ratio: 1;
    border-radius: 100%;
    background-color: #FFF;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.mwg_effect025 .card .content .bubble img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mwg_effect025 .card .content .job {
    font: 500 normal 12px / normal 'Poppins', sans-serif;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .mwg_effect025 {
        min-height: 100vh;
        padding: 0;
    }

    .mwg_effect025 .container {
        overflow: visible;
        gap: 0;
        padding: 20px 0;
        width: auto;
        justify-content: center;
        margin-top: 0;
    }

    .mwg_effect025 .title {
        position: relative;
        font-size: 8vw;
        margin: 0 0 24px;
        padding: 0;
    }

    .mwg_effect025 .card {
        flex: 0 0 27vw;
        aspect-ratio: 0.7;
    }

    .mwg_effect025 .card:not(:first-child) {
        margin: 0 0 0 -9vw;
    }

    .mwg_effect025 .card .content {
        padding: 20px;
    }

    .mwg_effect025 .card .content .top {
        font: 500 normal 2vw / 1.2 'Poppins', sans-serif;
        letter-spacing: -0.03em;
    }

    .mwg_effect025 .card .content .bottom {
        column-gap: 10px;
        font: 500 normal 1.6vw / 1 'Poppins', sans-serif;
        letter-spacing: -0.03em;
        padding: 14px 0 0;
    }

    .mwg_effect025 .card .content .bubble {
        width: 4.5vw;
    }

    .mwg_effect025 .card .content .job {
        font: 500 normal 1.4vw / normal 'Poppins', sans-serif;
    }
}

@media (min-width: 1024px) {
    .mwg_effect025 .container {
        margin-top: 100px;
    }

    .mwg_effect025 .title {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        font-size: 6vw;
        margin: 0;
        padding-bottom: 25px;
    }

    .mwg_effect025 .card {
        flex: 0 0 22vw;
        aspect-ratio: 0.8;
    }

    .mwg_effect025 .card:not(:first-child) {
        margin: 0 0 0 -4vw;
    }

    .mwg_effect025 .card .content {
        padding: 25px;
    }

    .mwg_effect025 .card .content .top {
        font: 500 normal 1.5vw / 1.1 'Poppins', sans-serif;
    }

    .mwg_effect025 .card .content .bottom {
        column-gap: 15px;
        font: 500 normal 1.1vw / 0.9 'Poppins', sans-serif;
        padding: 25px 0 0;
    }

    .mwg_effect025 .card .content .bubble {
        width: 3.3vw;
    }

    .mwg_effect025 .card .content .job {
        font: 500 normal 0.9vw / normal 'Poppins', sans-serif;
    }
}

.mwg_effect025 .card:nth-child(1) {
    z-index: 3;
}

.mwg_effect025 .card:nth-child(1) .content {
    background-color: #b80e96;
}

.mwg_effect025 .card:nth-child(2) {
    z-index: 2;
}

.mwg_effect025 .card:nth-child(2) .content {
    background-color: #540f8c;
}

.mwg_effect025 .card:nth-child(3) {
    z-index: 7;
}

.mwg_effect025 .card:nth-child(3) .content {
    background-color: #230075;
}

.mwg_effect025 .card:nth-child(4) {
    z-index: 1;
}

.mwg_effect025 .card:nth-child(4) .content {
    background-color: #5E39B5;
}

.mwg_effect025 .card:nth-child(5) {
    z-index: 4;
}

.mwg_effect025 .card:nth-child(5) .content {
    background-color: #4054B2;
}

.mwg_effect025 .card:nth-child(6) {
    z-index: 5;
}

.mwg_effect025 .card:nth-child(6) .content {
    background-color: #3040A0;
}