.text-image {
    padding: 0 10vw;
    margin: 15vw 0;
    position: relative;
}

.page-id-16 .text-image .img-356 {
    height: auto;
    width: 40vw;
    position: absolute;
    top: 2vw;
    right: -5vw;
    z-index: -11;
}

.page-id-26 .page-content>.text-image .img-567 {
    display: none;
}

.page-id-16 .page-content>.text-image {
    background-color: var(--foe-color-one);
    /* background-image: url('/wp-content/uploads/2021/12/Group-529.png'); */
    background-size: 40% auto;
    background-position: 110% 0;
    background-repeat: no-repeat;
    margin: 0;
    z-index: 88;
    padding: 15vw 5vw;
}

.page-id-16 .page-content>.text-image~.text-image {
    background-color: var(--foe-color-one);
    background-image: none;
    padding-top: 0 !important;
}

.page-id-16 .page-content .text-image .column h2,
.page-id-16 .page-content .text-image .column p,
.page-id-16 .page-content .text-image .column a {
    color: var(--foe-color-four);
}

.page-id-16 .page-content .text-image .column a {
    padding: 3px 0;
    border-bottom: 2px solid var(--foe-color-two);
}

.page-id-16 .page-content .text-image .column a:hover,
.page-id-16 .page-content .text-image .column a:focus,
.page-id-16 .page-content .text-image .column a:active {
    color: var(--foe-color-two);
}

.page-id-22 .text-image {
    background-color: var(--foe-color-one);
    padding-top: 0;
    margin: 0;
}

.page-id-22 .text-image~.text-image {
    padding-top: 15vw;
    padding-bottom: 15vw;
    background-image: none;
}

.page-id-22 .text-image a {
    color: var(--foe-color-two);
}

.page-id-22 .text-image a:hover,
.page-id-22 .text-image a:focus,
.page-id-22 .text-image a:active {
    text-decoration: underline;
}

.page-id-22 .text-image .column h2,
.page-id-22 .text-image .column p {
    color: var(--foe-color-four);
}

.page-id-22 .text-image .column img {
    border-radius: 20px;
}

.page-id-100537 .text-image .column {
    align-items: flex-start;
}

.page-id-100537 .text-block h3 {
    text-align: center;
}

.page-id-26 .text-image {
    background-color: var(--foe-color-five);
    padding: 15vw 10vw;
    margin: 0;
}

.text-image .columns {
    width: 100%;
}

.text-image .column {
    display: flex;
    align-items: center;
}

.text-image .column h2,
.text-image .column p {
    color: var(--foe-color-six);
}

.text-image .column img {
    display: block;
    border-radius: 20px;
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 25px;
}

.page-id-42 .text-image .column img {
    height: 100%;
}

.page-id-26 .text-image .button-container {
    justify-content: flex-start;
}

/**    ███  ██████████  ██████████     ██████████  ███    ███
███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███    ███  ███    ███  ███    ███     ███    ███     ████
██████████  ██████████  ███    ███     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

@media only screen and (min-width: 480px) {}

/**███████  ███         ██████████     ██████████  ███    ███
       ███  ███         ███    ███     ███    ███   ███  ███
       ███  ███         ███    ███     ███    ███     ████
    ██████  ██████████  ██████████     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

@media only screen and (min-width: 768px) {
    .text-image {
        padding: 0 10vw;
        margin: 10vw 0;
    }

    .page-id-16 .page-content .text-image {
        padding: 10vw 10vw;
    }

    .page-id-22 .text-image {
        padding: 0 10vw 0;
    }

    .page-id-22 .text-image~.text-image {
        padding-top: 10vw;
        padding-bottom: 10vw;
    }

    .page-id-26 .text-image {
        padding: 10vw 10vw;
        margin: 0;
        position: relative;
    }

    .page-id-16 .text-image .img-356 {
        top: 5vw;
        right: -5vw;
    }

    .page-id-26 .page-content>.text-image .img-567 {
        display: block;
        height: 15vw;
        width: 15vw;
        position: absolute;
        top: -7.5vw;
        left: -2.5vw;
        z-index: 88;
    }

    .page-id-26 .page-content>.text-image~.text-image:after {
        display: none;
    }

    .text-image .columns {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 25px;
    }

    .text-image .column p {
        padding: 0;
    }

    .text-image .columns .column:nth-child(1) {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .text-image .columns .column:nth-child(2) {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .text-image:nth-child(odd) .columns .column:nth-child(1) {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .text-image:nth-child(odd) .columns .column:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .page-id-16 .page-content .text-image .columns .column:nth-child(2),
    .page-id-22 .text-image .columns .column:nth-child(2),
    .page-id-36 .text-image .columns .column:nth-child(2),
    .page-id-42 .text-image .columns .column:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .page-id-16 .page-content .text-image .columns .column:nth-child(1),
    .page-id-22 .text-image .columns .column:nth-child(1),
    .page-id-36 .text-image .columns .column:nth-child(1),
    .page-id-42 .text-image .columns .column:nth-child(1) {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .page-id-16 .page-content .text-image:nth-child(odd) .columns .column:nth-child(2),
    .page-id-22 .text-image:nth-child(odd) .columns .column:nth-child(2),
    .page-id-36 .text-image:nth-child(odd) .columns .column:nth-child(2),
    .page-id-42 .text-image:nth-child(odd) .columns .column:nth-child(2) {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .page-id-16 .page-content .text-image:nth-child(odd) .columns .column:nth-child(1),
    .page-id-22 .text-image:nth-child(odd) .columns .column:nth-child(1),
    .page-id-36 .text-image:nth-child(odd) .columns .column:nth-child(1),
    .page-id-42 .text-image:nth-child(odd) .columns .column:nth-child(1) {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .text-image .column img {
        margin-bottom: 0;
    }

    .page-id-22 .text-image~.text-image {
        padding-top: 5vw;
    }
}

/**  ██████████  ██████████  ███    ███     ██████████  ███    ███
███  ███    ███         ███  ███    ███     ███    ███   ███  ███
███  ███    ███         ███  ███    ███     ███    ███     ████
███  ███    ███  ██████████  ██████████     ██████████      ██
███  ███    ███  ███                ███     ███            ████
███  ███    ███  ███                ███     ███          ███  ███
███  ██████████  ██████████         ███     ███         ███    █*/

@media only screen and (min-width: 1024px) {
    .text-image {
        margin: 7.5vw 0;
    }

    .page-id-22 .text-image {
        padding: 0 10vw 0;
    }

    .page-id-22>.text-image {
        padding-bottom: 5% !important;
    }

    .text-image .columns {
        column-gap: 50px;
    }
}

/**  ███    ███  ███    ███  ██████████     ██████████  ███    ███
███  ███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███  ███    ███  ███    ███  ███    ███     ███    ███     ████
███  ██████████  ██████████  ███    ███     ██████████      ██
███         ███         ███  ███    ███     ███            ████
███         ███         ███  ███    ███     ███          ███  ███
███         ███         ███  ██████████     ███         ███    █*/

@media only screen and (min-width: 1366px) {
    .text-image {
        padding: 0 15vw;
        margin: 5vw 0;
    }

    .page-id-16 .page-content .text-image {
        padding: 5vw 15vw;
    }

    .page-id-22 .text-image {
        padding: 0 15vw 0;
    }

    .page-id-22 .text-image~.text-image {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .page-id-16 .text-image .img-356 {
        top: 2vw;
        right: -5vw;
    }

    .page-id-26 .text-image {
        padding: 5vw 15vw;
        margin: 0;
    }

    .text-image .columns {
        column-gap: 100px;
    }
}

/* FOE Custom */
.button-container .button.solid-green{
    background-color: var(--foe-color-three);
    border: 2px solid var(--foe-color-three);
}
.button-container .button.solid-green:hover{
    background-color: var(--foe-color-one);
    border: 2px solid var(--foe-color-one);
}

.button-container .button.solid-blue{
    background-color: var(--foe-color-one);
    border: 2px solid var(--foe-color-one);
}

.button-container .button.solid-blue:hover{
    background-color: var(--foe-color-three);
    border: 2px solid var(--foe-color-three);
}

.button-container .button.border{
    background-color: rgba(0, 0, 0, 0);
    color: var(--foe-color-four);
    border-color: var(--foe-color-four);
}

.button-container .button.border{
    background-color: var(--foe-color-one);
    border-color: var(--foe-color-one);
    color: var(--foe-color-four);
}