.tii-tile-static-section {
    display: flex;
    flex-flow: wrap;
    padding: 2rem calc(6rem - 20px);
    justify-content: center;

    .column-left {
        width: calc(25% - 20px);
        display: flex;
        align-content: flex-start;
        flex-flow: wrap;
        padding: 20px;

        h2 {
            color: var(--color-petrol);
            margin-bottom: 20px;
            margin-top: 0;
            font-size: 40px;
            line-height: 110%;
        }

        .cover-heading {
            margin-bottom: 20px;
        }

        .cta-button-arrow-pill {
            background: var(--color-white);
            border: 2px solid var(--color-petrol);
            border-bottom: 2px solid var(--color-petrol);
            font-size: 14px;
        }

        a:link.cta-button-arrow-pill:hover {
            border-bottom: 2px solid var(--color-petrol);
        }
    }

    .tii-tile-static-content {
        display: flex;
        flex-flow: row wrap;
        gap: 24px;
    }

    .tile {
        width: calc(25% - 30px);
        position: relative;
        overflow: hidden;
        padding: 30px;
        border: none;
        border-radius: 0;

        .tile-heading,
        .tile-text {
            margin-bottom: 0;
            margin-top: 0;
            color: var(--color-petrol);
        }

        .tile-heading {
            font-size: 30px;
            margin-bottom: 1em;
            line-height: normal;
        }

        .tile-text {
            font-size: 15px;
        }

        img {
            margin-bottom: 1em;
        }
    }
}

@media screen and (max-width: 1440px) {
    .tii-tile-static-section {
        .tii-tile-static-content {
            flex-wrap: wrap;
        }

        .column-left {
            width: 100%;
        }

        .tile {
            width: calc(33% - 30px);
        }
    }
}

@media screen and (max-width: 900px) {
    .tii-tile-static-section {
        padding: 2rem 3rem;
        .column-left {
            width: 100%;
        }

        .column-right {
            width: 100%;

            .tii-tile-static-content {
                display: flex;

                .tile {
                    width: 100%;

                    .tile-content {
                        display: flex;
                    }

                    .tile-left {
                        margin-right: 10px;
                    }
                }
            }
        }
    }
}