.solutions-by-grid{
    padding:80px 0;
}

.solutions-by-grid:nth-child(even){
    background-color: #F7F7F6;
}

    .solutions-by-grid h2{
        font-weight:700;
        margin-bottom:45px;
        margin-top:0;
    }

    .solutions-container{
        display:flex;
        flex-wrap:wrap;
        gap:20px;
        align-items: flex-start;
        align-content: space-around;
    }

        .solutions-by-grid-card{
            flex:0 0 23%;
            padding:25px 30px;
            position:relative;
            height:253px;
            border-top:8px solid #F28705;
            background:#ffffff;
            border-bottom-left-radius: 9px;
            border-bottom-right-radius: 9px;
            box-shadow: 0 10px 28px 0 rgba(0,0,0,0.1);
            cursor:pointer;
            transition: all 0.5s;
            transform: translateY(0px);
        }

            .solutions-by-grid-card img{
                max-height:40px;
            }

            .solutions-by-grid-card:hover{
                transform: translateY(-6px);
            }

            .solutions-by-grid:nth-child(3) .solutions-by-grid-card,
            .solutions-by-grid:nth-child(6) .solutions-by-grid-card,
            .solutions-by-grid:nth-child(9) .solutions-by-grid-card{
                border-top-color: #248887;
            }

            .solutions-by-grid:nth-child(4) .solutions-by-grid-card,
            .solutions-by-grid:nth-child(7) .solutions-by-grid-card,
            .solutions-by-grid:nth-child(10) .solutions-by-grid-card{
                border-top-color: #2D30C6;
            }

            .solutions-by-grid-card h5{
                margin:0;
                padding:0;
                font-weight:700;
                font-size:24px;
                line-height:30px;
            }

            .solutions-by-grid-card button{
                text-indent:-9999px;
                width:44px;
                height:44px;
                border-radius:50%;
                border:unset;
                color:#ffffff;
                position:absolute;
                right:30px;
                bottom:25px;
                background:url(assets/svg-left-arrow.svg) center center no-repeat #2D30C6;
            }

@media only screen and (max-width: 768px) {
    .solutions-by-grid {
        padding: 50px 0;
    }

    .solutions-container{
        gap:6px;
    }

    .solutions-by-grid h2 {
        font-weight: 700;
        margin-bottom: 20px;
        font-size:26px;
        line-height:34px;
    }

        .solutions-by-grid-card{
            flex:0 0 100%;
            height:auto;
            min-height:60px;
            border-top: unset;
            border-left: 8px solid #F28705;
            border-top-right-radius: 9px;
            border-bottom-left-radius: unset;
            padding-left:20px;
            padding-right:20px;
        }

        .solutions-by-grid-card img {
            max-width: 151px;
            height: auto;
        }

        .solutions-by-grid:nth-child(3) .solutions-by-grid-card, .solutions-by-grid:nth-child(6) .solutions-by-grid-card, .solutions-by-grid:nth-child(9) .solutions-by-grid-card {
            border-left-color: #248887;
        }

        .solutions-by-grid:nth-child(4) .solutions-by-grid-card, .solutions-by-grid:nth-child(7) .solutions-by-grid-card, .solutions-by-grid:nth-child(10) .solutions-by-grid-card {
            border-left-color: #2D30C6;
        }

            .solutions-by-grid-card h5{
                padding-right:40px;
                font-size:20px;
                line-height:32px;
                font-weight:700;
            }

            .solutions-by-grid-card button{
                top:18px;
                right:20px;
                bottom:unset;
            }
}