.flex-content.text-with-text-box {
    padding: 90px 0;
    --bs-bg-opacity: 1;
    background-color: #20558a !important;
}

.flex-content.text-with-text-box .row {
    --bs-gutter-x: 4rem;
}

.flex-content.text-with-text-box h1,
.flex-content.text-with-text-box h2,
.flex-content.text-with-text-box h3,
.flex-content.text-with-text-box h4,
.flex-content.text-with-text-box h5 {
    color: var(--bs-white);
}
.flex-content.text-with-text-box .card {
    --bs-card-spacer-y: 3rem;
    --bs-card-spacer-x: 3rem;
    --bs-card-bg: hsla(0,0%,100%,.04);
    color: hsla(0,0%,100%,.7);
}
.flex-content.cta-bar + .flex-content.text-with-text-box {
    margin-top: -100px;
    padding-top: 190px;
}
.flex-content.text-with-text-box + .flex-content.cta-bar::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    height: 100px;
    background-color: rgba(var(--bs-dark-rgb),1);
}


.flex-content.text-with-text-box .text p {
    /* opacity: .75; */
    opacity: .9;
}
.flex-content.text-with-text-box ol {
    counter-reset: custom-counter;
    list-style: none;
    padding: 0;
    /* margin: 2rem 0; */

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}
.flex-content.text-with-text-box ol > li {
    counter-increment: custom-counter;
    /* display: block; */
    position: relative;
    margin-bottom: 2.5rem;
    /* padding-left: calc(70px + 1.5rem); */
    padding-top: .5rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    flex: 1 0 33.3333%;
    max-width: 33.3333%;
}
.flex-content.text-with-text-box ol > li::before {
    content: "";
    display: inline-flex;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    /* position: absolute; */
    z-index: 1;
    left: 0;
    top: 0;
    background-color: var(--bs-secondary);

    position: static;
    margin-bottom: 1rem;
}
.flex-content.text-with-text-box ol > li::after {
    content: counter(custom-counter);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    /* left: 12px; */
    /* top: 12px; */
    background-color: #FFF;
    box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11,15,25,.06),0 0.125rem 0.4rem -0.0625rem rgba(11,15,25,.03);
    color: var(--bs-dark);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;

    left: 50%;
    top: calc(.5rem + 12px);
    transform: translateX(-50%);
}


.page-id-1727 .flex-content.text-with-text-box ol > li,
.page-id-2392 .flex-content.text-with-text-box ol > li {
    flex: 1 0 25%;
    max-width: 25%;
}


@media (max-width: 767px) {
    .flex-content.text-with-text-box ol > li {
        flex: 1 0 50% !important;
        max-width: 50% !important;
    }
}
@media (max-width: 575px) {
    .flex-content.text-with-text-box ol > li {
        flex: 1 0 100% !important;
        max-width: 100% !important;
    }
}