.flex-content.intro .titles {
    background-color: var(--bs-light);
    color: var(--bs-body);
    padding: 5rem 0 0;
}
.flex-content.intro .titles .container {
    max-width: 48rem;
}
.flex-content.intro .titles h2 {
    color: var(--bs-primary);
    font-size: 48px;
    line-height: 1.2;
}
.flex-content.intro .titles .subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400 !important;
}


.flex-content.intro .items {
    counter-reset: steps;
}
.flex-content.intro .item {
    counter-increment: steps;
    margin-bottom: 3rem !important;
}

.flex-content.intro .columns .item:nth-child(2n) .card {
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-color: var(--bs-body-color);
}

.flex-content.intro .content .title {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .5rem;
    width: 100%;
}

.flex-content.intro .icon-wrap {
    flex: 1 0 4rem;
    max-width: 4rem;
    height: 4rem;
}
.flex-content.intro .item:nth-child(2n) .icon-wrap {
    background-color: var(--icon-bg, var(--bs-light));
    color: var(--bs-primary);
}
.flex-content.intro .icon-wrap svg {
    width: 2rem;
    height: 2rem;
}

.flex-content.intro .item .eyebrow {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .5rem;
}
.flex-content.intro .item .eyebrow::before {
    content: "0" counter(steps);
    display: inline-block;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: #ccd6e1;
}
.flex-content.intro .item .eyebrow .badge {
    margin: 0;
    color: var(--bs-primary);
    background-color: #e2f7fd;
}
.flex-content.intro .item .eyebrow .badge svg {
    width: 1rem;
    height: 1rem;
}

.flex-content.intro .content .title h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.flex-content.intro .item:nth-child(2n) .content h3 {
    color: var(--bs-primary);
}
.flex-content.intro .content .title h3 > span {
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.flex-content.intro .content .text > div {
    font-size: .875rem;
    line-height: 1.25rem;
}
.flex-content.intro .content .text ul.check-list > li {
    font-size: .875rem;
    color: var(--bs-body);
}
.flex-content.intro .content .text ul.check-list > li::before {
    flex: 1 0 1rem;
    max-width: 1rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23506f95' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-circle-check-big w-5 h-5 text-accent mt-0.5 flex-shrink-0'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'%3E%3C/path%3E%3Cpath d='m9 11 3 3L22 4'%3E%3C/path%3E%3C/svg%3E");
}
.flex-content.intro .content .text > div p {
    color: var(--bs-primary);
    margin-bottom: 0;
}


.flex-content.intro .stats {
    display: none;
    visibility: hidden;
}