.elementor-16842 .elementor-element.elementor-element-17e1461{z-index:9999;}body:not(.rtl) .elementor-16842 .elementor-element.elementor-element-9755e3e{left:0px;}body.rtl .elementor-16842 .elementor-element.elementor-element-9755e3e{right:0px;}.elementor-16842 .elementor-element.elementor-element-9755e3e{top:0px;}.elementor-16842 .elementor-element.elementor-element-a267232{margin-top:3em;margin-bottom:0em;}.elementor-16842 .elementor-element.elementor-element-061a97b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-16842 .elementor-element.elementor-element-e64e09e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-16842 .elementor-element.elementor-element-a6e6184{overflow:hidden;border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-16842 .elementor-element.elementor-element-a6e6184 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16842 .elementor-element.elementor-element-5ced8da > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-16842 .elementor-element.elementor-element-5ced8da > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for section, class: .elementor-element-e22128e */ /* Container styling for Elementor Video */
.elementor-widget-video {
    position: relative;
    cursor: pointer;
}

/* Creating the Tooltip */
.elementor-widget-video::after {
    content: "Dive into Full Page"; /* Your formal wording */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* Styling to match your ghost buttons */
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 10px 20px;
    font-size: 12px;
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    white-space: nowrap;
    
    /* Animation */
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 99;
}

/* Hover Effects */
.elementor-widget-video:hover::after {
    opacity: 1;
    transform: translate(-50%, -60%); /* Moves up slightly */
}

/* Optional: Darken the video slightly on hover so text pops */
.elementor-widget-video:hover .elementor-wrapper {
    filter: brightness(0.6);
    transition: filter 0.4s ease;
} /* End custom CSS */