@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage186-page5 .wmpage186-page5-text{position:relative;display:inline-block;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);padding-left:20px;left:50%;transform:translateX(-50%);text-transform:uppercase}
.wmpage186-page5 .wmpage186-page5-text::after{position:absolute;content:'';width:10px;height:10px;background:var(--color);border-radius:50%;left:0;top:50%;transform:translateY(-50%)}
.wmpage186-page5 .wmpage-title{text-align:center}
.wmpage186-page5 .wmpage186-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{width:24%;position:relative;padding:30px 15px 20px;background:#fff;box-shadow:0 2px 30px 1px rgba(139,139,139,.15);margin-top:30px;z-index:1}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item::before{position:absolute;content:'';width:0;height:2px;background:var(--color);top:0;left:0;transition:all .3s linear}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item:hover::before{width:100%}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top{display:flex;align-items:center}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page5-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:10px;background:var(--wmpage-color22);overflow:hidden;transition:all .2s linear;z-index:1}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top em{color:var(--color);font-size:var(--wmpage-font32)}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page5-icon::before{position:absolute;content:'';width:100%;height:100%;background:var(--color);border-radius:10px;transition:all .3s linear;transform:scale(0);transform-origin:center;z-index:-1}
.wmpage186-page5 .wmpage186-page5-item:hover .wmpage186-page5-top .wmpage186-page5-icon::before{transform:scale(1)}
.wmpage186-page5 .wmpage186-page5-item:hover .wmpage186-page5-top em{color:#fff}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page4-title{flex:1;font-weight:var(--fontbold6);font-size:var(--wmpage-font18);margin-left:10px}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-desc{color:var(--wmpage-color8);margin:15px 0 30px}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-img{position:relative;width:100%}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-img img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3;border-radius:10px}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color);position:absolute;right:20px;top:-20px;transform:rotate(50deg);transition:all .2s linear}
.wmpage186-page5 .wmpage186-page5-item:hover .wmpage186-page5-btn{transform:rotate(0);background:var(--wmpage-color22)}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-btn em{color:#fff;font-weight:var(--fontbold6)}
@media screen and (max-width:1024px){.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{width:48%}
}
@media screen and (max-width:768px){.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{width:100%}
}
@media screen and (max-width:500px){.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top{display:flex;align-items:flex-start;flex-direction:column}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page4-title{margin-left:0;margin-top:10px}
}