.hc-solutions{
    padding:70px 0;
}

.hc-solutions__grid{
    width:92%;
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}

.hc-solutions__card{
    background:#fff;
    padding:28px;
    min-height:200px;
    display:flex;
    flex-direction:column;
    transition:.35s;
}

.hc-solutions__card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.hc-solutions__card--featured{
    background:#FF9A48;
    color:#fff;
}

.hc-solutions__featured-title{
    font-size:38px;
    line-height:1.25;
    font-weight:600;
    margin-bottom:22px;
    font-family: poppins;
}

.hc-solutions__featured-text{
    font-size:18px;
    line-height:1.8;
    font-family: sans-serif;
}

.hc-solutions__icon{
    color:#F58220;
    font-size:20px;
    margin-bottom:18px;
}

.hc-solutions__icon img{
    max-width:60px;
    height:auto;
}

.hc-solutions__title{
    font-family: poppins;
    font-size:22px;
    color:#1E2952;
    line-height:1.45;
    font-weight:600;
    margin-bottom:16px;
}

.hc-solutions__title span{
    color:#FF9A48;
}

.hc-solutions__description{
    color:#122560;
    font-size:18px;
    line-height:1.8;
}

.hc-solutions__card--cta{
    background:#13235F;
    justify-content:center;
}

.hc-solutions__cta-title{
    color:#fff;
    font-size:30px;
    line-height:1.4;
    margin-bottom:35px;
}

.hc-solutions__button{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#F58220;
    color:#fff;
    text-decoration:none;
    padding:14px 28px;
    border-radius:40px;
    font-weight:500;
    width:max-content;
    transition:.3s;
}

.hc-solutions__button:hover{
    background:#ff9336;
}
.hc-solutions__pagination {
    display: none;
}

@media (max-width:991px){

    .hc-solutions__grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width: 767px) {

    .hc-solutions {
        padding: 0 0 34px;
    }

    .hc-solutions__grid {
        width: 100%;

        display: flex;
        grid-template-columns: none;

        gap: 12px;

        padding: 0 20px;

        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 20px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .hc-solutions__grid::-webkit-scrollbar {
        display: none;
    }


    /* CARDS */

    .hc-solutions__card {
        flex: 0 0 88%;

        min-height: auto;
        padding: 24px 22px 28px;

        scroll-snap-align: start;
    }

    .hc-solutions__card:hover {
        transform: none;
        box-shadow: none;
    }


    /* FEATURED — full bleed, first */

    .hc-solutions__card--featured {
        flex: 0 0 100%;

        margin-left: -20px;

        padding: 30px 20px 34px;

        scroll-snap-align: start;
    }

    .hc-solutions__featured-title {
        margin-bottom: 14px;

        font-size: 22px;
        line-height: 1.3;
    }

    .hc-solutions__featured-text {
        font-size: 14px;
        line-height: 1.7;
    }


    /* STANDARD CARDS */

    .hc-solutions__title {
        margin-bottom: 12px;

        font-size: 18px;
        line-height: 1.35;
    }

    .hc-solutions__description {
        font-size: 14px;
        line-height: 1.75;
    }


    /* CTA */

    .hc-solutions__cta-title {
        margin-bottom: 22px;
        font-size: 20px;
    }

    .hc-solutions__button {
        width: 100%;
        justify-content: space-between;

        border-radius: 0;
        font-size: 13px;
    }


    /* PROGRESS BARS */

    .hc-solutions__pagination {
        display: flex;
        justify-content: center;
        gap: 6px;

        margin-top: 20px;
        padding: 0 20px;
    }

    .hc-solutions__page {
        width: 20px;
        height: 2px;

        background: #dddddd;
        cursor: pointer;
    }

    .hc-solutions__page.active {
        width: 28px;
        background: #F58220;
    }

}