.yes-video-show-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 10px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
            align-items: stretch;
}

.yes-box-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
}

.yes-box-right {
    width: 30%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    gap: 10px;
}

.yes-box-right .video-card--type2 {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
}

.yes-search-container {
    width: 70%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
}

.yes-video-container-two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    border-radius: 15px;
}

.yes-video-container {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.yes-video-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    position: relative;
    width: 100%;
    padding: 0 10px;
    margin: 10px 0 20px;
}

.yes-scroll-btn {
    width: 50px;
    aspect-ratio: 1;
    border: none;
    cursor: pointer;
    z-index: 10;
    background-position: center;
    background-size: 100%;
    background-color: transparent;
}

.left-btn {
    background-image: url(../../images/left.dd62626.png);
}

.right-btn {
    background-image: url(../../images/right.a7443ca.png);
}

.yes-videos-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    gap: 15px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.yes-videos-wrapper .video-card--type1 {
    min-width: 180px;
    position: relative;
}

.yes-videos-wrapper .video-card--type1 .yes-video-card__icon-box {
    min-height: 193px;
}

.yes-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 20px 0;
}

.yes-videos-wrapper .yes-video-card__thumbnail {
    width: 100%;
    aspect-ratio: 0.8;
    display: block;
    object-fit: cover;
    border-radius: 8px;
}

@media screen and (max-width:900px) {
    .yes-video-column-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .yes-box-right,
    .video-list-box4 {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .yes-banner-text {
        font-size: 18px;
        max-height: 52px;
        overflow: hidden;
    }

    .yes-video-container-two {
        grid-template-columns: repeat(1, 1fr);
    }

    .yes-video-container-two .yes-video-list {
        gap: 0;
    }
}

@media screen and (max-width:480px) {
    .yes-video-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .yes-videos-wrapper .video-card--type1 {
        min-width: 280px;
    }

    .yes-videos-wrapper .video-card--type1 .yes-video-card__icon-box {
        min-height: 158px;
    }

    .video-list-box2 .yes-video-card__thumbnail,
    .video-list-box3 .yes-video-card__thumbnail {
        height: 116px;
    }

    .yes-video-grid .yes-video-card__thumbnail {
        height: 140px;
    }
}