/* solution-card */
.solution-card {
    margin: 100px;
}
.solution-card .solution-item {
    height: 400px;
    margin: 50px 0;
    display: grid;
    grid-template-columns: 45% 45%;
    column-gap: 10%;
    border: none;
    border-radius: 24px;
    box-shadow: 0 0 20px rgba(123,80,248,0.2);
    padding: 80px 60px;
    position: relative;
}
.solution-card .solution-item-title {
    font-size: 64px;
    line-height: 72px;
    margin-bottom: 30px;
}
.solution-card .solution-item-desc {
    font-size: 24px;
    line-height: 40px;
}
.solution-card .solution-item-link {
    padding-top: 20px;
}
.solution-card .solution-right-section {
    display: flex;
    margin-top: 102px;

}
.solution-card .solution-item-info {
    font-size: 24px;
    line-height: 40px;
    flex: 55%;
}
.solution-card .solution-item-img {
    align-self: center; 
    flex: 40%;       
}
.solution-card .solution-img{
    width: 100%;
    max-width: 220px;
}
@media (max-width: 1024px) {
    .solution-card .solution-item {
        display: block;
        height: 100%;
    }
    .solution-card .solution-right-section {
        margin-top: 30px;
    }
    .solution-card .solution-item-info {
        flex: 50%;
    }
    .solution-card ul {
        margin-left: 30px;
    }
    .solution-card .solution-item-img {
        flex: 45%;
        text-align: end;
    }
    .solution-card .solution-img{
        width: 160px;
    }
    .solution-card .solution-item-link {
        position: initial;
        margin-top: 30px;
    }
}