.solution-title{
    display: flex;
    padding: 2px;
}
.solution-title-text{
    font-size: 2rem;
    font-weight: 600;
    color: rgb(3, 100, 100);
    margin: auto;
    padding-left: 5px;
}
.solution-each-link{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;
}
.solution-each-img{
   padding: 15px 27px;
   margin-bottom: 20px;
   filter: brightness(0);
   transition: .5s;
}
.solution-each-title{
    text-align: center;
    font-size: 2.2rem;
    color:rgb(4, 39, 30);
    padding: 10px 0px;
}
.solution-each{
    height: 22rem;
    width: 100%;
}
.may-nen-khi{
    width: 70%;
    margin-bottom: 0px;
}
.solution-box{
    height: 100%;
}
.solution-box-title{
    font-size: 1.5rem;
    text-align: center;
    padding: 15px 20px;
    color: #219e8d;
}
.solution-text-title{
    font-size: 1.5rem;
}
.solution-content ul{
    list-style: none;
}
.solution-content{
    padding:0px 10px 20px 20px;
}
.solution-content ul li{
    font-size: 1.5rem;
    line-height: 2.31rem;
}
.solution-content-title{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
}
.solution-content ul li::before{
    content: '\f058';
    font-size: 10px;
    font-family: fontawesome;
    left: 0;
    top: 0;
    color: #219e8d;
    margin-right: 10px;
}
.solution-img img{
    width: 100%;
}
.solution-step{
    width: 100%;
}
.solution-step img{
    height: auto;
    position: relative;
    width: 100%;
}
.solution-step-detail{
    color: #fff;
    height: 100%;
    font-size: 2rem;
    line-height: 5rem;
    padding: 50px 20px;
}
.solution-step-btn{
    margin-top: 30px;
    text-align: center;
}

.solution-step-btn a{
    text-align: center;
    background-color: #05927f;
    font-size: 2rem;
    font-weight: 600;
    border: 5px 10px;
    border-radius: 5px;
    padding: 10px 10px;
}
.solution-step-btn :hover{
    background-color: #88fdee;
}