/* Projects Landing Page*/

.projects .projects-hero {
    max-height: 30rem;
    position: absolute;
    display: flex;
    flex-direction: row;
    width: calc(100% - 2px);
}

.projects h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 0rem;
}

.projects .turqoise-bar {
    width: 4.5rem;
}

    .projects .turqoise-bar .t {
        width: 0;
        height: 0;
        border-right: 0px solid transparent;
        border-left: 4.5rem solid transparent;
        border-top: 3.5rem solid #56C4C2;
    }

    .projects .turqoise-bar .r {
        background: #56C4C2;
        height: 26.3rem;
    }

.projects .gray-hero {
    background: #A7A8A9;
    padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px - 4.5rem);
    width: 100%;
}

.projects .projects-hero h1 {
    color: #FFFFFF;
    font-size: 5rem;
    font-weight: 600;
    padding-top: 8rem;
}



.projects .featured-project { /*Featured project overlap with gray hero*/
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
    min-height: 57rem;
    width: 100%;
    position: relative;
    top: 20rem;
}


.projects .featured-information { /*transparent section for project information*/
    width: 100%;
    bottom: 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.8)
}

    .projects .featured-information h3:nth-child(1) {
        padding: 2rem 0 0 7rem;
        font-weight: bold;
    }

.projects .featured-information-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: center;
    align-items: center;
    padding: 2rem;
}

.projects .grid-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: center;
}

.projects .grid-text {
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
}


.projects .icon {
    max-width: 6rem;
    max-height: 4rem;
}

.projects .logo {
    height: 5rem;
}

.projects .filter-grid { /*search filters*/
    min-height: 6.5rem;
    width: 100%;
    margin-top: 30rem;
    margin-bottom: 3rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

    .projects .filter-grid b {
        font-size: 3rem;
    }

.projects .filters b {
    font-size: 2.2rem;
}

    .projects .filters b:nth-child(4) {
        font-weight: 400;
    }

.projects .filters h4 {
    font-size: 2.2rem;
}

.projects .filters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.projects .project {
    background-repeat: no-repeat;
    background-size: cover !important;
    min-height: 38rem;
    width: 100%;
    margin-bottom: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.projects .project-information { /*transparent section for project information*/
    min-height: 11.6rem;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
}

.projects .project-information-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: center;
    align-items: center;
    padding-top: 2rem;
}

.projects .vertical-line {
    border-left: 1px solid #707070;
    height: 7.2rem;
    padding-right: 3rem;
}

.projects .additional-details {
    display: flex;
    flex-direction: row;
}

.projects .link-flex { /*"See More >" link under additional details*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.projects .project-click { /*Link to project detail page*/
    color: inherit;
    font-size: 1.8rem;
    font-weight: 500;
    text-decoration: underline;
}


.projects .lets-build {
    background: #53585F;
    width: 100%;
    min-height: 8rem;
    display: flex;
    flex-direction: row;
    margin-bottom: 8rem;
    align-items: center;
    justify-content: space-between;
}

.projects .build-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.projects .lets-build div:nth-child(2) {
    padding-right: 3rem;
}

.projects .lets-build h3 {
    color: #FFFFFF;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 0 1rem 0 3rem;
}


.projects .lets-build h4 {
    color: #FFFFFF;
    font-size: 1.8rem;
    padding: 0;
}

.projects .lets-build button {
    background: #56C4C2;
    border-radius: .4rem;
    color: #FFFFFF;
    border: none;
}

@media (max-width: 1439px) {

    .projects .filter-grid {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .projects .filters {
        flex-direction: column;
        align-items: center;
    }
    .filters .filter-group {
        margin-bottom: 1rem;
        margin-right: 0;
    }
        .filters .filter-group h3 {
            width: 9.5rem;
        }
        .filters .filter-group select {
            width: 30rem;
            font-size: 1.6rem;
        }
}

@media (max-width: 1419px) {

    .projects .additional-details {
        padding-left: 1rem;
    }

    .projects .featured-information h3:nth-child(1) {
        padding-left: 3rem;
    }

    .projects .lets-build h3 {
        font-size: 2.2rem;
    }

    .projects .lets-build h4 {
        font-size: 1.4rem;
    }

    .projects .grid-text b, h5 {
        font-size: 1.4rem;
    }

    .projects .project-click {
        font-size: 1.4rem;
    }
}

@media (max-width: 1023px) {

        .projects .filter-grid b {
            font-size: 2.6rem;
        }

    .projects .filters b {
        font-size: 1.8rem;
    }

    .projects .filters h4 {
        font-size: 1.8rem;
    }

    .projects .grid-text {
        font-size: 1.4rem;
    }

        .projects .grid-text h5 {
            font-size: 1.4rem;
        }

    .projects .additional-details h5 {
        font-size: 1.4rem;
    }

    .projects .additional-details a {
        font-size: 1.4rem;
    }

    .projects .featured-information h3:nth-child(1) {
        padding-left: 2rem;
    }
}

@media (max-width: 767px) {

    .projects .projects-hero {
        height: 17rem;
    }

    .projects .featured-project {
        top: 12rem;
    }

    .projects .gray-hero {
        padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px - 2rem);
    }

    .projects .turqoise-bar {
        width: 2rem;
    }

        .projects .turqoise-bar .r {
            height: 16rem;
        }

        .projects .turqoise-bar .t {
            border-left: 2rem solid transparent;
            border-top: 1rem solid #56C4C2;
        }

    .projects .projects-hero h1 {
        font-size: 4.5rem;
        padding-top: 3rem;
    }

    .projects .featured-information h3:nth-child(1) {
        display: none;
    }

    .projects .featured-information-grid {
        grid-template-columns: 1fr;
        grid-gap: 1.5rem;
        justify-items: left;
    }

    .projects .vertical-line {
        display: none;
    }

    .projects .project-information {
        padding-bottom: 1rem;
    }

    .projects .project-information-grid {
        grid-template-columns: 1fr;
        grid-gap: 1.5rem;
        justify-items: left;
    }

    .projects .grid-item {
        padding-left: 2rem;
    }

    .projects .additional-details {
        padding-left: 2rem;
    }

    .projects .logo {
        padding-left: 2rem;
        height: 3rem;
    }

    .projects .filter-grid {
        grid-template-columns: 1fr;
        justify-items: center;
        margin-top: 15rem;
    }

    .projects .filters {
        flex-direction: column;
        align-items: center;
    }

        .projects .filters b, h4 {
            padding: 1rem;
        }

    .projects .lets-build {
        flex-direction: column;
    }

        .projects .lets-build div:nth-child(2) {
            padding-bottom: 3rem;
        }

    .projects .build-flex {
        flex-direction: column;
        align-items: flex-start;
        padding: 3rem 5rem 3rem 5rem;
    }

        .projects .build-flex h3 {
            padding: 0 0 1rem 0;
        }
}


/* Projects Detail Page*/

.projects-detail h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 0;
}

.projects-detail .projects-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8rem;
}

.projects-detail .top-bar {
    height: 7.4rem;
    width: calc(100vw-4.5rem);
    margin-bottom: 4rem;
    display: flex;
    flex-direction: row;
}

.projects-detail .turqoise-bar {
    width: 4.5rem;
}

    .projects-detail .turqoise-bar .r {
        width: 4.5rem;
        background: #56C4C2;
        height: 3.9rem;
    }

    .projects-detail .turqoise-bar .t {
        width: 0;
        height: 0;
        border-right: 0px solid transparent;
        border-left: 4.5rem solid transparent;
        border-top: 3.5rem solid #56C4C2;
    }

.projects-detail .gray-hero {
    background: #A7A8A9;
    width: calc(100vw - 4.5rem);
}


.projects-detail .projects-link {
    color: #da291c;
    font-size: 2rem;
    font-weight: bold;
    display: block;
    margin-bottom: 4rem;
}


.projects-detail .projects-images {
    display: flex;
    flex-direction: column;
    align-items: end;
}

    .projects-detail .projects-images img {
        margin-bottom: 3rem;
        width: 92rem;
        height: 45rem;
    }

.projects-detail .projects-details h3 {
    margin-bottom: 3rem;
}

.projects-detail .details-flex {
    display: flex;
    flex-direction: row;
    margin-bottom: 3rem;
}

    .projects-detail .details-flex div:nth-child(1) {
        display: flex;
        align-items: center;
    }


.projects-detail .icon {
    max-width: 6rem;
    max-height: 4rem;
}

.projects-detail .projects-details h3 {
    font-size: 2.6rem;
    font-weight: bold;
}

.projects-detail .projects-details h5 {
    font-size: 1.8rem;
}

.projects-detail .details-flex div:nth-child(1) {
    width: 8rem;
}

.projects-detail .details-flex div:nth-child(2) h5, b {
    font-size: 1.8rem;
}

.projects-detail .projects-nested {
    margin-bottom: 3rem;
}

    .projects-detail .projects-nested div:nth-child(odd) {
        background: #E6E6E6;
    }

.projects-detail .detail {
    width: 100%;
    height: 3.4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .projects-detail .detail h5:nth-child(1) {
        font-weight: bold;
        margin-left: 1.5rem;
        margin-right: 1rem;
    }

.projects-detail .projects-content p {
    font-size: 1.6rem;
}

.projects-detail .lets-build {
    background: #53585F;
    width: 100%;
    min-height: 8rem;
    display: flex;
    flex-direction: row;
    margin-bottom: 8rem;
    margin-top: 4rem;
    align-items: center;
    justify-content: space-between;
}

.projects-detail .build-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.projects-detail .lets-build div:nth-child(2) {
    padding-right: 3rem;
}

.projects-detail .lets-build h3 {
    color: #FFFFFF;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 0 1rem 0 3rem;
}


.projects-detail .lets-build h4 {
    color: #FFFFFF;
    font-size: 1.8rem;
    padding: 0;
}

.projects-detail .lets-build button {
    background: #56C4C2;
    border-radius: .4rem;
    color: #FFFFFF;
    border: none;
}

@media (max-width: 1439px) {

    .projects-detail .projects-images img {
        margin-bottom: 2rem;
        width: 100%;
        height: auto;
    }

    .projects-detail .projects-detail-grid {
        grid-gap: 8rem;
        grid-template-columns: 1fr 1fr;
    }

    .projects-detail .lets-build h3 {
        font-size: 2.2rem;
    }

    .projects-detail .lets-build h4 {
        font-size: 1.4rem;
    }
}

@media (max-width: 1023px) {

    .projects-detail .projects-link {
        font-size: 2.5rem;
    }

    .projects-detail .projects-detail-grid {
        grid-gap: 4rem;
    }

    .projects-detail .detail h5 {
        font-size: 1.4rem;
    }

    .projects-detail .projects-content p {
        font-size: 1.4rem;
    }

    .projects-detail .details-flex div:nth-child(2) h5, b {
        font-size: 1.4rem;
    }
}


@media (max-width: 767px) {

    .projects-detail .projects-link {
        font-size: 2rem;
    }

    .projects-detail .projects-detail-grid {
        grid-template-columns: 1fr;
    }

    .projects-detail .lets-build {
        flex-direction: column;
    }

        .projects-detail .lets-build div:nth-child(2) {
            padding-bottom: 3rem;
        }

    .projects-detail .build-flex {
        flex-direction: column;
        align-items: flex-start;
        padding: 3rem 5rem 3rem 5rem;
    }

        .projects-detail .build-flex h3 {
            padding: 0 0 1rem 0;
        }
}


/* News Landing Page */

.news .news-hero {
    max-height: 30rem;
    position: absolute;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.news a {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

.news h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 0rem;
}

.news .turqoise-bar {
    width: 4.5rem;
}

    .news .turqoise-bar .t {
        width: 0;
        height: 0;
        border-right: 0px solid transparent;
        border-left: 4.5rem solid transparent;
        border-top: 3.5rem solid #56c4c2;
    }

    .news .turqoise-bar .r {
        background: #56c4c2;
        height: 26.3rem;
    }

.news .gray-hero {
    background-color: #a7a8a9;
    padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px - 4.5rem);
    width: 100%;
}

.news .news-hero h1 {
    color: #FFFFFF;
    font-size: 5rem;
    font-weight: 600;
    padding-top: 8rem;
}

.news .featured-articles-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 7rem;
    width: 100%;
    max-height: 57rem;
    margin-bottom: 30rem;
    position: relative;
    top: 20rem;
}

.news .featured-information-flex {
    display: flex;
    flex-direction: column;
    padding: 1.5rem 2.5rem;
}

/*.home .home-news .home-news-grid > div > div {
    position: absolute;
    width: 100%;
    min-height: 10rem;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    padding: 1.5rem 2.5rem;
}*/

    .news .featured-information-flex h3 {
        font-size: 2.2rem;
        line-height: 2.8rem;
        font-weight: 600;
    }

    .news .featured-information-flex h5 {
        font-size: 1.8rem;
        overflow: hidden;
        white-space: nowrap;
        display: none;
    }

.news .featured-articles-flex {
    display: flex;
    flex-direction: column;
    grid-gap: 7rem;
}

.news .featured-article {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
    position: relative;
    min-height: 25rem;
}

.news .featured-information {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    bottom: 0;
}

.news .filter-grid { /*search filters*/
    min-height: 6.5rem;
    width: 100%;
    margin-top: 30rem;
    margin-bottom: 3rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

    .news .filter-grid h1 {
        font-size: 3rem;
        font-weight: 600;
    }

.news .article-grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 4rem;
    margin-bottom: 6rem;
    width: 100%;
}

    .news .article-grid > div:nth-child(1) {
        background-repeat: no-repeat;
        background-size: cover !important;
        background-position: center;
    }

    .news .article-grid img {
        width: 100%;
        max-height: 24rem;
        border: 1px solid #ddd;
    }

.news .article-flex {

}

    .news .article-flex h3 {
        font-size: 2.2rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .news .article-flex h5 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

        .news .article-flex h5:nth-child(3) {
            font-weight: bold;
            margin-bottom: 1.5rem;
        }

.news .button {
    background-color: #53585F;
    border: none;
}
.news .articles-wrapper.loading {
    opacity: .5;
}
@media (max-width: 1540px) {
    .news .featured-articles-grid {
        width: initial;
        margin: 0 5rem 30rem 8rem;
    }
    .news .news-hero h1 {
        padding-left: 8rem;
    }
}

@media (max-width: 1439px) {
    .news .featured-information-flex h3 {
        font-size: 2.6rem;
    }

    .news .featured-information-flex h5 {
        font-size: 1.4rem;
    }

    .news .article-grid img {
        width: 37.4rem;
        height: 19rem;
    }

    .news .article-flex {
        grid-gap: 1rem;
    }

        .news .article-flex h3 {
            font-size: 1.8rem;
        }

        .news .article-flex h5 {
            font-size: 1.6rem;
        }

    .news .featured-articles-grid div:nth-child(1) {
        max-height: 45rem;
    }

    .news .featured-articles-flex .featured-article {
        min-height: 18rem;
    }
    .news .news-hero h1 {
        padding-left: 5rem;
    }
    .news .featured-information-flex h3 {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
    .news .featured-articles-grid {
        grid-template-columns: 2fr 1.5fr;
        grid-gap: 3rem;
    }
    .news .featured-articles-flex {
        grid-gap: 3rem;
    }
    .news .article-grid {
        grid-template-columns: 1.5fr 3fr;
    }
}

@media (max-width: 1023px) {

    .news .article-grid {
        grid-gap: 4rem;
        margin-bottom: 5rem;
    }

    .news .filter-grid b {
        font-size: 2.6rem;
    }

    .news .filters h3 {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .news .gray-hero {
        padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px - 2rem);
    }

        .news .turqoise-bar .r {
            height: 16rem;
        }

    .news .news-hero h1 {
        font-size: 4.5rem;
    }

    .news .article-grid {
        grid-template-columns: 1fr;
    }

    .news .featured-articles-grid {
        grid-template-columns: 1fr;
    }
    .news .featured-information-flex h3 {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .news .news-hero {
        height: 19.5rem;
    }
        .news .news-hero h1 {
            padding-left: 2rem;
        }

    .news .featured-articles-grid {
        margin: 0 5rem 30rem 5rem;
        top: 15rem;
        grid-gap: 2rem;
    }

    .news .filter-grid {
        grid-template-columns: 1fr;
        grid-gap: 2rem;
    }

    .news .filters {
        flex-direction: column;
        align-items: end;
    }

        .news .filters h3 {
            
        }

            .news .filters h3:nth-child(1) {
                padding: 0;
            }

    .filters .filter-group {
        margin-bottom: 1rem;
        margin-right: 0;
    }
    .filters .filter-group select {
        min-width: 24rem;
    }
    .news .article-grid {
        grid-gap: 2rem;
    }
        .news .article-grid > div:nth-child(1) {
            min-height: 20rem;
        }
}

@media (max-width: 550px) {
    .news .news-hero h1 {
        padding-top: 3rem;
        font-size: 3.5rem;
    }

    .news .news-hero {
        height: 13.5rem;
    }

    .news .turqoise-bar .r {
        height: 10rem;
    }

    .news .featured-articles-grid {
        top: 9rem;
        margin: 0 2rem 30rem 4.5rem;
    }

    .news .filters h3 {
        font-size: 1.6rem;
    }

    .filters .filter-group select {
        font-size: 1.6rem;
    }

    .filters .filter-group select {
        width: 18rem;
    }

    .pager {
        display: block;
    }

        .pager .pager-size {
            margin: 1rem 1rem 0 0;
        }
}
@media (max-width: 374px) {
    .filters {
        display: block;
    }
    .filters .filter-group {
        display: block;
    }
    .filters .filter-group select {
        width: 100%;
        margin: 0;
    }
    ul.pager-buttons li:first-child {
        display: none;
    }
    ul.pager-buttons li:last-child {
        display: none;
    }
}



/* News Article Page */

.news-article .top-bar {
    height: 7.4rem;
    width: calc(100vw-4.5rem);
    margin-bottom: 4rem;
    display: flex;
    flex-direction: row;
}

.news-article .turqoise-bar {
    width: 4.5rem;
}

    .news-article .turqoise-bar .r {
        width: 4.5rem;
        background: #56C4C2;
        height: 3.9rem;
    }

    .news-article .turqoise-bar .t {
        width: 0;
        height: 0;
        border-right: 0px solid transparent;
        border-left: 4.5rem solid transparent;
        border-top: 3.5rem solid #56C4C2;
    }

.news-article .gray-hero {
    background: #A7A8A9;
    width: calc(100vw - 4.5rem);
}


.news-article .news-link {
    color: #53585F;
    font-size: 3rem;
    font-weight: bold;
    display: block;
    margin-bottom: 4rem;
}

.news-article {
    margin-bottom: 10rem;
}

    .news-article .container {
        width: 1420px;
        padding: 0;
    }

    .news-article .article-details {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .news-article .article-details h3 {
            padding-bottom: 2rem;
            font-weight: bold;
            font-size: 2.6rem;
        }

        .news-article .article-details h5 {
            padding-bottom: 2rem;
            font-weight: bold;
            font-size: 1.6rem;
        }

    .news-article .news-article-grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
    }

    .news-article img {
        width: 100%;
    }

    .news-article .grid-section img {
        margin-bottom: 1rem;
    }
    .news-article .grid-section .caption {
        margin-bottom: 1rem;
        font-weight: bold;
        border: 1px solid #ccc;
        padding: 1rem 1.5rem;
        background-color: #f0f0f0;
        font-size: 1.6rem;
        line-height: 2.2rem;
    }


@media (max-width: 1419px) {
    .news-article .container {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .news-article {
        margin-bottom: 3rem;
    }

        .news-article img {
            width: 100%;
        }

        .news-article .grid-section img {
            margin-top: 3rem;
            margin-bottom: 0;
        }

        .news-article .news-article-grid {
            display: grid;
            grid-template-columns: 1fr;
        }
}

/* About Page Precision Build */
.about-pb .about-hero {
    height: 62rem;
    background-size: cover !important;
    background-position: center center !important;
}

.about-pb .about-hero-grid {
    display: grid;
    grid-template-columns: 35%;
    height: 100%;
}

    .about-pb .about-hero-grid > div {
        background-color: rgb(167, 168, 169, 0.75);
        padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px);
        padding-right: 8rem;
        position: relative;
        display: flex;
        align-items: center;
    }

.about-pb .content {
    display: grid;
    grid-template-columns: 1fr;
}


.about-pb .about-title h1 {
    color: #FFFFFF;
    font-size: 5.4rem;
    font-weight: bold;
}

.about-pb .about-description p {
    color: #FFFFFF;
    font-size: 2.2rem;
}

.about-pb .about-hero-grid > div:nth-child(1) .teal-bar1 {
    position: absolute;
    width: 4.5rem;
    top: 0;
    right: -4.5rem;
}

    .about-pb .about-hero-grid > div:nth-child(1) .teal-bar1 .t {
        width: 0;
        height: 0;
        border-right: 0px solid transparent;
        border-left: 4.5rem solid rgb(0 129 143 / 72%);
        border-bottom: 3.5rem solid transparent;
    }

    .about-pb .about-hero-grid > div:nth-child(1) .teal-bar1 .r {
        background-color: rgb(0 129 143 / 72%);
        height: 48.5rem;
    }

@media (max-width: 1441px) {
    .about-pb .about-hero-grid > div {
        padding-right: 0;
    }

    .about-pb .content {
        padding: 4rem 8rem 0 8rem;
    }

    .about-pb .about-title h1 {
        font-size: 6.7rem;
    }

    .about-pb .about-description p {
        font-size: 2rem;
    }
}

@media (max-width: 1439px) {
    .about-pb .about-hero-grid {
        grid-template-columns: 50%;
    }
}

@media (max-width: 1023px) {
    .about-pb .about-hero-grid {
        grid-template-columns: 75%;
    }

    .about-pb .content {
        padding: 0 8rem 0 8rem;
    }
}

@media (max-width: 767px) {
    .about-pb .about-hero {
        height: 44.5rem;
    }

    .about-pb .about-hero-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .about-pb .about-title h1 {
        font-size: 4rem;
    }

    .about-pb .content {
        padding: 0 2rem 0 2rem;
    }

    .about-pb .about-hero-grid > div:nth-child(1) .teal-bar1 .r {
        background-color: rgb(0 129 143 / 72%);
        height: 41rem;
    }
}

@media (max-width: 374px) {
    .about-pb .about-description p {
        font-size: 1.6rem;
    }
}

.about-pb .about-team-grid {
    display: grid;
    grid-template-columns: 1fr 4.5rem 2fr;
    align-items: center;
    margin: 6rem 0 6rem 0;
    max-height: 40rem;
}


    .about-pb .about-team-grid .team-image {
        background-size: cover !important;
        background-position: center center !important;
        height: 100%;
    }

    .about-pb .about-team-grid .teal-bar2 {
        width: 4.5rem;
        top: 0;
    }

        .about-pb .about-team-grid .teal-bar2 .t {
            width: 0;
            height: 0;
            border-left: 0px solid transparent;
            border-right: 4.5rem solid transparent;
            border-bottom: 3.5rem solid #56C4C2;
        }

        .about-pb .about-team-grid .teal-bar2 .r {
            height: 36.5rem;
            background-color: #56C4C2;
        }

.about-pb .team-description-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: center;
    max-height: 40rem;
}


.about-pb .about-team-grid .team-description {
    padding-left: 7rem;
}

    .about-pb .about-team-grid .team-description h3 {
        font-size: 3rem;
        font-weight: bold;
        padding-bottom: 2rem;
    }

    .about-pb .about-team-grid .team-description p {
        font-size: 1.6rem;
    }

.about-pb .about-team-grid .team-links {
    display: flex;
    flex-direction: column;
    padding-left: 7rem;
}

    .about-pb .about-team-grid .team-links a {
        color: #53585F;
        font-size: 2.4rem;
        font-weight: bold;
        padding-bottom: 2rem;
    }



@media (max-width: 1441px) {


    .about-pb .about-team-grid {
        grid-template-columns: 1.5fr 4.5rem 1fr;
        margin-bottom: 12rem;
        min-height: 70rem;
    }

    .about-pb .team-description-grid {
        grid-template-columns: 1fr;
        margin-right: 2rem;
        min-height: 70rem;
    }

    .about-pb .about-team-grid .team-description {
        padding-left: 3rem;
        margin-bottom: 2rem;
    }

    .about-pb .about-team-grid .team-links {
        padding-left: 3rem;
    }

    .about-pb .about-team-grid .teal-bar2 .r {
        height: 66.5rem;
    }
}

@media (max-width: 1439px) {
    .about-pb .about-team-grid {
        grid-template-columns: 1fr 4.5rem;
        min-height: 114rem;
        margin: 6rem 0 6rem 0;
        row-gap: 4rem;
    }

        .about-pb .about-team-grid .team-image {
            max-height: 70rem;
        }

    .about-pb .team-description-grid {
        margin: 0;
        min-height: 0;
        grid-template-columns: 2fr 1fr;
    }

        .about-pb .team-description-grid .team-description {
            margin: 0;
        }
}

@media (max-width: 1023px) {
    .about-pb .about-team-grid {
        min-height: 127rem;
        row-gap: 2rem;
    }

    .about-pb .team-description-grid {
        min-height: 52rem;
    }

    .about-pb .about-team-grid .team-links a {
        font-size: 2.2rem;
    }
}

@media (max-width: 767px) {
    .about-pb .about-team-grid {
        margin: 5rem 0 0 0;
        min-height: 117rem;
        align-items: start;
        grid-template-rows: 25rem 1fr;
    }

        .about-pb .about-team-grid .team-image {
            max-height: 25rem;
        }

        .about-pb .about-team-grid .teal-bar2 .r {
            height: 21.5rem;
        }

    .about-pb .about-team-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .about-pb .team-description-grid {
        grid-template-columns: 1fr;
        min-height: 70rem;
    }

        .about-pb .team-description-grid .team-description {
            padding-bottom: 2rem;
        }
}

@media (max-width: 424px) {
    .about-pb .about-team-grid {
        min-height: 127rem;
    }

    .about-pb .team-description-grid {
        min-height: 90rem;
    }
}

@media (max-width: 374px) {
    .about-pb .about-team-grid {
        min-height: 145rem;
    }

    .about-pb .team-description-grid {
        min-height: 110rem;
    }
}

.about-pb .about-numbers {
    margin-bottom: 8rem;
}

.about-pb .by-the-numbers {
    background-color: #ECECED;
    position: relative;
}

    .about-pb .by-the-numbers .numbers-bar {
        background-color: #56C4C2;
        width: 4.5rem;
        position: absolute;
        left: 0;
        height: 100%;
    }

.about-pb .numbers-bar .t {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 4.5rem solid transparent;
    border-bottom: 3.5rem solid #fff;
    position: absolute;
    bottom: 0;
}

.about-pb .numbers-content {
    padding: 7rem 0 8rem 0;
}

    .about-pb .numbers-content .wrap > h5 {
        font-size: 3rem;
        font-weight: bold;
        padding-bottom: 3rem;
    }


    .about-pb .numbers-content .numbers-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 8rem;
    }

        .about-pb .numbers-content .numbers-grid > div {
            display: flex;
            flex-direction: column;
            grid-gap: 2rem;
        }

.about-pb .numbers-grid > div h3 {
    font-size: 7rem;
    font-weight: bold;
    color: #DA291C;
}

.about-pb .numbers-grid > div h5 {
    font-size: 2.8rem;
    font-weight: bold;
    color: #DA291C;
}

.about-pb .lets-build {
    background: #53585F;
    width: 100%;
    min-height: 8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.about-pb .build-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.about-pb .lets-build div:nth-child(2) {
    padding-right: 3rem;
}

.about-pb .lets-build h3 {
    color: #FFFFFF;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 0 1rem 0 3rem;
}


.about-pb .lets-build h4 {
    color: #FFFFFF;
    font-size: 1.8rem;
    padding: 0;
}

.about-pb .lets-build a {
    background: #56C4C2;
    border-radius: .4rem;
    color: #FFFFFF;
    border: none;
}

@media (max-width: 1441px) {
    .about-pb .numbers-content .numbers-grid {
        padding-left: 6rem;
    }

    .about-pb .numbers-content .wrap {
        width: 100%;
        margin: 0;
    }

        .about-pb .numbers-content .wrap > h5 {
            padding-left: 6rem;
        }

    .about-pb .numbers-content .lets-build {
        padding-left: 3.5rem;
    }
}

@media (max-width: 1439px) {
    .about-pb .about-numbers {
        margin-top: 6rem;
        margin-bottom: 0rem;
    }

    .about-pb .numbers-content .wrap {
        padding: 0;
    }

    .about-pb .numbers-content .lets-build .build-flex h3 {
        font-size: 2.2rem;
    }

    .about-pb .numbers-content .lets-build .build-flex h4 {
        font-size: 1.4rem;
    }

    .about-pb .numbers-grid {
        grid-gap: 2rem;
    }

        .about-pb .numbers-grid > div h3 {
            font-size: 6rem;
        }

        .about-pb .numbers-grid > div h5 {
            font-size: 3rem;
        }
}

@media (max-width: 1023px) {
    .about-pb .numbers-grid > div h3 {
        font-size: 5rem;
    }

    .about-pb .numbers-content .lets-build .build-flex h3 {
        font-size: 1.8rem;
    }

    .about-pb .numbers-content .lets-build .build-flex h4 {
        font-size: 1.5rem;
    }
}

@media (max-width: 767px) {
    .about-pb .numbers-content .lets-build .build-flex {
        align-items: flex-start;
    }

    .about-pb .numbers-content .numbers-grid {
        grid-template-columns: 1fr;
        padding-left: 0;
        margin-bottom: 7rem;
    }

    .about-pb .numbers-content .wrap > h5 {
        padding-left: 0;
    }

    .about-pb .numbers-content {
        padding-left: 6.5rem;
        padding-right: 4rem;
    }

        .about-pb .numbers-content .lets-build {
            flex-direction: column;
            width: auto;
            padding: 4rem 4rem 4rem 4rem;
            height: 23rem;
            justify-content: center;
        }

    .about-pb .about-numbers {
        margin-top: 0;
    }

    .about-pb .lets-build .build-flex {
        flex-direction: column;
        padding-bottom: 2rem;
    }

    .about-pb .numbers-content .lets-build .build-flex h3 {
        font-size: 2.6rem;
        padding: 0 0 2rem 0;
    }

    .about-pb .numbers-content .lets-build .build-flex h4 {
        font-size: 1.8rem;
    }

    .about-pb .about-companies {
        margin-top: 12rem;
    }

    .about-pb .lets-build div:nth-child(2) {
        padding-right: 0;
    }
}

@media (max-width: 374px) {
    .about-pb .numbers-content .wrap > h5 {
        font-size: 2.5rem;
    }

    .about-pb .numbers-content {
        padding-right: 2rem;
    }

    .about-pb .numbers-grid > div h3 {
        font-size: 4rem;
    }

    .about-pb .numbers-content .lets-build .build-flex h3 {
        font-size: 2rem;
    }

    .about-pb .numbers-content .lets-build .build-flex h4 {
        font-size: 1.6rem;
    }
}

.about-pb .company-content .company-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8rem;
}

    .about-pb .company-content .company-grid img {
        height: 6rem;
    }

    .about-pb .company-content .company-grid a {
        display: block;
        color: #000;
        padding: 3.5rem 0 2rem 0;
        font-size: 2.4rem;
        font-weight: 600;
    }

    .about-pb .company-content .company-grid p {
        font-size: 1.6rem;
    }

.about-pb .company-content .wrap > h5 {
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 5rem;
}

@media (max-width: 1439px) {
    .about-pb .about-companies {
        margin-top: 6rem;
    }

    .about-pb .company-content .company-grid img {
        height: 4rem;
    }

    .about-pb .company-content .company-grid a {
        font-size: 1.8rem;
    }

    .about-pb .company-content .company-grid {
        grid-gap: 2rem;
    }

        .about-pb .company-content .company-grid a {
            padding: 1.5rem 0 1.5rem 0;
        }
}

@media (max-width: 1023px) {
    .about-pb .about-companies .company-grid {
        grid-template-columns: 1fr;
        grid-gap: 2rem;
    }
}


.about-pb .about-map {
    display: flex;
    flex-direction: column;
    margin-top: 12rem;
}

    .about-pb .about-map .map-title {
        position: absolute;
    }

        .about-pb .about-map .map-title h3 {
            font-size: 7rem;
            font-weight: bold;
            color: #53585F;
        }

            .about-pb .about-map .map-title h3:nth-child(2) {
                text-indent: 24rem;
            }

    .about-pb .about-map .map-image {
        margin-top: 12rem;
        background-size: cover !important;
        background-position: center center !important;
        height: 50rem;
    }

    .about-pb .about-map .map-details-grid {
        margin-top: 4rem;
        display: grid;
        grid-template-columns: 2fr 1fr;
    }

    .about-pb .about-map .map-link {
        padding-top: 4rem;
    }

        .about-pb .about-map .map-link a {
            background: #53585F;
            border-radius: .4rem;
            color: #FFFFFF;
            border: none;
        }

@media (max-width: 1439px) {
    .about-pb .about-map {
        margin-top: 6rem;
    }
}

@media (max-width: 1023px) {
    .about-pb .about-map .map-title h3 {
        font-size: 6rem;
    }

    .about-pb .about-map .map-image {
        margin-top: 4rem;
    }
}

@media (max-width: 767px) {
    .about-pb .about-map .map-image {
        height: 17.6rem;
    }

    .about-pb .about-map .map-title h3 {
        font-size: 2.8rem;
    }

        .about-pb .about-map .map-title h3:nth-child(2) {
            text-indent: 8rem;
        }

    .about-pb .about-map .map-details-grid {
        grid-template-columns: 1fr;
    }

    .about-pb .about-map .map-link {
        padding-top: 2rem;
    }
}

.about-pb .about-careers {
    margin-top: 12rem;
}

    .about-pb .about-careers .careers-grid {
        display: grid;
        grid-template-columns: 2fr 4.5rem 1fr;
        min-height: 40rem;
    }

    .about-pb .about-careers .careers-content {
        background-color: #5CB8B2;
        padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .about-pb .about-careers .careers-content h3 {
            font-size: 3rem;
            font-weight: bold;
            color: #FFFFFF;
            padding-bottom: 2rem;
        }

        .about-pb .about-careers .careers-content p {
            color: #FFFFFF;
            font-size: 1.6rem;
            padding-right: 10rem;
            padding-bottom: 2rem;
        }

    .about-pb .about-careers .careers-bar {
        width: 4.5rem;
        background-color: #5CB8B2;
    }

        .about-pb .about-careers .careers-bar .t {
            width: 0;
            height: 0;
            border-left: 4.5rem solid transparent;
            border-top: 3.5rem solid rgb(255 255 255);
        }

        .about-pb .about-careers .careers-bar .r {
            height: 30rem;
            background-color: #FFFFFF;
        }

    .about-pb .about-careers a {
        margin-top: 2rem;
        width: 22rem;
    }

    .about-pb .about-careers .careers-image {
        background-size: cover !important;
        background-position: center center !important;
    }

@media (max-width: 1441px) {
    .about-pb .about-careers .careers-content {
        padding-left: 2rem;
    }
}

@media (max-width: 1439px) {
    .about-pb .about-careers {
        margin-top: 6rem;
    }
}

@media (max-width: 1023px) {
    .about-pb .about-careers .careers-content {
        padding: 2rem;
    }

        .about-pb .about-careers .careers-content p {
            padding-right: 0;
        }

    .about-pb .about-careers a {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .about-pb .about-careers .careers-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .about-pb .about-careers .careers-image {
        min-height: 30rem;
        grid-column: 1/3;
        order: -1;
    }
}

/* Contact Page*/
.contact img {
    max-width: none;
}

.contact .contact-grid {
    display: grid;
    grid-template-columns: 4.5rem 1fr;
    background-color: #ECECED;
}

.contact .contact-bar {
    width: 4.5rem;
    background-color: #56C4C2;
    position: relative;
}

/*    .contact .contact-bar .r {
        background: #56C4C2;
        height: 99rem;
    }*/

    .contact .contact-bar .t {
        width: 0;
        height: 0;
        border-right: 0 solid transparent;
        border-left: 4.5rem solid #fff;
        border-top: 3.5rem solid #56C4C2;
        position: absolute;
        bottom: 0;
    }

.contact .contact-content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8rem;
    margin-top: 6rem;
}

.contact legend {
    font-size: 3rem;
    font-weight: bold;
    padding-bottom: 2rem;
}

.contact label {
    font-size: 1.4rem;
}

.contact .form-flex {
    display: flex;
    flex-direction: row;
    grid-gap: 7.5rem;
    margin-bottom: 1rem;
}

.contact .form-group {
    margin-bottom: 0;
}


    .contact .form-group input {
        width: 30rem;
        border-radius: .4rem;
    }

.contact .interest-form-group {
    margin-bottom: 1rem;
}

    .contact .interest-form-group select {
        width: 100%;
        border-radius: .4rem;
    }

.contact .message-form-group {
    margin-bottom: 3rem;
}

    .contact .message-form-group textarea {
        width: 100%;
        border-radius: .4rem;
        resize: vertical;
        max-height: 25rem;
    }

.contact .contact-leadership-grid:nth-child(1) {
    margin-top: 8rem;
}

.contact .contact-leadership-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin-bottom: 4rem;
}

.contact .contact-employee-photo {
    background-size: cover !important;
    background-position: center center !important;
    height: 18rem;
    width: 18rem;
}

.contact .contact-employee-flex {
    display: flex;
    flex-direction: column;
}

    .contact .contact-employee-flex h3:nth-child(1) {
        font-size: 1.8rem;
        font-weight: bold;
        padding-bottom: 1rem;
    }

    .contact .contact-employee-flex h3 {
        font-size: 1.6rem;
    }

.contact #contact-submit {
    background-color: #53585F;
    width: 20rem;
    border: none;
    margin: 0 2rem 3rem 0;
}

@media(max-width: 1441px) {
    .contact .contact-grid .wrap {
        width: var(--wrap-size-6rem);
    }

    .contact .contact-form-container {
        padding-left: 2rem;
    }
}

@media (max-width: 1439px) {
    .contact .contact-content-grid {
        grid-template-columns: 1fr;
    }

    .contact .contact-leadership {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .contact .contact-leadership-grid {
        margin-bottom: 4rem;
        grid-gap: 2rem;
    }

        .contact .contact-leadership-grid:nth-child(1) {
            margin-top: 0;
        }
}

@media (max-width: 1023px) {
    .contact .contact-content-grid {
        grid-gap: 4rem;
    }

    .contact .contact-form-container {
        padding-left: 0;
    }

    .contact .contact-leadership {
        grid-gap: 2rem;
    }
}

@media (max-width: 767px) {
    .contact .contact-grid {
        grid-template-columns: 2.5rem 1fr;
    }

    .contact .contact-bar {
        width: 2.5rem;
    }

        .contact .contact-bar .t {
            border-left: 2.5rem solid transparent;
            border-top: 1.5rem solid #56C4C2;
        }

    .contact .form-flex {
        flex-direction: column;
        grid-gap: 2rem;
    }

    .contact .interest-form-group select {
        width: 100%;
    }

    .contact .message-form-group textarea {
        width: 100%;
    }

    .contact .form-group input {
        width: 100%;
    }

    .contact #contact-submit {
        width: 70%;
    }

    .contact .contact-leadership {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 424px) {
    .contact .contact-leadership-grid {
        grid-template-columns: 1fr;
    }

    .contact #contact-submit {
        width: 60%;
    }
}

.contact .contact-locations {
    margin-top: 8rem;
}

    .contact .contact-locations .wrap > h2 {
        font-size: 3rem;
        font-weight: bold;
        margin-bottom: 3rem;
    }

.contact .contact-locations-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
}

.contact .locations-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;

}

.contact .location-details h3 {
    font-size: 2.6rem;
    font-weight: bold;
    margin-bottom: 3rem;
}

.contact .location-details p {
    margin-bottom: 3rem;
}

.contact .locations-grid .location-image {
    background-size: cover !important;
    background-position: center center !important;
    height: 33rem;
    width: 30rem;
}

@media (max-width: 1439px) {
    .contact .contact-locations-grid {
        grid-template-columns: 1fr;
        grid-gap: 4rem;
    }

    .contact .locations-grid .location-image {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .contact .locations-grid {
        grid-template-columns: 1fr;
    }

    .contact .contact-locations-grid .locations-grid:nth-child(1) {
        margin-bottom: 2rem;
    }

    .contact .location-details h3 {
        font-size: 2rem;
    }

    .contact .location-details p {
        margin-bottom: 1rem;
    }
}

.contact .contact-careers {
    margin-top: 10rem;
}

    .contact .contact-careers .careers-grid {
        display: grid;
        grid-template-columns: 2fr 4.5rem 1fr;
        min-height: 40rem;
    }

    .contact .contact-careers .careers-content {
        background-color: #5CB8B2;
        padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .contact .contact-careers .careers-content h3 {
            font-size: 3rem;
            font-weight: bold;
            color: #FFFFFF;
            padding-bottom: 2rem;
        }

        .contact .contact-careers .careers-content p {
            color: #FFFFFF;
            font-size: 1.6rem;
            padding-right: 10rem;
            padding-bottom: 2rem;
        }

    .contact .contact-careers .careers-bar {
        width: 4.5rem;
        background-color: #5CB8B2;
    }

        .contact .contact-careers .careers-bar .t {
            width: 0;
            height: 0;
            border-left: 4.5rem solid transparent;
            border-top: 3.5rem solid rgb(255 255 255);
        }

        .contact .contact-careers .careers-bar .r {
            height: 30rem;
            background-color: #FFFFFF;
        }

    .contact .contact-careers a {
        margin-top: 2rem;
        width: 22rem;
    }

    .contact .contact-careers .careers-image {
        background-size: cover !important;
        background-position: center center !important;
    }

@media (max-width: 1441px) {
    .contact .contact-careers .careers-content {
        padding-left: 2rem;
    }
}

@media (max-width: 1439px) {
    .contact .contact-careers {
        margin-top: 6rem;
    }
}

@media (max-width: 1023px) {
    .contact .contact-careers .careers-content {
        padding: 2rem;
    }

        .contact .contact-careers .careers-content p {
            padding-right: 0;
        }

    .contact .contact-careers a {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .contact .contact-careers .careers-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .contact .contact-careers .careers-image {
        min-height: 30rem;
        grid-column: 1/3;
        order: -1;
    }
    .contact .contact-careers .careers-bar .r {
        height: 32rem;
    }
}

@media (max-width: 550px) {
    .contact .contact-careers .careers-bar .r {
        height: 24rem;
    }
}

/* Leadership Page */

.leadership .leadership-hero {
    max-height: 30rem;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.leadership img {
    max-width: none;
}

.leadership ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 20px;
}

.leadership .turqoise-bar {
    width: 4.5rem;
}

    .leadership .turqoise-bar .t {
        width: 0;
        height: 0;
        border-right: 0px solid transparent;
        border-left: 4.5rem solid transparent;
        border-top: 3.5rem solid #56C4C2;
    }

    .leadership .turqoise-bar .r {
        background: #56C4C2;
        height: 26.3rem;
    }

.leadership .gray-hero {
    background: #A7A8A9;
    padding-top: 4rem;
    padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px - 4.5rem);
    width: 100%;
}

    .leadership .gray-hero span {
        font-weight: bold;
    }

        .leadership .gray-hero a {
            color: #707070;
            font-size: 3rem;
            font-weight: bold;
        }

        .leadership .gray-hero span:nth-child(2) {
            color: #FFFFFF;
            font-size: 7rem;
        }

.leadership .leadership-image {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
    min-height: 57rem;
    width: 100%;
    position: relative;
    top: 20rem;
    display: flex;
}

    .leadership .leadership-image > h1 {
        font-size: 7rem;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.8);
        align-self: flex-end;
        padding: 0 0 2rem 5rem;
    }

.leadership .leadership-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 3rem;
    margin: 5rem 0 10rem 0;
}

.leadership .leader-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 2rem;
}

    .leadership .leader-grid .leader-image {
        width: 100%;
    }

.leadership .leader-flex {
    display: flex;
    flex-direction: column;
}

    .leadership .leader-flex h3:nth-child(1) {
        font-size: 1.8rem;
        font-weight: bold;
        padding-bottom: 1rem;
    }

    .leadership .leader-flex h3 {
        font-size: 1.6rem;
    }

@media (max-width: 1439px) {
    .leadership .leader-grid {
        grid-gap: 2rem;
    }

    .leadership .leadership-image {
        min-height: 45rem;
    }

        .leadership .leadership-image > h1 {
            font-size: 6rem;
            padding: 0 0 2rem 3rem;
        }
    .leadership .gray-hero {
        padding-left: 2rem;
    }
}

@media (max-width: 1023px) {
    .leadership .leadership-image {
        min-height: 40rem;
    }

        .leadership .leadership-image > h1 {
            font-size: 4rem;
            padding: 0 0 2rem 5rem;
        }

    .leadership .leadership-grid {
        grid-template-columns: 1fr;
    }

    .leadership .leader-grid {
        grid-gap: 2rem;
    }

    .leadership .gray-hero span {
        top: 5rem;
    }

        .leadership .gray-hero span:nth-child(2) {
            font-size: 5rem;
        }
    .leadership .leader-grid .leader-image {
         height: initial !important; 
         width: 100%; 
    }
}

@media (max-width: 767px) {
    .leadership .leadership-hero {
        height: 17rem;
    }

    .leadership .leadership-image {
        min-height: 16rem;
        top: 12rem;
    }

        .leadership .gray-hero span:nth-child(1) {
            font-size: 2.5rem;
        }

        .leadership .gray-hero span:nth-child(2) {
            font-size: 3.5rem;
        }

    .leadership .leadership-image > h1 {
        font-size: 2rem;
        padding: 0 0 1rem 3rem;
    }

    .leadership .turqoise-bar {
        width: 2rem;
    }

        .leadership .turqoise-bar .r {
            height: 16rem;
        }

        .leadership .turqoise-bar .t {
            border-left: 2rem solid transparent;
            border-top: 1rem solid #56C4C2;
        }

    .leadership .leadership-grid {
        margin-top: 15rem;
    }

    .leadership .leader-grid {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }

    .leadership .leader-image {
        width: 100% !important;
        height: initial !important;
    }

    .leadership .gray-hero span {
        top: 3rem;
    }
}

/*About 2 Page*/
.about .about-hero {
    height: 62rem;
    background-size: cover !important;
    background-position: center center !important;
}

.about .about-hero-grid {
    display: grid;
    grid-template-columns: 35%;
    height: 100%;
}

    .about .about-hero-grid > div {
        background-color: rgba(0, 60, 113, 0.8);
        padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px);
        padding-right: 8rem;
        position: relative;
        display: flex;
        align-items: center;
    }

.about .content {
    display: grid;
    grid-template-columns: 1fr;
}


.about .about-title h1 {
    color: #FFFFFF;
    font-size: 7rem;
    font-weight: bold;
}

.about .about-description p {
    color: #FFFFFF;
    font-size: 2.2rem;
}

.about .about-hero-grid > div:nth-child(1) .teal-bar1 {
    position: absolute;
    width: 4.5rem;
    top: 0;
    right: -4.5rem;
}

    .about .about-hero-grid > div:nth-child(1) .teal-bar1 .t {
        width: 0;
        height: 0;
        border-right: 0px solid transparent;
        border-left: 4.5rem solid rgba(118, 180, 227, 0.7);
        border-bottom: 3.5rem solid transparent;
    }

    .about .about-hero-grid > div:nth-child(1) .teal-bar1 .r {
        background-color: rgba(118, 180, 227, 0.7);
        height: 48.5rem;
    }

@media (max-width: 1441px) {
    .about .about-hero-grid > div {
        padding-right: 0;
    }

    .about .content {
        padding: 4rem 8rem 0 8rem;
    }

    .about .about-title h1 {
        font-size: 6.7rem;
    }

    .about .about-description p {
        font-size: 2rem;
    }
}

@media (max-width: 1439px) {
    .about .about-hero-grid {
        grid-template-columns: 50%;
    }
}

@media (max-width: 1023px) {
    .about .about-hero-grid {
        grid-template-columns: 75%;
    }

    .about .content {
        padding: 0 8rem 0 8rem;
    }
}

@media (max-width: 767px) {
    .about .about-hero {
        height: 44.5rem;
    }

    .about .about-hero-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .about .about-title h1 {
        font-size: 4rem;
    }

    .about .content {
        padding: 0 2rem 0 2rem;
    }

    .about .about-hero-grid > div:nth-child(1) .teal-bar1 .r {
        height: 41rem;
    }
}

@media (max-width: 374px) {
    .about .about-description p {
        font-size: 1.6rem;
    }
}

.about .about-team-grid {
    display: grid;
    grid-template-columns: 1fr 4.5rem 2fr;
    align-items: center;
    margin: 6rem 0 6rem 0;
    height: 40rem;
}


    .about .about-team-grid .team-image {
        background-size: cover !important;
        background-position: center center !important;
        height: 100%;
    }

    .about .about-team-grid .teal-bar2 {
        width: 4.5rem;
        top: 0;
    }

        .about .about-team-grid .teal-bar2 .t {
            width: 0;
            height: 0;
            border-left: 0px solid transparent;
            border-right: 4.5rem solid transparent;
            border-bottom: 3.5rem solid #003C71;
        }

        .about .about-team-grid .teal-bar2 .r {
            height: 36.5rem;
            background-color: #003C71;
        }

.about .team-description-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    align-items: center;
    max-height: 40rem;
}


.about .about-team-grid .team-description {
    padding-left: 7rem;
}

    .about .about-team-grid .team-description h3 {
        font-size: 3rem;
        font-weight: bold;
        padding-bottom: 2rem;
        color: #003C71;
    }

    .about .about-team-grid .team-description p {
        font-size: 1.6rem;
    }

.about .about-team-grid .team-links {
    display: flex;
    flex-direction: column;
    padding-left: 7rem;
}

    .about .about-team-grid .team-links a {
        color: #003C71;
        font-size: 2.4rem;
        font-weight: bold;
        padding-bottom: 2rem;
    }

@media (max-width: 1441px) {


    .about .about-team-grid {
        grid-template-columns: 1.5fr 4.5rem 1fr;
        margin-bottom: 12rem;
        min-height: 70rem;
    }

    .about .team-description-grid {
        grid-template-columns: 1fr;
        margin-right: 2rem;
        min-height: 50rem;
    }

    .about .about-team-grid .team-description {
        padding-left: 2rem;
        margin-bottom: 2rem;
    }

    .about .about-team-grid .team-links {
        padding-left: 2rem;
    }

    .about .about-team-grid .teal-bar2 .r {
        height: 66.5rem;
    }
}

@media (max-width: 1439px) {
    .about .about-team-grid {
        grid-template-columns: 1fr 4.5rem;
        min-height: 100rem;
        margin: 6rem 0 6rem 0;
        row-gap: 6rem;
    }

        .about .about-team-grid .team-image {
            max-height: 70rem;
        }

    .about .team-description-grid {
        margin: 0;
        min-height: 0;
        grid-template-columns: 2fr 1fr;
    }

        .about .team-description-grid .team-description {
            margin: 0;
        }
}

@media (max-width: 1023px) {
    .about .about-team-grid .team-links a {
        font-size: 2.2rem;
    }
}

@media (max-width: 767px) {
    .about .about-team-grid {
        margin: 5rem 0 0 0;
        min-height: 80rem;
        align-items: start;
        grid-template-rows: 25rem 1fr;
        row-gap: 4rem;
    }

        .about .about-team-grid .team-image {
            max-height: 25rem;
        }

        .about .about-team-grid .teal-bar2 .r {
            height: 21.5rem;
        }

    .about .about-team-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .about .team-description-grid {
        grid-template-columns: 1fr;
    }

        .about .team-description-grid .team-description {
            padding-bottom: 2rem;
        }
}

@media (max-width: 424px) {
    .about .about-team-grid {
        min-height: 127rem;
    }
}

@media (max-width: 374px) {
    .about .about-team-grid {
        min-height: 145rem;
    }

    .about .team-description-grid {
        min-height: 110rem;
    }
}

.about .about-map {
    display: flex;
    flex-direction: column;
    margin-top: 8rem;
}

    .about .about-map .map-title {
        position: absolute;
    }

        .about .about-map .map-title h3 {
            font-size: 7rem;
            font-weight: bold;
            color: #003C71;
        }

            .about .about-map .map-title h3:nth-child(2) {
                text-indent: 24rem;
            }

    .about .about-map .map-image {
        margin-top: 12rem;
        background-size: cover !important;
        background-position: center center !important;
        height: 50rem;
    }

    .about .about-map .map-details-grid {
        margin-top: 4rem;
        display: grid;
        grid-template-columns: 2fr 1fr;
    }

    .about .about-map .map-link {
        padding-top: 4rem;
    }

        .about .about-map .map-link a {
            background: #003C71;
            border-radius: .4rem;
            color: #FFFFFF;
            border: none;
        }

@media (max-width: 1439px) {
    .about .about-map {
        margin-top: 6rem;
    }
}

@media (max-width: 1023px) {
    .about .about-map .map-title h3 {
        font-size: 6rem;
    }

    .about .about-map .map-image {
        margin-top: 4rem;
    }
}

@media (max-width: 767px) {
    .about .about-map .map-image {
        height: 17.6rem;
    }

    .about .about-map .map-title h3 {
        font-size: 2.8rem;
    }

        .about .about-map .map-title h3:nth-child(2) {
            text-indent: 8rem;
        }

    .about .about-map .map-details-grid {
        grid-template-columns: 1fr;
    }

    .about .about-map .map-link {
        padding-top: 2rem;
    }

    .about .about-map {
        margin-top: 12rem;
    }
}

.about .side-image-section {
    margin-top: 10rem;
}

    .about .side-image-section .side-image-grid {
        display: grid;
        grid-template-columns: 2fr 4.5rem 1fr;
        min-height: 40rem;
    }

    .about .side-image-section .side-content {
        background-color: #003C71;
        padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .about .side-image-section .side-content h3 {
            font-size: 3rem;
            font-weight: bold;
            color: #FFFFFF;
            padding-bottom: 2rem;
        }

        .about .side-image-section .side-content p {
            color: #FFFFFF;
            font-size: 1.6rem;
            padding-right: 10rem;
            padding-bottom: 2rem;
        }

    .about .side-image-section .side-image-bar {
        width: 4.5rem;
        background-color: #003C71;
    }

        .about .side-image-section .side-image-bar .t {
            width: 0;
            height: 0;
            border-left: 4.5rem solid transparent;
            border-top: 3.5rem solid rgb(255 255 255);
        }

        .about .side-image-section .side-image-bar .r {
            height: 30rem;
            background-color: #FFFFFF;
        }

    .about .side-image-section a {
        margin-top: 2rem;
        width: 22rem;
        background-color: #76B4E3;
        border: none;
    }

    .about .side-image-section .side-image {
        background-size: cover !important;
        background-position: center center !important;
    }

@media (max-width: 1441px) {
    .about .side-image-section .side-content {
        padding-left: 2rem;
    }
}

@media (max-width: 1439px) {
    .about .side-image-section {
        margin-top: 6rem;
    }
}

@media (max-width: 1023px) {
    .about .side-image-section .side-content {
        padding: 2rem;
    }

        .about .side-image-section .side-content p {
            padding-right: 0;
        }

    .about .side-image-section a {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .about .side-image-section .side-image-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .about .side-image-section .side-image {
        min-height: 30rem;
        grid-column: 1/3;
        order: -1;
    }
}

.about .background-image-section {
    background-size: cover !important;
    background-position: center center !important;
    height: 55rem;
}

.about .background-section-grid {
    display: grid;
    grid-template-columns: 4.5rem 1fr;
    padding-left: 90rem;
    height: 37.5rem;
}

.about .background-image-section .background-image-bar {
    background-color: transparent;
    width: 4.5rem;
}

    .about .background-image-section .background-image-bar .r {
        height: 45rem;
        background-color: #76B4E3;
    }

    .about .background-image-section .background-image-bar .t {
        width: 0;
        height: 0;
        border-left: 0 solid transparent;
        border-right: 4.5rem solid #76B4E3;
        border-bottom: 3.5rem solid transparent;
    }

.about .background-image-section .background-image-content {
    background-color: rgba(118, 180, 227, 0.9);
    padding: 4rem 24rem 0 3rem;
}

    .about .background-image-section .background-image-content > h3 {
        color: #FFFFFF;
        font-size: 3rem;
        font-weight: bold;
    }

    .about .background-image-section .background-image-content > p {
        color: #FFFFFF;
        font-size: 2.2rem;
        font-style: italic;
        padding-top: 1rem;
    }


@media (max-width: 1441px) {
    .about .background-section-grid {
        padding-left: 50rem;
    }

    .about .background-image-content {
        padding: 4rem 10rem 0 3rem !important;
    }
}

@media (max-width: 1439px) {
    .about .background-section-grid {
        padding-left: 30rem;
    }

    .about .background-image-content > p {
        font-size: 2rem !important;
    }
}

@media (max-width: 1023px) {
    .about .background-section-grid {
        padding-left: 15rem;
    }

    .about .background-image-content {
        padding: 3rem 3rem 0 3rem !important;
    }
}

@media (max-width: 767px) {
    .about .background-section-grid {
        padding-left: 0;
    }

    .about .background-image-content {
        padding: 2rem !important;
    }

        .about .background-image-content > p {
            font-size: 1.8rem !important;
        }
}

@media (max-width: 550px) {
    .about .background-image-section {
        height: 52rem;
    }
}
@media (max-width: 375px) {
    .about .background-image-section {
        height: 60rem;
    }
}
@media (max-width: 320px) {
    .about .background-image-section {
        height: 75rem;
    }
}

.about .about-companies {
    margin-top: 8rem;
}

.about .company-content .company-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8rem;
}

    .about .company-content .company-grid img {
        height: 6rem;
    }

    .about .company-content .company-grid a {
        display: block;
        color: #000;
        padding: 3.5rem 0 2rem 0;
        font-size: 2.4rem;
        font-weight: 600;
    }

    .about .company-content .company-grid p {
        font-size: 1.6rem;
    }

.about .company-content .wrap > h5 {
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 5rem;
}

@media (max-width: 1439px) {
    .about .about-companies {
        margin-top: 6rem;
    }

    .about .company-content .company-grid img {
        height: 4rem;
    }

    .about .company-content .company-grid a {
        font-size: 1.8rem;
    }

    .about .company-content .company-grid {
        grid-gap: 2rem;
    }

        .about .company-content .company-grid a {
            padding: 1.5rem 0 1.5rem 0;
        }
}

@media (max-width: 1023px) {
    .about .about-companies .company-grid {
        grid-template-columns: 1fr;
        grid-gap: 2rem;
    }
}

.about .about-careers {
    margin-top: 8rem;
}

    .about .about-careers .careers-grid {
        display: grid;
        grid-template-columns: 2fr 4.5rem 1fr;
        min-height: 40rem;
    }

    .about .about-careers .careers-content {
        background-color: #76B4E3;
        padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .about .about-careers .careers-content h3 {
            font-size: 3rem;
            font-weight: bold;
            color: #FFFFFF;
            padding-bottom: 2rem;
        }

        .about .about-careers .careers-content p {
            color: #FFFFFF;
            font-size: 1.6rem;
            padding-right: 10rem;
            padding-bottom: 2rem;
        }

    .about .about-careers .careers-bar {
        width: 4.5rem;
        background-color: #76B4E3;
    }

        .about .about-careers .careers-bar .t {
            width: 0;
            height: 0;
            border-left: 4.5rem solid transparent;
            border-top: 3.5rem solid rgb(255 255 255);
        }

        .about .about-careers .careers-bar .r {
            height: 30rem;
            background-color: #FFFFFF;
        }

    .about .about-careers a {
        margin-top: 2rem;
        width: 22rem;
        background-color: #003E75;
    }

    .about .about-careers .careers-image {
        background-size: cover !important;
        background-position: center center !important;
    }


@media (max-width: 1441px) {
    .about .about-careers .careers-content {
        padding-left: 2rem;
    }
}

@media (max-width: 1439px) {
    .about .about-careers {
        margin-top: 6rem;
    }
}

@media (max-width: 1023px) {
    .about .about-careers .careers-content {
        padding: 2rem;
    }

        .about .about-careers .careers-content p {
            padding-right: 0;
        }

    .about .about-careers a {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .about .about-careers .careers-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .about .about-careers .careers-image {
        min-height: 30rem;
        grid-column: 1/3;
        order: -1;
    }
}

/* Industries Page */
.industries .industries-hero {
    max-height: 30rem;
    position: absolute;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.industries .turqoise-bar {
    width: 4.5rem;
}

    .industries .turqoise-bar .t {
        width: 0;
        height: 0;
        border-right: 0px solid transparent;
        border-left: 4.5rem solid transparent;
        border-top: 3.5rem solid #76B4E3;
    }

    .industries .turqoise-bar .r {
        background: #76B4E3;
        height: 26.3rem;
    }

.industries .color-hero {
    background: #033C71;
    padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px - 4.5rem);
    width: 100%;
}

.industries .industries-hero h1 {
    color: #FFFFFF;
    font-size: 7rem;
    font-weight: bold;
    padding-top: 5rem;
}

.industries .industries-grid {
    position: relative;
    top: 20rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5rem;
    row-gap: 7rem;
    margin-bottom: 28rem;
}

.industries .industry {
    background-size: cover !important;
    background-position: center center !important;
    width: 42.5rem;
    height: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    cursor: pointer;
}

.industries .industry-card {
    background-color: #76B4E3;
    width: 42.5rem;
    height: 30rem;
    position: relative;
    display: flex;
    align-items: center;
}

.industries .industry-flex {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding: 0 6rem 0 6rem;
}

.industries .industry-contact-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .industries .industry-contact-flex a:nth-child(1) {
        background-color: #033C71;
        border: none;
        margin-right: 2rem;
    }

    .industries .industry-contact-flex a:nth-child(2) {
        color: #033C71;
        font-weight: bold;
    }

.industries .industry-card .close {
    position: absolute;
    top: 1rem;
    right: 2rem;
    color: #FFF;
    font-weight: bold;
    font-size: 2.5rem;
}

.industries .industry-flex {
    display: flex;
    flex-direction: column;
}

    .industries .industry-flex h3 {
        font-size: 3rem;
        font-weight: bold;
        color: #FFF;
    }

    .industries .industry-flex p {
        color: #FFF;
    }

.industries .industry-contact-flex {
    display: flex;
    flex-direction: row;
}


.industries .industry-title-card {
    height: 12.5rem;
    width: 100%;
    background-color: rgba(118, 180, 227, 0.58);
}

    .industries .industry-title-card h3 {
        font-size: 3rem;
        font-weight: bold;
        color: #FFF;
        padding: 2rem 0 0 3rem;
    }

.industries .lets-build {
    background: #76B4E3;
    width: 100%;
    min-height: 8rem;
    display: flex;
    flex-direction: row;
    margin-bottom: 8rem;
    align-items: center;
    justify-content: space-between;
}

.industries .build-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.industries .lets-build div:nth-child(2) {
    padding-right: 3rem;
}

.industries .lets-build h3 {
    color: #FFFFFF;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 0 1rem 0 3rem;
}


.industries .lets-build h4 {
    color: #FFFFFF;
    font-size: 1.8rem;
    padding: 0;
}

.industries .lets-build a {
    background-color: #003C71;
    border-radius: .4rem;
    color: #FFFFFF;
    border: none;
}

@media (max-width: 1441px) {
    .industries .industries-hero h1 {
        padding-left: 2rem;
    }

    .industries .industries-grid {
        grid-gap: 0rem;
        justify-items: end;
        row-gap: 4rem;
    }
}

@media (max-width: 1419px) {
    .industries .lets-build h3 {
        font-size: 2.2rem;
    }

    .industries .lets-build h4 {
        font-size: 1.4rem;
    }

    .industries .industries-grid {
        grid-template-columns: 1fr 1fr;
        padding-right: 2rem;
    }
}

@media (max-width: 1023px) {
    .industries .industries-grid {
        grid-template-columns: 1fr;
        padding-right: 3rem;
    }

    .industries .industry {
        width: 90%;
    }

    .industries .industry-card {
        width: 100%;
    }

    .industries .industries-hero h1 {
        font-size: 6rem;
    }
}

@media (max-width: 767px) {
    .industries .industries-hero h1 {
        font-size: 5rem;
    }

    .industries .industries-hero {
        height: 17rem;
    }

    .industries .industries-grid {
        top: 12rem;
        margin-bottom: 18rem;
    }

    .industries .gray-hero {
        padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px - 2rem);
    }

    .industries .turqoise-bar {
        width: 2rem;
    }

        .industries .turqoise-bar .r {
            height: 16rem;
        }

        .industries .turqoise-bar .t {
            border-left: 2rem solid transparent;
            border-top: 1rem solid #76B4E3;
        }

    .industries .industries-hero h1 {
        font-size: 4.5rem;
        padding-top: 3rem;
    }

    .industries .lets-build {
        flex-direction: column;
        margin-bottom: 6rem;
    }

        .industries .lets-build div:nth-child(2) {
            padding-bottom: 3rem;
        }

    .industries .build-flex {
        flex-direction: column;
        align-items: flex-start;
        padding: 3rem 5rem 3rem 5rem;
    }

        .industries .build-flex h3 {
            padding: 0 0 1rem 0;
        }

    .industries .industries-grid {
        grid-template-columns: 1fr;
    }

    .industries .industry-flex {
        padding: 2rem;
    }

        .industries .industry-flex h3 {
            font-size: 2rem;
        }
}

/* What We Do Page*/

.what-we-do .what-we-do-hero {
    height: 62rem;
    background-size: cover !important;
    background-position: center center !important;
}

.what-we-do .what-we-do-hero-grid {
    display: grid;
    grid-template-columns: 35%;
    height: 100%;
}

    .what-we-do .what-we-do-hero-grid > div {
        background-color: rgba(0, 60, 113, 0.8);
        padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px);
        padding-right: 8rem;
        position: relative;
        display: flex;
        align-items: center;
    }

.what-we-do .content {
    display: grid;
    grid-template-columns: 1fr;
}


.what-we-do .what-we-do-title h1 {
    color: #FFFFFF;
    font-size: 7rem;
    font-weight: bold;
    padding-bottom: 4rem;
}

.what-we-do .what-we-do-description {
    display: flex;
    flex-direction: column;
    grid-gap: 2rem;
}

    .what-we-do .what-we-do-description a {
        color: #FFF;
        font-size: 2rem;
    }

.what-we-do .what-we-do-hero-grid > div:nth-child(1) .teal-bar1 {
    position: absolute;
    width: 4.5rem;
    top: 0;
    right: -4.5rem;
}

    .what-we-do .what-we-do-hero-grid > div:nth-child(1) .teal-bar1 .t {
        width: 0;
        height: 0;
        border-right: 0px solid transparent;
        border-left: 4.5rem solid rgba(118, 180, 227, 0.7);
        border-bottom: 3.5rem solid transparent;
    }

    .what-we-do .what-we-do-hero-grid > div:nth-child(1) .teal-bar1 .r {
        background-color: rgba(118, 180, 227, 0.7);
        height: 48.5rem;
    }

@media (max-width: 1441px) {
    .what-we-do .what-we-do-hero-grid > div {
        padding-right: 0;
    }

    .what-we-do .content {
        padding: 4rem 8rem 0 8rem;
    }

    .what-we-do .what-we-do-title h1 {
        font-size: 6.7rem;
    }

    .what-we-do .what-we-do-description a {
        font-size: 2rem;
    }
}

@media (max-width: 1439px) {
    .what-we-do .what-we-do-hero-grid {
        grid-template-columns: 50%;
    }
}

@media (max-width: 1023px) {
    .what-we-do .what-we-do-hero-grid {
        grid-template-columns: 75%;
    }

    .what-we-do .content {
        padding: 0 8rem 0 8rem;
    }
}

@media (max-width: 767px) {
    .what-we-do .what-we-do-hero {
        height: 44.5rem;
    }

    .what-we-do .what-we-do-hero-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .what-we-do .what-we-do-title h1 {
        font-size: 4rem;
    }

    .what-we-do .content {
        padding: 0 2rem 0 2rem;
    }

    .what-we-do .what-we-do-hero-grid > div:nth-child(1) .teal-bar1 .r {
        height: 41rem;
    }
}

@media (max-width: 374px) {
    .what-we-do .what-we-do-description a {
        font-size: 1.6rem;
    }
}

.what-we-do .what-we-do-info-grid {
    display: grid;
    grid-template-columns: 1fr 4.5rem 2fr;
/*    align-items: center;*/
    margin-top: 6rem;
}

    .what-we-do .what-we-do-info-grid .info-image {
        background-size: cover !important;
        background-position: center center !important;
        height: 100%;
    }

    .what-we-do .what-we-do-info-grid .teal-bar2 {
        width: 4.5rem;
        background-color: #003C71;
        align-self: auto;
    }

        .what-we-do .what-we-do-info-grid .teal-bar2 .t {
            width: 0;
            height: 0;
            border-left: 4.5rem solid transparent;
            border-right: 0 solid transparent;
        }

        .what-we-do .what-we-do-info-grid .teal-bar2 .r {
            background-color: #003C71;
        }

.what-we-do .info-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 30rem 0 7rem;
    grid-gap: 6rem;
    align-self: center;
}

    .what-we-do .info-flex .info-title h3 {
        color: #003C71;
        font-size: 2.6rem;
        font-weight: bold;
    }

.what-we-do .info-links-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 7rem;
}

.what-we-do .info-links-flex {
    display: flex;
    flex-direction: column;
    grid-gap: 3rem;
}

    .what-we-do .info-links-flex a {
        color: #003C71;
        font-size: 2.2rem;
        font-weight: bold;
    }

/*@media (max-width: 1441px) {
    .what-we-do .what-we-do-info-grid {
        grid-template-columns: 1fr 4.5rem 1fr;
        margin-bottom: 12rem;
        min-height: 70rem;
    }

    .what-we-do .info-flex {
        padding: 0 2rem 0 3rem;
    }

    .what-we-do .info-links-flex {
        justify-content: normal
    }

        .what-we-do .info-links-flex a:nth-child(1) {
            padding-bottom: 2rem;
        }
}*/

@media (max-width: 1440px) {
    .what-we-do .what-we-do-info-grid {
        grid-template-columns: 1fr 4.5rem 1.5fr;
        margin: 6rem 0 6rem 0;
        row-gap: 6rem;
    }
        .what-we-do .what-we-do-info-grid .info-flex {
            margin: 0;
            grid-gap: 3rem;
            padding: 0 2rem 0 2rem;
        }
    .what-we-do .what-we-do-info-grid {
        
    }
        .what-we-do .what-we-do-info-grid .info-image {
            min-height: 35rem;
        }
}

@media (max-width: 1024px) {
    .what-we-do .what-we-do-info-grid {
        margin: 6rem 0 6rem 0;
    }
    .what-we-do .info-links-grid {
        grid-template-columns: 1fr;
        grid-gap: 5rem;
    }
}

@media (max-width: 768px) {
    .what-we-do .what-we-do-info-grid {
        margin: 5rem 0 0 0;
        row-gap: 4rem;
    }

        .what-we-do .what-we-do-info-grid .info-image {
            min-height: 35rem;
        }

    .what-we-do .what-we-do-info-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .what-we-do .info-flex {
        padding: 0 0 0 2rem;
    }

        .what-we-do .info-flex .info-title h3 {
            font-size: 2rem;
        }

    .what-we-do .info-links-grid {
        grid-template-columns: 1fr;
        grid-gap: 2rem;
    }

    .what-we-do .info-links-flex a {
        font-size: 2rem;
    }
}

@media (max-width: 550px) {
    .what-we-do .side-image-section .side-links-flex {
        display: block !important;
    }
    .what-we-do .side-image-section .side-links-flex a {
        display: block;
        margin-bottom: 3rem;
    }
}



.what-we-do .lets-build {
    background: #76B4E3;
    width: 100%;
    min-height: 8rem;
    display: flex;
    flex-direction: row;
    margin: 8rem 0 8rem 0;
    align-items: center;
    justify-content: space-between;
}

.what-we-do .build-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.what-we-do .lets-build div:nth-child(2) {
    padding-right: 3rem;
}

.what-we-do .lets-build h3 {
    color: #FFFFFF;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 0 1rem 0 3rem;
}


.what-we-do .lets-build h4 {
    color: #FFFFFF;
    font-size: 1.8rem;
    padding: 0;
}

.what-we-do .lets-build a {
    background-color: #003C71;
    border-radius: .4rem;
    color: #FFFFFF;
    border: none;
}

@media (max-width: 1419px) {
    .what-we-do .lets-build h3 {
        font-size: 2.2rem;
    }

    .what-we-do .lets-build h4 {
        font-size: 1.4rem;
    }
}

@media (max-width: 767px) {
    .what-we-do .lets-build {
        flex-direction: column;
        margin: 6rem 0 6rem 0;
    }

        .what-we-do .lets-build div:nth-child(2) {
            padding-bottom: 3rem;
        }

    .what-we-do .build-flex {
        flex-direction: column;
        align-items: flex-start;
        padding: 3rem 5rem 3rem 5rem;
    }

        .what-we-do .build-flex h3 {
            padding: 0 0 1rem 0;
        }
}

.what-we-do .side-image-section .side-image-grid {
    display: grid;
    grid-template-columns: 2fr 4.5rem 1fr;
    min-height: 40rem;
}

.what-we-do .side-image-section .side-content {
    background-color: #003C71;
    padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px);
    padding-top: 4rem;
    display: flex;
    flex-direction: column;
}

.what-we-do .side-image-section:nth-child(odd) .side-content {
    background-color: #76B4E3;
}

.what-we-do .side-image-section h3 {
    font-size: 3rem;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 2rem;
}

.what-we-do .side-image-section p {
    color: #FFFFFF;
    font-size: 1.6rem;
    padding-right: 10rem;
    padding-bottom: 4rem;
}

.what-we-do .side-image-section .side-links-flex {
    display: flex;
    flex-direction: row;
}

    .what-we-do .side-image-section .side-links-flex a {
        font-size: 2.4rem;
        font-weight: bold;
        color: #FFF;
    }

        .what-we-do .side-image-section .side-links-flex a:nth-child(1) {
            padding-right: 6rem;
        }

.what-we-do .side-image-section .side-image-bar {
    width: 4.5rem;
    background-color: #003C71;
}
.what-we-do .side-image-section:nth-child(odd) .side-image-bar {
    background-color: #76B4E3;
}

.what-we-do .side-image-section .side-image-bar .t {
    width: 0;
    height: 0;
    border-left: 4.5rem solid transparent;
    border-top: 3.5rem solid rgb(255 255 255);
}

.what-we-do .side-image-section .side-image-bar .r {
    height: 30rem;
    background-color: #FFFFFF;
}

.what-we-do .side-image-section .side-image {
    background-size: cover !important;
    background-position: center center !important;
}

@media (max-width: 1441px) {
    .what-we-do .side-image-section .side-content {
        padding-left: 2rem;
    }

    .what-we-do .side-image-section .side-content-middle {
        padding-left: 2rem;
    }
}

@media (max-width: 1023px) {
    .what-we-do .side-image-section .side-content {
        padding: 2rem;
    }

    .what-we-do .side-image-section .side-content-middle {
        padding: 2rem;
    }


    .what-we-do .side-image-section .side-content p {
        padding-right: 0;
    }

    .what-we-do .side-image-section .side-content-middle p {
        padding-right: 0;
    }

    .what-we-do .side-image-section a {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .what-we-do .side-image-section .side-image-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .what-we-do .side-image-section .side-image {
        min-height: 30rem;
        grid-column: 1/3;
        order: -1;
    }

    .what-we-do .side-image-section h3 {
        font-size: 2rem;
    }

    .what-we-do .side-image-section .side-links-flex a {
        font-size: 2rem;
    }

        .what-we-do .side-image-section .side-links-flex a:nth-child(1) {
            padding-right: 3rem;
        }
}


.what-we-do .assets-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 7rem;
    margin-bottom: 10rem;
}

.what-we-do .asset-section {
    width: 67.5rem;
    height: 40rem;
    background-size: cover !important;
    background-position: center center !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.what-we-do .asset-info-card {
    width: 100%;
    height: 25rem;
    background-color: rgba(255, 255, 255, 0.8)
}

    .what-we-do .asset-info-card .asset-info-flex {
        display: flex;
        flex-direction: column;
        padding: 2rem 4rem;
    }

        .what-we-do .asset-info-card .asset-info-flex h3 {
            font-size: 3rem;
            font-weight: bold;
            padding-bottom: 4rem;
        }

        .what-we-do .asset-info-card .asset-info-flex a {
            padding-top: 4rem;
            font-size: 2.4rem;
            font-weight: bold;
            color: #003C71;
        }

@media (max-width: 1439px) {
    .what-we-do .assets-grid {
        grid-template-columns: 1fr;
        margin-bottom: 7rem;
    }

    .what-we-do .asset-section {
        width: 100%;
        height: 40rem;
    }
}

@media (max-width: 767px) {
    .what-we-do .asset-info-card .asset-info-flex {
        padding: 2rem 0 0 2rem;
    }

        .what-we-do .asset-info-card .asset-info-flex h3 {
            padding-bottom: 2rem;
        }

        .what-we-do .asset-info-card .asset-info-flex a {
            padding-top: 2rem;
        }
}

/* Global Capabilities Page */
.global-capabilities .global-map {
    display: flex;
    flex-direction: column;
    margin-top: 30rem;
}

    .global-capabilities .global-map .map-link {
        padding-top: 2rem;
        margin-bottom: 2rem;
    }

    .global-capabilities .global-map .map-link a {
        background: #003C71;
        color: #FFFFFF;
        border: none;
    }
@media (max-width: 1419px) {
    .global-capabilities .global-map .map-details {
        padding-right: 30rem;
    }
}

@media (max-width: 1023px) {
    .global-capabilities .global-map .map-details {
        padding-right: 10rem;
    }
    .global-capabilities .global-map {
        margin-top: 25rem;
    }
}

@media (max-width: 767px) {

    .global-capabilities .global-map .map-link {
        padding-top: 2rem;
    }

    .global-capabilities .global-map {
        margin-top: 15rem;
    }
    .global-capabilities .global-map .map-details {
        padding-right: 0;
    }
}

.global-capabilities .standards-section {
    background-color: #003C71;
    margin-top: 10rem;
}

    .global-capabilities .standards-section .standards-flex {
        padding: 6rem 0;
    }

        .global-capabilities .standards-section .standards-flex h1 {
            font-size: 3rem;
            font-weight: bold;
            color: #FFF;
        }

        .global-capabilities .standards-section .standards-flex p {
            color: #FFF;
        }

    .global-capabilities .standards-section .standards-description-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 5rem;
    }

@media (max-width: 1419px) {
    .global-capabilities .standards-section {
        margin-top: 4rem;
    }
}

@media (max-width: 1023px) {
    .global-capabilities .standards-section {
        margin-top: 6rem;
    }
        .global-capabilities .standards-section .standards-flex {
            padding: 6rem 2rem;
        }
        .global-capabilities .standards-section .standards-flex h1 {
            font-size: 2.5rem;
        }
}

@media (max-width: 767px) {
    .global-capabilities .standards-section .standards-flex h1 {
        font-size: 2rem;
    }

    .global-capabilities .standards-section .standards-description-grid {
        grid-template-columns: 1fr;
    }
}

.global-capabilities .lets-build {
    background: #76B4E3;
    width: 100%;
    min-height: 8rem;
    display: flex;
    flex-direction: row;
    margin: 8rem 0 8rem 0;
    align-items: center;
    justify-content: space-between;
}

.global-capabilities .build-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.global-capabilities .lets-build div:nth-child(2) {
    padding-right: 3rem;
}

.global-capabilities .lets-build h3 {
    color: #FFFFFF;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 0 1rem 0 3rem;
}


.global-capabilities .lets-build h4 {
    color: #FFFFFF;
    font-size: 1.8rem;
    padding: 0;
}

.global-capabilities .lets-build a {
    background-color: #003C71;
    color: #FFFFFF;
    border: none;
}

@media (max-width: 1419px) {
    .global-capabilities .lets-build h3 {
        font-size: 2.2rem;
    }

    .global-capabilities .lets-build h4 {
        font-size: 1.4rem;
    }
}

@media (max-width: 767px) {
    .global-capabilities .lets-build {
        flex-direction: column;
        margin: 6rem 0 6rem 0;
    }

        .global-capabilities .lets-build div:nth-child(2) {
            padding-bottom: 3rem;
        }

    .global-capabilities .build-flex {
        flex-direction: column;
        align-items: flex-start;
        padding: 3rem 5rem 3rem 5rem;
    }

        .global-capabilities .build-flex h3 {
            padding: 0 0 1rem 0;
        }
}

.global-capabilities .background-image-section {
    background-size: cover !important;
    background-position: center center !important;
    height: 42.5rem;
}

.global-capabilities .background-section-grid {
    display: grid;
    grid-template-columns: 4.5rem 1fr;
    padding-left: 90rem;
    height: 37.5rem;
}

.global-capabilities .background-image-section .background-image-bar {
    background-color: transparent;
    width: 4.5rem;
}

    .global-capabilities .background-image-section .background-image-bar .r {
        height: 34rem;
        background-color: #76B4E3;
    }

    .global-capabilities .background-image-section .background-image-bar .t {
        width: 0;
        height: 0;
        border-left: 0 solid transparent;
        border-right: 4.5rem solid #76B4E3;
        border-bottom: 3.5rem solid transparent;
    }

.global-capabilities .background-image-section .background-image-content {
    background-color: rgba(118, 180, 227, 0.9);
    padding: 4rem 24rem 0 3rem;
}

    .global-capabilities .background-image-section .background-image-content > h3 {
        color: #FFFFFF;
        font-size: 3rem;
        font-weight: bold;
    }

    .global-capabilities .background-image-section .background-image-content > p {
        color: #FFFFFF;
        font-size: 2.2rem;
        font-style: italic;
        padding-top: 1rem;
    }

@media (max-width: 1900px) {
    .global-capabilities .background-section-grid {
        padding-left: 50rem;
    }
}
@media (max-width: 1441px) {
    .global-capabilities .background-section-grid {
        padding-left: 50rem;
    }

    .global-capabilities .background-image-content {
        padding: 4rem 10rem 0 3rem !important;
    }
}

@media (max-width: 1439px) {
    .global-capabilities .background-section-grid {
        padding-left: 30rem;
    }

    .global-capabilities .background-image-content > p {
        font-size: 2rem !important;
    }
}

@media (max-width: 1023px) {
    .global-capabilities .background-section-grid {
        padding-left: 15rem;
    }

    .global-capabilities .background-image-content {
        padding: 3rem 3rem 0 3rem !important;
    }
}

@media (max-width: 767px) {
    .global-capabilities .background-section-grid {
        padding-left: 0;
    }

    .global-capabilities .background-image-content {
        padding: 2rem !important;
    }

    .global-capabilities .background-image-content > p {
        font-size: 1.8rem !important;
    }
    .global-capabilities .background-image-section {
        height: 55rem;
    }
        .global-capabilities .background-image-section .background-image-bar .r {
            height: 48rem;
        }
}

@media (max-width: 325px) {
    .global-capabilities .background-image-section {
        height: 65rem;
    }

        .global-capabilities .background-image-section .background-image-bar .r {
            height: 58rem;
        }
}

.global-capabilities .side-image-section .side-image-grid {
    display: grid;
    grid-template-columns: 2fr 4.5rem 1fr;
    min-height: 40rem;
}

.global-capabilities .side-image-section .side-content {
    padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .global-capabilities .side-image-section .side-content h3 {
        font-size: 3rem;
        font-weight: bold;
        padding-bottom: 2rem;
    }

    .global-capabilities .side-image-section .side-content p {
        font-size: 1.6rem;
        padding-right: 10rem;
        padding-bottom: 2rem;
    }

.global-capabilities .side-image-section .side-image-bar {
    width: 4.5rem;
    background-color: #003C71;
}

    .global-capabilities .side-image-section .side-image-bar .t {
        width: 0;
        height: 0;
        border-right: 4.5rem solid transparent;
        border-top: 3.5rem solid rgb(255 255 255);
    }

    .global-capabilities .side-image-section .side-image-bar .r {
        height: 30rem;
        background-color: #003C71;
    }

.global-capabilities .side-image-section a {
    width: 22rem;
    background-color: #003C71;
    border: none;
}

.global-capabilities .side-image-section .side-image {
    background-size: cover !important;
    background-position: center center !important;
}

@media (max-width: 1441px) {
    .global-capabilities .side-image-section .side-content {
        padding-left: 2rem;
    }
}

@media (max-width: 1439px) {
    .global-capabilities .side-image-section {
        margin-top: 6rem;
    }
    .global-capabilities .side-image-section .side-image-grid {
        grid-template-columns: 1fr 4.5rem 1fr;
    }
    .global-capabilities .side-image-section .side-content h3 {
        padding-bottom: 1rem;
    }

    .global-capabilities .side-image-section .side-content p {
        padding-bottom: 1rem;
    }
}

@media (max-width: 1023px) {
    .global-capabilities .side-image-section .side-content {
        padding: 2rem;
    }

        .global-capabilities .side-image-section .side-content p {
            padding-right: 0;
        }

    .global-capabilities .side-image-section a {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .global-capabilities .side-image-section .side-image-grid {
        grid-template-columns: 1fr 4.5rem !important;
    }

    .global-capabilities .side-image-section .side-image {
        min-height: 30rem;
        grid-column: 1/3;
        order: -1;
    }
}

/* Service Category Page */
.service-category .service-category-hero {
    max-height: 30rem;
    position: absolute;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.service-category .turqoise-bar {
    width: 4.5rem;
}

    .service-category .turqoise-bar .t {
        width: 0;
        height: 0;
        border-right: 0px solid transparent;
        border-left: 4.5rem solid transparent;
        border-top: 3.5rem solid #76B4E3;
    }

    .service-category .turqoise-bar .r {
        background: #76B4E3;
        height: 26.3rem;
    }

.service-category .gray-hero {
    background: #033C71;
    padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px - 4.5rem);
    width: 100%;
    padding-top: 4rem;
}

    .service-category .gray-hero span {
        font-weight: bold;
    }

    .service-category .gray-hero a {
        font-weight: bold;
        color: #76B4E3;
        font-size: 3rem;
        text-decoration: none;
    }

        .service-category .gray-hero span:nth-child(2) {
            color: #FFFFFF;
            font-size: 7rem;
        }

.service-category .service-category-image {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
    min-height: 57rem;
    width: 100%;
    position: relative;
    top: 20rem;
    display: flex;
    margin-bottom: 30rem;
}

    .service-category .service-category-image > h1 {
        font-size: 7rem;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.8);
        align-self: flex-end;
        padding: 0 0 2rem 5rem;
    }
@media (max-width: 1580px) {
    .service-category .gray-hero {
        padding-left: 3rem;
    }
    .service-category .service-category-image {
        width: 100%;
        margin: 0 5rem 30rem 5rem; 
    }
}
@media (max-width: 1440px) {
    .service-category .service-category-image {
        width: 93%;
        margin: 0 5rem 30rem 6rem;
        min-height: 45rem;
        top: 15rem;
    }

        .service-category .service-category-image > h1 {
            font-size: 6rem;
            padding: 0 0 2rem 3rem;
        }

    .service-category .gray-hero span:nth-child(2) {
        font-size: 6rem;
    }
}

@media (max-width: 1023px) {
    .service-category .service-category-image {
        min-height: 40rem;
    }

        .service-category .service-category-image > h1 {
            font-size: 4rem;
            padding: 0 0 2rem 5rem;
        }

    .service-category .gray-hero span {
        top: 5rem;
    }

        .service-category .gray-hero span:nth-child(1) {
            font-size: 2rem;
        }

        .service-category .gray-hero span:nth-child(2) {
            font-size: 5rem;
        }
}

@media (max-width: 767px) {
    .service-category .service-category-hero {
        height: 17rem;
    }
    .service-category .turqoise-bar .t {
        border-top-width: 1.5rem !important;
    }
    .service-category .service-category-image {
        margin-bottom: 20rem;
        top: 12rem;
        margin: 0 3rem 30rem 3rem;
        min-height: 29rem;
    }
    .service-category .service-category-hero {
        height: 17.5rem;
    }

        .service-category .gray-hero span:nth-child(1) {
            font-size: 1.6rem;
        }

        .service-category .gray-hero span:nth-child(2) {
            font-size: 2.5rem;
        }

    .service-category .service-category-image > h1 {
        font-size: 3rem;
        padding: 0 0 1rem 3rem;
    }

    .service-category .turqoise-bar {
        width: 2rem;
    }

        .service-category .turqoise-bar .r {
            height: 16rem;
        }

        .service-category .turqoise-bar .t {
            border-left: 2rem solid transparent;
            border-top: 1rem solid #56C4C2;
        }

    .service-category .gray-hero span {
        top: 3rem;
    }
}

@media (max-width: 767px) {
    .service-category .service-category-image {
        margin-bottom: 20rem;
        top: 8rem;
        margin: 0 1rem 30rem 1rem;
        min-height: 20rem;
        width: 99%;
    }
    .service-category .gray-hero a {
        font-size: 1.8rem;
    }
    .service-category .gray-hero span:nth-child(2) {
        font-size: 2rem;
    }
    .service-category .gray-hero {
        padding-left: 1rem;
    }
}

.service-category .service-section .side-image-grid {
    display: grid;
    grid-template-columns: 2fr 4.5rem 1fr;
    min-height: 40rem;
}

.service-category .service-section .side-content {
    background-color: #76B4E3;
    padding-left: calc(((100vw - var(--wrap-size)) / 2) - 12px);
    padding-top: 4rem;
    display: flex;
    flex-direction: column;
}

    .service-category > div:nth-child(4) .side-content {
        background-color: #003C71;
    }

.service-category .service-section h3 {
    font-size: 3rem;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 2rem;
}

.service-category .service-section p {
    color: #FFFFFF;
    font-size: 1.6rem;
    padding-right: 10rem;
    padding-bottom: 4rem;
}

.service-category .service-section .side-image-bar {
    width: 4.5rem;
    background-color: #76B4E3;
}

.service-category > div:nth-child(4) .side-image-bar {
    background-color: #003C71;
}

.service-category .service-section .side-image-bar .t {
    width: 0;
    height: 0;
    border-left: 4.5rem solid transparent;
    border-top: 3.5rem solid rgb(255 255 255);
}

.service-category .service-section .side-image-bar .r {
    height: 30rem;
    background-color: #FFFFFF;
}


.service-category .service-section .side-image {
    background-size: cover !important;
    background-position: center center !important;
}

@media (max-width: 1441px) {
    .service-category .service-section .side-content {
        padding-left: 2rem;
    }
}

@media (max-width: 1023px) {
    .service-category .service-section .side-content {
        padding: 2rem;
    }

        .service-category .service-section .side-content p {
            padding-right: 0;
        }

    .service-category .service-section .side-content-middle p {
        padding-right: 0;
    }
    .service-category .service-section p {
        padding-bottom: 0;
    }
    .service-category .service-section .side-image-grid {
        grid-template-columns: 1.5fr 4.5rem 1fr;
    }
}

@media (max-width: 767px) {
    .service-category .side-image-section .side-image-grid {
        grid-template-columns: 1fr 4.5rem;
    }

    .service-category .side-image-section .side-image {
        min-height: 30rem;
        grid-column: 1/3;
        order: -1;
    }

    .service-category .side-image-section h3 {
        font-size: 2rem;
    }
    .service-category .service-section .side-image-grid {
        grid-template-columns: 1.5fr 4.5rem;
    }
    .service-category .service-section .side-image-grid > div {
        min-height: 40rem;
    }
}

.service-category .lets-build {
    background: #76B4E3;
    width: 100%;
    min-height: 8rem;
    display: flex;
    flex-direction: row;
    margin: 8rem 0 8rem 0;
    align-items: center;
    justify-content: space-between;
}

.service-category .build-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.service-category .lets-build div:nth-child(2) {
    padding-right: 3rem;
}

.service-category .lets-build h3 {
    color: #FFFFFF;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 0 1rem 0 3rem;
}


.service-category .lets-build h4 {
    color: #FFFFFF;
    font-size: 1.8rem;
    padding: 0;
}

.service-category .lets-build a {
    background-color: #003C71;
    color: #FFFFFF;
    border: none;
}

@media (max-width: 1419px) {
    .service-category .lets-build h3 {
        font-size: 2.2rem;
    }

    .service-category .lets-build h4 {
        font-size: 1.4rem;
    }
}

@media (max-width: 767px) {
    .service-category .lets-build {
        flex-direction: column;
        margin: 6rem 0 6rem 0;
    }

        .service-category .lets-build div:nth-child(2) {
            padding-bottom: 3rem;
        }

    .service-category .build-flex {
        flex-direction: column;
        align-items: flex-start;
        padding: 3rem 5rem 3rem 5rem;
    }

        .service-category .build-flex h3 {
            padding: 0 0 1rem 0;
        }
}

.service-category .background-image-section {
    background-size: cover !important;
    background-position: center center !important;
    height: 50.5rem;
}

.service-category .background-section-grid {
    display: grid;
    grid-template-columns: 4.5rem 1fr;
    padding-left: 90rem;
}

.service-category .background-image-section .background-image-bar {
    background-color: transparent;
    width: 4.5rem;
}

    .service-category .background-image-section .background-image-bar .r {
        height: 40rem;
        background-color: #76B4E3;
    }

    .service-category .background-image-section .background-image-bar .t {
        width: 0;
        height: 0;
        border-left: 0 solid transparent;
        border-right: 4.5rem solid #76B4E3;
        border-bottom: 3.5rem solid transparent;
    }

.service-category .background-image-section .background-image-content {
    background-color: rgba(118, 180, 227, 0.9);
    padding: 4rem 24rem 0 3rem;
    color: #fff;
}
.service-category .background-image-section .background-image-content h5 {
    margin-top: 2rem;
}

    .service-category .background-image-section .background-image-content > h3 {
        color: #FFFFFF;
        font-size: 3rem;
        font-weight: bold;
    }

    .service-category .background-image-section .background-image-content > p {
        color: #FFFFFF;
        font-size: 2.2rem;
        font-style: italic;
        padding-top: 1rem;
    }


@media (max-width: 1441px) {
    .service-category .background-section-grid {
        padding-left: 50rem;
    }

    .service-category .background-image-content {
        padding: 4rem 10rem 0 3rem !important;
    }
}

@media (max-width: 1439px) {
    .service-category .background-section-grid {
        padding-left: 30rem;
    }

    .service-category .background-image-content > p {
        font-size: 2rem !important;
    }
}

@media (max-width: 1023px) {
    .service-category .background-section-grid {
        padding-left: 15rem;
    }

    .service-category .background-image-content {
        padding: 3rem 3rem 0 3rem !important;
    }
}

@media (max-width: 767px) {
    .service-category .background-section-grid {
        padding-left: 0;
    }

    .service-category .background-image-content {
        padding: 2rem !important;
    }

        .service-category .background-image-content > p {
            font-size: 1.8rem !important;
            line-height: 2.8rem;
        }
}
@media (max-width: 550px) {
    .service-category .background-image-section {
        height: 55.5rem;
    }
        .service-category .background-image-section .background-image-bar .r {
            height: 46rem;
        }

}

.service-category .service-information {
    margin: 10rem 0 10rem 0;
}

.service-category .service-information h3{
    font-size: 3rem;
    font-weight: bold;
    padding-bottom: 2rem;
}

@media (max-width: 767px) {
    .service-category .service-information {
        margin: 6rem 0 6rem 0;
    }
    .service-category .service-information h3 {
        font-size: 2rem;
    }
}



@media (min-width: 2000px) {
    .projects .gray-hero {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px - 4.5rem);
        width: calc(2000px - 4.5rem);
    }
    .about-pb .about-hero-grid > div {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px);
    }
    .leadership .gray-hero {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px - 4.5rem);
        width: calc(2000px - 4.5rem);
    }
    .contact .contact-careers .careers-content {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px);
    }
    .news .gray-hero {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px - 4.5rem);
        width: calc(2000px - 4.5rem);
    }
    .what-we-do .what-we-do-hero-grid > div {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px);
    }
    .what-we-do .side-image-section .side-content {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px);
    }
    .service-category .gray-hero {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px - 4.5rem);
        width: calc(2000px - 4.7rem);
    }
    .global-capabilities .side-image-section .side-content {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px);
    }
    .service-category .service-section .side-content {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px);
    }
    .about .about-hero-grid > div {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px);
    }
    .about .side-image-section .side-content {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px);
    }
    .about .about-careers .careers-content {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px);
    }
    .industries .color-hero {
        padding-left: calc(((2000px - var(--wrap-size)) / 2) - 12px - 4.5rem);
        width: calc(2000px - 4.7rem);
    }
}