.elementor-885 .elementor-element.elementor-element-3a56f6a{--display:flex;--min-height:70vh;--justify-content:center;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--margin-top:-145px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:70px;--padding-left:40px;--padding-right:40px;--z-index:2;}.elementor-885 .elementor-element.elementor-element-3a56f6a:not(.elementor-motion-effects-element-type-background), .elementor-885 .elementor-element.elementor-element-3a56f6a > .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-885 .elementor-element.elementor-element-8671e93{--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:space-between;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-e92594e{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-78dd7b6 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_8 );}.elementor-885 .elementor-element.elementor-element-ae97224.elementor-element{--align-self:flex-start;}.elementor-885 .elementor-element.elementor-element-4fa16b6{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-450e3ef{text-align:end;font-size:var( --e-global-typography-bff528e-font-size );color:var( --e-global-color-blocksy_palette_8 );}.elementor-885 .elementor-element.elementor-element-af16166{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:8% 8%;--row-gap:8%;--column-gap:8%;--grid-auto-flow:row;--border-radius:10px 10px 10px 10px;--padding-top:25px;--padding-bottom:25px;--padding-left:30px;--padding-right:30px;}.elementor-885 .elementor-element.elementor-element-af16166:not(.elementor-motion-effects-element-type-background), .elementor-885 .elementor-element.elementor-element-af16166 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_12 );}.elementor-885 .elementor-element.elementor-element-3fffefd{width:auto;max-width:auto;}.elementor-885 .elementor-element.elementor-element-3fffefd:hover{--e-transform-translateY:-3px;}.elementor-885 .elementor-element.elementor-element-3fffefd img{border-radius:10px 10px 10px 10px;}.elementor-885 .elementor-element.elementor-element-26de311{width:auto;max-width:auto;}.elementor-885 .elementor-element.elementor-element-26de311:hover{--e-transform-translateY:-3px;}.elementor-885 .elementor-element.elementor-element-26de311 img{border-radius:10px 10px 10px 10px;}.elementor-885 .elementor-element.elementor-element-b1397cb{width:auto;max-width:auto;}.elementor-885 .elementor-element.elementor-element-b1397cb:hover{--e-transform-translateY:-3px;}.elementor-885 .elementor-element.elementor-element-b1397cb img{border-radius:10px 10px 10px 10px;}.elementor-885 .elementor-element.elementor-element-9c12519{width:auto;max-width:auto;}.elementor-885 .elementor-element.elementor-element-9c12519:hover{--e-transform-translateY:-3px;}.elementor-885 .elementor-element.elementor-element-9c12519 img{border-radius:10px 10px 10px 10px;}.elementor-885 .elementor-element.elementor-element-082321b{width:auto;max-width:auto;}.elementor-885 .elementor-element.elementor-element-082321b:hover{--e-transform-translateY:-3px;}.elementor-885 .elementor-element.elementor-element-082321b img{border-radius:10px 10px 10px 10px;}.elementor-885 .elementor-element.elementor-element-d34ead7{--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;--padding-top:70px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}.elementor-885 .elementor-element.elementor-element-0267ff6{z-index:2;}:is( .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__items, .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-885 .elementor-element.elementor-element-0267ff6 > .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-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid, .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-885 .elementor-element.elementor-element-0267ff6 > .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-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 20px / -2);margin-right:calc( 20px / -2);}:is( .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__slider.swiper-lib > .jet-listing-grid__items, .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__items, .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-885 .elementor-element.elementor-element-0267ff6 > .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-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid, .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__slider, .elementor-885 .elementor-element.elementor-element-0267ff6 > .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-885 .elementor-element.elementor-element-405596a{--e-transform-rotateZ:-90deg;bottom:-32%;z-index:0;}body:not(.rtl) .elementor-885 .elementor-element.elementor-element-405596a{left:26px;}body.rtl .elementor-885 .elementor-element.elementor-element-405596a{right:26px;}.elementor-885 .elementor-element.elementor-element-5b9ac56{--e-transform-rotateZ:90deg;bottom:-32%;z-index:0;}body:not(.rtl) .elementor-885 .elementor-element.elementor-element-5b9ac56{right:26px;}body.rtl .elementor-885 .elementor-element.elementor-element-5b9ac56{left:26px;}@media(max-width:1024px) and (min-width:768px){.elementor-885 .elementor-element.elementor-element-4fa16b6{--width:100%;}}@media(max-width:1440px){.elementor-885 .elementor-element.elementor-element-3a56f6a{--padding-top:200px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-885 .elementor-element.elementor-element-450e3ef{font-size:var( --e-global-typography-bff528e-font-size );}.elementor-885 .elementor-element.elementor-element-af16166{--grid-auto-flow:row;}.elementor-885 .elementor-element.elementor-element-d34ead7{--padding-top:120px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-885 .elementor-element.elementor-element-405596a{--e-transform-rotateZ:0deg;bottom:94%;}body:not(.rtl) .elementor-885 .elementor-element.elementor-element-405596a{left:0%;}body.rtl .elementor-885 .elementor-element.elementor-element-405596a{right:0%;}.elementor-885 .elementor-element.elementor-element-5b9ac56{--e-transform-rotateZ:0deg;bottom:0%;}body:not(.rtl) .elementor-885 .elementor-element.elementor-element-5b9ac56{right:0%;}body.rtl .elementor-885 .elementor-element.elementor-element-5b9ac56{left:0%;}}@media(max-width:1024px){.elementor-885 .elementor-element.elementor-element-3a56f6a{--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-885 .elementor-element.elementor-element-8671e93{--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:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-885 .elementor-element.elementor-element-78dd7b6{width:100%;max-width:100%;}.elementor-885 .elementor-element.elementor-element-ae97224.elementor-element{--align-self:flex-start;}.elementor-885 .elementor-element.elementor-element-4fa16b6{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-885 .elementor-element.elementor-element-450e3ef{text-align:start;font-size:var( --e-global-typography-bff528e-font-size );}.elementor-885 .elementor-element.elementor-element-af16166{--min-height:0vh;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}:is( .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__items, .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-885 .elementor-element.elementor-element-0267ff6 > .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-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid, .elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-885 .elementor-element.elementor-element-0267ff6 > .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-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 20px / -2);margin-right:calc( 20px / -2);}.elementor-885 .elementor-element.elementor-element-405596a{bottom:95%;}}@media(max-width:767px){.elementor-885 .elementor-element.elementor-element-3a56f6a{--padding-top:130px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-885 .elementor-element.elementor-element-8671e93{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-885 .elementor-element.elementor-element-450e3ef{font-size:var( --e-global-typography-bff528e-font-size );}.elementor-885 .elementor-element.elementor-element-af16166{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-885 .elementor-element.elementor-element-0267ff6 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-885 .elementor-element.elementor-element-405596a{bottom:97.5%;}}/* Start custom CSS for container, class: .elementor-element-3a56f6a */.page_hero_section_jr {;
    background: linear-gradient(
        rgba(0, 0, 0, 1), 
        rgba(0, 0, 0,0.9)
    ),
    url("https://jual.coderloft.com/wp-content/uploads/2026/01/pattern1.svg");
}/* End custom CSS */
/* Start custom CSS for jet-listing-grid, class: .elementor-element-0267ff6 *//* --- BASE CARD STRUCTURAL SETUP --- */
.elementor-885 .elementor-element.elementor-element-0267ff6 .service_list_item_jr {
    display: grid;
    align-items: start !important;
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 23px 20px 20px 20px !important;
    border-radius: 10px;
    position: relative; 
    overflow: hidden;   
    box-shadow: 0 10px 30px rgba(45, 12, 2, 0.03);
    transition: box-shadow 0.5s ease;
    background: #F6F2EF; /* Fallback base */
    z-index: 1;
}

/* Base Image Styling */
.elementor-885 .elementor-element.elementor-element-0267ff6 img {
    border-radius: 25px;
    width: 100px;
    overflow: hidden !important;
    position: relative;
    z-index: 3; /* Keeps image above gradient layers */
}

/* --- THE SLIDING TOP BORDER ENGINE --- */
.elementor-885 .elementor-element.elementor-element-0267ff6 .service_list_item_jr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 5;
}

/* --- SMOOTH GRADIENT OVERLAY ENGINE --- */
.elementor-885 .elementor-element.elementor-element-0267ff6 .service_list_item_jr::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0; /* Hidden by default */
    transition: opacity 0.6s ease; /* Controls the ultra-smooth color fade speed */
    z-index: -1; /* Sits behind text and content */
}


/*//// button ////*/

.elementor-885 .elementor-element.elementor-element-0267ff6 .custom_button_2 {
    font-weight: 700 !important;
}



/* ==========================================
   1. ODD ITEMS LAYOUT (Deep Wine Dominated)
   ========================================== */

/* Default State Background */
.elementor-885 .elementor-element.elementor-element-0267ff6 .jet-listing-grid__items > .jet-listing-grid__item:nth-child(odd) .service_list_item_jr {
    border: 1px solid rgba(38, 15, 7, 0.08);
    background: 
        radial-gradient(circle at 100% 100%, rgba(253, 83, 32, 0.04) 0%, transparent 50%),
        radial-gradient(circle at 0% 0%, rgba(38, 15, 7, 0.12) 0%, transparent 65%), 
        #F6F2EF;
}

/* Hover State Background (Pre-loaded inside ::after) */
.elementor-885 .elementor-element.elementor-element-0267ff6 .jet-listing-grid__items > .jet-listing-grid__item:nth-child(odd) .service_list_item_jr::after {
    background: 
        radial-gradient(circle at 100% 100%, rgba(253, 83, 32, 0.08) 0%, transparent 60%),
        radial-gradient(circle at 0% 0%, rgba(38, 15, 7, 0.22) 0%, transparent 70%), 
        #F6F2EF;
}

/* Top Border Color */
.elementor-885 .elementor-element.elementor-element-0267ff6 .jet-listing-grid__items > .jet-listing-grid__item:nth-child(odd) .service_list_item_jr::before {
    background: #260F07;
}


/* ==========================================
   2. EVEN ITEMS LAYOUT (Electric Orange Dominated)
   ========================================== */

/* Default State Background */
.elementor-885 .elementor-element.elementor-element-0267ff6 .jet-listing-grid__items > .jet-listing-grid__item:nth-child(even) .service_list_item_jr {
    border: 1px solid rgba(253, 83, 32, 0.12);
    background: 
        radial-gradient(circle at 100% 0%, rgba(253, 83, 32, 0.14) 0%, transparent 65%),
        radial-gradient(circle at 0% 100%, rgba(38, 15, 7, 0.03) 0%, transparent 50%), 
        #F6F2EF;
}

/* Hover State Background (Pre-loaded inside ::after) */
.elementor-885 .elementor-element.elementor-element-0267ff6 .jet-listing-grid__items > .jet-listing-grid__item:nth-child(even) .service_list_item_jr::after {
    background: 
        radial-gradient(circle at 100% 0%, rgba(253, 83, 32, 0.25) 0%, transparent 75%),
        radial-gradient(circle at 0% 100%, rgba(38, 15, 7, 0.06) 0%, transparent 60%), 
        #F6F2EF;
}

/* Top Border Color */
.elementor-885 .elementor-element.elementor-element-0267ff6 .jet-listing-grid__items > .jet-listing-grid__item:nth-child(even) .service_list_item_jr::before {
    background: #FD5320;
}


/* ==========================================
   3. GLOBAL HOVER TRIGGERS (Fades & Shadows)
   ========================================== */

.elementor-885 .elementor-element.elementor-element-0267ff6 .service_list_item_jr:hover::after {
    opacity: 1; /* Smoothly cross-fades the new gradient background in */
}

.elementor-885 .elementor-element.elementor-element-0267ff6 .service_list_item_jr:hover::before {
    transform: scaleX(1); /* Line slides left to right */
}

.elementor-885 .elementor-element.elementor-element-0267ff6 .jet-listing-grid__items > .jet-listing-grid__item:nth-child(odd) .service_list_item_jr:hover {
    box-shadow: 0 15px 35px rgba(38, 15, 7, 0.08);
}

.elementor-885 .elementor-element.elementor-element-0267ff6 .jet-listing-grid__items > .jet-listing-grid__item:nth-child(even) .service_list_item_jr:hover {
    box-shadow: 0 15px 35px rgba(253, 83, 32, 0.1);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-405596a */.elementor-885 .elementor-element.elementor-element-405596a {
    transform-origin: left center;

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5b9ac56 */.elementor-885 .elementor-element.elementor-element-5b9ac56 {
    transform-origin: right center;
    overflow: hidden;
}/* End custom CSS */