﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage210-page1 .wmpage210-page1-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-left{width:44%;position:relative;z-index:2}
.wmpage210-page1 .wmpage210-page1-left img{position:relative;display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:5/4;border-radius:10px}
.wmpage210-page1 .wmpage210-page1-left::after{background:rgba(255,255,255,.4);content:'';position:absolute;left:0;top:0;width:100%;height:0;opacity:1;z-index:1;pointer-events:none}
.wmpage210-page1 .wmpage210-page1-left:hover::after{opacity:0;height:100%;transition:all .4s linear}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-card{display:inline-flex;justify-content:center;flex-direction:column;align-items:center;min-width:200px;height:170px;padding:0 20px;background:var(--color);position:absolute;right:-30px;bottom:-30px;border-radius:8px;z-index:3}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-num{font-size:var(--wmpage-font36);font-weight:var(--fontbold6);color:#fff;line-height:1.1}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-title{color:#fff}
.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-right{width:50%}
.wmpage210-page1 .wmpage210-page1-right .wmpage210-page1-text{display:flex;align-items:center;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font15)}
.wmpage210-page1 .wmpage210-page1-right .wmpage210-page1-text em{margin-right:5px}
.wmpage210-page1 .wmpage210-page1-right .wmpage-title{color:var(--wmpage-color22);margin:3px 0 8px}
.wmpage210-page1 .wmpage210-page1-right .wmpage210-page1-desc{color:var(--wmpage-color8);margin-bottom:15px}
.wmpage210-page1 .wmpage210-page1-right ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage210-page1 .wmpage210-page1-right ul li{width:50%;display:flex;align-items:center;margin-top:8px;color:var(--wmpage-color8);font-weight:var(--fontbold6)}
.wmpage210-page1 .wmpage210-page1-right li em{color:var(--color);margin-right:8px;font-weight:var(--fontbold5)}
.wmpage210-page1 .wmpage210-page1-btn a{display:inline-flex;justify-content:center;position:relative;align-items:center;padding:0 20px;min-width:160px;height:50px;z-index:1;transition:.5s;overflow:hidden;border:1px solid #a6a6a6;background-color:#fff;font-size:var(--wmpage-font17);text-transform:uppercase;color:#fff;font-weight:var(--fontbold6);-webkit-mask-position-x:0;-webkit-mask-position-y:0;transition:mask-position .7s steps(22),-webkit-mask-position .7s steps(22);margin-top:35px;border-radius:5px}
.wmpage210-page1 .wmpage210-page1-btn a:after{display:flex;align-items:flex-end;justify-content:flex-end;color:#fff;position:absolute;content:'';cursor:pointer;width:100%;height:100%;left:0;top:0;background-color:var(--color);background-image:url(https://img01.v15cdn.com/singletem/wmpage210/wmpage210-page1-img2.webp);-webkit-mask:url(https://img01.v15cdn.com/singletem/wmpage210/wmpage210-page1-img2.webp);mask:url(https://img01.v15cdn.com/singletem/wmpage210/wmpage210-page1-img2.webp);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;z-index:-1;-webkit-mask-position-x:0;-webkit-mask-position-y:0;transition:mask-position .7s steps(22),-webkit-mask-position .7s steps(22);filter: grayscale(1);}
.wmpage210-page1 .wmpage210-page1-btn a:hover{color:var(--color)}
.wmpage210-page1 .wmpage210-page1-btn a:hover:after{animation:page1 .7s steps(22) forwards}
.wmpage210-page1 .wmpage210-page1-btn a:not(:hover):after{animation:page1-reverse .7s steps(22) forwards}
@keyframes page1{0%{mask-position:100% 0;-webkit-mask-position-x:0;-webkit-mask-position-y:0}
100%{mask-position:0 0;-webkit-mask-position-x:100%;-webkit-mask-position-y:0}
}
@keyframes page1-reverse{0%{mask-position:0 0;-webkit-mask-position-x:100%;-webkit-mask-position-y:0}
100%{mask-position:100% 0;-webkit-mask-position-x:0;-webkit-mask-position-y:0}
}
@media screen and (max-width:1024px){.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-left{width:100%;margin-bottom:30px}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-card{left:0;bottom:0;right:auto;border-radius:0 8px 0 0}
.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-right{width:100%}
}
@media screen and (max-width:500px){.wmpage210-page1 .wmpage210-page1-right ul li{width:100%}
.wmpage210-page1 .wmpage210-page1-left img{height:400px}
}


.wmpage168-page2-item{display:flex;justify-content:space-between}
.wmpage168-page2-count{width: 32%;background-color: #fff;box-shadow: 0 0 25px 0 rgba(13, 29, 13, .1);padding: 30px 35px;}
.wmpage168-page2-math{font-size:var(--wmpage-font26);font-weight:var(--fontbold5);color:var(--color);line-height:1}
.wmpage168-page2-math::after{content:'';display:inline-block;vertical-align:middle;width:30px;height:2px;background-color:var(--color)}
.wmpage168-page2-count p:nth-of-type(1){color: #222;font-size:var(--wmpage-font20,20px);margin:15px 0 10px;line-height: 1;font-weight: var(--fontbold6);}
@media (max-width:768px){.wmpage168-page2-item{padding:30px 35px;flex-wrap:wrap}
.wmpage168-page2-count p:nth-of-type(1){font-size:var(--fontsize20);line-height:1}
}
@media (max-width:500px){.wmpage168-page2-item{padding:20px}
.wmpage168-page2-count{width:100%;margin:20px 0}
}   .wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-card{background:#ff1715}
.wmpage210-page1 .wmpage210-page1-btn a{background:var(--color)}
.wmpage210-page1 .wmpage210-page1-btn a::after{display:none}
.wmpage210-page1 .wmpage210-page1-btn a:hover{color:#fff}
.kche-t100{width:100%}
.kche-t100-content{display:flex;align-items:center;justify-content:space-between;gap:40px}
.kche-t100-info{flex:1;max-width:50%;padding-right:20px}
.kche-t100-info p:first-child span{color:#e40707;font-weight:800;font-size:14px;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:10px}
.kche-t100-info h2{font-size:48px;font-weight:900;line-height:1.1;color:#1b4332;margin-top:0;margin-bottom:20px}
.kche-t100-info h2 span{color:#1b4332}
.kche-t100-info h2 .highlight-red{color:#e40707}
.kche-t100-info-des p{font-size:16px;line-height:1.6;color:#555;margin-bottom:15px}
.kche-t100-info-des .btn{display:inline-flex;align-items:center;justify-content:center;background-color:#e40707 !important;color:#ffffff !important;padding:12px 24px !important;border-radius:4px !important;font-size:16px !important;font-weight:bold;text-decoration:none !important;margin-top:15px !important;transition:background-color 0.3s ease}
.kche-t100-info-des .btn:hover{background-color:#c00606 !important}
.kche-t100-img{flex:1;display:flex;justify-content:flex-end;position:relative}
.kche-t100-img-box{position:relative;display:inline-block}
.kche-t100-img-box img{width:500px;height:500px;object-fit:cover;border-radius:50%;display:block;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.kche-t100-img-box .floating-card{position:absolute;bottom:10%;left:-15%;background-color:#ffffff;padding:20px 25px;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.15);border-left:5px solid #e40707;z-index:2;min-width:200px}
.kche-t100-img-box .floating-card p:first-child{margin:0 0 5px 0;font-weight:bold;color:#1b4332;font-size:16px}
.kche-t100-img-box .floating-card p:last-child{margin:0;color:#777;font-size:14px}
.kche-t100 .kche-t100-img .kche-t100-img-box{overflow:unset}
.kche-t100 .kche-t100-img .kche-t100-img-box img{border-radius:50%}
@media (max-width:1024px){.kche-t100-content{flex-direction:column-reverse;text-align:center}
.kche-t100-info h2{font-size:38px}
.kche-t100-info-des p{font-size:14px}
.kche-t100-info{max-width:100%;padding-right:0}
.kche-t100-img{justify-content:center;margin-bottom:40px}
.kche-t100-img-box .floating-card{left:50%;transform:translateX(-50%);bottom:-20px;width:max-content}
}.vending-project-wrapper{background-color:#1a4130;border-radius:12px;display:flex;justify-content:space-between;align-items:center;padding:60px;margin:0 auto;width:100%;color:#ffffff;gap:40px}
.vending-left-col{flex:1;max-width:50%}
.vending-left-col .sub-title{color:#f77b7b;font-weight:bold;text-transform:uppercase;font-size:14px;letter-spacing:1.5px;margin-bottom:15px}
.vending-left-col h2{font-size:48px;font-weight:900;line-height:1.1;margin:0 0 20px 0}
.vending-left-col .desc{font-size:16px;line-height:1.6;color:#e0e0e0;margin-bottom:40px}
.btn-group{display:flex;gap:15px;flex-wrap:wrap}
.btn-group .btn{text-decoration:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:bold;display:inline-flex;align-items:center;justify-content:center;transition:all 0.3s ease}
.btn-group .btn-red{background-color:#e6222b;color:#ffffff}
.btn-group .btn-red:hover{background-color:#cc1b23}
.btn-group .btn-white{background-color:#ffffff;color:#1a4130}
.btn-group .btn-white:hover{background-color:#f0f0f0}
.vending-right-col{flex:1;max-width:50%}
.project-info-card{background-color:#ffffff;border-radius:12px;padding:40px;color:#333333;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.project-info-card h3{color:#1a4130;font-size:24px;margin:0 0 10px 0}
.project-info-card .card-desc{color:#777777;font-size:14px;margin-top:0;margin-bottom:20px}
.project-info-card ul{padding-left:20px;margin-bottom:30px;color:#555555;line-height:1.8}
.project-info-card hr{border:none;border-top:1px solid #e5ece8;margin-bottom:20px}
.contact-details p{margin:0 0 10px 0;font-size:14px;color:#333333}
.contact-details p strong{color:#1a4130}
.contact-details p .highlight{color:#e6222b}
@media (max-width:1024px){.vending-project-wrapper{flex-direction:column;padding:40px}
.vending-left-col,.vending-right-col{max-width:100%;width:100%}
.vending-left-col{margin-bottom:30px}
}@media (max-width:768px){.vending-project-wrapper{padding:30px 20px}
.vending-left-col h2{font-size:32px}
.btn-group{flex-direction:column}
.btn-group .btn{width:100%}
.project-info-card{padding:25px}
}