.elementor-1049 .elementor-element.elementor-element-d7fa690{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:calc(var(--on-page-menu-spacing) + var(--ps));--padding-bottom:var(--pv);--padding-left:var(--ph);--padding-right:var(--ph);}.elementor-1049 .elementor-element.elementor-element-fc1c87b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-1049 .elementor-element.elementor-element-fc1c87b > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-1049 .elementor-element.elementor-element-fc1c87b{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-1049 .elementor-element.elementor-element-d17c950{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:var(--pv);--padding-bottom:var(--pv);--padding-left:var(--ph);--padding-right:var(--ph);}.elementor-1049 .elementor-element.elementor-element-7568136{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:0px 0px 0px 0px;--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-1049 .elementor-element.elementor-element-7b6909b .elementor-heading-title{font-family:var( --e-global-typography-89a74a2-font-family ), Sans-serif;font-size:var( --e-global-typography-89a74a2-font-size );font-weight:var( --e-global-typography-89a74a2-font-weight );text-transform:var( --e-global-typography-89a74a2-text-transform );line-height:var( --e-global-typography-89a74a2-line-height );}.elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-1049 .elementor-element.elementor-element-e52bb7d > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}.elementor-1049 .elementor-element.elementor-element-e52bb7d{width:100%;max-width:100%;}.elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container{padding:var(--ps) 0 var(--ps) 0;}:is( .elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(2em / 2);padding-right:calc(2em / 2);}:is( .elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container > .jet-listing-grid, .elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 2em / -2);margin-right:calc( 2em / -2);width:calc(100% + 2em);}.elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 2em / -2);margin-right:calc( 2em / -2);}.elementor-1049 .elementor-element.elementor-element-87740d8{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:var(--pv);--padding-bottom:var(--pv);--padding-left:var(--ph);--padding-right:var(--ph);}.elementor-1049 .elementor-element.elementor-element-86d5314{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:0px 0px 0px 0px;--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-1049 .elementor-element.elementor-element-0e21601 .elementor-heading-title{font-family:var( --e-global-typography-89a74a2-font-family ), Sans-serif;font-size:var( --e-global-typography-89a74a2-font-size );font-weight:var( --e-global-typography-89a74a2-font-weight );text-transform:var( --e-global-typography-89a74a2-text-transform );line-height:var( --e-global-typography-89a74a2-line-height );}.elementor-1049 .elementor-element.elementor-element-275fef5 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-1049 .elementor-element.elementor-element-275fef5 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-1049 .elementor-element.elementor-element-275fef5{width:100%;max-width:100%;}.elementor-1049 .elementor-element.elementor-element-275fef5 > .elementor-widget-container{padding:var(--ps) 0 var(--ps) 0;}:is( .elementor-1049 .elementor-element.elementor-element-275fef5 > .elementor-widget-container > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-1049 .elementor-element.elementor-element-275fef5 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-1049 .elementor-element.elementor-element-275fef5 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-1049 .elementor-element.elementor-element-275fef5 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(2em / 2);padding-right:calc(2em / 2);}:is( .elementor-1049 .elementor-element.elementor-element-275fef5 > .elementor-widget-container > .jet-listing-grid, .elementor-1049 .elementor-element.elementor-element-275fef5 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-1049 .elementor-element.elementor-element-275fef5 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 2em / -2);margin-right:calc( 2em / -2);width:calc(100% + 2em);}.elementor-1049 .elementor-element.elementor-element-275fef5 > .elementor-widget-container > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 2em / -2);margin-right:calc( 2em / -2);}.elementor-1049 .elementor-element.elementor-element-668eb51{--display:flex;--padding-top:var(--ps);--padding-bottom:0;--padding-left:0;--padding-right:0;}@media(max-width:1024px){.elementor-1049 .elementor-element.elementor-element-7b6909b .elementor-heading-title{font-size:var( --e-global-typography-89a74a2-font-size );line-height:var( --e-global-typography-89a74a2-line-height );}.elementor-1049 .elementor-element.elementor-element-0e21601 .elementor-heading-title{font-size:var( --e-global-typography-89a74a2-font-size );line-height:var( --e-global-typography-89a74a2-line-height );}}@media(max-width:767px){.elementor-1049 .elementor-element.elementor-element-d7fa690{--padding-top:01em;--padding-bottom:0;--padding-left:var(--ph);--padding-right:var(--ph);}.elementor-1049 .elementor-element.elementor-element-7b6909b .elementor-heading-title{font-size:var( --e-global-typography-89a74a2-font-size );line-height:var( --e-global-typography-89a74a2-line-height );}.elementor-1049 .elementor-element.elementor-element-e52bb7d > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-1049 .elementor-element.elementor-element-e52bb7d > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-1049 .elementor-element.elementor-element-0e21601 .elementor-heading-title{font-size:var( --e-global-typography-89a74a2-font-size );line-height:var( --e-global-typography-89a74a2-line-height );}}/* Start custom CSS for jet-listing-grid, class: .elementor-element-275fef5 *//* 1. Create a "Local Universe" for the Grid */
/* By adding a transform here, we force any 'fixed' children to anchor to THIS box, not the screen. */
.elementor-1049 .elementor-element.elementor-element-275fef5 {
    transform: translate(0, 0) !important; 
    z-index: 1;
    min-height: 750px;
}

/* 2. Position the Preview Panel */
/* We target the element by ID and Class to be specific. */
.elementor-1049 .elementor-element.elementor-element-275fef5 .elementor-element-445377c,
.elementor-1049 .elementor-element.elementor-element-275fef5 .hover-preview-panel {
    /* FIXED is the secret. Inside a transform, Fixed behaves like Absolute 
       but ignores all 'overflow:hidden' and 'relative' parents in the list. */
    position: fixed !important; 
    
    /* Position relative to the Grid Widget */
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 30% !important; /* Adjust this width to match your design */
    max-width: 350px;
    height: 100% !important;
    padding: 3em 0 0 0!important;
    
    /* Stop the "Pushing" - Force it out of the flex flow */
    margin: 0 !important;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    
    /* Layout the internal content (Image + Text) */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    
    /* Visuals */
    background: transparent !important;
    z-index: 999;
    pointer-events: none; /* Allows you to click the links underneath */
    
    /* Animation - Hidden by default */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 3. The Trigger */
/* When you hover a specific list item, show the panel inside it */
.elementor-1049 .elementor-element.elementor-element-275fef5 .jet-listing-grid__item:hover .hover-preview-panel {
    opacity: 1;
    visibility: visible;
}

/* 4. Mobile Cleanup */
@media (max-width: 1024px) {
    .elementor-1049 .elementor-element.elementor-element-275fef5 .hover-preview-panel {
        display: none !important;
    }
}

/* --- NO-JUMP SPOTLIGHT EFFECT --- */

/* 1. Target the TEXT WIDGETS specifically (Title & Date) 
   We target the widgets inside so we don't mess up the container positioning */
.elementor-1049 .elementor-element.elementor-element-275fef5 .elementor-widget-heading, 
.elementor-1049 .elementor-element.elementor-element-275fef5 .elementor-widget-text-editor,
.elementor-1049 .elementor-element.elementor-element-275fef5 .elementor-widget-divider {
    transition: opacity 0.3s ease;
    opacity: 0.3;
}

/* 2. When hovering the Grid, dim the text widgets to 0.3 */
.elementor-1049 .elementor-element.elementor-element-275fef5:hover .elementor-widget-heading,
.elementor-1049 .elementor-element.elementor-element-275fef5:hover .elementor-widget-text-editor,
.elementor-1049 .elementor-element.elementor-element-275fef5:hover .elementor-widget-divider {
    opacity: 0.3; 
}

/* 3. But keep the hovered item's text fully visible (opacity 1) */
.elementor-1049 .elementor-element.elementor-element-275fef5 .jet-listing-grid__item:hover .elementor-widget-heading,
.elementor-1049 .elementor-element.elementor-element-275fef5 .jet-listing-grid__item:hover .elementor-widget-text-editor,
.elementor-1049 .elementor-element.elementor-element-275fef5 .jet-listing-grid__item:hover .elementor-widget-divider {
    opacity: 1;
}

/* 4. Ensure the Preview Panel is NEVER dimmed */
/* (Just in case) */
.elementor-1049 .elementor-element.elementor-element-275fef5 .hover-preview-panel {
    opacity: 0; /* Default hidden state from previous code */
}
.elementor-1049 .elementor-element.elementor-element-275fef5 .jet-listing-grid__item:hover .hover-preview-panel {
    opacity: 1; /* Fully visible on hover */
}

/* --- DATE ROLL (SCROLL DOWN) --- */

/* 1. The Mask (Widget Container) */
/* We set strict overflow hidden here to chop off the extra text */
.elementor-1049 .elementor-element.elementor-element-275fef5 .date-roll-header .elementor-widget-container {
    overflow: hidden !important;
    position: relative;
    padding-top: 0 !important;    /* Remove padding to prevent peeking */
    padding-bottom: 0 !important;
}

/* 2. The Moving Part (The Date) */
.elementor-1049 .elementor-element.elementor-element-275fef5 .date-roll-header .elementor-heading-title {
    display: block;
    position: relative;
    margin: 0 !important; /* Remove margins to ensure math is perfect */
    
    /* Smooth transition for the slide effect */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. The "Read More" Text (Hidden ABOVE) */
.elementor-1049 .elementor-element.elementor-element-275fef5 .date-roll-header .elementor-heading-title::after {
    content: "[READ MORE]";
    position: absolute;
    
    /* Position it ABOVE the Date */
    top: -100%; 
    left: 0;
    
    /* Ensure it matches the size exactly */
    width: 100%;
    height: 100%;
    
    /* Inherit styling */
    color: inherit; 
    font-weight: inherit;
    line-height: inherit;
    
    /* Flex alignment fixes vertical spacing issues */
    display: flex;
    align-items: center; 
}

/* 4. The Hover Trigger (Slide DOWN) */
.elementor-1049 .elementor-element.elementor-element-275fef5 .jet-listing-grid__item:hover .date-roll-header .elementor-heading-title {
    transform: translateY(100%); /* Moves the Date DOWN, bringing Read More into view */
}/* End custom CSS */