.elementor-3527 .elementor-element.elementor-element-197608a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-197608a *//* VIDEO WORK */
#video-content {
    padding: 15px;
    max-height: 0;
    
}
input[type="checkbox"]:checked #toggle-video {
    overflow: visible;
}


iframe.videos {
    height: 250px;
    width: 325px;
    position: relative;
    margin: 10px;
    
    object-fit: cover !important;
    border: none;
    border-radius: 12px;
    transition: transform 0.55s ease, box-shadow 0.25s ease, z-index 0.01s ease;
}
#video-content .videos:hover {
    transform: scale(1.1);
    box-shadow: 0 0 20px 10px rgba(57, 255, 20, 0.74);
    z-index: 10;
    overflow: visible;
    border-radius: 12px;
}

@media (max-width:767px) {
    #video-content {
        padding: 10px;
        margin-left:10px;
        justify-content: center;
    }
    #video-content .videos {
        height:300px;
        width:275px;
        object-fit: cover;
        align-content: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 30px;
        flex-direction: column !important;
    }
    input[type="checkbox"]:checked #toggle-video {
        overflow: visible !important;
    }

}/* End custom CSS */