.banner{background:#424242}
.banner .banner-img img{width:50%}
.banner .banner-img{display:flex;align-items:center;flex-wrap:wrap}
.banner-text{width:50%;order:-1;padding:5%;color:#fff}
.banner-text .title{font-size:30px;font-weight:700}
.banner-text .desc{margin:10px 0}
.banner-text .more a{display:inline-block;padding:5px 20px;border:1px solid #fff; color: #fff;}
.banner-img .lists{width:70%;padding:2%;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.banner-img .lists>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;color:#111;background-color:#fff;padding:10%}
.banner-img .lists>div .title{text-align:center}
.banner-img .lists .icon  img{width:30px;height:30px;min-height:auto}
@media (max-width:768px){.banner-img .lists{width:100%;grid-template-columns:repeat(3,1fr)}
.banner .banner-img img,.banner-text{width:100%}}
 .banner-text .title{font-size:53px;margin-bottom:20px}
.banner-img .lists{gap:17px}
.banner-img .lists{padding-top:0}
.banner-text .more{margin-top:40px}
.banner-img .lists{padding-left: 5%;}