.paris-habitat-elementor-widget-ph-video.show_background{
    padding: 7.1rem 0rem 0rem 0rem;
}
.ph-video-bg{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 50%;
    background-color: var(--ph-color-10);
}
.ph-video-wrap{
    position:relative;
}
.ph-video-heading{
    text-transform:uppercase;
    font-size:1.4rem;
    line-height:2.4rem;
    font-weight:700;
    padding-bottom:4.1rem;
    text-align:center;
    color: white;
}
.ph-video-title{
    text-align:center;
    padding-bottom:2.6rem;
    color: white;
}
.ph-video-description{    
    text-align:center;
    padding-bottom:5rem;
    max-width: 77rem;
    margin:0 auto;
    color:white;
}
.ph-video-legend{
    margin-bottom:2.4rem;
    color: white;
}
.ph-video-content{
    position: relative;
}
.ph-video-thumbnail{
    width:100%;
    height:100%;
    cursor:pointer;
    background: var(--ph-color-5);
    position: relative;
    z-index:10;
}
.ph-video-play{
    position:absolute;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%);
}
.ph-video-embed{
    width:100%;
    height:100%;
    border:none;
    position: absolute;
    top: 0;
    left: 0;
    z-index:20;
    background: black;
    opacity:0;
    transition: opacity 0.3s;
}
.ph-video-embed.displayed{
    opacity:1;
}
.ph-video-link{
    position:absolute;
    z-index:22;
    left:0;
    bottom:0;
    transition:transform 0.4s;
}
.ph-video-link.translated{
    transform: translateY(100%);
}
.ph-video-container{
    position:relative;
}
.ph-video-thumbnail-img{
    height:0;
    padding-top:56.19%;
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 1200px){
   
}

@media (max-width: 1024px){
    
}

@media (max-width: 767px){
    .paris-habitat-elementor-widget-ph-video.show_background{
        padding: 4rem 0rem 0rem 0rem;
    }
    .ph-video-bg{
        height: 75%;
    }
    .ph-video-link {
        width: 100%;
    }    
    .ph-video-link a{
        width: 100%;
    } 
    .ph-video-link{
        position: relative;
    }    
    .ph-video-link.translated{
        transform: translateY(0);
    }
    .ph-video-description {
        padding-bottom: 2.7rem;
    }
    .ph-video-thumbnail-img{
        padding-top:100%;
    }
    .ph-video-legend{
        display:none;
    }
}

    