/*body{
margin:0;
font-family:Arial;
background:#0e0e0e;
color:white;
} */

.media-container{
max-width:1200px; 
margin:auto;
padding:40px;
}

.media-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
margin:20px 0;
}

.media-row.reverse{
direction:rtl;
}

.media-row.reverse .media-text{
direction:ltr;
}

.media-text h2{
/*font-size:30px;*/
margin-bottom:15px;
}

.media-text p{
/*opacity:0.8;*/
line-height:1.6;
}


/* Video */

.youtube-player{
position:relative;
width:100%;
padding-top:56.25%;
cursor:pointer;
overflow:hidden;
/*border-radius:10px;*/
}

.youtube-thumb{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
transition:0.5s;
}

/* Overlay */

.youtube-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
background:rgba(0,0,0,0.4);
opacity:0;
transition:0.4s;
}

.youtube-player:hover .youtube-overlay{
opacity:1;
}

.youtube-player:hover .youtube-thumb{
transform:scale(1.08);
}

/* Play Button */

.play-button{
width:50px;
height:50px;
border-radius:50%;
background-color: transparent;
border: 2px solid #fff;
position:relative;
margin-bottom:20px;
}

.play-button:before{
content:"";
position:absolute;
left:18px;
top:12px;
border-style:solid;
border-width:12px 0 12px 18px;
border-color:transparent transparent transparent white;
}

/* Infos */

.video-info{ color:#fff;
text-align:center;
}

.video-info h3{ color:#fff;
margin:0;
font-size:20px;
}

.video-info p{ color:#fff;
font-size:14px;
opacity:0.8;
}

/* iframe */

.youtube-player iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
}


/* Responsive */

@media(max-width:900px){

.media-row{
grid-template-columns:1fr;
}

.media-row.reverse{
direction:ltr;
}

.media-text p{
font-size: 0.8em;
}

.media-row{

gap:10px;

}


}