.elementor-12166 .elementor-element.elementor-element-78794c9e{--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;}.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-custom-embed-play i{font-size:89px;}.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-custom-embed-play svg{width:89px;height:89px;}@media(max-width:1200px){.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-custom-embed-play i{font-size:89px;}.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-custom-embed-play svg{width:89px;height:89px;}}@media(max-width:1024px){.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-custom-embed-play i{font-size:74px;}.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-custom-embed-play svg{width:74px;height:74px;}}@media(max-width:767px){.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-custom-embed-play i{font-size:51px;}.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-custom-embed-play svg{width:51px;height:51px;}}@media(min-width:2400px){.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-custom-embed-play i{font-size:89px;}.elementor-12166 .elementor-element.elementor-element-a333056 .elementor-custom-embed-play svg{width:89px;height:89px;}}/* Start custom CSS for container, class: .elementor-element-78794c9e */.practice-video .elementor-custom-embed-play svg {
    fill: none;
    filter: none;
    opacity: 1;
}

.practice-video .elementor-custom-embed-play {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 170px;
    background: var(--e-global-color-54e9948);
    border-radius: 100%;
    border: 0.391px solid var(--e-global-color-8754805);
}

.practice-video .elementor-custom-embed-play:before {
    content: '';
    position: absolute;
    background: url(https://knechtorthodontics.com/wp-content/uploads/2024/11/simple-video-before.svg);
    width: 145px;
    height: 145px;
    background-repeat: no-repeat;
    background-size: cover;
    left: 11.73px;
    top: 11.73px;
    animation: spin 15s linear infinite;
}

.practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
    width: 100%;
    height: 660px;
}

@media (min-width: 1920px) {
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 660px;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 475px;
    }
}

@media (min-width: 768px) and (max-width: 1024px){
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 352px;
    }
    
    .practice-video .elementor-custom-embed-play{
        width: 125px;
        height: 125px;
    }
    
    .practice-video .elementor-custom-embed-play:before{
        width: 105.556px;
        height: 105.556px;
        top: 8.79px;
        left: 8.79px;
    }
}

@media (min-width: 986px) and (max-width: 1024px){
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 455px;
    }
}

@media (min-width: 921px) and (max-width: 985px){
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 425px;
    }
}

@media (min-width: 851px) and (max-width: 920px){
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 395px;
    }
}

@media (max-width: 767px) {
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 149px;
    }
    
    .practice-video .elementor-custom-embed-play{
        width: 75px;
        height: 75px;
    }
    
    .practice-video .elementor-custom-embed-play:before{
        width: 65.278px;
        height: 65.278px;
        top: 3.9px;
        left: 3.9px;
    }
}

@media (min-width: 671px) and (max-width: 767px){
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 340px;
    }
}

@media (min-width: 591px) and (max-width: 670px){
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 290px;
    }
}

@media (min-width: 511px) and (max-width: 590px){
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 250px;
    }
}

@media (min-width: 451px) and (max-width: 510px){
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 220px;
    }
}

@media (min-width: 390px) and (max-width: 450px){
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 200px;
    }
}

@media (min-width: 350px) and (max-width: 390px){
    .practice-video .elementor-wrapper.elementor-open-lightbox, .practice-video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
        width: 100%;
        height: 170px;
    }
}/* End custom CSS */