.elementor-5339 .elementor-element.elementor-element-48d3f93{--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;}/* Start custom CSS */.fullscreen-hover-container {
    display: inline-block;
    position: relative;
}

.hover-trigger {
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    font-size: 1.2em;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    z-index: 10000;
}

.fullscreen-preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.fullscreen-preview.active {
    opacity: 1;
    visibility: visible;
}

.preview-images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.preview-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    visibility: hidden;
}

.preview-image.active {
    opacity: 1;
    visibility: visible;
}

/* Optional: Add hover effect to the trigger text */
.hover-trigger:hover {
    opacity: 0.8;
}/* End custom CSS */