.solution_sec {
    padding: 60px 0;
}

.solution_sec .section_subtitle {
    color: #D6272F;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 6%;
    display: block;
    margin-bottom: 13px;
    font-family: 'Helvetica Neue';
}

.solution_sec .section-title {
    font-size: 36px;
    color: #173862;
    font-weight: 700;
    font-family: 'Helvetica Neue';
    margin-bottom: 13px;
}

.solution_sec .section-description {
    max-width: 855px;
    color: #6b7788;
    line-height: 1.8;
    font-size: 15px;
    margin-bottom: 30px;
    font-family: 'Helvetica Neue';
}

/*======================
Cards
=======================*/

.solution_sec .solution-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.solution_sec .solution-card {
    border: 1px solid #919191;
    border-radius: 6px;
    padding: 20px 23px 40px;
    transition: .35s;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.solution_sec .solution-card .icon-box {
    width: 41px;
    height: 41px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: all ease 0.2s;
        background: #E6F1FF;
}

.solution_sec .solution-card .icon-box svg {
    width: 24px;
    height: 24px;
}
.solution_sec .solution-card.green .icon-box {
    background: #C4EBDD;
}
.solution_sec .solution-card.sky .icon-box {
    background: #E6F1FF;
}
.solution_sec .solution-card.orange .icon-box {
    background: #FBDBC6;
}
.solution_sec .solution-card h3 {
    color: #173862;
    font-size: 20px;
    margin-bottom: 18px;
    font-family: 'Helvetica Neue';
    font-weight: 700;
}
.solution_sec .solution-card .list {
    list-style: none;
    margin-bottom: 30px;
}
.solution_sec .solution-card .list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 14px;
    color: #515151;
    font-size: 14px;
}
.solution_sec .solution-card .list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #173862;
}

/* Check Shape */
.solution_sec .solution-card .list li::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 7px;
    width: 2.2px;
    height: 5px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.solution_sec .solution-card.green .list li::before{
    background: #3CAD89;
}
.solution_sec .solution-card.sky .list li::before{
    background:#173862;
}
.solution_sec .solution-card.orange .list li::before{
    background:#EE7639;
}
.solution_sec .solution-card a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #111;
    font-weight: 700;
}
.solution_sec .solution-card:before {
    content: "";
    width: 100%;
    height: 4px;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
} 
.solution_sec .solution-card:hover {
    box-shadow: 0px 6px 8px 0px #0000001F;
}
.solution_sec .solution-card:hover:before {
    background: #173862;
}
.solution_sec .solution-card:hover .icon-box {
    background: #173862;
}
.solution_sec .solution-card:hover .icon-box svg path {
    fill: #fff;
}

.solution_sec .solution-card:hover a {
    color: #173862;
}
.solution_sec .solution-card:hover a .arrow_right svg path {
    fill: #173862;
}


.solution_sec .solution-card.green:hover:before {
    background: #3CAD89;
}
.solution_sec .solution-card.green:hover .icon-box {
    background: #3CAD89;
}
.solution_sec .solution-card:hover .icon-box svg path {
    fill: #fff;
}
.solution_sec .solution-card.green:hover a {
    color: #3CAD89;
}
.solution_sec .solution-card.green:hover a .arrow_right svg path {
    fill: #3CAD89;
}

.solution_sec .solution-card.sky:hover:before {
    background: #173862;
}
.solution_sec .solution-card.sky:hover .icon-box {
    background: #173862;
}
.solution_sec .solution-card:hover .icon-box svg path {
    fill: #fff;
}
.solution_sec .solution-card.sky:hover a {
    color: #173862;
}
.solution_sec .solution-card.sky:hover a .arrow_right svg path {
    fill: #173862;
}

.solution_sec .solution-card.orange:hover:before {
    background: #EE7639;
}
.solution_sec .solution-card.orange:hover .icon-box {
    background: #EE7639;
}
.solution_sec .solution-card:hover .icon-box svg path {
    fill: #fff;
}
.solution_sec .solution-card.orange:hover a {
    color: #EE7639;
}
.solution_sec .solution-card.orange:hover a .arrow_right svg path {
    fill: #EE7639;
}





/*=====================
Responsive
======================*/

@media(max-width:991px) {
    .solution_sec .solution-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .solution_sec .section-title {
        font-size: 34px;
    }
}

@media(max-width:767px) {

    .solution_sec {
        padding: 50px 0;
    }
    .solution_sec .solution-grid {
        grid-template-columns: 1fr !important;
    }

    .solution_sec .solution-card {
        padding: 20px 20px 30px;
    }
    .solution_sec .section-title {
        font-size: 30px;
    }
    .solution_sec .solution-card .icon-box {
        margin-bottom: 15px;
    }
    .solution_sec .solution-card h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .solution_sec .solution-card .list {
        margin-bottom: 23px;
    }
    

}