.elementor-995 .elementor-element.elementor-element-d5ba3d9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-995 .elementor-element.elementor-element-679a619 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-995 .elementor-element.elementor-element-98dc018 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-995 .elementor-element.elementor-element-d590ea2 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-995 .elementor-element.elementor-element-09b4038 .elementor-wrapper{--video-aspect-ratio:1.77777;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4f106fe *//* =========================================
VIDEO PAGE
========================================= */

.mg-video-page{

    --navy:#061F4A;
    --blue:#015070;
    --red:#A4282B;
    --text:#667085;
    --light:#F5F3EE;

    font-family:'Figtree',Arial,sans-serif;

    color:var(--navy);

}


/* =========================================
CONTAINER
========================================= */

.mg-video-container{

    width:100%;

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

}


/* =========================================
HERO
========================================= */

.mg-video-hero{

    padding:150px 0;

    background:

    linear-gradient(
        rgba(6,31,74,.88),
        rgba(6,31,74,.88)
    ),

    url('YOUR-VIDEO-HERO-IMAGE.webp');

    background-size:cover;

    background-position:center;

}

.mg-video-hero-content{

    max-width:800px;

}

.mg-video-label{

    color:#fff;

    font-size:12px;

    font-weight:800;

    letter-spacing:2px;

}

.mg-video-hero h1{

    font-family:'Antonio',Arial,sans-serif;

    font-size:70px;

    line-height:1;

    color:#fff;

    margin:18px 0 25px;

}

.mg-video-hero h1 span{

    color:#43A0B5;

}

.mg-video-hero p{

    max-width:700px;

    color:#fff;

    opacity:.9;

    font-size:19px;

    line-height:1.8;

}


/* =========================================
FEATURED
========================================= */

.mg-featured-video{

    padding:100px 0;

    background:#fff;

}

.mg-video-section-heading{

    margin-bottom:40px;

}

.mg-video-section-heading > span{

    display:block;

    color:var(--red);

    font-size:12px;

    font-weight:800;

    letter-spacing:2px;

    margin-bottom:12px;

}

.mg-video-section-heading h2{

    font-family:'Antonio',Arial,sans-serif;

    font-size:48px;

    line-height:1.05;

    margin:0 0 12px;

    color:var(--navy);

}

.mg-video-section-heading h2 strong{

    color:var(--blue);

    font-weight:400;

}

.mg-video-section-heading p{

    color:var(--text);

    font-size:16px;

}


/* =========================================
FEATURED LAYOUT
========================================= */

.mg-featured-wrapper{

    display:grid;

    grid-template-columns:1.5fr 1fr;

    gap:50px;

    align-items:center;

}

.mg-featured-player{

    position:relative;

    width:100%;

    aspect-ratio:16/9;

    overflow:hidden;

    border-radius:18px;

    background:#061F4A;

    box-shadow:0 20px 50px rgba(6,31,74,.18);

}

.mg-featured-player iframe{

    width:100%;

    height:100%;

    border:0;

}

.mg-featured-info{

    padding:10px 0;

}

.mg-video-category{

    color:var(--red);

    font-size:11px;

    font-weight:800;

    letter-spacing:1.5px;

}

.mg-featured-info h3{

    font-family:'Antonio',Arial,sans-serif;

    color:var(--navy);

    font-size:36px;

    line-height:1.15;

    margin:15px 0;

}

.mg-featured-info p{

    color:var(--text);

    font-size:15px;

    line-height:1.8;

}

.mg-video-date{

    color:#8A94A6;

    font-size:12px;

    margin:20px 0;

}

.mg-video-button{

    display:inline-flex;

    align-items:center;

    gap:8px;

    background:var(--navy);

    color:#fff;

    text-decoration:none;

    padding:14px 22px;

    border-radius:5px;

    font-size:12px;

    font-weight:700;

    transition:.3s;

}

.mg-video-button:hover{

    background:var(--blue);

}


/* =========================================
VIDEO LIBRARY
========================================= */

.mg-video-library{

    padding:20px 0;

    background:#F5F3EE;

}

.mg-video-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}


/* =========================================
VIDEO CARD
========================================= */

.mg-video-card{

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 8px 25px rgba(6,31,74,.07);

    transition:.3s;

}

.mg-video-card:hover{

    transform:translateY(-7px);

    box-shadow:0 18px 40px rgba(6,31,74,.14);

}

.mg-video-thumbnail{

    position:relative;

    aspect-ratio:16/9;

    overflow:hidden;

    background:#061F4A;

}

.mg-video-thumbnail img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.4s;

}

.mg-video-card:hover
.mg-video-thumbnail img{

    transform:scale(1.05);

}


/* PLAY */

.mg-video-play{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:58px;

    height:58px;

    border-radius:50%;

    background:rgba(6,31,74,.92);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

}

.mg-video-play span{

    margin-left:3px;

}


/* CARD CONTENT */

.mg-video-card-content{

    padding:25px;

}

.mg-video-card-content h3{

    font-family:'Antonio',Arial,sans-serif;

    font-size:24px;

    line-height:1.2;

    color:var(--navy);

    margin:0 0 12px;

}

.mg-video-card-content p{

    color:var(--text);

    font-size:13px;

    line-height:1.65;

    margin:0 0 15px;

}

.mg-video-card-date{

    color:#8A94A6;

    font-size:11px;

}


/* =========================================
LOADING
========================================= */

.mg-video-loading{

    text-align:center;

    color:var(--text);

    padding:40px;

}


/* =========================================
YOUTUBE LINK
========================================= */

.mg-youtube-link{

    text-align:center;

    margin-top:50px;

}

.mg-youtube-link a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 25px;

    background:var(--navy);

    color:#fff;

    text-decoration:none;

    border-radius:5px;

    font-size:13px;

    font-weight:700;

}

.mg-youtube-link a:hover{

    background:var(--blue);

}


/* =========================================
RESPONSIVE
========================================= */

@media(max-width:991px){

    .mg-video-hero h1{

        font-size:55px;

    }

    .mg-featured-wrapper{

        grid-template-columns:1fr;

    }

    .mg-video-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:767px){

    .mg-video-hero{

        padding:110px 0;

    }

    .mg-video-hero h1{

        font-size:42px;

    }

    .mg-video-hero p{

        font-size:16px;

    }

    .mg-featured-video,
    .mg-video-library{

        padding:75px 0;

    }

    .mg-video-section-heading h2{

        font-size:36px;

    }

    .mg-video-grid{

        grid-template-columns:1fr;

    }

}/* End custom CSS */