/* de-green the template's hard-coded green tints */
.home-service,.home-products,.home-video{background:#f7f6f5}
.home-tip{color:#0a635d}
.home-tip span::before{background:linear-gradient(0deg,#0C7C75 0,#c2ece6 100%)}
.home-about::before,.home-choose::before{display:none}
.home-banner .swiper-pagination-bullet{background:linear-gradient(0deg,rgba(12,124,117,.5) 0,#0EA69D 100%)}
footer .foot-title::before{background:linear-gradient(0deg,rgba(12,124,117,.45) 0,#0EA69D 100%)}
.home-news .news-list li .info .more em{background:linear-gradient(45deg,#0EA69D 0,#c9f2e8 100%)}
.home-news .news-list li:hover .info .more em{background:linear-gradient(90deg,#0C7C75 0,#c9f2e8 100%)}
.home-logo{background-color:#faf7f6}
.home-logo .swiper-slide{padding:0 20px}
.home-logo .swiper-slide:hover img{transform:none;filter:none}
.home-logo .swiper-slide img{border:1px solid #ececec;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.06);height:96px;width:auto;object-fit:contain}

/* banner: show full image at natural ratio */
.home-banner .swiper-slide img{display:block;width:100%;height:auto;object-fit:cover}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- about right column: embedded video replaces the image + "16+ Years" badge ---- */
.home-about .about-box .img{padding-left:0;width:46%}
.home-about .about-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--borderradius);overflow:hidden;background:#000;box-shadow:0 20px 45px rgba(0,0,0,.14)}
.home-about .about-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}
@media (max-width:1024px){.home-about .about-box .img{padding-left:0;margin-top:25px;width:100%}}

/* ---- extension: SUSTAINABILITY (replaces the old product-range carousel) ---- */
.home-sustain .sustain-sub{font-size:var(--fontsize22);font-weight:var(--fontbold6);line-height:1.4;margin:45px 0 0;color:#0d3745}
.home-sustain .sustain-sub::after{content:"";display:block;width:44px;height:3px;margin-top:14px;background:linear-gradient(90deg,var(--color) 0,var(--color1) 100%)}
.home-sustain .sustain-grid{display:flex;flex-wrap:wrap;margin:35px -12px 0}
.home-sustain .sustain-item{width:25%;padding:0 12px;box-sizing:border-box;display:flex;flex-direction:column}
.home-sustain .sustain-item .pic{background:#fff;border:1px solid #ececec;border-radius:0;padding:26px;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;transition:all .3s ease-in-out}
.home-sustain .sustain-item .pic img{width:100%;height:100%;object-fit:contain;display:block}
.home-sustain .sustain-item:hover .pic{box-shadow:0 20px 40px rgba(13,55,69,.1);border-color:#d9ece9;transform:translateY(-5px)}
.home-sustain .sustain-item .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.4;color:#0d3745;margin:24px 0 12px}
.home-sustain .sustain-item .tit::before{content:"";display:block;width:32px;height:3px;margin-bottom:14px;background:var(--color1)}
.home-sustain .sustain-item p{color:var(--introcolor);font-size:var(--fontsize15);line-height:1.75}
@media (max-width:1024px){.home-sustain .sustain-item{width:50%}.home-sustain .sustain-item:nth-child(3),.home-sustain .sustain-item:nth-child(4){margin-top:40px}}
@media (max-width:600px){.home-sustain .sustain-item{width:100%}.home-sustain .sustain-item+.sustain-item{margin-top:35px}.home-sustain .sustain-item .pic{padding:20px}}

.home-choose .img-box img{width:100%;height:100%;max-width:none;aspect-ratio:1/1;object-fit:cover;border-radius:50%}

/* ---- extension: WHAT WE OFFER ---- */
.home-offer{padding:5% 0}
.home-offer .offer-box{display:flex;gap:30px;flex-wrap:wrap;margin-top:40px}
.home-offer .offer-item{width:calc(50% - 15px);background:#fff;border:1px solid #ececec;border-radius:var(--borderradius);overflow:hidden;display:flex;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.home-offer .offer-item .pic{width:38%;flex:none;background:#f7f6f5;display:flex;align-items:center;justify-content:center;padding:18px}
.home-offer .offer-item .pic img{width:100%;height:100%;object-fit:contain;display:block}
.home-offer .offer-item .con{padding:28px 26px;flex:1;min-width:0}
.home-offer .offer-item .con h3{font-size:var(--fontsize22);font-weight:var(--fontbold6);line-height:1.4;margin-bottom:12px}
.home-offer .offer-item .con h3 a:hover{color:var(--color1)}
.home-offer .offer-item .con p{color:var(--introcolor);font-size:var(--fontsize15);line-height:1.7}
.home-offer .offer-item .con ul{margin-top:16px}
.home-offer .offer-item .con li{position:relative;padding-left:22px;font-size:var(--fontsize14);color:var(--introcolor);margin-bottom:8px;line-height:1.6}
.home-offer .offer-item .con li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--color1)}
@media (max-width:768px){.home-offer .offer-item{width:100%;flex-direction:column}.home-offer .offer-item .pic{width:100%;height:220px}}

/* ---- extension: STATS ---- */
.home-stats{background-color:var(--color);padding:45px 0}
.home-stats ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-stats li{width:24%;text-align:center;color:#fff}
.home-stats li .num{font-size:44px;font-weight:var(--fontbold6);line-height:1.2}
.home-stats li .num sup{font-size:22px}
.home-stats li p{font-size:var(--fontsize16);opacity:.88}
@media (max-width:768px){.home-stats li{width:50%;margin-bottom:22px}}

/* ---- extension: VIDEO CENTER ---- */
.home-video{padding:5% 0}
.home-video .video-grid{display:flex;flex-wrap:wrap;margin-top:40px}
.home-video .video-item{width:23.5%;margin:0 2% 30px 0}
.home-video .video-item:nth-child(4n){margin-right:0}
.home-video .video-item .frame{position:relative;border-radius:var(--borderradius);overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.home-video .video-item .frame iframe{width:100%;height:100%;border:0;display:block;min-height:0}
.home-video .video-item .tit{font-size:var(--fontsize15);font-weight:var(--fontbold5);text-align:center;margin-top:12px;line-height:1.5}
@media (max-width:1024px){.home-video .video-item{width:48%;margin-right:4%}.home-video .video-item:nth-child(2n){margin-right:0}}
@media (max-width:768px){.home-video .video-item{width:100%;margin-right:0}}

/* ---- contact form spacing ---- */
/* contact: full-bleed background photo (the Cenway HQ / plant gate) spanning the whole
   section; the solid teal inquiry box sits on top of it on the left. */
.home-contact{position:relative;background-color:#0d3f3b;background-image:none;overflow:hidden}
.home-contact::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("img/contact-bg.jpg") right center/cover no-repeat;z-index:0}
.home-contact::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,44,42,.55) 0%,rgba(8,44,42,.22) 48%,rgba(8,44,42,.05) 100%)}
.home-contact .l-wrap{position:relative;z-index:1}
.home-contact .wmkcfeedback input,.home-contact .wmkcfeedback textarea{width:100%;padding:0 16px;border-color:rgba(255,255,255,.28)}
.home-contact .wmkcfeedback textarea{padding:12px 16px;font-family:inherit}
.home-contact .wmkcfeedback .send-btn{height:48px;cursor:pointer;border:1px solid #fff}
.home-contact .inquiry-box{max-width:560px}

/* ---- banner: DOM text layer over the image (left aligned) ---- */
.home-banner .swiper-slide{position:relative}
.home-banner .swiper-slide::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,52,49,.75) 0%,rgba(6,52,49,.4) 42%,rgba(6,52,49,0) 70%)}
.home-banner .banner-caption{position:absolute;left:6%;top:50%;transform:translateY(-50%);z-index:2;max-width:640px;color:#fff}
.home-banner .banner-caption h1,.home-banner .banner-caption h2,.home-banner .banner-caption .banner-h1{color:#fff;font-size:clamp(26px,3.4vw,52px);line-height:1.16;font-weight:700;margin:0 0 16px}
.home-banner .banner-caption p{color:#eaf7f5;font-size:clamp(14px,1.3vw,18px);line-height:1.65;margin:0 0 26px;font-weight:400}
.home-banner .banner-caption .home-more{min-width:160px;height:50px;font-size:var(--fontsize16)}
/* second banner: cap the big title at 750px wide (overrides the 640px caption default) */
.home-banner .swiper-slide.slide-b .banner-caption{max-width:750px}
.home-banner .swiper-slide.slide-b .banner-h1{max-width:750px}
@media (max-width:900px){
.home-banner .swiper-slide::after{background:linear-gradient(180deg,rgba(6,52,49,.8) 0%,rgba(6,52,49,.45) 62%,rgba(6,52,49,.12) 100%)}
.home-banner .banner-caption{left:5%;right:5%;max-width:none}
.home-banner .banner-caption h1,.home-banner .banner-caption h2,.home-banner .banner-caption .banner-h1{font-size:clamp(21px,5.6vw,32px);margin-bottom:10px}
.home-banner .banner-caption p{font-size:14px;margin-bottom:18px}
.home-banner .banner-caption .home-more{min-width:135px;height:44px;font-size:14px}
}

/* ---- about: left aligned subtitle ---- */
.home-about .home-des{text-align:left;max-width:none;margin:12px 0 16px}

/* ---- wmpage container ---- */
.wmpagecontainer{width:100%}
.wmpage-lwrap{width:100%;max-width:1600px;padding:0 70px;margin:0 auto}
@media (max-width:1024px){.wmpage-lwrap{padding:0 20px}}

/* ---- extension: AUDITED MANUFACTURING FACILITIES (wmpage12) ---- */
.wmpage12-part1,.wmpage187-page3{--wmpage-font32:32px;--wmpage-font20:20px;--wmpage-font17:16px;--wmpage-font16:16px;--wmpage-font15:15px;--wmpage-font14:14px;--wmpage-color19:#777;--wmpage-color20:#0d3745}
.wmpage12-part1{padding:5% 0;text-align:center;background:#fff}
.wmpage12-part1 .wmpage12-title .wmpage-title{font-size:var(--wmpage-font32);line-height:1.52;font-weight:700;margin:0}
.wmpage12-part1 .wmpage12-introduce{margin-top:25px}
.wmpage12-part1 .wmpage12-introduce p{line-height:1.5;color:var(--wmpage-color19,#777);max-width:80%;margin:0 auto}
.wmpage12-part1 .swiper-container{margin-top:35px;overflow:hidden}
.wmpage12-part1 .swiper-slide img{width:100%;display:block}
.wmpage12-part1 .item .img{transition:all .3s ease-in-out;background:#fff;border:1px solid #ececec;height:408px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wmpage12-part1 .item .img img{height:100%;width:auto;max-width:100%;object-fit:contain}
.wmpage12-part1 .part1-title{font-size:var(--wmpage-font17);margin-top:20px;color:var(--wmpage-color20,#0d3745);font-weight:700}
.wmpage12-part1 .item:hover .img{box-shadow:0 20px 40px 0 rgba(13,55,69,.1)}
@media(max-width:1200px){.wmpage12-part1 .swiper-container{margin-top:25px}.wmpage12-part1 .item .img{height:320px}.wmpage12-part1 .part1-title{font-size:var(--wmpage-font16);margin-top:10px}}
@media(max-width:1024px){.wmpage12-part1 .wmpage12-introduce{margin-top:15px}}
@media(max-width:800px){.wmpage12-part1 .wmpage12-introduce p{font-size:var(--wmpage-font14)}.wmpage12-part1 .item .img{height:260px}}

/* ---- extension: OUR WORKS (wmpage187) ---- */
.wmpage187-page3{padding:5% 0;background:#f7f6f5}
.wmpage187-page3 .wmpage187-page3-sub{color:#666;font-size:var(--wmpage-font16);margin-top:12px;max-width:940px;line-height:1.6}
.wmpage187-page3 .wmpage187-page3-top{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding-bottom:25px;border-bottom:1px solid #b9b9be}
.wmpage187-page3 .wmpage187-page3-text{color:var(--color);font-weight:700;font-size:var(--wmpage-font17)}
.wmpage187-page3 .wmpage-title{font-size:var(--wmpage-font32);font-weight:700;margin:8px 0 0;line-height:1.4}
.wmpage187-page3 .wmpage187-page3-right{display:flex;align-items:center}
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-next,.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-prev{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d9d9d9;transition:all .2s linear;cursor:pointer}
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-next{margin-right:20px}
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-next em,.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-prev em{color:var(--wmpage-color19);transition:all .2s linear}
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-next:hover,.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-prev:hover{background:var(--color);border-color:var(--color)}
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-next:hover em,.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-prev:hover em{color:#fff}
.wmpage187-page3 .wmpage187-page3-bottom{padding:40px 0 10px}
.wmpage187-page3 .wmpage187-page3-bottom .wmpage187-page3-slide{position:relative;overflow:hidden;border-radius:8px;z-index:1}
.wmpage187-page3 .wmpage187-page3-bottom .wmpage187-page3-slide::before{position:absolute;content:'';width:0;height:100%;left:0;top:0;background:var(--color);border-radius:8px;transition:.5s;opacity:0}
.wmpage187-page3 .wmpage187-page3-bottom .wmpage187-page3-slide:hover::before,.wmpage187-page3 .wmpage187-page3-slide.swiper-slide-active::before{width:100%;opacity:.5}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-img{position:relative;z-index:-1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-info{position:absolute;bottom:0;z-index:1;left:-120%;width:100%;transition:.5s;opacity:0}
.wmpage187-page3 .wmpage187-page3-slide.swiper-slide-active .wmpage187-page3-info,.wmpage187-page3 .wmpage187-page3-slide:hover .wmpage187-page3-info{left:0;opacity:1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-content{margin:15px;padding:30px 20px;background:rgba(204,204,204,.05);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:10px;opacity:0}
.wmpage187-page3 .wmpage187-page3-slide.swiper-slide-active .wmpage187-page3-content,.wmpage187-page3 .wmpage187-page3-slide:hover .wmpage187-page3-content{opacity:1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-title{color:#fff;font-weight:700;font-size:var(--wmpage-font20)}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-desc{color:#fff;font-size:var(--wmpage-font14);padding:5px 0 10px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:10px}
.wmpage187-page3 .wmpage187-page3-slide ul li{position:relative;margin-top:5px;padding-left:15px;color:#fff;font-size:var(--wmpage-font15)}
.wmpage187-page3 .wmpage187-page3-slide ul li::after{position:absolute;content:'';width:4px;height:4px;border-radius:50px;background:#fff;left:0;top:50%;transform:translateY(-50%)}
.wmpage187-page3 .wmpage187-page3-slide ul li span{font-weight:600}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn a{position:relative;display:inline-flex;justify-content:center;align-items:center;min-width:150px;height:35px;background:var(--color);padding:0 20px;color:#fff;font-weight:600;margin-top:15px;border-radius:5px;overflow:hidden;z-index:1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn a::before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:#1f1f25;transform:translateY(110%);transition:.3s;transition-delay:.1s;z-index:-1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn a:hover::before{transform:translateY(0)}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn em{font-size:13px;margin-left:10px;transform:rotate(-35deg)}
@media screen and (max-width:500px){.wmpage187-page3 .wmpage187-page3-top{width:95%;flex-direction:column}.wmpage187-page3 .wmpage187-page3-right{margin-top:20px}.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-img img{height:510px}}

/* header mobile off-canvas */
@media (max-width:1024px){.head-nav.open{display:flex!important}}