.elementor-29467 .elementor-element.elementor-element-1c154a4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-29467 .elementor-element.elementor-element-a39d9ca{width:100%;max-width:100%;top:0px;z-index:-1;text-align:start;}body:not(.rtl) .elementor-29467 .elementor-element.elementor-element-a39d9ca{left:0px;}body.rtl .elementor-29467 .elementor-element.elementor-element-a39d9ca{right:0px;}.elementor-29467 .elementor-element.elementor-element-a7e5385{width:100%;max-width:100%;top:0px;z-index:-1;text-align:start;}.elementor-29467 .elementor-element.elementor-element-a7e5385 > .elementor-widget-container{--e-transform-flipX:-1;}body:not(.rtl) .elementor-29467 .elementor-element.elementor-element-a7e5385{right:0px;}body.rtl .elementor-29467 .elementor-element.elementor-element-a7e5385{left:0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-29467 .elementor-element.elementor-element-f462485{width:var( --container-widget-width, 1380px );max-width:1380px;--container-widget-width:1380px;--container-widget-flex-grow:0;}.elementor-29467 .elementor-element.elementor-element-f462485 .elementor-image-box-wrapper{text-align:center;}.elementor-29467 .elementor-element.elementor-element-f462485 .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:173px;font-weight:800;text-transform:uppercase;}.elementor-29467 .elementor-element.elementor-element-f462485 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;line-height:30px;color:var( --e-global-color-primary );}.elementor-29467 .elementor-element.elementor-element-7eafa0f{width:var( --container-widget-width, 1350px );max-width:1350px;--container-widget-width:1350px;--container-widget-flex-grow:0;}.elementor-29467 .elementor-element.elementor-element-7eafa0f > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-wrapper{text-align:center;}.elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:48px;font-weight:800;text-transform:uppercase;}.elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;line-height:30px;color:var( --e-global-color-primary );}.elementor-29467 .elementor-element.elementor-element-617f38e{--e-image-carousel-slides-to-show:5;}.elementor-29467 .elementor-element.elementor-element-617f38e > .elementor-widget-container{margin:-55px 0px 0px 0px;}.elementor-29467 .elementor-element.elementor-element-617f38e .swiper-wrapper{display:flex;align-items:center;}.elementor-29467 .elementor-element.elementor-element-617f38e .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-accent );border-radius:10px 10px 10px 10px;}@media(min-width:2400px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1366px){.elementor-29467 .elementor-element.elementor-element-1c154a4{--padding-top:100px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-29467 .elementor-element.elementor-element-f462485{width:100%;max-width:100%;}.elementor-29467 .elementor-element.elementor-element-f462485 .elementor-image-box-title{font-size:12vw;}.elementor-29467 .elementor-element.elementor-element-7eafa0f{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-title{font-size:35px;}.elementor-29467 .elementor-element.elementor-element-617f38e{--e-image-carousel-slides-to-show:5;}.elementor-29467 .elementor-element.elementor-element-617f38e > .elementor-widget-container{margin:-100px 0px 0px 0px;}}@media(max-width:1024px){.elementor-29467 .elementor-element.elementor-element-1c154a4{--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-title{margin-bottom:9px;font-size:4vw;}.elementor-29467 .elementor-element.elementor-element-617f38e{--e-image-carousel-slides-to-show:5;}.elementor-29467 .elementor-element.elementor-element-617f38e > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-29467 .elementor-element.elementor-element-1c154a4{--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-29467 .elementor-element.elementor-element-a39d9ca{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-29467 .elementor-element.elementor-element-a7e5385{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-29467 .elementor-element.elementor-element-f462485 .elementor-image-box-title{margin-bottom:0px;}.elementor-29467 .elementor-element.elementor-element-f462485 .elementor-image-box-description{font-size:14px;line-height:22px;}.elementor-29467 .elementor-element.elementor-element-7eafa0f > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-title{margin-bottom:0px;}.elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-description{font-size:14px;line-height:22px;}.elementor-29467 .elementor-element.elementor-element-617f38e{--e-image-carousel-slides-to-show:3;}.elementor-29467 .elementor-element.elementor-element-617f38e > .elementor-widget-container{margin:-20px 0px 0px 0px;}}/* Start custom CSS for image-box, class: .elementor-element-f462485 */.elementor-29467 .elementor-element.elementor-element-f462485 .elementor-image-box-title{
    background: linear-gradient(180deg, #000000 0%, #808080 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.elementor-29467 .elementor-element.elementor-element-f462485 .elementor-image-box-description{
    width:400px;
    text-align:left;
}

@media (max-width: 1023px) {
    .elementor-29467 .elementor-element.elementor-element-f462485 .elementor-image-box-description{
    text-align:center;
    width:100%;
    padding:0px 20px;
}
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-7eafa0f */.elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-content{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: start;
}
.elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-title{
    background: linear-gradient(180deg, #000000 0%, #808080 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-description{
    width:380px;
    text-align:left;
}

@media (max-width: 1024px) {
    .elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-content{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
    .elementor-29467 .elementor-element.elementor-element-7eafa0f .elementor-image-box-description{
    text-align:center;
    width:100%;
    padding:0px 20px;
}
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-617f38e *//* 1. 默认隐藏未初始化的 Swiper，防止刚加载时样式错乱 */
.elementor-29467 .elementor-element.elementor-element-617f38e .elementor-image-carousel-wrapper:not(.swiper-initialized) {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 2. Swiper 初始化完成后，平滑过渡显示 */
.elementor-29467 .elementor-element.elementor-element-617f38e .elementor-image-carousel-wrapper.swiper-initialized {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.4s ease-in-out;
}

/* ==========================================
   1. 全局基础设置 (所有屏幕通用)
   ========================================== */
.elementor-29467 .elementor-element.elementor-element-617f38e {
    pointer-events: none; /* 禁止手动干预 */
}

/* 解决边缘裁剪 & 留出上下间距 */
.elementor-29467 .elementor-element.elementor-element-617f38e .elementor-image-carousel-wrapper,
.elementor-29467 .elementor-element.elementor-element-617f38e .elementor-main-swiper,
.elementor-29467 .elementor-element.elementor-element-617f38e .swiper-container {
    overflow: visible !important;
}

.elementor-29467 .elementor-element.elementor-element-617f38e .elementor-image-carousel-wrapper {
    padding-top: 120px; 
    padding-bottom: 120px; 
}

.elementor-29467 .elementor-element.elementor-element-617f38e .swiper-wrapper {
    display: flex;
    align-items: center; 
}

/* Slide 基础动画 */
.elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, z-index 0.3s;
    position: relative;
    visibility: visible !important;
    z-index: 5;
}

/* 图片通用投影 */
.elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide img {
    margin: 0 !important;
    display: block;
    box-shadow: 0px 11px 15px 0 rgba(0, 0, 0, 0.08);
}

/* 手机框外壳通用基础 (::after) */
.elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-inner::after {
    content: "";
    position: absolute;
    top: 40%;
    left: 100%; /* 保持你微调的位置 */
    width: 300%;
    height: 300%;
    transform: translate(-50%, -50%);
    background-image: url('https://www.jndesign.com.my/wp-content/uploads/2026/07/Photograph-Img-Banner-New.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
    pointer-events: none;
    display: none; /* 默认隐藏，只在中间显示 */
}

/* 确保克隆节点正常显示 */
.elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-duplicate {
    opacity: 1;
    visibility: visible !important;
}


/* ==========================================
   2. 桌面模式 (1440px以上) - 5个Slide逻辑
   ========================================== */
@media screen and (min-width: 1640px) {
    /* 【左侧 1 & 2】：低层级，向右靠拢 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active,
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide {
        z-index: 10 !important;
        transform: translateX(-50px);
    }

    /* 【中间 3】：核心放大/相框位 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide {
        z-index: 50 !important;
        transform: translateX(0px) scale(1) !important; 
    }
    
    /* 中间图片特殊处理 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide img {
        box-shadow: none !important;
        border-radius: 20px;
        border:none !important;
    }
    
    /* 显示中间的手机框 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide .swiper-slide-inner::after {
        display: block !important;
    }

    /* 【右侧 4 & 5】：最高层级，压在上面，向左靠拢 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide { 
        z-index: 100 !important;
        transform: translateX(50px);
    }
}

/* ==========================================
   2. 桌面模式 (1440px以上) - 5个Slide逻辑
   ========================================== */
@media screen and (max-width: 1639px) and (min-width: 1025px) {
    /* 【左侧 1 & 2】：低层级，向右靠拢 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active,
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide {
        z-index: 10 !important;
        transform: translateX(-30px);
    }

    /* 【中间 3】：核心放大/相框位 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide {
        z-index: 50 !important;
        transform: translateX(0px) scale(1) !important; 
    }
    
    /* 中间图片特殊处理 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide img {
        box-shadow: none !important;
        border-radius: 20px;
        border:none !important;
    }
    
    /* 显示中间的手机框 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide .swiper-slide-inner::after {
        display: block !important;
    }

    /* 【右侧 4 & 5】：最高层级，压在上面，向左靠拢 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide { 
        z-index: 100 !important;
        transform: translateX(80px);
    }
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active,
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide {
        z-index: 10 !important;
        transform: translateX(-50px);
    }

    /* 【中间 3】：核心放大/相框位 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide {
        z-index: 50 !important;
        transform: translateX(-50px) scale(1) !important; 
    }
    
    /* 中间图片特殊处理 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide img {
        box-shadow: none !important;
        border-radius: 20px;
        border:none !important;
    }
    
    /* 显示中间的手机框 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide .swiper-slide-inner::after {
        display: block !important;
    }

    /* 【右侧 4 & 5】：最高层级，压在上面，向左靠拢 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide { 
        z-index: 100 !important;
        transform: translateX(-10px);
    }
}


@media screen and (max-width: 767px) {
    /* 【左侧 1】：低层级 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active {
        z-index: 10 !important;
        transform: translateX(-20px);
        opacity: 1;
    }

    /* 【中间 2】：核心放大/相框位 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide {
        z-index: 50 !important;
        transform: translateX(-10px) scale(1) !important;
    }
    
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide img {
        box-shadow: none !important;
        border-radius: 20px;
        border:none !important;
    }
    
    /* 显示中间的手机框 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide .swiper-slide-inner::after {
        display: block !important;
    }

    /* 【右侧 3】：最高层级 */
    .elementor-29467 .elementor-element.elementor-element-617f38e .swiper-slide-active + .swiper-slide + .swiper-slide { 
        z-index: 100 !important;
        transform: translateX(20px);
    }
}/* End custom CSS */