@media (min-width:1025px){.solutions-2 .list2 li{width: 24%;}}
@media (min-width:769px) and (max-width:1024px){.solutions-2 .list2 li{width: 48%;}}
 .solutions-1 .list1{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.solutions-1 .list1 li{width:100%;margin-right:0}
@media (max-width:768px){.solutions-1 .list1{grid-template-columns:repeat(2,1fr)}
}

.inbox-top{display:flex;flex-wrap:wrap;justify-content: space-between;}
.inbox-top>div{width:49%;}
.inbox-top>div .inner{width:100%;height:100%;}
.inbox-top>div .swiper{width:100%;height:100%;}
.inbox-top>div .swiper .img{height:100%;}
.inbox-top>div .swiper .img img{height:100%;object-fit: cover;}
.in-box .img{width:100%;position: relative;overflow: hidden;}
.in-box img{width:100%;display:block;transition: all .3s;}
.in-box p{position: absolute;bottom:5%;left:5%;z-index:2;color:#fff;max-width:55%;text-shadow: 1px 1px 2px #000;line-height:1.5}
.in-box p a{width:100%;display:block;color:#fff}
.inbox-top>div.inbox-top-right{width:49%;}
.inbox-top>div.inbox-top-right ul{display:flex;flex-wrap:wrap;justify-content: space-between;width:100%;}
.inbox-top>div.inbox-top-right ul li{width:48%;}
.inbox-top>div.inbox-top-right ul li:nth-child(n+3){margin-top:4%;}
.inbox-bot ul{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:2%;}
.inbox-bot ul li{width:23.5%;}
@media (max-width:768px){.inbox-top>div{width:100%;}
.inbox-top>div.inbox-top-right{width:100%;margin-top:4%;}
.inbox-bot ul{margin-top:0}
.inbox-bot ul li{width:48%;margin-top:4%;}
.in-box p{font-size:12px;max-width:70%;}
}


@media (min-width:1025px){.solutions-2 .list2 li{width: 24%;}}
@media (min-width:769px) and (max-width:1024px){.solutions-2 .list2 li{width: 48%;}}
 .solutions-1 .list1{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.solutions-1 .list1 li{width:100%;margin-right:0}
@media (max-width:768px){.solutions-1 .list1{grid-template-columns:repeat(2,1fr)}}

.solutions-2 .list2 li .img{width:100%;position: relative;}
.solutions-2 .list2 li .img img{object-fit: cover;}
.solutions-2 .list2 li .info{flex:inherit;position:absolute;top:0;right:0;width:60%;height:100%;background:rgb(38 40 46 / 70%)}
.solutions-2 .list2 li .info:before{border-color:rgb(81 83 88 / 85%) transparent transparent transparent;z-index:3;}
.solutions-2 .list2 li .info::after{border-color:transparent transparent transparent rgb(81 83 88 / 85%);z-index:3;}
.solutions-2 .list2 li:hover .info{background:rgb(38 40 46 / 45%)}