.flex-content.intro .titles {
    position: relative;
    padding: 4rem 0;
    background-color: var(--bs-primary);
    color: var(--bs-white);
}
.flex-content.intro .titles h2 {
    color: inherit;
}
.flex-content.intro .titles .text {
    max-width: 42rem;
    color: #fffc;
    margin-left: auto;
    margin-right: auto;
}

.flex-content.intro .columns {
    position: relative;
    padding: 5rem 0;
    background-color: var(--bs-light);
}
.flex-content.intro .columns .items {
    --bs-gutter-x: 3rem;
}
.flex-content.intro .card {
    --bs-card-spacer-y: 2.5rem;
    --bs-card-spacer-x: 2.5rem;
}
.flex-content.intro .columns .item:nth-child(even) .card {
    --bs-card-bg: var(--bs-primary);
    --bs-card-color: var(--bs-white);
}
.flex-content.intro .content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
}
.flex-content.intro .content.icon-top {
    flex-direction: column;
}
.flex-content.intro .icon-wrap {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius);
    background-color: var(--icon-bg, var(--bs-light));
    color: var(--bs-primary);
}
.flex-content.intro .item:nth-child(even) .icon-wrap {
    background-color: var(--icon-bg, #ffffff1a);
    color: var(--bs-secondary);
}
.flex-content.intro .content.icon-top .icon-wrap {
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: .5rem;
}
.flex-content.intro .content.icon-top .icon-wrap svg {
    width: 1.75rem;
    height: 1.75rem;
}
.flex-content.intro .item:nth-child(even) .content h3 {
    color: inherit;
}

.flex-content.intro .stats {
    position: relative;
    padding: 4rem 0;
    background-color: #f3f5f7;
}
.flex-content.intro .stats .title {
    font-size: 3rem;
    line-height: 1;
}


@media (max-width: 991px) {
    .flex-content.intro .stats .title {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}