.elementor-6790 .elementor-element.elementor-element-755e4d2a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6790 .elementor-element.elementor-element-70cda18d{--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-6790 .elementor-element.elementor-element-23d415a6{width:var( --container-widget-width, 28% );max-width:28%;--container-widget-width:28%;--container-widget-flex-grow:0;}.elementor-6790 .elementor-element.elementor-element-23d415a6.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-6790 .elementor-element.elementor-element-70cda18d{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-23d415a6 *//* Container for the image and text */
.hover-image-container {
    position: relative;
    display: inline-block;
    width: 100%;  /* Adjust width as needed */
}

/* Image Styling */
.hover-image-container img {
    width: 100%;  /* Adjust width to your liking */
    transition: transform 0.3s ease-in-out;
}

/* Hover Effect - Image enlarges */
.hover-image-container:hover img {
    transform: scale(1.1);  /* Adjust scale for desired size */
}

/* Text Styling */
.hover-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: white;
    opacity: 0;  /* Hidden initially */
    transition: opacity 0.3s ease-in-out;
}

/* Show text on hover */
.hover-image-container:hover .hover-text {
    opacity: 1;  /* Visible on hover */
}
/* Apply elegant font */
.hover-text {
    font-family: 'Playfair Display', serif; /* Elegant & premium feel */
    font-size: 32px; /* Adjust size */
    font-weight: 600;
    color: black;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 5px 15px;
    border-radius: 8px;
}/* End custom CSS */