body{
    background: #f7f7f7;
}

.banner-con{
    background: url(../images/solution-banner.jpg) no-repeat;
    background-size: cover;
    min-height: 600px;
    padding-top: 100px;
    color: #ffffff;
}
.banner-con h1{
    line-height: 1;
}
.banner-con h1 p{
    margin-bottom: 0;
    color: #f66a34;
}
.solution-list-con .solution-list .solution-list-ul{
    gap: clamp(20px,2.5vw,50px);
}
.solution-list-con .solution-list .solution-list-ul img{
    max-width: 50%;
    align-self: flex-start;
}
.solution-list-con .solution-list .solution-list-ul .content-material{
    flex: 1;
}
.solution-list-con .solution-list .content-material .content{
    background: #ffffff;
    padding: clamp(30px , 4.2vw, 80px) clamp(20px,2.5vw,50px);
}
.solution-list-con .solution-list .content-material .content h3{
      overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.solution-list-con .solution-list .content-material .content .desc{
    margin: 30px 0 50px;
      overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.solution-list-con .solution-list .content-material .content span{
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: #000000;
    border-radius: 20px;
    color: #ffffff;
    text-align: center;
    
}
.solution-list-con .solution-list .content-material .material{
    padding: clamp(15px,2vw,30px) clamp(20px,2.5vw,50px);
}
.solution-list-con .solution-list .content-material .material ul{
    gap: clamp(20px,2.5vw,50px);
    flex-wrap: wrap;
}
.solution-list-con .solution-list .content-material .material ul li{
    width: fit-content;
    padding: 10px 20px;
    background: #f6eee5;
    text-align: center;
    border-radius: 10px;
}

@media (max-width:768px){
    .banner-con{
        min-height: 400px;
    }
    .solution-list-con .solution-list .solution-list-ul a{
        flex-direction: column;
    }
    .solution-list-con .solution-list .solution-list-ul img{
        max-width: 100%;
    }
}