.info-icon-cards {
    position: relative;
    z-index: 10;
}

.info-icon-cards:after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 114px;
    background: #E4EFFA;
    z-index: -1;
}

.info-icon-cards__list {
    border-radius: 5px;
    padding: 22px 26px 0;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 22px;
    position: relative;
    z-index: 1;
}

.info-icon-card {
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #2470BB;
    border-radius: 4px;
}

.info-icon-cards__item:nth-child(2) .info-icon-card {
    background: #ADCDED;
}

.info-icon-cards__item:last-child .info-icon-card {
    background: #1A5086;
}

/* Background Color Classes */
.info-icon-card.bg-dark-blue {
    background: #1A5086;
}

.info-icon-card.bg-light-blue {
    background: #ADCDED;
}

.info-icon-card.bg-light-blue h3 {
    color: #0F3050;
}

.info-icon-card.bg-light-blue i {
    color: #1A5086;
}

.info-icon-card.bg-blue {
    background: #2470BB;
}

.info-icon-card h3 {
    font-size: 32px;
    color: #fff;
    margin: 0;
}

.info-icon-cards__item:nth-child(2) .info-icon-card h3 {
    color: #0F3050;
}

.info-icon-cards__item:nth-child(2) .info-icon-card i {
    color: #1A5086;
}

.info-icon-card i {
    font-size: 57px;
    margin: 0 0 20px;
    color: #AFCFF0;
}


@media(min-width: 768px) {
    .info-icon-cards__list {
        flex-direction: row;
        gap: 20px;
        max-width: 548px;
        margin: 0 auto;
        flex-wrap: wrap;
        justify-content: center;
    }

    .info-icon-cards__item {
        width: calc(50% - 10px);
    }

    .info-icon-card h3 {
        font-size: 28px;
    }

    .info-icon-card i {
        font-size: 49px;
    }

    .info-icon-card i.icon-ribbon {
        font-size: 53px;
    }

    .info-icon-card {
        height: 188px;
    }
}

@media(min-width: 1200px) {
    .info-icon-cards__list {
        gap: 32px;
        max-width: unset;
        padding: 20px 0 0;
        margin: -110px 0 0;
    }

    .info-icon-cards__list::after {
        content: "";
        position: absolute;
        left: -22px;
        top: 0;
        width: calc(100% + 44px);
        height: 100%;
        background: #fff;
        border-radius: 5px;
        z-index: -1;
    }

    .info-icon-cards__item {
        width: calc(33.333% - 22px);
    }

    .info-icon-card {
        height: 315px;
    }

    .info-icon-card h3 {
        font-size: 46px;
    }

    .info-icon-card i {
        font-size: 82px;
        margin: 0 0 26px;
    }

    .info-icon-card i.icon-ribbon {
        font-size: 90px;
    }

    .info-icon-cards:after {
        display: none;
    }
}