.elementor-3349 .elementor-element.elementor-element-d9eea9e{--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-3349 .elementor-element.elementor-element-2918bf6{--spacer-size:137px;}.elementor-3349 .elementor-element.elementor-element-006f86f{--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-3349 .elementor-element.elementor-element-69c0845{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.56 * 100% );}.elementor-3349 .elementor-element.elementor-element-69c0845:after{content:"1.56";}.elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-post__thumbnail__link{width:100%;}.elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-post__meta-data span + span:before{content:"•";}.elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-post__text{margin-top:20px;}.elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-post__badge{right:0;}.elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-post__title, .elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-post__title a{color:#FFFFFF;font-family:"Gilroy", Sans-serif;font-size:24px;font-weight:bold;}.elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-post__excerpt p{color:#FFFFFF;}@media(max-width:767px){.elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3349 .elementor-element.elementor-element-69c0845:after{content:"0.5";}.elementor-3349 .elementor-element.elementor-element-69c0845 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-69c0845 *//* Ensure post text is inside the post card */
.elementor-post__text {
    margin-top: -450px !important;
    z-index: 2;
    position: relative;
    pointer-events: none; /* prevents accidental hovering outside */
}

/* Main post card setup */
.elementor-post {
    position: relative;
    overflow: hidden;
    height: 400px;
    z-index: 1; /* stays below other components like menus */
}

/* Purple overlay */
.elementor-post::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(128, 0, 128, 0.6);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 1;
}

/* Show overlay on hover */
.elementor-post:hover::before {
    opacity: 1;
}

/* Title */
.elementor-post__title {
    position: relative;
    z-index: 3; /* on top of overlay, but below menu */
    margin: 20px;
    color: #fff;
    pointer-events: auto;
}

/* Keep title visible on hover */
.elementor-post:hover .elementor-post__title {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Excerpt slides in from left under title */
.elementor-post__excerpt {
    position: relative;
    z-index: 2;
    margin: 10px 20px 0 20px;
    color: #fff !important;
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: pointer;
    pointer-events: auto;
}

/* On hover: show excerpt */
.elementor-post:hover .elementor-post__excerpt {
    opacity: 1;
    transform: translateX(0);
}

/* Make the excerpt clickable */
.elementor-post__excerpt a {
    color: #fff !important;
}

/* Read More button */
.elementor-post__read-more {
    position: absolute;
    bottom: 10px;
    left: 140px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    transform: translateY(20px);
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 16px;
    border-radius: 4px;
    text-decoration: none;
}

/* Reveal Read More on hover */
.elementor-post:hover .elementor-post__read-more {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */