.video-hero p{
    max-width:760px;
    margin:12px auto 0;
    color:rgba(255,255,255,.84);
}

.video-featured-section,
.video-related-section{
    background:#f4f7fb;
}

.video-featured{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
    overflow:hidden;
    border:1px solid #e1e8f0;
    border-radius:26px;
    background:#fff;
    box-shadow:0 18px 50px rgba(8,47,99,.1);
}

.video-featured__media,
.video-single-player{
    position:relative;
    min-height:430px;
    background:#071a2e;
}

.video-featured__content{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    padding:42px;
}

.video-featured__label{
    display:inline-flex;
    margin-bottom:14px;
    padding:7px 13px;
    border-radius:999px;
    color:#8a641e;
    background:#fff5d6;
    font-size:13px;
    font-weight:700;
}

.video-featured h2{
    margin:0 0 14px;
    color:#062f63;
    font-size:31px;
    line-height:1.45;
}

.video-featured h2 a,
.video-card h2 a,
.video-card h3 a{
    color:inherit;
}

.video-featured__content p{
    margin:0 0 20px;
    color:#53647b;
    line-height:2;
}

.video-featured__meta,
.video-single-hero__meta,
.video-card__meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    color:#738198;
    font-size:13px;
}

.video-featured__meta{
    margin-bottom:24px;
}

.video-player-poster{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    min-height:inherit;
    padding:0;
    border:0;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
}

.video-player-poster:after,
.video-card__media:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(4,21,39,.06),rgba(4,21,39,.42));
    transition:background .2s ease;
}

.video-player-poster:hover:after,
.video-card__media:hover:after{
    background:linear-gradient(180deg,rgba(4,21,39,.02),rgba(4,21,39,.28));
}

.video-play-button,
.video-card__play{
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:82px;
    height:82px;
    border-radius:50%;
    background:#c9a24a;
    box-shadow:0 12px 30px rgba(0,0,0,.25);
    transform:translate(-50%,-50%);
}

.video-play-button:before,
.video-card__play:before{
    content:"";
    width:0;
    height:0;
    margin-left:6px;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-left:19px solid #fff;
}

.video-duration{
    position:absolute;
    z-index:3;
    right:14px;
    bottom:14px;
    padding:5px 9px;
    border-radius:7px;
    color:#fff;
    background:rgba(5,18,33,.82);
    font-size:12px;
    font-weight:700;
}

.video-library-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:30px;
}

.video-library-heading h2,
.video-related-heading h2{
    margin:7px 0 0;
    color:#062f63;
    font-size:32px;
}

.video-filter-form{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}

.video-filter-form input,
.video-filter-form select{
    min-height:43px;
    padding:8px 13px;
    border:1px solid #d6e0eb;
    border-radius:10px;
    background:#fff;
}

.video-filter-form input{
    width:220px;
}

.video-filter-reset{
    color:#8b5f17;
    font-size:13px;
}

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

.video-card{
    display:flex;
    min-height:0;
    flex-direction:column;
    justify-content:flex-start;
    overflow:hidden;
    border:1px solid #e1e8f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 28px rgba(8,47,99,.07);
    transition:transform .2s ease,box-shadow .2s ease;
}

.video-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 34px rgba(8,47,99,.12);
}

.video-card__media{
    position:relative;
    display:block;
    aspect-ratio:16/9;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

.video-card__play{
    width:56px;
    height:56px;
}

.video-card__play:before{
    border-top-width:8px;
    border-bottom-width:8px;
    border-left-width:13px;
}

.video-card__body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:21px 22px 23px;
}

.video-card h2,
.video-card h3{
    margin:10px 0;
    color:#062f63;
    font-size:20px;
    line-height:1.6;
}

.video-card h3{
    font-size:18px;
}

.video-card__body p{
    margin:0 0 14px;
    color:#627087;
    line-height:1.9;
}

.video-card__body p:empty{
    display:none;
}

.video-card__link{
    margin-top:auto;
    color:#a57622;
    font-weight:700;
}

.video-pagination{
    margin-top:34px;
}

.video-empty-state{
    padding:60px 24px;
    border:1px dashed #ccd8e5;
    border-radius:20px;
    text-align:center;
    background:#f8fafc;
}

.video-empty-state .dashicons{
    width:56px;
    height:56px;
    color:#c9a24a;
    font-size:56px;
}

.video-single-hero__meta{
    justify-content:center;
    margin-top:14px;
    color:rgba(255,255,255,.76);
}

.video-single-content{
    max-width:1040px;
    margin:0 auto;
}

.video-single-player{
    overflow:hidden;
    min-height:585px;
    border-radius:24px;
    box-shadow:0 18px 48px rgba(4,28,58,.16);
}

.video-single-player iframe,
.video-featured__media iframe{
    display:block;
    width:100%;
    height:100%;
    min-height:inherit;
    border:0;
}

.video-single-description{
    margin-top:32px;
    padding:32px 36px;
    border:1px solid #e2e9f0;
    border-radius:20px;
    background:#fff;
}

.video-single-description__title{
    margin:0 0 18px;
    color:#062f63;
    font-size:20px;
    line-height:1.7;
}

.video-collection-public{
    margin-top:34px;
    padding:30px;
    border:1px solid #e1e8f0;
    border-radius:22px;
    background:#f7f9fc;
}

.video-collection-public__heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}

.video-collection-public__heading h2{
    margin:6px 0 0;
    color:#062f63;
    font-size:27px;
}

.video-collection-public__count{
    padding:7px 13px;
    border-radius:999px;
    color:#7d5919;
    background:#fff1c6;
    font-size:13px;
    font-weight:700;
}

.video-collection-public__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.video-collection-public__item{
    overflow:hidden;
    border:1px solid #dce5ee;
    border-radius:15px;
    background:#fff;
}

.video-collection-public__media{
    min-height:230px;
    background:#071a2e;
}

.video-collection-public__media .video-player-poster,
.video-collection-public__media iframe{
    display:block;
    width:100%;
    height:230px;
    min-height:230px;
    border:0;
}

.video-collection-public__content{
    padding:17px 19px 19px;
}

.video-collection-public__index{
    color:#a57622;
    font-size:12px;
    font-weight:700;
}

.video-collection-public__content h3{
    margin:7px 0 0;
    color:#062f63;
    font-size:18px;
    line-height:1.6;
}

.video-player-unavailable{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:inherit;
    padding:30px;
    color:#fff;
    background-position:center;
    background-size:cover;
}

.video-player-unavailable p{
    padding:14px 18px;
    border-radius:10px;
    background:rgba(5,18,33,.82);
}

.video-related-heading{
    margin-bottom:25px;
}

@media(max-width:980px){
    .video-featured{
        grid-template-columns:1fr;
    }

    .video-featured__media{
        min-height:460px;
    }

    .video-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .video-library-heading{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:640px){
    .video-featured__media,
    .video-single-player{
        min-height:260px;
    }

    .video-featured__content{
        padding:28px 24px;
    }

    .video-featured h2{
        font-size:25px;
    }

    .video-grid{
        grid-template-columns:1fr;
    }

    .video-filter-form,
    .video-filter-form input,
    .video-filter-form select,
    .video-filter-form .small-btn{
        width:100%;
    }

    .video-single-description{
        padding:24px 21px;
    }

    .video-collection-public{
        padding:22px 17px;
    }

    .video-collection-public__heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .video-collection-public__grid{
        grid-template-columns:1fr;
    }

    .video-collection-public__media,
    .video-collection-public__media .video-player-poster,
    .video-collection-public__media iframe{
        height:210px;
        min-height:210px;
    }

    .video-play-button{
        width:66px;
        height:66px;
    }
}