.tcVideos-section {
    padding: var(--section-padding-lg) var(--page-padding);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x6);
    background: var(--color-iceland-100);

    @media screen and (min-width:960px) {
        gap: var(--spacing-x10);
        padding: var(--section-padding-md) var(--page-padding);

    }
}

.tcVideos-section__header-color {
    color: var(--color-iceland-1200);
}

.tcVideos-section__videos-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: var(--spacing-x1);
    row-gap: var(--spacing-x5);
    column-gap: var(--spacing-x1);
}

.tcVideos__video {
    flex: 0 0 calc(100%);

    @media screen and (max-width:960px) and (min-width:760px) {
        flex: 0 0 calc(50% - var(--spacing-4));
    }

    @media screen and (min-width:960px) {
        flex: 0 0 calc(33.3333% - var(--spacing-x1));
    }
}

.tcVideos__video[data-index="0"] .tcVideos__video-thumb {
    border-end-start-radius: 80px;
    overflow: hidden;
}

.tcVideos__video-thumb {
    position: relative;
    width: 100%;
    height: 187px;
    display: block;

    @media screen and (min-width:960px) {
        height: 263px;
    }
}


.tcVideos__video-thumb::after {
    content: " ";
    position: absolute;
    top: var(--spacing-12);
    right: var(--spacing-12);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.5 11.5264C18.1666 11.9113 18.1667 12.8739 17.5 13.2588L5.5 20.1865C4.83333 20.5714 4 20.0901 4 19.3203L4 5.46387C4.00017 4.69427 4.83343 4.21299 5.5 4.59766L17.5 11.5264Z' fill='white' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;

    width: 24px;
    height: 24px;

    @media screen and (min-width:960px) {
        top: var(--spacing-x2);
        right: var(--spacing-x2);
    }
}

.tcVideos__video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tcVideos__video-text-container {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacing-x2);
    gap: var(--spacing-12);

    @media screen and (min-width:960px) {
        margin-top: var(--spacing-20);
    }
}

.tcVideos__video-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;

    color: var(--color-iceland-1200);
    font-feature-settings: 'dlig' on;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    font: var(--font-display-md);
    font-weight: 500;
    margin: 0;
    line-height: normal;

    @media screen and (min-width:960px) {
        -webkit-line-clamp: 2;
    }
}

.tcVideos__video-dsc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;

    overflow: hidden;
    color: var(--color-iceland-800);
    font-feature-settings: 'dlig' on;
    text-overflow: ellipsis;

    font: var(--font-body-sm);
    margin: 0;
}

.tcVideos__video-date {
    color: var(--color-iceland-800);
    font: var(--font-overline-lg);
    text-transform: uppercase;
    margin: 0;
}

.video-modal__content__close {
    position: fixed;
    top: var(--spacing-20);
    right: var(--spacing-20);

    @media screen and (min-width:960px) {
        filter: invert(1);
    }
}

.tcVideos__viewMore {
    width: 100%;

    @media screen and (min-width:960px) {
        width: 126px;
        margin: auto;
    }
}