.service1{padding:58px 0; line-height:1.75; background:#fff;}
.service1-content{display:block;}
.service1-content>h2{font-size:38px; line-height:1; text-align:center;}
.service1-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.service1-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service1-content ul{margin:48px -28px 0 -28px;}
.service1-content ul:after{display:block; content:''; clear:both;}
.service1-content ul>li{float:left; width:25%; text-align:center; position:relative; padding:28px;}
.service1-content ul>li>img{display:block; margin:0 auto; max-width:25%;}
.service1-content ul>li>h3{font-size:20px; margin:18px 0;}
.service1-content ul>li>p{font-size:16px; color:#686868;}
@media(max-width:1200px){
.service1{padding:38px 0;}
.service1-content>aside{font-size:15px;}
.service1-content ul{margin:38px -8px 0 -8px;}
.service1-content ul>li{padding:8px;}
.service1-content ul>li>h3{font-size:18px; margin:12px 0;}
.service1-content ul>li>p{font-size:14px;}
} 
@media(max-width:767px){
.service1{padding:18px 0;}
.service1-content>h2{font-size:28px;}
.service1-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service1-content>aside{font-size:14px;}
.service1-content ul{margin:18px -4px 0 -4px;}
.service1-content ul>li{width:50%; padding:4px; margin-top:8px;}
}
.edge1{padding:58px 0; line-height:1.75; color:#fff; background:url('../images/162333559.jpg') #000 center; background-size:cover;}
.edge1-content{display:block;}
.edge1-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge1-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.edge1-content ul{margin:38px -28px 0 -28px;}
.edge1-content ul:after{display:block; content:''; clear:both;}
.edge1-content ul>li{float:left; text-align:center; width:25%; padding:28px;}
.edge1-content ul>li>i{width:88px; height:88px; border:1px solid #fff; border-radius:50%; line-height:86px; text-align:center; font-size:48px; color:#fff;}
.edge1-content ul>li>h3{font-size:22px; margin:18px 0;}
.edge1-content ul>li>p{font-size:16px;}
.edge1-content ul>ol{display:none;}
.edge1-content ul>ol:nth-child(8n){display:block; float:left; width:100%;}
@media(max-width:1200px){
.edge1{padding:38px 0;}
.edge1-content ul{margin:28px -8px 0 -8px;}
.edge1-content ul>li{padding:8px;}
.edge1-content ul>li>h3{font-size:18px; margin:12px 0;}
.edge1-content ul>li>p{font-size:14px;}
} 
@media(max-width:767px){
.edge1{padding:18px 0;}
.edge1-content>h2{font-size:28px;}
.edge1-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge1-content ul{margin:18px -4px 0 -4px;}
.edge1-content ul>li{width:50%; padding:4px; margin-top:8px;}
.edge1-content ul>ol:nth-child(4n){float:left; display:block; width:100%;}
}
.example1{padding:58px 0; background:#fff;}
.example1-content{display:block;}
.example1-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example1-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.example1-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example1-outer{width:10000%;}
.example1-outer:after{display:block; content:''; clear:both;}
.example1-item{float:left; width:.333%; padding:12px;}
.example1-item>a{display:block;}
.example1-item>a>i{display:block; overflow:hidden;}
.example1-item>a>i>img{display:block; width:100%; transition:.3s;}
.example1-item>a:hover>i>img{transform:scale(1.08);}
.example1-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example1-prev,
.example1-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.example1-swiper:hover .example1-prev,
.example1-swiper:hover .example1-next{opacity:1;}
.example1-prev i,
.example1-next i{color:#fff; font-size:48px;}
.example1-prev:hover i,
.example1-next:hover i{color:#f20f0f;}
.example1-prev{left:0;}
.example1-next{right:0;}
@media(max-width:1200px){
.example1{padding:38px 0;}
.example1-swiper{margin:0 -8px;}
.example1-item{padding:8px;}
}
@media(max-width:992px){
.example1-item{width:.5%;}
}
@media(max-width:767px){
.example1{padding:18px 0;}
.example1-content>h2{font-size:28px; margin-bottom:18px;}
.example1-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example1-swiper{margin:0;}
.example1-item{width:1%;}
}
.service2{padding:58px 0; line-height:1.75;}
.service2-content{display:block;}
.service2-content>h2{font-size:38px; line-height:1; text-align:center;}
.service2-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.service2-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service2-content ul{margin:38px -18px 0 -18px;}
.service2-content ul:after{display:block; content:''; clear:both;}
.service2-content ul>li{float:left; width:33.333%; padding:18px; margin-top:18px;}
.service2-content ul>li>h3{font-size:22px; position:relative; margin-bottom:18px;}
.service2-content ul>li>h3>b{display:inline-block; position:relative; z-index:1;}
.service2-content ul>li>h3:before{position:absolute; top:50%; left:-2px; width:48px; height:8px; margin-top:3px; opacity:0.38; content:''; background:#f20f0f;}
.service2-content ul>li>p{font-size:16px; overflow:hidden; color:#686868;}
.service2-content ul>ol{display:none;}
@media(max-width:1200px){
.service2{padding:38px 0;}
.service2-content>aside{font-size:15px;}
.service2-content ul{margin:28px -8px 0 -8px;}
.service2-content ul>li{padding:8px;}
.service2-content ul>li>h3{margin-bottom:8px;}
.service2-content ul>li>p{font-size:15px;}
}
@media(min-width:993px){
.service2-content ul>ol:nth-child(6n){float:left; display:block; width:100%;}
}
@media(max-width:992px){
.service2-content ul>li{width:50%;}
.service2-content ul>ol:nth-child(4n){float:left; display:block; width:100%;}
}
@media(max-width:767px){
.service2{padding:18px 0;}
.service2-content>h2{font-size:28px;}
.service2-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service2-content>aside{font-size:14px;}
.service2-content ul{margin:18px 0 0;}
.service2-content ul>li{width:100%; margin:0;}
.service2-content ul>li>p{font-size:14px; height:auto;}
}
.edge2{padding:68px 0; color:#fff; text-align:center; font-size:28px; background:url('../images/150031444.jpg') #000 center; background-size:cover;}
.edge2-content{display:block;}
.edge2-content>h2{font-size:38px; line-height:1;}
.edge2-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto 28px auto; background:#f20f0f;}
.edge2-content>p+p{margin-top:8px;}
.edge2-content>div{text-align:center; margin-top:38px;}
.edge2-content>div>a{display:inline-block; position:relative; color:#fff; border-radius:40px; overflow:hidden; background:#f20f0f;}
.edge2-content>div>a:after{position:absolute; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#fff;}
.edge2-content>div>a>i{float:left; position:relative; z-index:2; width:36px; height:36px; line-height:36px; text-align:center; transition:0.6s; font-size:18px; margin:2px; border-radius:40px; background:#fff; color:#f20f0f;}
.edge2-content>div>a>u{float:left; position:relative; z-index:1; font-size:16px; text-decoration:none; line-height:40px; height:40px; padding:0 28px 0 16px;}
.edge2-content>div>a:hover{color:#f20f0f;}
.edge2-content>div>a:hover>i{color:#fff; animation:szu 2s infinite; background:#f20f0f;}
.edge2-content>div>a:hover:after{width:300px; height:300px;}
@media(max-width:1200px){
.edge2{padding:48px 0; font-size:24px;}
}
@media(max-width:767px){
.edge2{padding:28px 0; font-size:16px;}
.edge2-content>h2{font-size:28px;}
.edge2-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge2-content>div{margin-top:18px;}
}
.example2{padding:58px 0; background:#fff;}
.example2-content{display:block;}
.example2-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example2-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.example2-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example2-outer{width:10000%;}
.example2-outer:after{display:block; content:''; clear:both;}
.example2-item{float:left; width:.333%; padding:12px;}
.example2-item>a{display:block;}

.example2-item>a>i{display:block; overflow:hidden;}
.example2-item>a>i>img{display:block; width:100%; transition:.3s;}
.example2-item>a:hover>i>img{transform:scale(1.08);}
.example2-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example2-prev,
.example2-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.example2-swiper:hover .example2-prev,
.example2-swiper:hover .example2-next{opacity:1;}
.example2-prev i,
.example2-next i{color:#fff; font-size:48px;}
.example2-prev:hover i,
.example2-next:hover i{color:#f20f0f;}
.example2-prev{left:0;}
.example2-next{right:0;}
@media(max-width:1200px){
.example2{padding:38px 0;}
.example2-swiper{margin:0 -8px;}
.example2-item{padding:8px;}
}
@media(max-width:992px){
.example2-item{width:.5%;}
}
@media(max-width:767px){
.example2{padding:18px 0;}
.example2-content>h2{font-size:28px; margin-bottom:18px;}
.example2-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example2-swiper{margin:0;}
.example2-item{width:1%;}
}
.service3{padding:58px 0; line-height:1.75;}
.service3-content{display:block;}
.service3-content>h2{font-size:38px; line-height:1; text-align:center;}
.service3-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.service3-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service3-content ul{margin:48px 0 0 0;}
.service3-content ul:after{display:block; content:''; clear:both;}
.service3-content ul>li{float:left; width:25%; position:relative; border:1px solid #d8d8d8; margin:-1px 0 0 -1px; padding:38px;}
.service3-content ul>li>b{position:absolute; bottom:18px; right:28px; line-height:1; font-size:88px; opacity:0.8; transition:.3s; color:#f20f0f;}
.service3-content ul>li>h3{position:relative; z-index:8; font-size:20px; margin-bottom:18px;}
.service3-content ul>li>p{position:relative; z-index:8; font-size:16px; height:160px; color:#686868;}
.service3-content ul>li:hover>b{transform:scale(1.08); opacity:1;}
@media(max-width:1200px){
.service3{padding:38px 0;}
.service3-content>aside{font-size:15px;}
.service3-content ul{margin:28px 0 0 0;}
.service3-content ul>li{width:50%;}
} 
@media(max-width:767px){
.service3{padding:18px 0;}
.service3-content>h2{font-size:28px;}
.service3-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service3-content>aside{font-size:14px;}
.service3-content ul{margin:18px 0 0 0;}
.service3-content ul>li{width:100%; padding:18px; padding-bottom:78px;}
.service3-content ul>li>b{bottom:8px; right:18px; font-size:68px;}
.service3-content ul>li>h3{font-size:18px; margin-bottom:8px;}
.service3-content ul>li>p{font-size:14px; height:auto;}
}
.edge3{padding:58px 0; line-height:1.75; color:#fff; background:url('../images/150031444.jpg') #000 center; background-size:cover;}
.edge3-content{display:block;}
.edge3-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge3-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.edge3-content ul{margin:38px -18px 0 -18px;}
.edge3-content ul:after{display:block; content:''; clear:both;}
.edge3-content ul>li{float:left; width:50%; padding:18px;}
.edge3-content ul>li>span{display:block; position:relative; padding:38px 48px 28px 98px; background:rgba(255,255,255,0.08);}
.edge3-content ul>li>span>i{font-size:38px; position:absolute; left:38px; top:38px;}
.edge3-content ul>li>span>h3{font-size:20px; margin-bottom:18px;}
.edge3-content ul>li>span>p{font-size:15px; height:80px; overflow:hidden;}
@media(max-width:1200px){
.edge3{padding:38px 0;}
.edge3-content ul{margin:28px -8px 0 -8px;}
.edge3-content ul>li{padding:8px;}
}
@media(max-width:992px){
.edge3-content ul>li{width:100%;}
.edge3-content ul>li>span>p{height:auto;}
}
@media(max-width:767px){
.edge3{padding:18px 0;}
.edge3-content>h2{font-size:28px;}
.edge3-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge3-content ul{margin:18px 0 0 0;}
.edge3-content ul>li>span{padding:18px 18px 18px 68px;}
.edge3-content ul>li>span>i{font-size:32px; left:18px; top:18px;}
.edge3-content ul>li>span>h3{font-size:18px; margin-bottom:8px;}
.edge3-content ul>li>span>p{font-size:14px; height:auto;}
}
.example3{padding:58px 0; background:#fff;}
.example3-content{display:block;}
.example3-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example3-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.example3-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example3-outer{width:10000%;}
.example3-outer:after{display:block; content:''; clear:both;}
.example3-item{float:left; width:.333%; padding:12px;}
.example3-item>a{display:block;}
.example3-item>a>i{display:block; overflow:hidden;}
.example3-item>a>i>img{display:block; width:100%; transition:.3s;}
.example3-item>a:hover>i>img{transform:scale(1.08);}
.example3-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example3-prev,
.example3-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.example3-swiper:hover .example3-prev,
.example3-swiper:hover .example3-next{opacity:1;}
.example3-prev i,
.example3-next i{color:#fff; font-size:48px;}
.example3-prev:hover i,
.example3-next:hover i{color:#f20f0f;}
.example3-prev{left:0;}
.example3-next{right:0;}
@media(max-width:1200px){
.example3{padding:38px 0;}
.example3-swiper{margin:0 -8px;}
.example3-item{padding:8px;}
}
@media(max-width:992px){
.example3-item{width:.5%;}
}
@media(max-width:767px){
.example3{padding:18px 0;}
.example3-content>h2{font-size:28px; margin-bottom:18px;}
.example3-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example3-swiper{margin:0;}
.example3-item{width:1%;}
}
.service4{padding:58px 0; line-height:1.75;}
.service4-content{display:block;}
.service4-content>h2{font-size:38px; line-height:1; text-align:center;}
.service4-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.service4-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service4-content ul{margin:48px -12px 0 -12px;}
.service4-content ul:after{display:block; content:''; clear:both;}
.service4-content ul>li{float:left; width:33.3333%; position:relative; padding:12px;}
.service4-content ul>li>div{position:relative; overflow:hidden;}
.service4-content ul>li>div>span{position:absolute; color:#fff; top:0; right:0; bottom:0; left:0; z-index:8; transition:.3s; background:rgba(0,0,0,0.48);
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.service4-content ul>li>div>span>ins{display:block; text-align:center;}
.service4-content ul>li>div>span>ins>i{font-size:38px; display:block; margin-bottom:8px;}
.service4-content ul>li>div>span>ins>h3{font-size:20px;}
.service4-content ul>li>div>img{display:block; transition:.3s;}
.service4-content ul>li>div:hover>span{background:rgba(0,0,0,0.68);}
.service4-content ul>li>div:hover>img{transform:scale(1.08);}
@media(max-width:1200px){
.service4{padding:38px 0;}
.service4-content>aside{font-size:15px;}
.service4-content ul{margin:28px -8px 0 -8px;}
.service4-content ul>li{padding:8px;}
}
@media(max-width:992px){
.service4-content ul>li{width:50%;}
}
@media(max-width:767px){
.service4{padding:18px 0;}
.service4-content>h2{font-size:28px;}
.service4-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service4-content>aside{font-size:14px;}
.service4-content ul>li{width:100%;}
}
.edge4{padding:58px 0; line-height:1.75; color:#fff; background:url('../images/150031444.jpg') #000 center; background-size:cover;}
.edge4-content{display:block;}
.edge4-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge4-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.edge4-content ul{margin:38px -28px 0 -28px;}
.edge4-content ul:after{display:block; content:''; clear:both;}
.edge4-content ul>li{float:left; text-align:center; width:25%; padding:28px;}
.edge4-content ul>li>i{width:108px; height:108px; border-radius:3px; background:#fff; display:block; margin:0 auto; padding:10px; line-height:88px; text-align:center; font-size:0;}
.edge4-content ul>li>i>img{vertical-align:middle; max-width:88px; max-height:88px;}
.edge4-content ul>li>h3{font-size:20px; margin:18px 0 8px 0;} 
.edge4-content ul>ol{display:none;}
.edge4-content ul>ol:nth-child(8n){display:block; float:left; width:100%;}
@media(max-width:1200px){
.edge4{padding:38px 0;}
.edge4-content ul{margin:28px -8px 0 -8px;}
.edge4-content ul>li{padding:8px;}
}
@media(max-width:767px){
.edge4{padding:18px 0;}
.edge4-content>h2{font-size:28px;}
.edge4-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge4-content ul>li{width:50%;}
.edge4-content ul>li>h3{font-size:18px; margin:16px 0 8px 0;} 
.edge4-content ul>ol:nth-child(4n){display:block; float:left; width:100%;}
}
.example4{padding:58px 0; background:#fff;}
.example4-content{display:block;}
.example4-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example4-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.example4-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example4-outer{width:10000%;}
.example4-outer:after{display:block; content:''; clear:both;}
.example4-item{float:left; width:.333%; padding:12px;}
.example4-item>a{display:block;}
.example4-item>a>i{display:block; overflow:hidden;}
.example4-item>a>i>img{display:block; width:100%; transition:.3s;}
.example4-item>a:hover>i>img{transform:scale(1.08);}
.example4-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example4-prev,
.example4-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.example4-swiper:hover .example4-prev,
.example4-swiper:hover .example4-next{opacity:1;}
.example4-prev i,
.example4-next i{color:#fff; font-size:48px;}
.example4-prev:hover i,
.example4-next:hover i{color:#f20f0f;}
.example4-prev{left:0;}
.example4-next{right:0;}
@media(max-width:1200px){
.example4{padding:38px 0;}
.example4-swiper{margin:0 -8px;}
.example4-item{padding:8px;}
}
@media(max-width:992px){
.example4-item{width:.5%;}
}
@media(max-width:767px){
.example4{padding:18px 0;}
.example4-content>h2{font-size:28px; margin-bottom:18px;}
.example4-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example4-swiper{margin:0;}
.example4-item{width:1%;}
}
.page-hero{padding:100px 0; background:linear-gradient(135deg, #f8f9fc 0%, #edf1f7 100%); position:relative; overflow:hidden;}
.page-hero article{text-align:center; max-width:960px; position:relative; z-index:2;}
.page-hero h1{font-size:52px; font-weight:800; margin-bottom:24px; color:#1a1a1a; letter-spacing:-1px; line-height:1.2; position:relative; display:inline-block; padding-bottom:12px;}
.page-hero h1:after{content:''; position:absolute; left:50%; bottom:0; width:80px; height:5px; background:#f20f0f; transform:translateX(-50%); border-radius:2px;}
.page-hero h2{font-size:26px; color:#4f5d7a; margin-bottom:20px; font-weight:500;}
.page-hero-eyebrow{font-size:18px; letter-spacing:6px; color:#f20f0f; margin-bottom:16px; font-weight:bold; text-transform:uppercase;}
.page-hero-subtitle{font-size:18px; color:#5d5d5d; margin-bottom:40px; opacity:0.8;}
.page-hero-points{display:grid; grid-template-columns:repeat(2, auto); justify-content:center; gap:16px 24px; margin:0 auto; padding:0; max-width:700px;}
.page-hero-points>li{list-style:none; padding:12px 30px; border:1px solid rgba(242, 15, 15, 0.15); border-radius:30px; font-size:16px; color:#333; background:#fff; box-shadow:0 4px 15px rgba(0,0,0,0.05); transition:.3s; display:flex; align-items:center; }
.page-hero-points>li:before{content:'\f058'; font-family:'FontAwesome'; margin-right:8px; color:#f20f0f; font-size:18px;}
.page-hero-points>li:hover{transform:translateY(-3px); box-shadow:0 8px 20px rgba(242, 15, 15, 0.12); border-color: #f20f0f;}

@media(max-width:767px){
.page-hero{padding:60px 0;}
.page-hero h1{font-size:36px;}
.page-hero h2{font-size:20px;}
.page-hero-points{grid-template-columns:1fr; width:100%;}
.page-hero-points>li{text-align:center;}
}

.concept{padding:100px 0; background:#fff; line-height:1.8;}
.concept article{max-width:1120px; margin:0 auto;}
.concept h2{font-size:42px; margin-bottom:24px; text-align:center; font-weight:800;}
.concept p{font-size:17px; color:#666; text-align:center; max-width:860px; margin:0 auto 48px auto; opacity:0.9;}
.concept-compare{display:flex; gap:32px;}
.concept-col{flex:1; padding:48px; border-radius:20px; background:#f8f9fc; transition:.3s; position:relative; overflow:hidden;}
.concept-icon{font-size:40px; color:#f20f0f; margin-bottom:20px; opacity:0.8;}
.concept-col--contrast .concept-icon{color:#fff;}
.concept-col:after{content:'\f10b'; font-family:'FontAwesome'; position:absolute; right:-20px; bottom:-30px; font-size:160px; color:#000; opacity:0.03; transform:rotate(-15deg); pointer-events:none;}
.concept-col--contrast:after{content:'\f10b'; color:#fff; opacity:0.05;}
.concept-col h3{font-size:24px; margin-bottom:24px; font-weight:700; position:relative;}
.concept-col ul>li{position:relative; padding-left:24px; margin-bottom:16px; font-size:16px; color:#444;}
.concept-col ul>li:before{content:'\f00c'; font-family:'FontAwesome'; position:absolute; left:0; top:2px; font-size:14px; color:#f20f0f;}
.concept-col--contrast{background:#0f1f3a; color:#fff;}
.concept-col--contrast h3{color:#fff;}
.concept-col--contrast ul>li{color:rgba(255,255,255,0.85);}
.concept-col--contrast ul>li:before{color:#fff;}
.concept-col:hover{transform:translateY(-5px); box-shadow:0 15px 40px rgba(0,0,0,0.1);}

@media(max-width:992px){
.concept{padding:60px 0;}
.concept-compare{flex-direction:column;}
}

.services--grid{padding:100px 0; background:#fcfdfe;}
.services--grid article{max-width:1200px; margin:0 auto;}
.services--grid h2{font-size:42px; text-align:center; margin-bottom:50px; font-weight:800;}
.service-cards{display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.service-card{border:none; border-radius:16px; padding:40px 30px; background:#fff; transition:all .4s cubic-bezier(0.165, 0.84, 0.44, 1); display:flex; flex-direction:column; min-height:340px; box-shadow:0 8px 30px rgba(0,0,0,0.05); position:relative; overflow:hidden;}
.service-card:before{content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:#f20f0f; transform:scaleX(0); transition:.4s; transform-origin: left;}
.service-card:hover:before{transform:scaleX(1);}
.card-icon{font-size:80px; color:#f20f0f; margin-bottom:24px; transition:.4s;text-align:center;}
.service-card h3{font-size:24px; margin-bottom:16px; color:#1a1a1a; font-weight:700;}
.service-card p{font-size:15px; color:#666; line-height:1.7; flex-grow:1; margin-bottom:24px;}
.service-card .btn-more{display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; border-radius:30px; border:1px solid #eee; color:#666; font-weight:600; transition:.3s; font-size:14px; background:#f9f9f9;}
.service-card:hover{box-shadow:0 20px 50px rgba(0,0,0,0.1); transform:translateY(-10px);}
.service-card:hover .card-icon{transform:scale(1.1) rotate(5deg);}
.service-card:hover .btn-more{background:#f20f0f; color:#fff; border-color:#f20f0f;}

@media(max-width:1200px){
.service-cards{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:767px){
.services--grid{padding:60px 0;}
.service-cards{grid-template-columns:1fr;}
.service-card{min-height:auto;}
}

.process{padding:100px 0; background:#f8f9fc;}
.process article{max-width:1200px; margin:0 auto;}
.process h2{font-size:42px; text-align:center; margin-bottom:60px; font-weight:800;}
.process-steps{counter-reset:step; display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.process-steps>li{counter-increment:step; background:#fff; padding:40px; border-radius:16px; box-shadow:0 10px 30px rgba(15,36,74,0.05); font-size:16px; line-height:1.8; position:relative; transition:.3s;}
.process-steps>li:before{content:counter(step, decimal-leading-zero); position:absolute; top:-20px; left:30px; width:50px; height:50px; background:#f20f0f; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:bold; box-shadow:0 8px 20px rgba(242,15,15,0.3);}
.process-steps>li h3{font-size:22px; margin-bottom:16px; font-weight:700; color:#1a1a1a;}
.process-steps>li p{color:#666; font-size:15px;}
.process-steps>li:hover{transform:translateY(-5px); box-shadow:0 15px 40px rgba(15,36,74,0.1);}

@media(max-width:992px){
.process-steps{grid-template-columns:repeat(2,1fr); gap:40px 24px;}
}
@media(max-width:600px){
.process-steps{grid-template-columns:1fr;}
}

.case-grid{padding:100px 0; background:#fff;}
.case-grid article{max-width:1200px; margin:0 auto;}
.case-grid h2{font-size:42px; text-align:center; margin-bottom:50px; font-weight:800;}
.case-grid-wrapper{display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.case-item{border:none; border-radius:16px; padding:0; background:#fff; transition:.4s; overflow:hidden; box-shadow:0 5px 20px rgba(0,0,0,0.05);}
.case-item a{display:flex; flex-direction:column; height:100%;}
.case-item i{display:block; overflow:hidden; margin-bottom:0;}
.case-item i img{display:block; width:100%; transition:.5s;}
.case-item-info{padding:24px;}
.case-item h3{font-size:20px; color:#1a1a1a; margin-bottom:12px; font-weight:700; transition:.3s;}
.case-tags{display:flex; align-items:center; gap:8px; font-size:13px; color:#888; flex-wrap:wrap;}
.case-tags ins{font-size:12px; color:#f20f0f; background:rgba(242,15,15,0.05); padding:4px 12px; border-radius:4px; font-weight:500;}
.case-item:hover{box-shadow:0 20px 50px rgba(0,0,0,0.12); transform:translateY(-8px);}
.case-item:hover i img{transform:scale(1.1);}
.case-item:hover h3{color:#f20f0f;}

@media(max-width:992px){
.case-grid-wrapper{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:576px){
.case-grid-wrapper{grid-template-columns:1fr;}
}

.faq{padding:100px 0; background:#f8f9fc;}
.faq article{max-width:960px; margin:0 auto;}
.faq h2{font-size:42px; text-align:center; margin-bottom:50px; font-weight:800;}
.faq-list{list-style:none; margin:0; padding:0;}
.faq-list>li{border:none; border-radius:16px; padding:30px; margin-bottom:24px; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.03); transition:.3s;}
.faq-list>li h3{font-size:20px; margin-bottom:12px; color:#1a1a1a; font-weight:700; display:flex; align-items:center;}
.faq-list>li h3:before{content:'Q'; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; background:#f20f0f; color:#fff; border-radius:6px; font-size:14px; margin-right:12px;}
.faq-list>li p{font-size:16px; color:#666; line-height:1.8; margin:0; padding-left:40px;}
.faq-list>li:hover{transform:translateX(5px); box-shadow:0 10px 30px rgba(0,0,0,0.08);}

/* App Features Section */
.app-features { 
    padding: 100px 0; 
    background: #0b0f19; /* 基础深色 */
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(242, 15, 15, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(45, 90, 255, 0.06) 0%, transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(15, 31, 58, 1) 0%, #0b0f19 100%);
    overflow: hidden; 
    position: relative; 
}
.app-features:before { 
    content: ''; 
    position: absolute; 
    top: 0; left: 0; width: 100%; height: 100%; 
    background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    mask-image: radial-gradient(circle at 50% 50%, black, transparent 80%);
    -webkit-mask-image: radial-gradient(circle at 50% 50%, black, transparent 80%);
}
.app-features h2 { font-size: 42px; text-align: center; margin-bottom: 60px; font-weight: 800; color: #fff; position: relative; }
.app-features h2:after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: #f20f0f; }
.feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; position: relative; z-index: 2; }
.feature-item { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 40px; display: flex; align-items: flex-start; gap: 24px; transition: .4s; position: relative; overflow: hidden; }
.feature-icon { flex-shrink: 0; width: 64px; height: 64px; background: rgba(242, 15, 15, 0.1); border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #f20f0f; transition: .4s; }
.feature-info h3 { font-size: 22px; margin-bottom: 12px; color: #fff; font-weight: 700; }
.feature-info p { font-size: 15px; color: rgba(255, 255, 255, 0.7); line-height: 1.8; margin: 0; }
.feature-num { position: absolute; top: -10px; right: -10px; font-size: 100px; font-weight: 900; color: rgba(255, 255, 255, 0.03); line-height: 1; pointer-events: none; transition: .4s; }
.feature-item:hover { background: rgba(255, 255, 255, 0.08); transform: translateY(-5px); border-color: rgba(242, 15, 15, 0.3); }
.feature-item:hover .feature-icon { background: #f20f0f; color: #fff; transform: scale(1.1) rotate(5deg); }
.feature-item:hover .feature-num { color: rgba(242, 15, 15, 0.08); transform: scale(1.1); }

/* App Process Section */
.app-process { padding: 100px 0; background: #fff; position: relative; }
.app-process h2 { font-size: 42px; text-align: center; margin-bottom: 80px; font-weight: 800; color: #1a1a1a; position: relative; }
.app-process h2:after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: #f20f0f; }
.process-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 40px; position: relative; }
.process-timeline:before { content: ''; position: absolute; top: 120px; left: 50px; right: 50px; height: 2px; background: repeating-linear-gradient(90deg, #eee, #eee 10px, transparent 10px, transparent 20px); z-index: 1; }
.process-node { position: relative; z-index: 2; text-align: center; }
.node-icon { width: 100px; height: 100px; background: #fff; border: 2px solid #f20f0f; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; color: #f20f0f; margin: 0 auto 30px; transition: .4s; box-shadow: 0 10px 25px rgba(242, 15, 15, 0.1); position: relative; }
.node-icon:after { content: ''; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; border: 1px dashed #f20f0f; border-radius: 50%; opacity: 0; transition: .4s; transform: scale(0.8); }
.node-num { display: block; font-size: 13px; font-weight: 700; color: #f20f0f; margin-bottom: 10px; letter-spacing: 1px; opacity: 0.6; }
.node-text h3 { font-size: 22px; margin-bottom: 15px; color: #1a1a1a; font-weight: 700; transition: .3s; }
.node-text p { font-size: 15px; color: #666; line-height: 1.7; padding: 0 10px; }
.process-node:hover .node-icon { background: #f20f0f; color: #fff; transform: translateY(-10px); box-shadow: 0 15px 35px rgba(242, 15, 15, 0.3); }
.process-node:hover .node-icon:after { opacity: 0.3; transform: scale(1.1); }
.process-node:hover h3 { color: #f20f0f; }

/* App Tech Section */
.app-tech { padding: 100px 0; background: #f8f9fc; }
.tech-header { text-align: center; margin-bottom: 60px; }
.tech-header h2 { font-size: 42px; font-weight: 800; margin-bottom: 20px; position: relative; display: inline-block; }
.tech-header h2:after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: #f20f0f; }
.tech-header p { font-size: 17px; color: #666; max-width: 800px; margin: 0 auto; }
.tech-matrix { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); gap: 15px; max-width: 1200px; margin: 0 auto; }
.tech-box { background: #fff; border-radius: 16px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); transition: .4s; border: 1px solid #eee; display: flex; flex-direction: column; }
.tech-box--large { grid-row: span 2; background: #1a1d23; color: #fff; border: none; padding: 30px; display: flex; flex-direction: column; justify-content: center; }
.tech-box--large h3 { color: #fff !important; margin-top: 5px; font-size: 24px; }
.tech-box--large .tech-icon { background: rgba(242, 15, 15, 0.15); color: #f20f0f; width: 60px; height: 60px; font-size: 28px; margin-bottom: 15px; }
.tech-box--large p { font-size: 15px; margin: 15px 0 20px; opacity: 0.8; line-height: 1.6; }
.tech-icon { width: 44px; height: 44px; background: #f8f9fc; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #f20f0f; margin-bottom: 15px; transition: .4s; }
.tech-box h3 { font-size: 20px; font-weight: 700; margin-bottom: 10px; color: #1a1a1a; }
.tech-box p { font-size: 14px; color: #666; line-height: 1.5; margin-bottom: 15px; }
.tech-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.tech-tags span { padding: 3px 10px; background: #f0f2f5; border-radius: 4px; font-size: 12px; color: #5d6d7e; font-weight: 600; }
.tech-box:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.08); border-color: #f20f0f; }
.tech-box--large:hover { box-shadow: 0 25px 60px rgba(242, 15, 15, 0.15); }
.tech-box:hover .tech-icon { transform: scale(1.1) rotate(5deg); background: #f20f0f; color: #fff; }

/* App Tech Stack V2 */
.app-tech-stack { padding: 100px 0; background: #fff; }
.tech-stack-header { text-align: center; margin-bottom: 80px; }
.tech-stack-header h2 { font-size: 42px; font-weight: 800; color: #1a1a1a; position: relative; display: inline-block; }
.tech-stack-header h2:after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: #f20f0f; }
.tech-stack-header p { font-size: 18px; color: #666; margin-top: 30px; }
.stack-grid { display: flex; gap: 30px; max-width: 1200px; margin: 0 auto; }
.stack-pillar { flex: 1; background: #f8f9fc; border-radius: 20px; overflow: hidden; transition: .4s; border: 1px solid #eee; display: flex; flex-direction: column; }
.pillar-label { background: #1a1d23; color: rgba(255,255,255,0.6); font-size: 12px; font-weight: 700; padding: 12px 24px; letter-spacing: 2px; text-transform: uppercase; }
.pillar-content { padding: 40px 30px; flex-grow: 1; }
.pillar-icon { font-size: 48px; color: #f20f0f; margin-bottom: 30px; }
.pillar-content h3 { font-size: 26px; font-weight: 800; color: #1a1a1a; margin-bottom: 20px; }
.pillar-content p { font-size: 15px; color: #666; line-height: 1.8; margin-bottom: 30px; }
.pillar-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid #eef0f5; padding-top: 30px; }
.pillar-list li { font-size: 15px; color: #333; font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; }
.pillar-list li i { color: #f20f0f; margin-right: 12px; font-size: 14px; }
.pillar--active { background: #1a1d23; border-color: #1a1d23; transform: scale(1.05); box-shadow: 0 30px 60px rgba(0,0,0,0.15); }
.pillar--active .pillar-label { background: #f20f0f; color: #fff; }
.pillar--active .pillar-content h3 { color: #fff; }
.pillar--active .pillar-content p { color: rgba(255,255,255,0.7); }
.pillar--active .pillar-list { border-color: rgba(255,255,255,0.1); }
.pillar--active .pillar-list li { color: #fff; }
.stack-pillar:hover { transform: translateY(-10px) scale(1.05); box-shadow: 0 30px 60px rgba(0,0,0,0.1); border-color: #f20f0f; }

/* Tech Module Matrix */
.tech-module-matrix { padding: 100px 0; background: #0f172a; position: relative; overflow: hidden; }
.tech-module-matrix:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(242,15,15,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(242,15,15,0.05) 1px, transparent 1px); background-size: 50px 50px; }
.matrix-header { text-align: center; margin-bottom: 70px; position: relative; z-index: 2; }
.header-tag { display: inline-block; padding: 4px 12px; background: rgba(242,15,15,0.1); color: #f20f0f; font-family: 'Courier New', Courier, monospace; font-size: 12px; font-weight: bold; border-radius: 4px; margin-bottom: 20px; border: 1px solid rgba(242,15,15,0.2); }
.matrix-header h2 { font-size: 42px; font-weight: 800; color: #fff; margin-bottom: 24px; }
.matrix-header p { font-size: 18px; color: rgba(255,255,255,0.85); max-width: 800px; margin: 0 auto; }
.matrix-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1400px; margin: 0 auto; position: relative; z-index: 2; }
.matrix-item { background: #1e293b; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 30px; transition: .4s; display: flex; flex-direction: column; height: 100%; }
.item-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px; }
.item-id { font-family: 'Courier New', Courier, monospace; color: #ff3b3b; font-weight: bold; font-size: 20px; }
.item-icon { font-size: 28px; color: #fff; }
.item-main { flex-grow: 1; }
.item-main h3 { font-size: 22px; color: #fff; font-weight: 800; margin-bottom: 16px; border-left: 4px solid #f20f0f; padding-left: 12px; line-height: 1.2; }
.item-main p { font-size: 15px; color: #cbd5e1; line-height: 1.8; margin-bottom: 24px; font-weight: 400; }
.item-footer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); }
.tech-label { font-family: 'Courier New', Courier, monospace; font-size: 12px; color: #ff4d4d; background: rgba(255, 255, 255, 0.05); padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(255, 77, 77, 0.4); font-weight: bold; }
.matrix-item:hover { background: #263449; border-color: #f20f0f; transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.4); }
.matrix-item:hover .item-icon { color: #f20f0f; transform: scale(1.1); }

.matrix-item:hover .item-icon { color: #f20f0f; transform: scale(1.1); }

/* App Suitability Section */
.app-suitability { padding: 100px 0; background: #fcfdfe; }
.suitability-header { text-align: center; margin-bottom: 70px; }
.suitability-header h2 { font-size: 42px; font-weight: 800; color: #1a1a1a; position: relative; display: inline-block; }
.suitability-header h2:after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: #f20f0f; }
.suitability-header p { font-size: 18px; color: #666; margin-top: 30px; }
.suitability-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1300px; margin: 0 auto; }
.suitability-item { background: #fff; border: 1px solid #f0f0f0; border-radius: 20px; padding: 40px 30px; transition: .4s; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; }
.suitability-tag { position: absolute; top: 15px; left: 15px; background: rgba(242, 15, 15, 0.08); color: #f20f0f; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 4px; }
.suitability-icon { width: 80px; height: 80px; background: #f8f9fc; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; color: #f20f0f; margin-bottom: 24px; transition: .4s; }
.suitability-item h3 { font-size: 22px; font-weight: 700; color: #1a1a1a; margin-bottom: 16px; }
.suitability-item p { font-size: 15px; color: #666; line-height: 1.7; margin: 0; }
.suitability-item:hover { transform: translateY(-10px); box-shadow: 0 25px 50px rgba(0,0,0,0.06); border-color: #f20f0f; }
.suitability-item:hover .suitability-icon { background: #f20f0f; color: #fff; transform: scale(1.1) rotate(5deg); }

@media (max-width: 1200px) {
  .suitability-grid { grid-template-columns: repeat(2, 1fr); padding: 0 20px; }
}
@media (max-width: 767px) {
  .suitability-grid { grid-template-columns: 1fr; }
  .suitability-header h2 { font-size: 32px; }
}

@media (max-width: 1200px) {
  .matrix-grid { grid-template-columns: repeat(2, 1fr); padding: 0 20px; }
}
@media (max-width: 767px) {
  .matrix-grid { grid-template-columns: 1fr; }
  .matrix-header h2 { font-size: 32px; }
}

@media (max-width: 992px) {
  .stack-grid { flex-direction: column; }
  .pillar--active { transform: none; }
  .stack-pillar:hover { transform: translateY(-10px); }
}

@media (max-width: 992px) {
  .tech-matrix { grid-template-columns: 1fr; grid-template-rows: auto; }
  .tech-box--large { grid-row: auto; }
}

@media (max-width: 992px) {
  .process-timeline { grid-template-columns: repeat(2, 1fr); gap: 40px; }
  .process-timeline:before { display: none; }
}
@media (max-width: 600px) {
  .process-timeline { grid-template-columns: 1fr; }
}

@media (max-width: 992px) {
  .feature-grid { grid-template-columns: 1fr; }
  .app-features { padding: 60px 0; }
}

@media(max-width:767px){
.faq{padding:60px 0;}
.faq-list>li{padding:20px;}
.faq-list>li p{padding-left:0; margin-top:10px;}
.faq h2{font-size:32px;}
}
/* 5 Items Layout (Inverted Trapezoid) */
.layout-5-items {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: none !important;
}

/* Feature Grid 5 Items */
.layout-5-items.feature-grid {
    gap: 30px;
}
.layout-5-items.feature-grid .feature-item {
    width: calc((100% - 60px) / 3);
}

/* Process Timeline 5 Items */
.layout-5-items.process-timeline {
    gap: 60px 40px;
}
.layout-5-items.process-timeline .process-node {
    width: calc((100% - 80px) / 3);
}

/* Responsive adjustments for 5-items layout */
@media (max-width: 1200px) {
    .layout-5-items.feature-grid .feature-item {
        padding: 30px 20px; /* Reduce padding to fit 3 columns */
    }
}

@media (max-width: 992px) {
    .layout-5-items.feature-grid .feature-item {
        width: calc((100% - 30px) / 2); /* 2 columns */
    }
    .layout-5-items.process-timeline .process-node {
        width: calc((100% - 40px) / 2); /* 2 columns */
    }
}

@media (max-width: 600px) {
    .layout-5-items.feature-grid .feature-item,
    .layout-5-items.process-timeline .process-node {
        width: 100%;
    }
}



  .app-news-section .case-item i { height: 220px; overflow: hidden; }
  .app-news-section .case-item i img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
  .app-news-section .case-item-info { flex: 1; display: flex; flex-direction: column; }
  .app-news-section .case-item h3 { font-size: 18px; line-height: 1.5; height: 54px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 12px; }
  .app-news-section .case-tags { margin-top: auto; }
  /* Added for "View More" button style consistency */
  .case-more{text-align:center; font-size:0; margin-top:18px;}
  .case-more>a{display:inline-block; overflow:hidden; position:relative; border:1px solid #d8d8d8; border-radius:3px; padding:12px 38px;}
  .case-more>a:after{position:absolute; z-index:1; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#f20f0f;}
  .case-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
  .case-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
  .case-more>a:hover{color:#fff; border-color:#f20f0f;}
  .case-more>a:hover:after{width:500px; height:500px;}
  .case-more>a:hover>i{color:#fff; transform:translateX(8px);}
  @media(max-width:767px){
    .case-more{margin-top:8px;}
    .case-more>a{padding:8px 28px;}
    .case-more>a>u{font-size:14px;}
    .case-more>a>i{font-size:16px; margin-left:6px;}
    .case-more>a:hover:after{width:400px; height:400px;} 
    .case-more>a:hover>i{transform:translateX(4px);}
  }