.elementor-2648 .elementor-element.elementor-element-e7e143a{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:11% 11%;--row-gap:11%;--column-gap:11%;--margin-top:-145px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:190px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-2648 .elementor-element.elementor-element-e7e143a:not(.elementor-motion-effects-element-type-background), .elementor-2648 .elementor-element.elementor-element-e7e143a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-blocksy_palette_12 ) 0%, var( --e-global-color-blocksy_palette_2 ) 100%);}.elementor-2648 .elementor-element.elementor-element-e7e143a.e-con{--align-self:flex-start;}.elementor-2648 .elementor-element.elementor-element-3813207{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2648 .elementor-element.elementor-element-c19dd99 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-2648 .elementor-element.elementor-element-96c47c0{font-size:var( --e-global-typography-bff528e-font-size );color:var( --e-global-color-blocksy_palette_8 );}.elementor-2648 .elementor-element.elementor-element-69814f4.elementor-element{--align-self:flex-start;}.elementor-2648 .elementor-element.elementor-element-2048191{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2648 .elementor-element.elementor-element-90e171b{width:auto;max-width:auto;}.elementor-2648 .elementor-element.elementor-element-90e171b.elementor-element{--align-self:flex-start;}.elementor-2648 .elementor-element.elementor-element-90e171b img{border-radius:10px 10px 10px 10px;}.elementor-2648 .elementor-element.elementor-element-d708a5a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-2648 .elementor-element.elementor-element-d0e5214{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-2648 .elementor-element.elementor-element-6c476f1{--display:flex;--padding-top:40px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__items, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(20px / 2);padding-right:calc(20px / 2);}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 20px / -2);margin-right:calc( 20px / -2);width:calc(100% + 20px);}.elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 20px / -2);margin-right:calc( 20px / -2);}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider.swiper-lib > .jet-listing-grid__items, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__items, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(20px / 2);padding-bottom:calc(20px / 2);}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 20px / -2);margin-bottom:calc( 20px / -2);}.elementor-2648 .elementor-element.elementor-element-a64463e:hover{--e-transform-translateX:15px;background-color:var( --e-global-color-blocksy_palette_1 );}.elementor-2648 .elementor-element.elementor-element-a64463e{background-color:var( --e-global-color-blocksy_palette_12 );margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 15px 5px 11px;border-radius:5px 5px 5px 5px;font-size:14px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-2648 .elementor-element.elementor-element-a64463e.elementor-element{--align-self:center;}.elementor-2648 .elementor-element.elementor-element-a64463e a{color:var( --e-global-color-blocksy_palette_8 );}@media(max-width:1440px){.elementor-2648 .elementor-element.elementor-element-e7e143a{--padding-top:190px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2648 .elementor-element.elementor-element-96c47c0{font-size:var( --e-global-typography-bff528e-font-size );}.elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__items, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(10px / 2);padding-right:calc(10px / 2);}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 10px / -2);margin-right:calc( 10px / -2);width:calc(100% + 10px);}.elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 10px / -2);margin-right:calc( 10px / -2);}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider.swiper-lib > .jet-listing-grid__items, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__items, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(10px / 2);padding-bottom:calc(10px / 2);}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 10px / -2);margin-bottom:calc( 10px / -2);}}@media(max-width:1024px){.elementor-2648 .elementor-element.elementor-element-e7e143a{--min-height:0vh;--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:-95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2648 .elementor-element.elementor-element-96c47c0{font-size:var( --e-global-typography-bff528e-font-size );}.elementor-2648 .elementor-element.elementor-element-69814f4.elementor-element{--align-self:flex-start;}.elementor-2648 .elementor-element.elementor-element-90e171b{text-align:start;}.elementor-2648 .elementor-element.elementor-element-90e171b img{width:400px;}.elementor-2648 .elementor-element.elementor-element-6c476f1{--padding-top:30px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__items, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(10px / 2);padding-right:calc(10px / 2);}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 10px / -2);margin-right:calc( 10px / -2);width:calc(100% + 10px);}.elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 10px / -2);margin-right:calc( 10px / -2);}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider.swiper-lib > .jet-listing-grid__items, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__items, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(10px / 2);padding-bottom:calc(10px / 2);}:is( .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__slider, .elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 10px / -2);margin-bottom:calc( 10px / -2);}}@media(max-width:767px){.elementor-2648 .elementor-element.elementor-element-e7e143a{--padding-top:130px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2648 .elementor-element.elementor-element-96c47c0{font-size:var( --e-global-typography-bff528e-font-size );}.elementor-2648 .elementor-element.elementor-element-9a871cc > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-2648 .elementor-element.elementor-element-a64463e{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for image, class: .elementor-element-90e171b */.elementor-2648 .elementor-element.elementor-element-90e171b {
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7e143a */.page_hero_section_jr {;
    background: linear-gradient(
        rgba(0, 0, 0, 1), 
        rgba(0, 0, 0,0.9)
    ),
    url("https://jual.woomx.io/wp-content/uploads/2026/01/pattern1.svg");
}/* End custom CSS */
/* Start custom CSS for jet-listing-grid, class: .elementor-element-9a871cc *//* ==========================================
   1. DESKTOP CARD ARCHITECTURE
   ========================================== */
.elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px;
    padding: 20px;
    border-radius: 10px;
    position: relative !important; /* Anchor for absolute elements */
    z-index: 1;
    overflow: hidden;
    
    /* Locked to your theme color */
    background: var(--theme-palette-color-7) !important; 
    box-shadow: 0 15px 35px rgba(38, 15, 7, 0.06);
}

.elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box h4 {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
    }

/* --- THE 10% RUNNING RGB BORDER --- */
.elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(
        from 0deg,
        #FD5320 0deg,
        #2D0C02 20deg,
        transparent 40deg,
        transparent 360deg
    );
    animation: runBorder 4s linear infinite;
    z-index: -2; /* Stays at the absolute bottom */
}

/* --- THE INTERNAL CANVAS BACKGROUND MASK & NORMAL BORDER --- */
.elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box::after {
    content: '';
    position: absolute;
    inset: 3px; /* Controls running border thickness */
    background: var(--theme-palette-color-7) !important; 
    border: 1px solid rgba(45, 12, 2, 0.15); /* Your clean static normal border */
    border-radius: 8px;
    z-index: -1; 
}

/* --- PORTFOLIO IMAGE ENGINE (UNIFIED & UN-CONFLICTED) --- */
.elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box .hover_scrolling_effect__img_jual {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(19, 19, 19, 0.08);
    position: relative;
    z-index: 2; 
    
    /* THE FIX: Explicit anchors forced directly onto the global image class */
    object-position: top !important; 
    transition: object-position 1s ease-in-out !important; 
}

/* --- TRIGGER AUTOMATED SCROLL ON HOVER --- */
.elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box:hover .hover_scrolling_effect__img_jual {
    object-position: bottom !important;
}

/* --- HIDDEN TOUCH INDICATOR (DESKTOP) --- */
.touch-pulse-wrapper {
    display: none !important;
}


/* ==========================================
   2. TABLET RESPONSIVE (max-width: 1024px)
   ========================================== */
@media (max-width: 1024px) {
    .elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box {
        padding: 10px; 
        border-radius: 5px !important;
        gap: 10px;
    }

    .elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box .hover_scrolling_effect__img_jual {
        height: 400px; /* Tablet image view height */
        border-radius: 5px !important;
    }
    
    .elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box::after {
        border-radius: 3px !important; /* Syncs the interior border radius frame */
    }
    
    .elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box h4 {
        font-size: 16px;
        padding-left: 5px;
        padding-right: 5px;
    }

    /* THE PULSING TOUCH ICON ENGINE */
    .touch-pulse-wrapper {
        display: flex !important;
        position: absolute !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 55px;
        height: 55px;
        background: #FD5320; 
        color: #ffffff;
        font-size: 24px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        z-index: 99 !important; 
        pointer-events: none; /* Let touch inputs pass clean through to start scrolling */
        animation: touchPulse 2s ease-in-out infinite;
    }
}


/* ==========================================
   3. MOBILE RESPONSIVE (max-width: 767px)
   ========================================== */
@media (max-width: 767px) {
    .elementor-2648 .elementor-element.elementor-element-9a871cc .no_padding_inner_flex_box .hover_scrolling_effect__img_jual {
        height: 350px; /* Mobile image view height */
    }
}


/* ==========================================
   4. CSS KEYFRAME TIMELINES
   ========================================== */
@keyframes runBorder {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes touchPulse {
    0% {
        transform: translate(-50%, -50%) scale(0.9);
        box-shadow: 0 0 0 0 rgba(253, 83, 32, 0.7);
    }
    70% {
        transform: translate(-50%, -50%) scale(1.1);
        box-shadow: 0 0 0 15px rgba(253, 83, 32, 0);
    }
    100% {
        transform: translate(-50%, -50%) scale(0.9);
        box-shadow: 0 0 0 0 rgba(253, 83, 32, 0);
    }
}



/*add this to the list - now I cant couse elementor not connected*/

/*<div class="touch-pulse-wrapper">👆</div>*//* End custom CSS */