.b-info-cards {
    background-color: var(--Background);

    padding-block: 5.0625rem 5rem;
}

.b-info-cards .c-section-header {
    text-align: center;

    display: flex;
    flex-direction: column;
    gap: 0.5rem;

    margin-block: 0 3.625rem;
}

.b-info-cards .c-title {
    font-family: var(--font-family-lora);

    font-weight: 400;

    font-size: clamp(1.75rem, 3.5vw, 2rem);
    line-height: 142%;

    letter-spacing: -0.02em;

    color: var(--Neutral-Black);
}

.b-info-cards .c-description {
    font-family: var(--font-family-roboto);
    color: var(--Neutral-Black);

    font-weight: 400;

    font-size: clamp(0.875rem, 3.5vw, 1.125rem);
    line-height: 164%;

    letter-spacing: 0.02em;
}

.b-info-cards .c-description > * {
    margin-block: 0;
}

.b-info-cards .c-description > * + * {
    margin-block-start: 1em;
}

.b-info-cards .c-title {
    margin: 0;
}

.b-info-cards-list {
    list-style-type: none;
    margin: 0;
    padding: 0;

    display: flex;
    flex-direction: column;
    gap: 1.625rem;
}

.ic-card {
    position: relative;

    background-color: var(--Neutral-White);
    border-radius: 0.375rem;

    padding: 2rem 2.5rem;

    color: var(--Neutral-Black);

    display: flex;
    flex-direction: column;

    gap: 1rem;
}

.ic-card__icon-wrap {
    height: 1.75rem;
}

.ic-card__icon {
    max-width: none;
    width: auto;
    height: 100%;
    vertical-align: top;
}

.ic-card__title {
    font-family: var(--font-family-roboto);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4612rem;
    letter-spacing: 0.02em;

    color: inherit;

    margin: 0;
}

.ic-card__content {
    font-family: var(--font-family-roboto);

    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4612rem;
    letter-spacing: 0.02em;

    color: inherit;

    flex: 1;
}

.ic-card__content > * {
    margin-block: 0;
}

.ic-card__content > * + * {
    margin-block-start: 1em;
}

.ic-card__link {
    margin-block-start: 0.375rem;
}

.ic-card-link {
    display: inline-block;
    vertical-align: top;

    border-radius: 50%;
}

.ic-card-link * {
    pointer-events: none;
}

.ic-card-link:after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 5;
}

.ic-card-link__icon {
    width: 1.4375rem;
    height: 1.4375rem;
    vertical-align: top;
}

@media (hover:hover) {
    .ic-card-link:hover {
        background-color: var(--Background);
    }
}

@media (min-width: 992px) {
    .b-info-cards .c-section-header {
        margin-block: 0 2.5rem;
    }

    .b-info-cards-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .b-info-cards-list-item {
        display: flex;
    }

    .ic-card {
        width: 100%;
    }

    .ic-card__icon-wrap {
        height: 2.5rem;
    }
}

@media (min-width: 1200px) {
    .b-info-cards .c-section-header {
        margin-block: 0 5rem;
        gap: 0;
    }

    .b-info-cards {
        padding-block: 5rem 7rem;
    }

    .ic-card {
        border-radius: 0.75rem;

        gap: 2rem;

        padding-block: 3.5rem 2.5rem;
        padding-inline: 2rem;
    }

    .ic-card__icon-wrap {
        height: 3.75rem;
    }

    .ic-card__title {
        font-weight: 400;
        font-size: 1.375rem;
        line-height: 1.8838rem;
        letter-spacing: -0.02em;
    }

    .ic-card__content {
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.8787rem;
        letter-spacing: 0.02em;
    }

    .ic-card-link {
        padding: 0.25rem;
    }

    .ic-card-link__icon {
        width: 2.3125rem;
        height: 2.3125rem;
    }

		.b-info-cards-list_4 {
			grid-template-columns: repeat(4,1fr);
		}
}

@media (min-width: 1400px) {
    .ic-card__icon-wrap {
        height: 5rem;
        margin-block-end: 1rem;
    }

    .ic-card__link {
        margin-block-start: 0.8125rem;
    }
}

@media (min-width: 1600px) {
    .b-info-cards-list {
        gap: 3.125rem;
    }
}