.home-custom .custom-right .customlist li:nth-child(6) {background-image: linear-gradient(135deg, #ae5a34, #8a4326);}
.home-appli {background-image: linear-gradient(135deg, #ae5a34, #8a4326);}
.home-certi {background-image: linear-gradient(135deg, #ae5a34, #8a4326);}

/* ===== Render without JS: m442 static fallback ===== */
/* Banner: fixed height 800px, always-visible text */
/*.home-banner .swiper,.home-banner .swiper-wrapper,.home-banner .swiper-slide{height:800px!important;}*/
/* .home-banner .swiper-wrapper{transform:none!important;} */
/* .home-banner .swiper-slide{position:relative;overflow:hidden;} */
/* .home-banner .swiper-slide img{width:100%!important;height:100%!important;object-fit:cover;} */
/* .home-banner .swiper-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,20,28,.42) 0%,rgba(16,20,28,.30) 45%,rgba(16,20,28,.45) 100%);z-index:1;pointer-events:none;} */
/* .home-banner .banner-animote{opacity:1!important;transform:translate(-50%,-50%)!important;top:50%!important;visibility:visible!important;z-index:2;} */
/* .home-banner .banner-animote .p1,.home-banner .banner-animote .p2{text-shadow:0 2px 14px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.4);} */
/* .home-banner .bannerswiper-prev,.home-banner .bannerswiper-next,.home-banner .swiper-pagination{display:none!important;} */
/* Carousels -> CSS grids (no swiper JS needed) */
.home-about #aboutswiper .swiper-wrapper{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:15px!important;transform:none!important;}
.home-procate #procateswiper .swiper-wrapper{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;transform:none!important;}
.home-procate .procate-top{align-items:center;}
.home-procate .procate-top .home-des{flex:1 1 auto;text-align:left;max-width:none;margin:0;padding-left:48px;color:#666;max-width:calc(100% - 300px)}
@media (max-width:768px){
.home-procate .procate-top{flex-direction:column;align-items:flex-start;gap:10px;}
.home-procate .procate-top .home-des{padding-left:0;}
}
.home-recommend #recommend .swiper-wrapper{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;transform:none!important;}
.home-appli #appliswiper .swiper-wrapper{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;transform:none!important;}
.home-about #aboutswiper .swiper-slide,
.home-procate #procateswiper .swiper-slide,
.home-recommend #recommend .swiper-slide,
.home-appli #appliswiper .swiper-slide{width:auto!important;height:auto!important;margin:0!important;flex-shrink:1!important;}
/* hide carousel controls that need JS */
.procateswiper-prev,.procateswiper-next,.aboutswiper-next,.aboutswiper-pagination,
.recommend-prev,.recommend-next,.recommend-pagination,
.appliswiper-prev,.appliswiper-next,.appliswiper-pagination{display:none!important;}
/* AOS: reveal everything */
[data-aos]{opacity:1!important;transform:none!important;visibility:visible!important;}
/* counters visible */
.wmkc-icoe-num{opacity:1!important;}
/* certificate flex row */
.home-certi .certi-img{display:flex!important;flex-wrap:wrap!important;gap:15px!important;justify-content:center;}
.home-certi .certi-img img{max-width:170px!important;height:auto!important;width:auto!important;}
/* responsive */
@media (max-width:900px){
.home-procate #procateswiper .swiper-wrapper,
.home-recommend #recommend .swiper-wrapper,
.home-appli #appliswiper .swiper-wrapper{grid-template-columns:repeat(2,1fr)!important;}
}
@media (max-width:600px){
.home-about #aboutswiper .swiper-wrapper,
.home-procate #procateswiper .swiper-wrapper,
.home-recommend #recommend .swiper-wrapper,
.home-appli #appliswiper .swiper-wrapper{grid-template-columns:1fr!important;}
/* .home-banner .swiper,.home-banner .swiper-wrapper,.home-banner .swiper-slide{height:460px!important;} */
/* .home-banner .banner-animote .p1{font-size:26px!important;line-height:1.25!important;}
.home-banner .banner-animote{padding:0 20px!important;} */
}
/* ===== iconfont -> inline SVG replacements ===== */
.wmk-ico{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;}
.wmk-ico svg{stroke:currentColor;}
.home-choose .choosewrap .list li .icon em{color:#fff;}
/* ===== About Us: clean two-column, no fragile absolute / giant circle ===== */
.home-about .l-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:30px;}
.home-about .aboutinfo{flex:1 1 380px;width:auto!important;}
.home-about .aboutimg{flex:1 1 340px;width:auto!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important;border-radius:10px;overflow:hidden;}
.home-about .circle{display:none!important;}
.home-about .about-thumbs{position:relative;overflow:hidden;width:100%;max-width:440px;height:200px;border-radius:10px;margin-top:22px;}
.home-about .about-thumbs .at-track{display:flex;width:400%;height:100%;animation:atSlide 20s infinite;}
.home-about .about-thumbs .at-track img{width:25%;height:100%;object-fit:cover;display:block;}
@keyframes atSlide{0%,20%{transform:translateX(0)}25%,45%{transform:translateX(-25%)}50%,70%{transform:translateX(-50%)}75%,95%{transform:translateX(-75%)}}
@media (max-width:768px){
.home-about .l-wrap{flex-direction:column;}
.home-about .aboutinfo,.home-about .aboutimg{flex:1 1 100%;}
}
/* ===== Why Choose Us: no rotation, static images ===== */
.home-choose .choosewrap .img{position:relative;display:flex;align-items:center;justify-content:center;max-width:none!important;width:100%!important;flex:1!important;aspect-ratio:auto!important;border-radius:12px!important;overflow:hidden;}
.home-choose .choosewrap .img::before,.home-choose .choosewrap .img::after{display:none!important;}
.home-choose .choosewrap .img img{width:100%!important;max-width:700px!important;height:auto!important;border-radius:12px!important;aspect-ratio:auto!important;object-fit:cover!important;}
/* ===== Certificate Display: no floating top-left image ===== */
.home-certi .certi-fixed{display:none!important;}
/* ===== About: video panel (from original site YouTube) ===== */
.home-about .aboutimg{border-radius:12px;}
.home-about .about-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.18);background:#000;}
.home-about .about-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
/* ===== Industry Applications: center image circle -> rectangle ===== */
.home-appli .appli-center .appli-img{width:100%!important;max-width:640px!important;height:auto!important;aspect-ratio:auto!important;border-radius:12px!important;background:none!important;}
.home-appli .appli-center .appli-img::after{display:none!important;}
.home-appli .appli-center .appli-img img{width:100%!important;height:auto!important;border-radius:12px!important;}
.home-appli .appli-center .appli-img:hover img{transform:none!important;}

.home-recommend #recommend .img img{object-fit:contain}
.home-certi .home-des{color:#fff}


.home-banner .swiper-slide-active img{animation: none;}




.home-banner .banner-animote{top:50%;z-index:2;text-align:left;padding:0;max-width:100%;padding-left:17%}
.home-banner .banner-animote .tag{display:flex;align-items: center;font-size: 1vw;}
.home-banner .banner-animote .tag span{width:2vw;height:2px;background: var(--color);display:block;margin-right:0.5vw;}
.home-banner .banner-animote .tit{font-weight: bold;font-size:2.65vw;line-height: 1.1;margin:1% 0;}
.home-banner .banner-animote .tit span{color:var(--color)}
.home-banner .banner-animote .des{font-size:0.9vw;margin-bottom:1.5%}
.home-banner .banner-animote .home-more{padding-left:1vw;padding-top:0.5vw;padding-bottom:0.5vw;padding-right:0.5vw;min-width:initial;font-size: 0.9vw;height:auto;}
.home-banner .banner-animote .home-more em{margin-left:1vw;width:1.5vw;height:1.5vw;}
.home-banner .banner-animote .home-more2{margin-left:1vw;padding-left:1vw;padding-right:1vw;background:transparent;color:#fff;border-color:#fff}
.home-banner .banner-animote .home-more2:hover{box-shadow: none;}
.home-banner .banner-animote .list{border-top:1px solid rgba(255,255,255,0.5);max-width:40%;margin-top:2%;display:flex;padding-top:2%;}
.home-banner .banner-animote .list li{list-style: none;width:33.33%;padding:0 3%;}
.home-banner .banner-animote .list li:first-child{padding-left:0;}
.home-banner .banner-animote .list li:nth-child(n+2){border-left:1px solid rgba(255,255,255,0.5)}
.home-banner .banner-animote .list li p.num{font-weight: bold;font-size:1.35vw;}
.home-banner .banner-animote .list li p.des{font-size:0.85vw;}
@media (max-width:768px){.home-banner .swiper-slide{height:auto;}}
@media (max-width:550px){.home-banner .banner-animote{padding-left:20px;}
.home-banner .banner-animote .list{display:none;}
.home-banner .banner-animote .p3{display:none;}
.home-banner .banner-animote .tag{font-size:12px;}
.home-banner .banner-animote .tag span{width:15px;}
.home-banner .banner-animote .tit{font-size:16px}
.home-banner .banner-animote .des{display:none;}
}
.home-num .numlist li{align-items: center;text-align:center}
.home-num .numlist li .num sub, .home-num .numlist li .num sup{position:revert-rule;left:auto;}
.home-procate #procateswiper .swiper-slide .img{aspect-ratio: 1;}
.home-appli #appliswiper .swiper-slide .img{aspect-ratio: initial;}
.home-appli #appliswiper .swiper-slide .img img{width:100%;}
.home-custom .home-des{text-align:left;}
@media (max-width:768px){.home-procate .procate-top .home-des{max-width:100%;}}
.home-appli .title-box{display:flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
.home-appli .home-title{width:400px}
.home-appli .home-des{text-align:left;color:#fff;width:calc(100% - 400px)}
@media (max-width:768px){.home-appli .home-title{width:100%}
.home-appli .home-des{text-align:center;width:100%;}}