.theme-container.news-events {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    border-bottom: 5px solid #D1D3D4; }
    .theme-container.news-events .gray-subtitle {
        margin-bottom: 1.875rem !important; }
    .theme-container.news-events figure {
        height: 370px; }

.theme-container.page-banner {
    color: #fff;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    background-color: #7C8693; }
    .theme-container.page-banner .Normal {
        display: flex;
        flex-flow: column;
        align-content: center;
        align-items: center;
        justify-content: center; }
    @media (min-width: 1367px) {
        .theme-container.page-banner {
            padding-top: 2.5rem;
            padding-bottom: 2.5rem; } }
    .theme-container.page-banner h1 {
        font-family: Barlow, sans-serif;
        font-size: 7.5rem;
        font-weight: 800;
        letter-spacing: 1.2px;
        color: #fff;
        text-align: center;
        font-size: clamp(100%, calc(2rem + 3vw), 3.5rem); }
        @media (min-width: 1367px) {
            .theme-container.page-banner h1 {
                font-size: 5.5rem; } }
    .theme-container.page-banner p {
        font-family: Barlow, sans-serif;
        font-size: 1.125rem;
        font-weight: 700;
        letter-spacing: 2.7px;
        color: #fff;
        text-transform: uppercase; }

.theme-container.title-h2-black {
    padding-top: 2rem;
    padding-bottom: 2rem; }
    .theme-container.title-h2-black h2 {
        font-size: clamp(100%, calc(1rem + 3vw), 3.125rem); }
        @media (min-width: 1367px) {
            .theme-container.title-h2-black h2 {
                font-size: 3.75rem; } }

.theme-container .left-dotted-bg {
    width: 100%;
    background: url(/Portals/_default/containers/STLFinancial/Images/dot-pattern-bg-1.png);
    padding: 2rem;
    background-position: bottom left;
    background-repeat: no-repeat;
    margin-bottom: 5.625rem; }
    .theme-container .left-dotted-bg-image {
        width: 100%;
        box-shadow: 0px 5px 30px #3687FF;
        border-radius: 30px;
        overflow: hidden; }
        @media (max-width: 767px) {
            .theme-container .left-dotted-bg-image {
                display: flex; } }
        @media (min-width: 992px) {
            .theme-container .left-dotted-bg-image {
                height: 490px; } }

@media (max-width: 767px) {
    .theme-container .border-image-padding {
        padding: 2rem; } }

.theme-container .border-image {
    width: 100%;
    box-shadow: 0px 5px 30px #3687FF;
    border-radius: 30px;
    overflow: hidden; }
    @media (max-width: 767px) {
        .theme-container .border-image {
            display: flex; } }
    @media (min-width: 992px) {
        .theme-container .border-image {
            height: 565px; } }
    .theme-container .border-image h2 {
        font-size: 3.75rem !important; }

.theme-container .right-dotted-bg {
    width: 100%;
    background: url(/Portals/_default/containers/STLFinancial/Images/dot-pattern-bg-1.png);
    padding: 2rem;
    background-position: center right;
    background-repeat: no-repeat;
    margin-bottom: 5.625rem; }
    .theme-container .right-dotted-bg h2 {
        font-size: 3.75rem !important; }
    .theme-container .right-dotted-bg-image {
        width: 100%;
        box-shadow: 0px 5px 30px #3687FF;
        border-radius: 30px;
        overflow: hidden;
        display: flex;
        justify-content: center; }
        @media (max-width: 992px) {
            .theme-container .right-dotted-bg-image {
                display: flex; } }
        @media (min-width: 992px) {
            .theme-container .right-dotted-bg-image {
                height: 490px; } }

.theme-container .left-circle-dotted-bg {
    width: 100%;
    height: 100%;
    background: url(/Portals/_default/containers/STLFinancial/Images/dot-pattern-bg-2.png);
    padding: 2rem;
    background-position: bottom left;
    background-repeat: no-repeat;
    margin-bottom: 5.625rem; }
    .theme-container .left-circle-dotted-bg-image {
        box-shadow: 0 5px 30px #3687ff;
        height: 300px;
        width: 300px;
        border-radius: 50%;
        overflow: hidden; }
        @media (max-width: 400px) {
            .theme-container .left-circle-dotted-bg-image {
                width: 290px;
                height: 290px; } }
        @media (min-width: 992px) {
            .theme-container .left-circle-dotted-bg-image {
                width: 390px;
                height: 390px; } }
        .theme-container .left-circle-dotted-bg-image img {
            width: 100%; }

.theme-container.image-bg-callout {
    background-color: #3B4148;
    background-position: center;
    display: flex;
    height: 385px;
    box-shadow: 0px 5px 30px #3687ff;
    border-radius: 30px; }
    @media (min-width: 992px) {
        .theme-container.image-bg-callout {
            padding-bottom: 5.625rem; } }
    .theme-container.image-bg-callout h3 {
        color: #fff;
        font-family: Barlow, sans-serif;
        text-shadow: 3px 3px rgba(0, 0, 0, 0.65);
        font-size: 2rem;
        bottom: 0;
        position: absolute;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: .875rem;
        letter-spacing: 0.32px; }

.theme-container.icon-h2-callout {
    margin-top: 2rem;
    margin-bottom: 2rem; }
    .theme-container.icon-h2-callout .icon-image {
        margin-bottom: 1.875rem; }
        .theme-container.icon-h2-callout .icon-image img {
            width: 100px; }
    .theme-container.icon-h2-callout h2 {
        font-family: 'Barlow', sans-serif;
        font-size: 1.75rem !important;
        font-weight: 600;
        letter-spacing: 0.28px;
        color: #3687FF; }