.media-section {
    --decoration-color: #138bd0;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 50px 0;
    font-size: 20px;
}
.media-section--public {
    --decoration-color: #25b525;
}
.media-section--bg {
    background: #f8f8f8;
}
.media-section__container {
    position: relative;
    padding-left: 30px;
}
.media-section__container::before {
    content: "";
    height: 200px;
    width: 7px;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--decoration-color);
}
.media-section--index-public-decorated {
    position: relative;
    overflow: hidden;
    padding: 150px 0;
}
.media-section--index-public-decorated::before,
.media-section--index-public-decorated::after {
    content: "";
    position: absolute;
    background: #138bd0;
}
.media-section--index-public-decorated::before {
    height: 60px;
    width: 400px;
    top: 0;
    right: 0;
    rotate: 11deg;
    translate: 10% -75%;
}
@media (min-width: 1280px) {
    .media-section--index-public-decorated::before {
        translate: 10% -50%;
    }
}
.media-section--index-public-decorated::after {
    bottom: 0;
    left: 0;
    height: 100px;
    width: 500px;
    transform: skew(-50deg, 0deg);
    rotate: 10deg;
    translate: -45% 55%;
}

.media-section__youtube-wrapper iframe {
    width: 1000px;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    margin: 50px auto;
}

@media (min-width: 560px) {
    .media-section--index-public-decorated::after {
        translate: 0% 55%;
    }
}
@media (min-width: 1280px) {
    .media-section--index-public-decorated::after {
        translate: 15% 55%;
    }
}


.media-slider {}

.media-slider .media-slider__slide {

}

.media-slider .media-slider__slide iframe {
    width: 1000px;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    margin: 50px auto;
}


.swiper-button-prev, .swiper-button-next {
    display: none;
}

@media (min-width: 560px) {
}

@media (min-width: 768px) {
    .swiper-button-prev, .swiper-button-next {
        display: block;
    }

    .media-slider .media-slider__slide iframe {
        width: 640px;
    }
}


@media (min-width: 992px) {
    .media-slider .media-slider__slide iframe {
        width: 800px;
    }
}
@media (min-width: 1280px) {
    .media-slider .media-slider__slide iframe {
        width: 1000px;
    }
}
@media (min-width: 1530px) {}