/* =====================================================
   WIZORA VIDEO BLOCK
===================================================== */


.wizora-video{

width:100%;

box-sizing:border-box;

}



.video-inner{

width:100%;

max-width:1200px;

margin:auto;

}



.video-title{

font-size:42px;

font-weight:800;

line-height:1.2;

text-align:center;

margin:0 0 20px;

color:var(--text-color,#111827);

}



.video-description{

max-width:800px;

margin:0 auto 35px;

text-align:center;

font-size:18px;

line-height:1.7;

color:#64748b;

}



.video-wrapper{

position:relative;

width:100%;

overflow:hidden;

border-radius:20px;

background:#000;

aspect-ratio:16/9;

box-shadow:0 20px 50px rgba(0,0,0,.12);

}



.video-wrapper iframe,

.video-wrapper video{

width:100%;

height:100%;

border:0;

display:block;

object-fit:cover;

}



.video-empty{

height:100%;

display:flex;

align-items:center;

justify-content:center;

color:#94a3b8;

font-size:18px;

}





/* =====================================================
   ANIMATION
===================================================== */


.wizora-video{

opacity:0;

transform:translateY(30px);

transition:

opacity .7s ease,

transform .7s ease;

}



.wizora-video.video-visible{

opacity:1;

transform:none;

}





/* =====================================================
   MOBILE
===================================================== */


@media(max-width:768px){


.video-title{

font-size:32px;

}


.video-description{

font-size:16px;

}



.video-wrapper{

border-radius:14px;

}



}