
/* About Page */
#careers .wp-block-cover__background {
    z-index: -1;
}


/* Services */
#services {
    display: grid;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-wrap: balance;
}
@media (min-width: 576px) {
    #services h2 {
        word-spacing: 100vw; /* force one liner */
    }
    #services {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(9, 1fr);
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        align-items: unset;
    }
    #services > .wp-block-group:nth-child(1) { 
        grid-area: 1 / 1 / 3 / 2; /* Starts at row line 1, ends at row line 3 */
    }
    #services > .wp-block-group:nth-child(2) { 
        grid-area: 1 / 2 / 4 / 3; /* Starts at row line 1, ends at row line 4 */
    }
    #services > .wp-block-group:nth-child(3) { 
        grid-area: 3 / 1 / 6 / 2; /* Starts at row line 3, ends at row line 6 */
    }
    #services > .wp-block-group:nth-child(4) { 
        grid-area: 4 / 2 / 7 / 3; /* Starts at row line 4, ends at row line 7 */
    }
    #services > .wp-block-group:nth-child(5) { 
        grid-area: 6 / 1 / 9 / 2; /* Starts at row line 6, ends at row line 9 */
    }
    #services > .wp-block-group:nth-child(6) { 
        grid-area: 7 / 2 / 10 / 3; /* Starts at row line 7, ends at row line 10 */
    }
}

#services > .wp-block-group.is-layout-flex {
    padding: 1em 1em 2em;
    background-color: var(--nv-light-bg);
    border-radius: 24px;
    gap: 1.5em;
    box-shadow: rgb(0 0 0 / 10%) 4px 4px 15px;
    align-items: stretch;
}
#services > .wp-block-group.is-layout-flex > figure {
    border-radius: 16px;
    overflow: hidden;
    height: 230px;
}
#services > .wp-block-group.is-layout-flex > figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (min-width: 576px) and (max-width: 959px) {
    #services > .wp-block-group:nth-child(1) h2 {
        font-size: 48px;
    }
}
@media (max-width: 575px) {
    #services > .wp-block-group:nth-child(1) {
        text-align: center;
    }    
}