@media(min-width:900px) {
            .four-features__item h4 {
                font-size: 19px;
                letter-spacing: 0;
                line-height: 25px
            }
        }

        @media(max-width:901px) {
            .four-features__item h4 {
                font-size: 19px;
                letter-spacing: .2px;
                line-height: 25px;
                margin: 0 0 20px
            }
        }

        .four-features__item p {
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px;
            margin: 0;
            max-width: 320px
        }

        @media(min-width:900px) {
            .four-features__item p {
                font-size: 14px;
                letter-spacing: .2px;
                line-height: 20px
            }
        }

        .four-features__item a {
            display: inline-block;
            font-size: 13px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 18px;
            margin-top: 40px;
            text-decoration: none;
            text-transform: uppercase
        }

        @media(max-width:901px) {
            .four-features__item a {
                font-size: 12px;
                font-weight: 350;
                letter-spacing: 1px;
                line-height: 17px;
                margin-top: 24px;
                text-transform: uppercase
            }
        }

        .four-features__item a svg {
            margin-left: 20px
        }

        .four-features__icon {
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
            height: 20px;
            margin-bottom: 24px;
            width: 20px
        }

        @media(min-width:900px) {
            .four-features__icon {
                margin-bottom: 60px
            }
        }

        .four-features__icon span {
            background: #283c31;
            display: block;
            height: 8px;
            width: 8px
        }

        @media(min-width:900px) {
            .four-features__top-image {
                right: 0;
                top: 0
            }

            .four-features__bottom-image,
            .four-features__top-image {
                height: 50%;
                position: absolute !important;
                width: 50%;
                z-index: 1
            }

            .four-features__bottom-image {
                bottom: 0;
                left: 0
            }
        }

        .four-features .gatsby-image-wrapper {
            height: 100%
        }

        @media(min-width:900px) {
            .four-features--reverse .four-features__item:first-child {
                margin-left: 50%;
                padding-left: 40px
            }

            .four-features--reverse .four-features__item:nth-child(2) {
                margin-right: 0;
                padding-right: 50px
            }

            .four-features--reverse .four-features__item:nth-child(2):before {
                background: #c5c8c9;
                content: "";
                height: calc(100% - 60px);
                left: 0;
                position: absolute;
                top: 30px;
                width: 1px
            }

            .four-features--reverse .four-features__item:nth-child(4) {
                margin-left: 0;
                padding-left: 50px
            }

            .four-features--reverse .four-features__item:nth-child(5) {
                padding-right: 40px
            }

            .four-features--reverse .four-features__item:nth-child(5):before {
                background: #c5c8c9;
                content: "";
                height: calc(100% - 60px);
                left: 0;
                position: absolute;
                top: 30px;
                width: 1px
            }

            .four-features--reverse .four-features__top-image {
                height: 50%;
                left: 0;
                position: absolute;
                right: auto;
                top: 0;
                width: 50%
            }

            .four-features--reverse .four-features__bottom-image {
                bottom: 0;
                height: 50%;
                left: auto;
                position: absolute;
                right: 0;
                width: 50%
            }
        }

        .partners {
            padding: 80px 20px
        }

        @media(min-width:900px) {
            .partners {
                padding: 146px 0
            }
        }

        .partners p {
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 16px;
            text-align: center;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .partners p {
                font-size: 12px;
                line-height: 17px
            }
        }

        @media(max-width:901px) {
            .partners p {
                margin-bottom: 14px
            }
        }

        .partners h1,
        .partners h2 {
            font-size: 26px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 34px;
            margin: 0 auto;
            max-width: 1028px;
            text-align: center
        }

        @media(min-width:900px) {

            .partners h1,
            .partners h2 {
                font-size: 32px;
                letter-spacing: .2px;
                line-height: 39px
            }
        }

        @media(max-width:901px) {

            .partners h1,
            .partners h2 {
                font-size: 19px;
                letter-spacing: .2px;
                line-height: 25px
            }
        }

        .partners__logos {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: center;
            margin: 45px auto 0;
            padding: 0;
            width: 100%
        }

        @media(min-width:900px) {
            .partners__logos {
                justify-content: center;
                margin: 120px auto 0;
                max-width: 1300px;
                padding: 0 50px
            }
        }

        .partners__logo {
            height: 45px;
            max-width: 120px;
            width: auto
        }

        @media(min-width:900px) {
            .partners__logo {
                height: 45px;
                max-width: 120px
            }
        }

        .partners__logo .gatsby-image-wrapper {
            height: 45px;
            max-width: 120px;
            width: auto
        }

        @media(min-width:900px) {
            .partners__logo .gatsby-image-wrapper {
                height: 45px;
                max-width: 120px
            }
        }

        .partners__logo .gatsby-image-wrapper img {
            object-fit: contain !important
        }

        .partners--dark_grey {
            background: #8c8c8c
        }

        .partners--dark_grey h1,
        .partners--dark_grey h2,
        .partners--dark_grey p {
            color: #283c31
        }

        .partners--green {
            background: #283c31
        }

        .partners--green h1,
        .partners--green h2,
        .partners--green p {
            color: #c5c8c9
        }

        .partners--charcoal {
            background: #282829
        }

        .partners--charcoal h1,
        .partners--charcoal h2,
        .partners--charcoal p {
            color: #fff
        }

        .stepped-features {
            display: flex;
            flex-wrap: wrap;
            overflow: hidden;
            position: relative
        }

        .stepped-features__item {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            width: 100%
        }

        .stepped-features__item span {
            display: block;
            font-size: 13px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 18px;
            margin-bottom: 12px;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .stepped-features__item span {
                margin-bottom: 26px
            }
        }

        .stepped-features__item h4 {
            font-size: 16px;
            font-weight: 350;
            letter-spacing: 0;
            line-height: 22px;
            margin: 0 0 20px
        }

        @media(min-width:900px) {
            .stepped-features__item h4 {
                font-size: 19px;
                letter-spacing: 0;
                line-height: 25px
            }
        }

        @media(max-width:901px) {
            .stepped-features__item h4 {
                font-size: 19px;
                line-height: 25px
            }
        }

        .stepped-features__item p {
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px;
            margin: 0;
            max-width: 405px
        }

        @media(min-width:900px) {
            .stepped-features__item p {
                font-size: 14px;
                letter-spacing: .2px;
                line-height: 20px
            }
        }

        .stepped-features__item a {
            display: block;
            font-size: 13px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 18px;
            margin-top: 30px;
            text-decoration: none;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .stepped-features__item a {
                display: none
            }
        }

        @media(max-width:901px) {
            .stepped-features__item a {
                font-size: 12px;
                font-weight: 350;
                letter-spacing: 1px;
                line-height: 17px;
                text-transform: uppercase
            }
        }

        .stepped-features__item a span {
            margin: 0;
            transition: all .3s ease
        }

        .stepped-features__item a svg {
            margin-left: 20px
        }

        .stepped-features__item:first-child .active,
        .stepped-features__item:nth-child(2) .active,
        .stepped-features__item:nth-child(3) .active,
        .stepped-features__item:nth-child(4) .active {
            width: 100%
        }

        @media(min-width:900px) {
            .stepped-features__item:first-child .active {
                width: 50%
            }

            .stepped-features__item:nth-child(2) .active {
                width: 62%
            }

            .stepped-features__item:nth-child(3) .active {
                width: 74%
            }

            .stepped-features__item:nth-child(4) .active {
                width: 86%
            }
        }

        .stepped-features__wrapper {
            align-items: center;
            background: #fff;
            border-bottom: 1px solid #acafb0;
            color: #283c31;
            display: flex;
            flex-wrap: wrap;
            gap: 34px;
            padding: 30px 20px;
            position: relative;
            transform: translateX(100%);
            transition: background-color .3s ease, transform .3s ease .75s, width 1s ease .75s;
            width: 100%;
            z-index: 1
        }

        @media(min-width:900px) {
            .stepped-features__wrapper {
                padding: 40px;
                transform: translateX(25%);
                width: 50%
            }
        }

        .stepped-features__wrapper.active {
            transform: translateX(0)
        }

        @media(min-width:900px) {
            .stepped-features__wrapper:hover {
                background: #283c31;
                color: #fff
            }

            .stepped-features__wrapper:hover span {
                display: none
            }

            .stepped-features__wrapper:hover a {
                display: inline-block
            }

            .stepped-features__wrapper:hover a span {
                color: #fff;
                display: inline-block
            }
        }

        .stepped-features__image {
            height: 194px;
            width: 100%
        }

        .stepped-features__image .gatsby-image-wrapper {
            height: 100%;
            width: 100%
        }

        @media(min-width:900px) {
            .stepped-features__image {
                width: 183px
            }
        }

        .stepped-features__content {
            max-width: 403px
        }

        @media(min-width:900px) {
            .stepped-features__content {
                width: calc(100% - 223px)
            }
        }

        .stepped-features__bg {
            height: 100%;
            position: absolute !important;
            right: 0;
            top: 0;
            width: 100%
        }

        .image,
        .image__wrapper {
            min-height: 322px;
            width: 100%
        }

        .image__wrapper .gatsby-image-wrapper {
            height: 100%;
            width: 100%
        }

        .image__wrapper img {
            display: block;
            height: auto;
            margin: 0;
            min-height: 322px;
            width: 100%
        }


        @media(min-width:900px) {
            .latest-resources__items {
                display: flex;
                justify-content: space-between
            }
        }

        .case-study__wrapper {
            display: flex;
            flex-direction: column-reverse;
            flex-wrap: wrap;
            justify-content: space-between
        }

        @media(min-width:900px) {
            .case-study__wrapper {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: space-between
            }
        }

        .case-study__content {
            background-color: #282829;
            padding: 60px 20px
        }

        @media(min-width:900px) {
            .case-study__content {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 60px 40px 60px 52px;
                width: 100%;
                width: 25%
            }
        }

        .case-study__content a,
        .case-study__content h2,
        .case-study__content h3,
        .case-study__content p {
            color: #fff
        }

        .case-study__statis {
            margin-bottom: 64px
        }

        @media(min-width:900px) {
            .case-study__statis {
                margin-bottom: 0
            }
        }

        .case-study__statis h3 {
            font-size: 26px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 34px;
            margin-bottom: 4px;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .case-study__statis h3 {
                font-size: 32px;
                letter-spacing: .2px;
                line-height: 39px
            }
        }

        .case-study__statis p {
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            margin: 0;
            max-width: 144px;
            text-transform: uppercase
        }

        .case-study__title h2 {
            font-size: 26px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 34px;
            margin-bottom: 6px
        }

        @media(min-width:900px) {
            .case-study__title h2 {
                font-size: 32px;
                letter-spacing: .2px;
                line-height: 39px
            }
        }

        .case-study__title p {
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            text-transform: uppercase
        }

        .case-study__excerpt p {
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px;
            margin-bottom: 36px
        }

        @media(min-width:900px) {
            .case-study__excerpt p {
                font-size: 14px;
                letter-spacing: .2px;
                line-height: 20px
            }
        }

        .case-study__excerpt a {
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            text-decoration: none;
            text-transform: uppercase
        }

        .case-study__excerpt a svg {
            margin-left: 20px;
            text-transform: uppercase
        }

        .case-study__image {
            height: 380px;
            width: 100%
        }

        @media(min-width:900px) {
            .case-study__image {
                height: auto;
                width: 75%
            }
        }

        .case-study__image img {
            height: 380px;
            margin: 0;
            width: 100%
        }

        @media(min-width:900px) {
            .case-study__image img {
                height: 100%
            }
        }

        .case-study__image .gatsby-image-wrapper {
            width: 100%
        }

        .case-study__image .gatsby-image-wrapper img {
            transition: all .5s ease-in-out
        }

        .case-study__image:hover .gatsby-image-wrapper img {
            transform: scale(1.04)
        }

        .cta__strip {
            align-items: flex-start;
            background: #283c31;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin: 0 auto;
            max-width: 100%;
            padding: 0 20px
        }

        @media(min-width:900px) {
            .cta__strip {
                padding: 0 52px
            }
        }

        .cta__strip a {
            color: #fff;
            font-size: 13px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 18px;
            padding: 10px 0;
            text-decoration: none;
            text-transform: uppercase
        }

        .cta__strip a svg {
            margin-left: 20px
        }

        .cta__strip button {
            background: none;
            border: none;
            color: #fff;
            cursor: pointer;
            padding: 10px 0
        }

        .cta__strip button span {
            font-size: 13px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 18px;
            text-transform: uppercase
        }

        .cta__strip button .desktop {
            display: none
        }

        @media(min-width:900px) {
            .cta__strip button .desktop {
                display: block
            }
        }

        .cta__strip button .mobile {
            display: block
        }

        @media(min-width:900px) {
            .cta__strip button .mobile {
                display: none
            }
        }

        .cta__newsletter .form {
            display: none
        }

        .cta__newsletter .form input {
            background: none;
            border: none;
            color: #fff;
            padding: 0;
            width: 185px
        }

        .cta__newsletter .form input:focus {
            outline: none
        }

        .cta__newsletter .form input::placeholder {
            opacity: 1
        }

        .cta__newsletter .form button {
            background: none;
            border: none
        }

        .cta__newsletter .form button svg {
            margin-left: 10px
        }

        .cta__newsletter.active button {
            display: none
        }

        .cta__newsletter.active p {
            color: #fff;
            margin: 0;
            padding: 9px 0
        }

        .cta__newsletter.active .form {
            display: flex;
            gap: 20px
        }

        .cta__newsletter.active .form button {
            display: flex
        }

        .cta__content {
            background: #acafb0;
            color: #283c31;
            padding: 80px 0
        }

        @media(min-width:900px) {
            .cta__content {
                padding: 160px 0 210px
            }
        }

        .cta__wrapper {
            margin: 0 auto;
            max-width: 850px;
            text-align: center;
            width: 100%
        }

        .cta__wrapper p {
            font-size: 16px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            /*text-transform: uppercase*/
        }

        .cta__wrapper h3 {
            font-size: 26px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 34px;
            margin: 20px 0 0
        }

        @media(min-width:900px) {
            .cta__wrapper h3 {
                font-size: 32px;
                letter-spacing: .2px;
                line-height: 39px
            }
        }

        @media(max-width:901px) {
            .cta__wrapper h3 {
                padding: 0 20px
            }
        }

        .cta__image {
            position: relative;
            width: 100%
        }

        @media(min-width:900px) {
            .cta__image {
                height: 540px
            }
        }

        .cta__image .gatsby-image-wrapper {
            height: 100%;
            width: 100%
        }

        @media(max-width:901px) {
            .cta__image .gatsby-image-wrapper {
                display: none
            }
        }

        .cta__form {
            background: #fff;
            max-width: 720px;
            padding: 44px 20px;
            width: 100%;
            z-index: 1
        }

        @media(min-width:900px) {
            .cta__form {
                height: 690px;
                left: 50%;
                padding: 60px 52px;
                position: absolute;
                top: -150px;
                transform: translateX(-50%)
            }
        }

        .cta__form .thanks {
            align-items: center;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
            margin: 0 auto;
            max-width: 468px;
            text-align: center
        }

        .cta__form .thanks h2 {
            color: #283c31;
            font-size: 26px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 34px;
            margin-bottom: 20px
        }

        @media(min-width:900px) {
            .cta__form .thanks h2 {
                font-size: 32px;
                letter-spacing: .2px;
                line-height: 39px
            }
        }

        .cta__form .thanks p {
            color: #283c31;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px
        }

        @media(min-width:900px) {
            .cta__form .thanks p {
                font-size: 14px;
                letter-spacing: .2px;
                line-height: 20px
            }
        }

        .cta__form .thanks .btn svg {
            margin-left: 10px;
            margin-right: 0
        }

        .cta__buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
            justify-content: center;
            list-style: none;
            margin-top: 44px
        }

        .cta__buttons li {
            margin: 0
        }

        .cta__buttons li .btn--white {
            align-items: center;
            display: flex
        }

        .cta__buttons li .btn--white svg {
            margin-left: 0
        }

        .cta__buttons li .btn--forest {
            align-items: center;
            display: flex
        }

        .cta__buttons li .btn--forest svg {
            margin-right: 0
        }

        .cta--no-form .cta__image {
            height: 677px
        }

        @media(max-width:901px) {
            .cta--no-form .cta__image {
                height: 456px
            }

            .cta--no-form .cta__image .gatsby-image-wrapper {
                display: block;
                height: 100%;
                left: 0;
                position: absolute !important;
                top: 0;
                width: 100%
            }
        }

        .cta--no-form .cta__form {
            background: #acafb0;
            bottom: 0;
            color: #283c31;
            height: 377px;
            padding: 100px 40px;
            top: auto
        }

        @media(max-width:901px) {
            .cta--no-form .cta__form {
                bottom: 0;
                height: 340px;
                left: 25px;
                padding: 48px 24px;
                position: absolute;
                width: calc(100% - 50px);
                z-index: 1
            }
        }

        .cta--no-form .cta__form h3 {
            font-size: 20px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 25px
        }

        @media(min-width:900px) {
            .cta--no-form .cta__form h3 {
                font-size: 24px;
                letter-spacing: .2px;
                line-height: 31px
            }
        }

        .cta--no-form .cta__buttons {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: 24px;
            margin: 44px 0
        }

        @media(min-width:900px) {
            .cta--no-form .cta__buttons {
                flex-direction: row;
                justify-content: center;
                margin: 44px 0 0
            }
        }

        @media(max-width:901px) {
            .cta--no-form .cta__buttons a {
                display: flex;
                justify-content: center;
                text-align: center;
                width: 180px
            }
        }

        .cta--consult {
            position: relative
        }

        .cta--consult .cta__image {
            height: 456px
        }

        @media(min-width:900px) {
            .cta--consult .cta__image {
                height: 100%
            }
        }

        .cta--consult .cta__image .gatsby-image-wrapper {
            display: block
        }

        .cta--consult .cta__image img {
            display: flex;
            height: 100%;
            margin: 0;
            object-fit: cover;
            width: 100%
        }

        @media(min-width:900px) {
            .cta--consult .cta__image img {
                height: 677px
            }
        }

        .cta--consult .cta__content {
            bottom: 0;
            left: 0;
            margin: 0 25px;
            padding: 48px 24px;
            position: absolute;
            text-align: center;
            z-index: 1
        }

        @media(min-width:900px) {
            .cta--consult .cta__content {
                bottom: 0;
                left: 50%;
                margin: 0;
                max-width: 720px;
                padding: 100px 40px;
                transform: translate(-50%);
                width: 100%;
                z-index: 1
            }
        }

        .cta--consult .cta__content h3 {
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            margin-bottom: 22px;
            text-transform: uppercase
        }

        .cta--consult .cta__content p {
            font-size: 20px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 25px;
            margin: 0 auto 48px
        }

        @media(min-width:900px) {
            .cta--consult .cta__content p {
                font-size: 24px;
                letter-spacing: .2px;
                line-height: 31px;
                margin: 0 auto 44px;
                max-width: 640px
            }
        }

        .cta--consult .cta__buttons {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: 24px
        }

        @media(min-width:900px) {
            .cta--consult .cta__buttons {
                flex-direction: row;
                justify-content: center
            }
        }

        @media(max-width:901px) {
            .cta--consult .cta__buttons a {
                width: 200px
            }
        }

        .cta--consult .cta__strip a:first-child span {
            display: none
        }

        @media(min-width:900px) {
            .cta--consult .cta__strip a:first-child span {
                display: inline-block
            }
        }

        .basic-page .cta__content {
            text-align: left
        }

        .basic-page .cta__content .cta__wrapper {
            padding: 0 20px
        }

        .basic-page .cta__content p {
            font-size: 14px;
            font-weight: 300;
            letter-spacing: 0;
            letter-spacing: .2px;
            line-height: 20px;
            text-align: left;
            text-transform: none
        }

        @media(min-width:900px) {
            .basic-page .cta__content p {
                font-size: 14px;
                letter-spacing: .2px;
                line-height: 20px
            }
        }

        .basic-page .cta__content ul {
            margin: 0 0 30px 15px;
            text-align: left
        }

        .basic-page .cta__content ul li {
            margin-bottom: 4px
        }

        .single-case__banner-inner {
            display: flex;
            flex-direction: column-reverse
        }

        @media(min-width:900px) {
            .single-case__banner-inner {
                display: flex;
                flex-direction: row;
                justify-content: space-between
            }
        }

        .single-case__banner-content {
            background-color: #282829;
            padding: 60px 40px 60px 20px;
            width: 100%
        }

        @media(min-width:900px) {
            .single-case__banner-content {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding: 60px 40px 60px 52px;
                width: 25%
            }
        }

        .single-case__banner-image {
            width: 100%
        }

        @media(min-width:900px) {
            .single-case__banner-image {
                width: 75%
            }

            .single-case__banner-image .gatsby-image-wrapper {
                width: 100%
            }
        }

        .single-case__banner-title span {
            color: #fff;
            display: block;
            font-size: 13px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 18px;
            margin-bottom: 24px;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .single-case__banner-title span {
                margin-bottom: 42px
            }
        }

        .single-case__banner-title h1 {
            color: #fff;
            font-size: 26px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 34px;
            margin-bottom: 6px
        }

        @media(min-width:900px) {
            .single-case__banner-title h1 {
                font-size: 32px;
                letter-spacing: .2px;
                line-height: 39px
            }
        }

        .single-case__banner-title p {
            color: #fff;
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            margin-bottom: 52px;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .single-case__banner-title p {
                margin-bottom: 0
            }
        }

        .single-case__banner-snippet p {
            color: #fff;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px;
            margin-bottom: 52px
        }

        @media(min-width:900px) {
            .single-case__banner-snippet p {
                font-size: 14px;
                letter-spacing: .2px;
                line-height: 20px;
                margin-bottom: 44px
            }
        }

        .single-case__banner-snippet a svg {
            margin-bottom: -1px;
            margin-left: 10px
        }

        .single-case__content {
            padding: 64px 0 84px
        }

        @media(min-width:900px) {
            .single-case__content {
                padding: 60px 0 132px
            }
        }

        .single-case__content-inner {
            margin: 0 auto;
            max-width: 100%;
            padding: 0 20px
        }

        @media(min-width:900px) {
            .single-case__content-inner {
                display: flex;
                justify-content: space-between;
                padding: 0 52px
            }

            .single-case__content-title {
                width: calc(50% - 10px)
            }
        }

        .single-case__content-title .single-case__content-wrapper {
            max-width: 388px
        }

        .single-case__content-title h4 {
            color: #283c31;
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            margin-bottom: 20px;
            text-transform: uppercase
        }

        .single-case__content-title h3 {
            color: #283c31;
            font-size: 26px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 34px;
            margin-bottom: 44px
        }

        @media(min-width:900px) {
            .single-case__content-title h3 {
                font-size: 32px;
                letter-spacing: .2px;
                line-height: 39px;
                margin-bottom: 0
            }

            .single-case__content-content {
                color: #283c31;
                width: calc(50% - 10px)
            }
        }

        .single-case__content-content .single-case__content-wrapper {
            max-width: 536px
        }

        .single-case__content-content p {
            color: #283c31;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px
        }

        @media(min-width:900px) {
            .single-case__content-content p {
                font-size: 14px;
                letter-spacing: .2px;
                line-height: 20px
            }
        }

        .single-case__feature {
            padding: 0 0 64px 20px
        }

        @media(min-width:900px) {
            .single-case__feature {
                padding: 0 0 140px
            }
        }

        .single-case__feature-inner {
            border-left: 1px solid #c5c8c9;
            margin: 0 auto;
            max-width: 100%;
            padding: 0 20px
        }

        @media(min-width:900px) {
            .single-case__feature-inner {
                border: none;
                padding: 0 52px
            }
        }

        @media(max-width:901px) {
            .single-case__feature-inner {
                padding-left: 32px
            }
        }

        .single-case__feature-wrapper {
            display: flex;
            flex-direction: column-reverse
        }

        @media(min-width:900px) {
            .single-case__feature-wrapper {
                align-items: end;
                border-left: 1px solid #c5c8c9;
                flex-direction: row;
                justify-content: space-between
            }

            .single-case__feature-content {
                width: calc(50% - 10px)
            }

            .single-case__feature-content .single-case__feature-content-wrapper {
                max-width: 484px;
                padding-left: 32px
            }
        }

        .single-case__feature-content h3 {
            color: #283c31;
            font-size: 26px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 34px;
            margin-bottom: 32px
        }

        @media(min-width:900px) {
            .single-case__feature-content h3 {
                font-size: 32px;
                letter-spacing: .2px;
                line-height: 39px
            }
        }

        .single-case__feature-content p {
            color: #283c31;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px;
            margin: 0
        }

        @media(min-width:900px) {
            .single-case__feature-content p {
                font-size: 14px;
                letter-spacing: .2px;
                line-height: 20px
            }
        }

        .single-case__feature-image {
            margin-bottom: 64px
        }

        @media(min-width:900px) {
            .single-case__feature-image {
                margin-bottom: 0;
                width: calc(50% - 10px)
            }

            .single-case__feature-image .gatsby-image-wrapper {
                max-width: 658px
            }
        }

        .single-case__quote {
            background-color: #283c31;
            padding: 84px 0
        }

        @media(min-width:900px) {
            .single-case__quote {
                padding: 140px 0
            }
        }

        .single-case__quote-inner {
            margin: 0 auto;
            max-width: 100%;
            padding: 0 20px;
            text-align: center
        }

        @media(min-width:900px) {
            .single-case__quote-inner {
                padding: 0 52px
            }
        }

        .single-case__quote-inner h3 {
            color: #c5c8c9;
            font-size: 26px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 34px;
            margin: 0 auto 12px
        }

        @media(min-width:900px) {
            .single-case__quote-inner h3 {
                font-size: 32px;
                letter-spacing: .2px;
                line-height: 39px;
                margin: 0 auto 22px;
                max-width: 1028px
            }
        }

        .single-case__quote-inner span {
            color: #c5c8c9;
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .single-case__stats-items {
                display: flex;
                justify-content: space-between
            }
        }

        .single-case__stats-item {
            border-bottom: 1px solid #c5c8c9;
            padding: 40px 20px
        }

        @media(min-width:900px) {
            .single-case__stats-item {
                border-bottom: none;
                border-right: 1px solid #c5c8c9;
                flex: 1 0 25%;
                padding: 80px 40px;
                width: 100%
            }

            .single-case__stats-item:first-child {
                padding: 80px 40px 80px 52px
            }

            .single-case__stats-item:last-child {
                padding: 80px 52px 80px 40px
            }
        }

        .single-case__stats-item h3 {
            margin-bottom: 22px
        }

        @media(min-width:900px) {
            .single-case__stats-item h3 {
                margin-bottom: 32px;
                min-height: 62px
            }
        }

        .single-case__stats-item p {
            margin: 0
        }

        .resources {
            padding: 0 0 50px
        }

        @media(min-width:900px) {
            .resources {
                display: flex;
                padding: 0
            }

            .resources__sidebar {
                flex: 1 0 25%;
                min-height: 400px;
                position: relative
            }
        }

        .resources__sidebar .gatsby-image-wrapper {
            height: 100%
        }

        .resources__sticky {
            background: #ebebeb;
            position: -webkit-sticky;
            position: sticky;
            top: 54px
        }

        @media(min-width:900px) {
            .resources__sticky {
                height: calc(54vh)
            }
        }

        .resources__bg {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

        .resources__items {
            width: 100%
        }

        .resources__image {
            display: none;
            opacity: 0;
            visibility: hidden
        }

        @media(min-width:900px) {
            .resources__image {
                bottom: 0;
                display: block;
                height: 100%;
                left: 0;
                position: absolute
            }
        }

        .resources__image.active {
            opacity: 1;
            visibility: visible
        }

        .resources__item {
            text-decoration: none
        }

        @media(min-width:900px) {
            .resources__item {
                border-bottom: 1px solid #acafb0;
                display: flex;
                gap: 76px;
                justify-content: space-between;
                min-height: calc(25vh - 13px);
                padding: 27px 52px 60px 40px;
                transition: all .3s ease-in-out
            }

            .resources__item:hover {
                background-color: #acafb0
            }
        }

        .resources__item .gatsby-image-wrapper {
            display: block;
            height: 260px
        }

        @media(min-width:900px) {
            .resources__item .gatsby-image-wrapper {
                display: none
            }
        }

        .resources__title {
            padding: 24px 20px 0
        }

        @media(min-width:900px) {
            .resources__title {
                max-width: 388px;
                width: 100%
            }
        }

        .resources__title h4 {
            color: #283c31;
            font-size: 20px;
            font-weight: 350;
            letter-spacing: .1px;
            line-height: 25px;
            margin-bottom: 0
        }

        @media(min-width:900px) {
            .resources__title h4 {
                font-size: 20px;
                letter-spacing: .2px;
                line-height: 31px;
                margin-bottom: 12px
            }
        }

        .resources__title h3 {
            color: #283c31;
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            margin: 6px 0 0;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .resources__title h3 {
                margin: 0
            }
        }

        .resources__title span {
            color: #283c31;
            display: none;
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .resources__title span {
                display: block
            }
        }

        .resources__content {
            padding: 24px 20px
        }

        @media(min-width:900px) {
            .resources__content {
                align-items: flex-start;
                display: flex;
                gap: 84px;
                justify-content: space-between;
                width: calc(50% - 10px)
            }
        }

        .resources__content button {
            align-items: center;
            background-color: transparent;
            border: none;
            display: flex;
            padding: 0
        }

        .resources__content button span {
            color: #283c31;
            display: block;
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            margin-right: 20px;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .resources__content button span {
                display: none;
                margin-right: 0
            }
        }

        .resources__content button svg {
            height: 10px;
            width: 10px
        }

        @media(min-width:900px) {
            .resources__content button svg {
                height: 24px;
                width: 24px
            }
        }

        .resources__content p {
            color: #283c31;
            font-size: 16px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px;
            margin: 0 0 24px;
            max-width: 400px
        }

        @media(min-width:900px) {
            .resources__content p {
                font-size: 16px;
                letter-spacing: .2px;
                line-height: 20px;
                margin: 0
            }
        }

        .resources form {
            padding: 40px 40px 0
        }

        @media(min-width:900px) {
            .resources form {
                padding: 45px 52px 0
            }
        }

        .resources form .form__row {
            position: relative
        }

        .resources form .form__row input {
            border-radius: 0
        }

        .resources form button {
            background: none;
            border: none;
            box-shadow: none;
            padding: 0;
            position: absolute;
            right: 0;
            top: 4px
        }

        .resources form button svg {
            height: 15px;
            width: 15px
        }

        .resources__filter {
            list-style: none;
            margin: 0;
            padding: 20px 40px 40px
        }

        @media(min-width:900px) {
            .resources__filter {
                padding: 20px 52px 45px
            }
        }

        .resources__filter li {
            display: block
        }

        .resources__filter li:last-of-type {
            margin-bottom: 0
        }

        .resources__filter li button {
            background: transparent;
            border: none;
            color: #283c31;
            cursor: pointer;
            font-size: 12px;
            font-weight: 350;
            letter-spacing: 1px;
            line-height: 17px;
            padding: 0 0 0 30px;
            position: relative;
            text-transform: uppercase
        }

        .resources__filter li button:before {
            background: transparent;
            border: 1px solid #7a7c7d;
            content: "";
            height: 10px;
            left: 0;
            position: absolute;
            top: 3px;
            transition: all .3s ease;
            width: 10px
        }

        .resources__filter li button.active:before {
            background: #283c31;
            border: 1px solid #283c31
        }

        .resources__none {
            padding: 40px
        }

        @media(min-width:900px) {
            .resources__none {
                padding: 50px
            }
        }

        .feature-resource {
            max-height: 100vh;
            position: relative;
            width: 100%
        }

        @media(min-width:900px) {
            .feature-resource {
                height: 100%
            }
        }

        .feature-resource__item {
            height: 100%;
            width: 100%
        }

        .feature-resource__content {
            background: #283c31;
            color: #fff;
            padding: 44px 40px
        }

        @media(min-width:900px) {
            .feature-resource__content {
                bottom: 0;
                left: 0;
                padding: 30px 52px;
                position: absolute;
                width: 25%
            }
        }

        .feature-resource__content span {
            display: block;
            font-size: 12px;
            font-weight: 300;
            letter-spacing: 1px;
            line-height: 17px;
            margin-bottom: 12px;
            text-transform: uppercase
        }

        @media(min-width:900px) {
            .feature-resource__content span {
                margin-bottom: 32px
            }
        }

        .feature-resource__content h3 {
            font-size: 20px;
            font-weight: 300;
            letter-spacing: .1px;
            line-height: 25px;
            margin-bottom: 24px
        }

        @media(min-width:900px) {
            .feature-resource__content h3 {
                font-size: 24px;
                letter-spacing: .2px;
                line-height: 31px;
                margin-bottom: 12px
            }
        }

        .feature-resource__content p {
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px;
            margin-bottom: 24px
        }

        @media(min-width:900px) {
            .feature-resource__content p {
                font-size: 14px;
                letter-spacing: .2px;
                line-height: 20px;
                margin-bottom: 32px
            }
        }

        .feature-resource__content a {
            color: #fff;
            font-size: 12px;
            font-weight: 300;
            letter-spacing: 1px;
            line-height: 17px;
            text-decoration: none;
            text-transform: uppercase
        }

        .feature-resource__content a svg {
            height: 9px;
            margin-left: 10px;
            width: 10px
        }

        .feature-resource .gatsby-image-wrapper {
            height: 300px;
            left: 0;
            top: 0;
            width: 100%
        }

        @media(min-width:900px) {
            .feature-resource .gatsby-image-wrapper {
                height: 100%;
                position: absolute
            }
        }

        .feature-resource .gatsby-image-wrapper img {
            height: 100%;
            width: 100%
        }

        .sticky-steps {
            display: flex;
            flex-wrap: wrap;
            position: relative
        }

        .sticky-steps__content-wrapper {
            display: none;
            width: 100%
        }

        @media(min-width:900px) {
            .sticky-steps__content-wrapper {
                display: block;
                padding: 210px 52px;
                width: 50vw
            }
        }

        
 
        .gatsby-image-wrapper {
            position: relative;
            overflow: hidden
        }

        .gatsby-image-wrapper picture.object-fit-polyfill {
            position: static !important
        }

        .gatsby-image-wrapper img {
            bottom: 0;
            height: 100%;
            left: 0;
            margin: 0;
            max-width: none;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            object-fit: cover
        }

        .gatsby-image-wrapper [data-main-image] {
            opacity: 0;
            transform: translateZ(0);
            transition: opacity .25s linear;
            will-change: opacity
        }

        .gatsby-image-wrapper-constrained {
            display: inline-block;
            vertical-align: top
        }
   
            .gatsby-image-wrapper noscript [data-main-image] {
                opacity: 1 !important
            }

            .gatsby-image-wrapper [data-placeholder-image] {
                opacity: 0 !important
            }