/********** Template CSS **********/
    
     :root {
        --primary: #5315ff;
        --secondary: #E93C05;
        --tertiary: #555555;
        --light: #DFE4FD;
        --dark: #011A41;
        --accent-color: #ffffff;
        ;
    }
    
    .back-to-top {
        position: fixed;
        display: none;
        right: 30px;
        bottom: 30px;
        z-index: 99;
    }
    
    h1,
    .h1,
    h2,
    .h2,
    .fw-bold {
        font-weight: 700 !important;
    }
    
    h3,
    .h3,
    h4,
    .h4,
    .fw-medium {
        font-weight: 600 !important;
    }
    
    h5,
    .h5,
    h6,
    .h6,
    .fw-semi-bold {
        font-weight: 500 !important;
    }
    /*** Spinner ***/
    
    #spinner {
        opacity: 0;
        visibility: hidden;
        transition: opacity .5s ease-out, visibility 0s linear .5s;
        z-index: 99999;
    }
    
    #spinner.show {
        transition: opacity .5s ease-out, visibility 0s linear 0s;
        visibility: visible;
        opacity: 1;
    }
    /*** Button ***/
    
    .btn {
        transition: .5s;
        font-weight: 500;
    }
    
    .btn-primary,
    .btn-outline-primary:hover {
        color: var(--light);
    }
    
    .btn-square {
        width: 38px;
        height: 38px;
    }
    
    .btn-sm-square {
        width: 32px;
        height: 32px;
    }
    
    .btn-lg-square {
        width: 48px;
        height: 48px;
    }
    
    .btn-square,
    .btn-sm-square,
    .btn-lg-square {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: normal;
    }
    /*** Navbar ***/
    
    .fixed-top {
        transition: .5s;
    }
    
    .top-bar {
        height: 45px;
        border-bottom: 1px solid rgba(53, 94, 252, .07);
    }
    
    .navbar .dropdown-toggle::after {
        border: none;
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        vertical-align: middle;
        margin-left: 8px;
    }
    
    .navbar .navbar-nav .nav-link {
        padding: 25px 15px;
        color: var(--tertiary);
        font-weight: 500;
        outline: none;
    }
    
    .navbar .navbar-nav .nav-link:hover,
    .navbar .navbar-nav .nav-link.active {
        color: #005E38;
    }
    
    @media (max-width: 991.98px) {
        .navbar .navbar-nav {
            margin-top: 10px;
            border-top: 1px solid rgba(0, 0, 0, .07);
            background: #FFFFFF;
        }
        .navbar .navbar-nav .nav-link {
            padding: 10px 0;
        }
    }
    
    @media (min-width: 992px) {
        .navbar .nav-item .dropdown-menu {
            display: block;
            visibility: hidden;
            top: 100%;
            transform: rotateX(-75deg);
            transform-origin: 0% 0%;
            transition: .5s;
            opacity: 0;
        }
        .navbar .nav-item:hover .dropdown-menu {
            transform: rotateX(0deg);
            visibility: visible;
            transition: .5s;
            opacity: 1;
        }
    }
    /*** Header ***/
    
    .carousel-caption {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: start;
        z-index: 1;
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        width: 3rem;
    }
    
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 3rem;
        height: 3rem;
        background-color: var(--primary);
        border: 10px solid var(--primary);
    }
    
    .carousel-control-prev-icon {
        border-radius: 0 3rem 3rem 0;
    }
    
    .carousel-control-next-icon {
        border-radius: 3rem 0 0 3rem;
    }
    
    @media (max-width: 768px) {
        #header-carousel .carousel-item {
            position: relative;
            min-height: 450px;
        }
        #header-carousel .carousel-item img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .stepped-features__wrapper {
            display: flex;
            flex-direction: column-reverse;
        }
        .Beyondp {
            font-size: 19px!important;
            /* text-align: justify; */
        }
        .cta__wrapper p {
            font-size: 19px!important;
            /* font-family: 'Expletus Sans' !important; */
            font-family: 'ESTEDAD-Vf';
            letter-spacing: .1px;
            /* line-height: 39px; */
            margin: 5px 0 0;
            padding: 11px;
            /* color: black; */
        }
        .subtitle-title {
            padding: 30px 20px;
        }
        .page-header {
            padding-top: 2rem!important;
            padding-bottom: 2rem!important;
            background: url(../service/000.png) top left no-repeat;
            background-size: cover;
        }
        h1,
        .h1 {
            font-size: calc(1rem + 1.5vw)!important;
        }
        .navbar {
            padding-right: 10px!important;
        }
    }
    
    .page-header {
        padding-top: 10rem;
        padding-bottom: 5rem;
        background: url(../service/000.png) top left no-repeat;
        background-size: cover;
    }
    
    .page-header .breadcrumb-item,
    .page-header .breadcrumb-item a {
        font-weight: 500;
    }
    
    .page-header .breadcrumb-item+.breadcrumb-item::before {
        color: var(--tertiary);
    }
    /*** Facts ***/
    
    .facts {
        background: linear-gradient(#283c31, #283c31), url(../img/bg.png);
    }
    /*** Callback ***/
    
    .callback {
        position: relative;
    }
    
    .callback::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 50%;
        top: 0;
        left: 0;
        background-color: #acafb0;
        z-index: -1;
    }
    
    .callback::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 50%;
        bottom: 0;
        left: 0;
        background-image: url('../image/background.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
    }
    /*** Feature ***/
    
    .bg-color {
        background-color: white;
    }
    
    .bty {
        border: none;
        cursor: pointer;
        color: white;
        letter-spacing: 1px;
        line-height: 1 !important;
        padding: 9px 10px;
        background: #283c31;
        border-radius: 0%;
    }
    
    .feature .feature-box,
    .feature .feature-box * {
        transition: .5s;
    }
    
    .feature .feature-box:hover {
        background: var(--primary);
        border-color: var(--primary) !important;
    }
    
    .feature .feature-box:hover * {
        color: #FFFFFF !important;
    }
    /*** Service ***/
    
    .service .nav .nav-link {
        transition: .5s;
    }
    
    .service .nav .nav-link.active {
        border-color: var(--primary) !important;
        background: var(--primary);
    }
    
    .service .nav .nav-link.active h5 {
        color: #FFFFFF !important;
    }
    
    .service .nav .nav-link.active h5 i {
        color: #FFFFFF !important;
    }
    /*** Project ***/
    
    .project-item,
    .project-item .project-img {
        position: relative;
    }
    
    .project-item .project-img a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, .5);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        opacity: 0;
        transition: .5s;
    }
    
    .project-item:hover .project-img a {
        opacity: 1;
    }
    
    .project-item .project-title {
        position: absolute;
        top: 3rem;
        right: 0;
        bottom: 0;
        left: 3rem;
        border: 1px solid var(--light);
        border-radius: 8px;
        display: flex;
        align-items: flex-end;
        padding: 18px;
        z-index: -1;
        transition: .5s;
    }
    
    .project-item:hover .project-title {
        background: var(--primary);
        border-color: var(--primary);
    }
    
    .project-item .project-title h4 {
        transition: .5s;
    }
    
    .project-item:hover .project-title h4 {
        color: #FFFFFF;
    }
    
    .project-carousel .owl-nav {
        margin-top: 25px;
        display: flex;
        justify-content: center;
    }
    
    .project-carousel .owl-nav .owl-prev,
    .project-carousel .owl-nav .owl-next {
        margin: 0 12px;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--primary);
        background: var(--light);
        border-radius: 45px;
        font-size: 22px;
        transition: .5s;
    }
    
    .project-carousel .owl-nav .owl-prev:hover,
    .project-carousel .owl-nav .owl-next:hover {
        background: var(--primary);
        color: var(--light);
    }
    /*** Team ***/
    
    .team-item {
        position: relative;
        padding: 4rem 0;
    }
    
    .team-item img {
        position: relative;
        z-index: 2;
    }
    
    .team-item .team-text {
        position: absolute;
        top: 0;
        right: 3rem;
        bottom: 0;
        left: 3rem;
        padding: 15px;
        border: 1px solid var(--light);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        transition: .5s;
        z-index: 1;
    }
    
    .team-item:hover .team-text {
        background: #005E38;
        border-color: #005E38;
    }
    
    .team-item .team-text h4 {
        transition: .5s;
    }
    
    .team-item:hover .team-text h4 {
        color: #FFFFFF;
    }
    
    .team-item .team-social .btn {
        background: var(--light);
        color: var(--primary);
    }
    
    .team-item:hover .team-social .btn {
        background: #FFFFFF;
    }
    
    .team-item .team-social .btn:hover {
        background: var(--primary);
        color: var(--light);
    }
    /*** Testimonial ***/
    
    .testimonial-item {
        position: relative;
        text-align: center;
        padding-top: 30px;
    }
    
    .testimonial-item .testimonial-text {
        position: relative;
        text-align: center;
    }
    
    .testimonial-item .testimonial-text .btn-square {
        position: absolute;
        width: 60px;
        height: 60px;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .testimonial-item .testimonial-text::before {
        position: absolute;
        content: "";
        bottom: -60px;
        left: 50%;
        transform: translateX(-50%);
        border: 30px solid;
        border-color: var(--light) transparent transparent transparent;
    }
    
    .testimonial-item .testimonial-text::after {
        position: absolute;
        content: "";
        bottom: -59px;
        left: 50%;
        transform: translateX(-50%);
        border: 30px solid;
        border-color: #FFFFFF transparent transparent transparent;
    }
    
    .testimonial-carousel .owl-item img {
        margin: 0 auto;
        width: 100px;
        height: 100px;
    }
    
    .testimonial-carousel .owl-dots {
        margin-top: 25px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    
    .testimonial-carousel .owl-dot {
        position: relative;
        display: inline-block;
        margin: 0 5px;
        width: 30px;
        height: 30px;
        border: 1px solid var(--light);
        border-radius: 30px;
        transition: .5s;
    }
    
    .testimonial-carousel .owl-dot::after {
        position: absolute;
        content: "";
        width: 16px;
        height: 16px;
        top: 6px;
        left: 6px;
        border-radius: 16px;
        background: var(--light);
        transition: .5s;
    }
    
    .testimonial-carousel .owl-dot.active {
        border-color: var(--primary);
    }
    
    .testimonial-carousel .owl-dot.active::after {
        background: var(--primary);
    }
    /*** Footer ***/
    
    .footer .btn.btn-link {
        display: block;
        margin-bottom: 5px;
        padding: 0;
        text-align: left;
        color: var(--light);
        font-weight: normal;
        text-transform: capitalize;
        transition: .3s;
    }
    
    .footer .btn.btn-link::before {
        position: relative;
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 10px;
    }
    
    .four-features__icon span {
        background: #283c31;
        display: block;
        height: 8px;
        width: 8px
    }
    
    .four-features__icon {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        height: 20px;
        margin-bottom: 14px;
        width: 20px;
    }
    
    .footer .btn.btn-link:hover {
        color: #d2ae6d;
        letter-spacing: 1px;
        box-shadow: none;
    }
    
    .btn-primary:hover {
        color: #fff;
        background-color: #090909;
        border-color: #d2ae6d;
    }
    
    .copyright {
        color: var(--light);
        background: #000B1C;
    }
    
    .copyright a {
        color: var(--light);
    }
    
    .copyright a:hover {
        color: var(--primary);
    }
    
    .bg-white {
        background-color: #fbfbd4 !important;
    }
    
    .bg-whitenew {
        background-color: #283c31 !important;
    }
    
    .bg-light {
        background-color: #fbfbd4 !important;
    }
    
    .border-primary {
        border-color: #005E38 !important;
    }
    
    .bg-dark {
        background-color: #005E38!important;
        ;
    }
    /*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
    
    .service-details .services-list {
        background-color: var(--surface-color);
        padding: 10px 30px;
        border: 1px solid transparent;
        border-image: linear-gradient(to right, #005E38, transparent 90%);
        border-image-slice: 1;
        margin-bottom: 20px;
    }
    
    .services-list a {
        display: block;
        line-height: 1;
        padding: 8px 0 8px 15px;
        border-left: 3px solid color-mix(in srgb, #005E38, transparent 70%);
        margin: 20px 0;
        color: color-mix(in srgb, #005E38, transparent 20%);
        transition: 0.3s;
    }
    
    .services-list a.active {
        color: black;
        font-weight: 700;
        border-color: #005E38;
    }
    /* .service-details .services-list a:hover {
    border-color: #005E38;f
} */
    
    .service-details .services-img {
        margin-bottom: 20px;
    }
    
    .service-details h3 {
        font-size: 26px;
        font-weight: 700;
    }
    
    .service-details h4 {
        font-size: 20px;
        font-weight: 700;
    }
    
    .service-details p {
        font-size: 15px;
    }
    
    .service-details ul {
        list-style: none;
        padding: 0;
        font-size: 15px;
    }
    
    .service-details ul li {
        padding: 5px 0;
        display: flex;
        align-items: center;
        font-weight: 700;
    }
    
    .service-details ul i {
        font-size: 20px;
        margin-right: 8px;
        font-weight: 600;
        color: #005E38;
    }
    
    .services-list a {
        display: block;
        padding: 10px 15px;
        color: #333;
        text-decoration: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }
    
    .services-list a:hover {
        background-color: #005E38;
        /* Change to your preferred color */
        color: #fff;
    }
    
    .services-list a.active {
        background-color: #005E38;
        /* Active link background color */
        color: #fff;
    }
    
    .page-header--grey {
        background: #ebebeb;
    }
    
    .banner-links {
        align-items: flex-end;
        background: #000;
        display: flex;
        height: 548px;
        justify-content: center;
        position: relative;
        /* width: 98.7vw */
    }
    
    .banner-links:before {
        background: rgba(0, 0, 0, .1);
        content: "";
        z-index: 1
    }
    
    .banner-links:before,
    .banner-links__bg {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    
    .banner-links__bg .gatsby-image-wrapper,
    .banner-links__video {
        height: 100%;
        width: 100%
    }
    
    .banner-links__video {
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0
    }
    
    .banner-links__video--desktop {
        display: none
    }
    
    @media(min-width: 900px) {
        .banner-links__video--desktop {
            display: block;
        }
    }
    
    .banner-links__video--mobile {
        display: block
    }
    
    @media(min-width: 900px) {
        .banner-links__video--mobile {
            display: none
        }
    }
    
    .banner-links__links {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-bottom: 40px;
        padding: 0 20px 20px;
        position: relative;
        width: 100%;
        z-index: 2
    }
    
    @media(min-width: 900px) {
        .banner-links__links {
            flex-wrap: nowrap;
            gap: 36px;
            padding: 0;
            width: 600px
        }
    }
    
    .banner-links__links a {
        align-items: center;
        border-top: 1px solid #7a7c7d;
        color: #fff;
        display: flex;
        font-size: 13px;
        font-weight: 350;
        justify-content: space-between;
        letter-spacing: 1px;
        line-height: 18px;
        padding: 10px 0 0;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%
    }
    
    @media(min-width: 900px) {
        .banner-links__links a {
            flex: 1 0 110px;
            width: 110px
        }
    }
    
    .banner-links__popup {
        aspect-ratio: 100/56;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 40px);
        z-index: 2
    }
    
    @media(min-width: 900px) {
        .banner-links__popup {
            width: 600px
        }
    }
    
    .banner-links__popup button {
        background: #000;
        border: none;
        color: #fff;
        cursor: pointer;
        font-weight: 500;
        padding: 6px 10px 4px;
        position: absolute;
        right: 0;
        text-transform: uppercase;
        top: 0;
        z-index: 2
    }
    
    .banner-links__popup iframe {
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }
    
    .four-features {
        display: flex;
        flex-wrap: wrap;
        position: relative
    }
    
    .four-features__item {
        background: #fff;
        border-bottom: 1px solid #c5c8c9;
        color: #283c31;
        padding: 40px 20px;
        position: relative;
        width: 100%;
        z-index: 2
    }
    
    .subtitle-title--green {
        background: #283c31;
    }
    
    .subtitle-title--green-one {
        background: #0d0e0d;
    }
    
    @media(min-width:900px) {
        .subtitle-title {
            padding: 130px 220px
        }
    }
    
    @media (min-width: 900px) {
        .subtitle-title h1,
        .subtitle-title h2 {
            font-size: 32px;
            letter-spacing: .2px;
            line-height: 39px;
        }
    }
    
    .subtitle-title h1,
    .subtitle-title 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: 1490px) and (max-width: 2000px) {
        .banner-links {
            align-items: flex-end;
            background: #000;
            display: flex;
            height: 1000px;
            justify-content: center;
            position: relative;
        }
    }
    
    @media(min-width: 900px) {
        .subtitle-title h1,
        .subtitle-title h2 {
            font-size: 32px;
            letter-spacing: .2px;
            line-height: 39px
        }
    }
    
    @media(max-width: 901px) {
        .subtitle-title h1,
        .subtitle-title h2 {
            font-size: 19px;
            letter-spacing: .2px;
            line-height: 25px
        }
    }
    
    .investment-section {
        display: flex;
        align-items: center;
        /* min-height: 100vh; */
    }
    
    .investment-content {
        padding: 28px;
        /* background: #f8f9fa; */
        border-left: 1px solid #c5c8c9;
    }
    
    .text-white {
        color: #ebebeb !important
    }
    
    .investment-content h4 {
        font-weight: bold;
    }
    
    .investment-content p {
        color: #666;
        text-align: justify;
    }
    
    .investment-image {
        background: url('../image/Business\ Analysis\ Focus.jpeg') no-repeat center center;
        background-size: cover;
        min-height: 400px;
    }
    
    .investment-image2 {
        background: url('../image/Professional Woman with CV.jpeg') no-repeat center center;
        background-size: cover;
        min-height: 400px;
    }
    
    .Beyond {
        font-size: 1.2rem;
    }
    
    .Beyondp {
        font-size: 2rem;
        /* font-family: 'Expletus Sans' !important; */
        font-family: 'ESTEDAD-Vf'!important;
        letter-spacing: .1px;
        /* line-height: 39px; */
        margin: 5px 0 0;
        font-weight: 500 !important;
    }
    
    .bg-image {
        background: url('../image/Modern Office Environment.jpeg') no-repeat;
        background-size: contain;
        height: 100%;
    }
    
    .content-box {
        background: white;
        padding: 20px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        height: 13rem;
    }
    
    .content-box img {
        height: 155px;
        width: 145px;
    }
    
    @media (max-width: 991px) {
        .investment-image {
            min-height: 300px;
        }
    }
    
    .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: 15px!important; */
        font-weight: 350;
        letter-spacing: 0;
        line-height: 22px;
        margin: 0 0 0px
    }
    
    @media(min-width: 900px) {
        .stepped-features__item h4 {
            font-size: 16px;
            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: ; */
        font-weight: 500;
        letter-spacing: .2px;
        line-height: 20px;
        margin: 0;
        max-width: 705px
    }
    
    @media(min-width: 900px) {
        .stepped-features__item p {
            /* font-size: 14px; */
            letter-spacing: .4px;
            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: 30px;
            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: 190px;
        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: 503px
    }
    
    @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%
    }
    
    .stepped-features__image {
        text-align: center;
        position: relative;
    }
    
    .feature-image {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    
    .stepped-features h4 {
        color: #d2ae6d!important;
    }
    /*  */
    /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
    
    #header {
        /* height: 70px; */
        transition: all 0.5s;
        z-index: 997;
        background: #000;
    }
    
    #header .logo h1 {
        font-size: 30px;
        margin: 0;
        padding: 6px 0;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    
    #header .logo h1 a,
    #header .logo h1 a:hover {
        color: #fff;
        text-decoration: none;
    }
    
    #header .logo img {
        padding: 0;
        margin: 0;
        max-height: 40px;
    }
    
    @media (max-width: 992px) {
        #header {
            height: 60px;
        }
    }
    /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
    
    .header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* width: 100vw; */
        z-index: 10
    }
    
    .header__inner {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 100%;
        padding: 0 20px
    }
    
    @media(min-width: 900px) {
        .header__inner {
            padding: 17px 50px;
        }
    }
    
    .header__logo {
        width: 195px
    }
    
    .header__logo svg {
        display: block
    }
    
    .header__nav {
        display: none
    }
    
    @media(min-width: 900px) {
        .header__nav {
            display: block
        }
    }
    
    .header__nav ul {
        display: flex;
        flex-wrap: wrap;
        gap: 17px;
        list-style: none;
        margin: 0;
        padding: 0
    }
    
    .header__nav ul li {
        margin: 0;
        padding: 17px 0;
        position: relative
    }
    
    .header__nav ul li a {
        color: #fff;
        display: block;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 16px;
        text-decoration: none;
        text-transform: uppercase
    }
    
    @media(min-width: 900px) {
        .header__nav ul li a {
            font-size: 13px;
            line-height: 17px
        }
        .header__nav ul li.active {
            position: relative;
            z-index: 2
        }
        .header__nav ul li.active a {
            color: #7a7c7d!important;
            position: relative;
            z-index: 3
        }
        .header__nav ul li.active .header__dropdown {
            opacity: 1;
            transform: translateY(0);
            visibility: visible
        }
        .header__nav ul li.active .header__dropdown ul {
            opacity: 1
        }
        .header__nav ul li.active .header__dropdown ul li a {
            color: #fff!important
        }
    }
    
    .header__dropdown {
        background: #213229;
        left: -33px;
        opacity: 0;
        padding: 180px 33px 40px;
        position: absolute;
        top: 0;
        transform: translateY(-100%);
        transition: all .3s ease;
        visibility: hidden;
        width: 360px
    }
    
    .header__dropdown ul {
        display: block;
        opacity: 0;
        transition: all .5s ease
    }
    
    .header__dropdown ul li {
        margin: 0;
        padding: 2px 0
    }
    
    .header__button {
        align-items: center;
        display: flex;
        gap: 20px;
        justify-content: flex-end;
        /* width: 156px */
    }
    
    .header__button .btn {
        display: flex
    }
    
    @media(max-width: 901px) {
        .header__button .btn {
            margin: 10px 0;
            padding: 7px
        }
        .header__button .btn span {
            display: none
        }
    }
    
    .header__button .btn svg {
        margin-right: 0
    }
    
    .header__hamburger {
        background: none;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        cursor: pointer;
        display: block;
        height: 10px;
        padding: 0;
        width: 28px
    }
    
    .header__hamburger:focus {
        outline: none
    }
    
    @media(min-width: 900px) {
        .header__hamburger {
            display: none
        }
    }
    
    .header__hamburger .lines {
        background: transparent;
        display: block;
        height: 0;
        position: relative;
        transition: all .3s linear;
        width: 100%
    }
    
    .header__hamburger .lines:after,
    .header__hamburger .lines:before {
        background: #000;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 0;
        transform-origin: top left;
        transition: all .3s ease;
        width: 100%
    }
    
    .header__hamburger .lines:before {
        top: -6px
    }
    
    .header__hamburger .lines:after {
        top: 5px
    }
    
    .header__hamburger.active .lines {
        background: transparent
    }
    
    .header__hamburger.active .lines:before {
        left: 50%;
        top: 50%;
        transform: rotate(35deg) translate(-50%, -50%)
    }
    
    .header__hamburger.active .lines:after {
        left: 50%;
        top: 50%;
        transform: rotate(-35deg) translate(-50%, -50%)
    }
    
    .header--grey {
        background: #ebebeb
    }
    
    .header--grey .header__logo svg path {
        fill: #283c31
    }
    
    .header--grey .header__nav ul li a {
        color: #283c31
    }
    
    .header--grey__hamburger .lines:after,
    .header--grey__hamburger .lines:before {
        background: #283c31
    }
    
    .header--grey .btn {
        background: #283c31;
        color: #fff
    }
    
    .header--grey .btn svg path {
        fill: #fff
    }
    
    .header--charcoal {
        background: #282829
    }
    
    .header--charcoal .header__logo svg path {
        fill: #fff
    }
    
    .header--charcoal .header__nav ul li a {
        color: #fff
    }
    
    .header--charcoal .header__hamburger .lines:after,
    .header--charcoal .header__hamburger .lines:before {
        background: #fff
    }
    
    .header--charcoal .btn {
        background: #7a7c7d;
        color: #fff
    }
    
    .header--charcoal .btn svg path {
        fill: #fff
    }
    
    .header--green,
    .header--off-canvas {
        background: #283c31
    }
    
    .header--green .header__logo svg path,
    .header--off-canvas .header__logo svg path {
        fill: #fff
    }
    
    .header--green .header__nav ul li a,
    .header--off-canvas .header__nav ul li a {
        color: #fff
    }
    
    .header--green .header__hamburger .lines:after,
    .header--green .header__hamburger .lines:before,
    .header--off-canvas .header__hamburger .lines:after,
    .header--off-canvas .header__hamburger .lines:before {
        background: #fff
    }
    
    .header--green .btn,
    .header--off-canvas .btn {
        background: #7a7c7d;
        color: #fff
    }
    
    .header--green .btn svg path,
    .header--off-canvas .btn svg path {
        fill: #fff
    }
    
    .header--off-canvas-panel {
        background: #282829
    }
    
    .off-canvas {
        background: #283c31;
        height: calc(100vh - 48px);
        left: 0;
        opacity: 0;
        position: fixed;
        top: 48px;
        transform: translateY(-100%);
        transition: all .3s ease;
        visibility: hidden;
        width: 100vw;
        z-index: 4
    }
    
    .off-canvas--active {
        opacity: 1;
        transform: translateY(0);
        visibility: visible
    }
    
    @media(min-width: 900px) {
        .off-canvas {
            display: none
        }
    }
    
    .off-canvas__inner {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        /* height: 100%; */
        justify-content: space-between
    }
    
    .off-canvas__nav ul {
        list-style: none;
        margin: 0;
        padding: 65px 20px
    }
    
    .off-canvas__nav ul li {
        color: #ebebeb;
        cursor: pointer;
        font-size: 16px;
        font-weight: 350;
        letter-spacing: 1px;
        line-height: 22px;
        margin: 0 0 20px;
        text-transform: uppercase
    }
    
    .off-canvas__nav ul li a {
        color: #ebebeb;
        text-decoration: none
    }
    
    .off-canvas__contact {
        padding: 0 20px 65px
    }
    
    .off-canvas__contact p {
        color: #ebebeb
    }
    
    .off-canvas__contact a {
        color: #ebebeb;
        text-decoration: none
    }
    
    .off-canvas__panel {
        background: #282829;
        height: calc(100vh - 48px);
        left: 0;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        transition: all .3s ease;
        width: 100vw;
        z-index: 5
    }
    
    .off-canvas__panel.active {
        transform: translateX(0)
    }
    
    .off-canvas__panel ul {
        list-style: none;
        margin: 0;
        padding: 65px 20px
    }
    
    .off-canvas__panel ul li {
        color: #8c8c8c;
        cursor: pointer;
        font-size: 16px;
        font-weight: 350;
        letter-spacing: 1px;
        line-height: 22px;
        margin: 0 0 20px;
        text-transform: uppercase
    }
    
    .off-canvas__panel ul li a {
        color: #ebebeb;
        text-decoration: none
    }
    
    .page-header {
        padding: 80px 20px 40px
    }
    
    @media(min-width: 900px) {
        .page-header {
            padding: 88px 20px 44px
        }
    }
    /**
* Desktop Navigation 
*/
    
    .navbar {
        padding: 0;
        padding-right: 0px;
    }
    
    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
    }
    
    .navbar li {
        position: relative;
    }
    
    .navbar>ul>li+li {
        margin-left: 30px;
    }
    
    .navbar a,
    .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 0;
        font-size: 13px;
        color: rgba(255, 254, 254, 0.8);
        /* white-space: nowrap; */
        transition: 0.3s;
        position: relative;
        /* font-weight: 600; */
        font-family: 'ESTEDAD-Vf';
    }
    
    .navbar a i,
    .navbar a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
    }
    
    .navbar>ul>li>a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 3px;
        left: 0;
        background-color: #1bac91;
        visibility: hidden;
        width: 0px;
        transition: all 0.3s ease-in-out 0s;
    }
    
    .navbar a:hover:before,
    .navbar li:hover>a:before,
    .navbar .active:before {
        visibility: visible;
        width: 100%;
    }
    
    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover>a {
        color: #fff;
    }
    
    .navbar .dropdown ul {
        display: block;
        position: absolute;
        left: 0;
        top: 100%;
        margin: 0;
        padding: 10px 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: 0.3s;
    }
    
    .navbar .dropdown ul li {
        min-width: 200px;
    }
    
    .navbar .dropdown ul a {
        padding: 5px 10px;
        font-size: 14px;
        text-transform: none;
        /* font-weight: 600; */
        color: #062822;
        /* font-family: 'Expletus Sans'; */
        font-family: 'ESTEDAD-Vf';
    }
    
    .navbar .dropdown ul a i {
        font-size: 12px;
    }
    
    .navbar .dropdown ul a:hover,
    .navbar .dropdown ul .active:hover,
    .navbar .dropdown ul li:hover>a {
        color: #1bac91;
    }
    
    .navbar .dropdown:hover>ul {
        opacity: 1;
        visibility: visible;
    }
    
    .navbar .dropdown .dropdown ul {
        top: 0;
        left: calc(100% - 30px);
        visibility: hidden;
    }
    
    .navbar .dropdown .dropdown:hover>ul {
        opacity: 1;
        top: 0;
        left: 100%;
        visibility: visible;
    }
    /**
* Mobile Navigation 
*/
    
    .mobile-nav-toggle {
        color: #fff;
        font-size: 28px;
        cursor: pointer;
        display: none;
        line-height: 0;
        transition: 0.5s;
    }
    
    @media (max-width: 991px) {
        .mobile-nav-toggle {
            display: block;
        }
        .navbar ul {
            display: none;
        }
    }
    
    .navbar-mobile {
        position: fixed;
        overflow: hidden;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(16, 31, 29, 0.9);
        transition: 0.3s;
        z-index: 0;
    }
    
    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 15px;
        right: 15px;
    }
    
    .navbar-mobile ul {
        display: block;
        position: absolute;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 10px 0;
        background-color: #fff;
        overflow-y: auto;
        transition: 0.3s;
    }
    
    .navbar-mobile>ul>li+li {
        margin: 0;
    }
    
    .navbar-mobile a:hover:before,
    .navbar-mobile li:hover>a:before,
    .navbar-mobile .active:before {
        visibility: hidden;
    }
    
    .navbar-mobile a,
    .navbar-mobile a:focus {
        padding: 10px 20px;
        font-size: 15px;
        color: #21413c;
    }
    
    .navbar-mobile a:hover,
    .navbar-mobile .active,
    .navbar-mobile li:hover>a {
        color: #1bac91;
    }
    
    .navbar-mobile .getstarted,
    .navbar-mobile .getstarted:focus {
        margin: 15px;
    }
    
    .navbar-mobile .dropdown ul {
        position: static;
        display: none;
        margin: 10px 20px;
        padding: 10px 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }
    
    .navbar-mobile .dropdown ul li {
        min-width: 200px;
    }
    
    .navbar-mobile .dropdown ul a {
        padding: 10px 20px;
    }
    
    .navbar-mobile .dropdown ul a i {
        font-size: 12px;
    }
    
    .navbar-mobile .dropdown ul a:hover,
    .navbar-mobile .dropdown ul .active:hover,
    .navbar-mobile .dropdown ul li:hover>a {
        color: #1bac91;
    }
    
    .navbar-mobile .dropdown>.dropdown-active {
        display: block;
    }
    /* General Navbar Styling */
    
    @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: 40%
        }
    }
    
    .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: 60%
        }
    }
    
    .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)
    }
    /* Responsive Design */
    
    .form__radios {
        list-style: none;
        /* Removes default bullet points */
        padding: 0;
        margin: 0;
    }
    
    .form__radio {
        margin-bottom: 8px;
        /* Spacing between items */
        display: flex;
        align-items: center;
    }
    
    .form__radio input {
        margin-right: 8px;
        /* Space between radio and label */
    }
    /* Contact Section - Home Page
------------------------------*/
    
    .contact .info-item {
        background: rgba(var(--default-color-rgb), 0.03);
        padding: 30px;
    }
    
    .contact .info-item i {
        font-size: 38px;
        line-height: 0;
        color: #005e38;
    }
    
    .contact .info-item h3 {
        font-size: 20px;
        font-weight: 700;
        margin: 20px 0 10px 0;
    }
    
    .contact .info-item p {
        padding: 0;
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 0;
    }
    
    .contact .php-email-form {
        background: rgba(var(--default-color-rgb), 0.03);
        padding: 30px;
        height: 100%;
    }
    
    .contact .php-email-form .error-message {
        display: none;
        background: #df1529;
        color: #ffffff;
        text-align: left;
        padding: 15px;
        margin-bottom: 24px;
        font-weight: 600;
    }
    
    .contact .php-email-form .sent-message {
        display: none;
        color: #ffffff;
        background: #059652;
        text-align: center;
        padding: 15px;
        margin-bottom: 24px;
        font-weight: 600;
    }
    
    .contact .php-email-form .loading {
        display: none;
        background: var(--background-color);
        text-align: center;
        padding: 15px;
        margin-bottom: 24px;
    }
    
    .contact .php-email-form .loading:before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        margin: 0 10px -6px 0;
        border: 3px solid var(--primary-color);
        border-top-color: var(--background-color);
        animation: animate-loading 1s linear infinite;
    }
    
    .contact .php-email-form input[type=text],
    .contact .php-email-form input[type=email],
    .contact .php-email-form textarea {
        font-size: 14px;
        padding: 10px 15px;
        box-shadow: none;
        border-radius: 0;
        color: var(--default-color);
        background-color: rgba(var(--background-color-rgb), 0.5);
        border-color: rgba(var(--default-color-rgb), 0.2);
    }
    
    .contact .php-email-form input[type=text]:focus,
    .contact .php-email-form input[type=email]:focus,
    .contact .php-email-form textarea:focus {
        border-color: var(--primary-color);
    }
    
    .contact .php-email-form input[type=text]::-moz-placeholder,
    .contact .php-email-form input[type=email]::-moz-placeholder,
    .contact .php-email-form textarea::-moz-placeholder {
        color: rgba(var(--default-color-rgb), 0.3);
    }
    
    .contact .php-email-form input[type=text]::placeholder,
    .contact .php-email-form input[type=email]::placeholder,
    .contact .php-email-form textarea::placeholder {
        color: rgba(var(--default-color-rgb), 0.3);
    }
    
    .btns {
        background: #005e38;
        color: white;
        border: 0;
        padding: 10px 30px;
        transition: 0.4s;
        border-radius: 4px;
    }
    
    .contact .php-email-form button[type=submit]:hover {
        background: rgba(var(--primary-color-rgb), 0.8);
    }
    
    @keyframes animate-loading {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    /* footer */
    
    .footer {
        background-color: #283c31;
        position: relative
    }
    
    .footer:before {
        background: #7a7c7d;
        content: "";
        display: block;
        height: calc(100% - 277px);
        left: 50%;
        position: absolute;
        top: 277px;
        width: 1px
    }
    
    @media(min-width: 900px) {
        .footer:before {
            display: none
        }
    }
    
    .footer__inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    
    @media(min-width: 900px) {
        .footer__inner {
            flex-wrap: nowrap
        }
    }
    
    .footer__col {
        width: 50%
    }
    
    @media(min-width: 900px) {
        .footer__col {
            border-right: 1px solid #7a7c7d;
            display: flex;
            flex: 1 0 25%;
            flex-direction: column;
            gap: 200px;
            justify-content: space-between;
            padding: 52px
        }
    }
    
    .footer__col:first-child {
        border-bottom: 1px solid #7a7c7d;
        padding: 40px 20px;
        width: 100%
    }
    
    @media(min-width: 900px) {
        .footer__col:first-child {
            border-bottom: 0;
            padding: 34px 30px 52px 52px
        }
    }
    
    @media(max-width: 901px) {
        .footer__col:first-child .footer__menu svg {
            height: 35px;
            margin-bottom: 60px;
            width: 134px
        }
        .footer__col:first-child .footer__menu ul {
            display: none
        }
    }
    
    .footer__col:first-child .footer__menu a {
        color: #acafb0
    }
    
    .footer__col:first-child .footer__address p {
        max-width: 230px
    }
    
    .footer__col:first-child .footer__address a {
        display: block
    }
    
    @media(max-width: 901px) {
        .footer__col:first-child .footer__address p {
            max-width: 150px
        }
        .footer__col:first-child .footer__address a {
            display: block
        }
    }
    
    .footer__col:nth-child(2) {
        padding: 42px 20px
    }
    
    @media(min-width: 900px) {
        .footer__col:nth-child(2) {
            padding: 52px 30px
        }
    }
    
    .footer__col:nth-child(3) {
        padding: 42px 20px
    }
    
    @media(min-width: 900px) {
        .footer__col:nth-child(3) {
            padding: 52px 30px
        }
    }
    
    .footer__col:nth-child(4) {
        padding: 20px 20px 40px
    }
    
    @media(min-width: 900px) {
        .footer__col:nth-child(4) {
            border-right: 0;
            padding: 52px 52px 52px 30px
        }
    }
    
    .footer__col:nth-child(4) p {
        margin: 0
    }
    
    @media(max-width: 901px) {
        .footer__col:nth-child(4) .footer__address {
            display: none
        }
    }
    
    .footer__col:nth-child(5) {
        align-items: flex-end;
        display: flex;
        padding: 20px 20px 40px
    }
    
    .footer__col:nth-child(5) ul li a {
        color: #acafb0
    }
    
    @media(min-width: 900px) {
        .footer__col:nth-child(5) {
            display: none
        }
    }
    
    .footer__col:nth-child(6) {
        padding: 42px 20px
    }
    
    .footer__col:nth-child(6) ul li {
        margin: 0
    }
    
    @media(max-width: 901px) {
        .footer__col:nth-child(6) ul li a {
            font-size: 12px;
            font-weight: 300;
            letter-spacing: 0;
            line-height: 16px;
            text-transform: none
        }
    }
    
    @media(max-width: 901px)and (min-width:900px) {
        .footer__col:nth-child(6) ul li a {
            font-size: 12px;
            line-height: 17px
        }
    }
    
    @media(min-width: 900px) {
        .footer__col:nth-child(6) {
            display: none
        }
    }
    
    .footer__col:nth-child(7) {
        padding: 42px 20px
    }
    
    @media(max-width: 901px) {
        .footer__col:nth-child(7) .footer__address {
            font-size: 12px;
            font-weight: 300;
            letter-spacing: 0;
            line-height: 16px
        }
    }
    
    @media(max-width: 901px)and (min-width:900px) {
        .footer__col:nth-child(7) .footer__address {
            font-size: 12px;
            line-height: 17px
        }
    }
    
    @media(max-width: 901px) {
        .footer__col:nth-child(7) .footer__address p {
            font-size: 12px;
            font-weight: 300;
            line-height: 16px;
            margin: 0
        }
    }
    
    @media(max-width: 901px)and (min-width:900px) {
        .footer__col:nth-child(7) .footer__address p {
            font-size: 14px;
            line-height: 17px
        }
    }
    
    @media(max-width: 901px) {
        .footer__col:nth-child(7) .footer__address a {
            font-size: 14px;
            font-weight: 300;
            line-height: 16px
        }
    }
    
    @media(max-width: 901px)and (min-width:900px) {
        .footer__col:nth-child(7) .footer__address a {
            font-size: 14px;
            line-height: 17px
        }
    }
    
    @media(min-width: 900px) {
        .footer__col:nth-child(7) {
            display: none
        }
    }
    
    .footer__col a {
        color: #dedede;
        font-size: 13px;
        /* font-weight: 300; */
        line-height: 16px;
        text-decoration: none
    }
    
    @media(min-width: 900px) {
        .footer__col a {
            font-size: 13px;
            line-height: 17px
        }
    }
    
    .footer__link {
        display: none
    }
    
    @media(min-width: 900px) {
        .footer__link {
            display: block
        }
        .footer__menu svg {
            margin-bottom: 70px;
            max-width: 174px;
            width: 100%
        }
    }
    
    .footer__menu ul {
        margin: 0;
        padding: 0
    }
    
    .footer__menu li {
        list-style-type: none;
        margin-bottom: 8px
    }
    
    .footer__menu h3 {
        color: #f9fbfc;
        font-size: 15px;
        font-weight: 350;
        letter-spacing: 1px;
        line-height: 17px;
        text-transform: uppercase
    }
    
    @media(min-width: 900px) {
        .footer__menu h3 {
            margin-bottom: 99px
        }
    }
    
    .footer__menu a {
        color: #fff;
        /* font-size: 12px; */
        /* font-weight: 350; */
        letter-spacing: 1px;
        line-height: 17px;
        text-decoration: none;
        text-transform: uppercase
    }
    
    .footer__address {
        color: #dedede;
        font-size: 12px;
        font-weight: 300;
        line-height: 16px
    }
    
    @media(min-width: 900px) {
        .footer__address {
            font-size: 12px;
            line-height: 17px
        }
    }
    
    @media(max-width: 901px) {
        .footer__address {
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px
        }
    }
    
    @media(max-width: 901px)and (min-width:900px) {
        .footer__address {
            font-size: 14px;
            letter-spacing: .2px;
            line-height: 20px
        }
    }
    
    .footer__address p {
        color: #dedede;
        font-size: 13px;
        font-weight: 300;
        line-height: 16px;
        margin-bottom: 16px
    }
    
    @media(min-width: 900px) {
        .footer__address p {
            font-size: 12px;
            line-height: 17px
        }
    }
    
    @media(max-width: 901px) {
        .footer__address p {
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px
        }
    }
    
    @media(max-width: 901px)and (min-width:900px) {
        .footer__address p {
            font-size: 14px;
            letter-spacing: .2px;
            line-height: 20px
        }
    }
    
    .footer__address a {
        color: #dedede;
        display: inline-block;
        font-size: 12px;
        font-weight: 300;
        line-height: 16px;
        text-decoration: none
    }
    
    @media(min-width: 900px) {
        .footer__address a {
            font-size: 12px;
            line-height: 17px
        }
    }
    
    @media(max-width: 901px) {
        .footer__address a {
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .2px;
            line-height: 20px
        }
    }
    
    @media(max-width: 901px)and (min-width:900px) {
        .footer__address a {
            font-size: 14px;
            letter-spacing: .2px;
            line-height: 20px
        }
    }
    
    @media(min-width: 900px) {
        .latest-resources__items {
            display: flex;
            justify-content: space-between
        }
    }
    
    .latest-resources__item {
        text-decoration: none;
        width: 100%
    }
    
    @media(min-width: 900px) {
        .latest-resources__item {
            flex: 1 0 25%
        }
        .latest-resources__item:first-of-type .latest-resources__content {
            padding-left: 52px
        }
        .latest-resources__item:last-of-type .latest-resources__content {
            padding-right: 52px
        }
    }
    
    @media(max-width: 901px) {
        .latest-resources__item {
            display: flex
        }
    }
    
    .footmath {
        padding-top: 70px!important;
    }
    
    .cta__image {
        background-image: url('../photo/cta-form-image.jpg');
        /* Replace with your image URL */
        background-size: cover;
        /* Ensures the image covers the entire div */
        background-position: center;
        /* Centers the image */
        background-repeat: no-repeat;
        /* Prevents repeating */
        width: 100%;
        /* Adjust as needed */
        /* height: 300px; */
        /* Adjust as needed */
    }
    /*  */
    
    .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: 110px 0 210px
        }
    }
    
    .cta__wrapper {
        margin: 0 auto;
        max-width: 850px;
        text-align: center;
        width: 100%
    }
    
    .cta__wrapper p {
        font-size: 1.6rem;
        font-family: 'ESTEDAD-Vf'!important;
        /* font-family: 'Expletus Sans' !important; */
        letter-spacing: .2px;
        /* line-height: 39px; */
        margin: 5px 0 0;
        /* color: black */
    }
    
    @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: 100vw */
    }
    
    @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: 687px;
            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
    }
    
    .form {
        margin: 0
    }
    
    .form__row {
        display: block;
        margin: 0 0 24px;
        width: 100%
    }
    
    .form__row--checkboxes,
    .form__row--radios {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 0 40px
    }
    
    .form__row--checkboxes p,
    .form__row--radios p {
        font-size: 13px;
        font-weight: 350;
        letter-spacing: 1px;
        line-height: 18px;
        line-height: 1;
        margin: 3px 0 0;
        text-transform: uppercase;
        width: 100px
    }
    
    @media(max-width: 901px) {
        .form__row--checkboxes p,
        .form__row--radios p {
            margin-bottom: 20px!important;
            width: 100%
        }
    }
    
    .form__row--double {
        display: flex;
        flex-wrap: wrap;
        gap: 20px
    }
    
    .form__row input,
    .form__row textarea {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #283c31;
        color: #283c31;
        margin: 0;
        padding: 0 0 12px;
        width: 100%
    }
    
    .form__row input:focus,
    .form__row textarea:focus {
        outline: none
    }
    
    .form__row input::placeholder,
    .form__row textarea::placeholder {
        color: #283c31;
        opacity: 1
    }
    
    .form__row textarea {
        border: 1px solid #283c31;
        height: 96px;
        padding: 12px 16px
    }
    
    .form__row--radios {
        margin-top: 40px
    }
    
    .form__row--radios p {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: .2px;
        line-height: 20px;
        margin-bottom: 20px;
        text-transform: none;
        width: 250px
    }
    
    @media(min-width: 900px) {
        .form__row--radios p {
            font-size: 14px;
            letter-spacing: .2px;
            line-height: 20px
        }
    }
    
    .form__row .btn {
        border: none;
        cursor: pointer;
        letter-spacing: 1px;
        line-height: 1!important;
        padding: 9px 10px;
        background: #283c31;
        color: white;
        font-size: 12px;
        border-radius: 0px!important;
    }
    
    .form__row .btn svg {
        margin-left: 10px;
        margin-right: 0
    }
    
    .form__row--submit {
        align-items: center
    }
    
    .form__row--submit .form__checkboxes {
        align-items: center;
        justify-content: flex-start;
        max-width: 100%
    }
    
    @media(min-width: 900px) {
        .form__row--submit .form__checkboxes {
            max-width: 280px
        }
    }
    
    .form__row--submit .form__checkboxes .form__checkbox {
        margin-bottom: 30px
    }
    
    @media(min-width: 900px) {
        .form__row--submit .form__checkboxes .form__checkbox {
            margin-bottom: 0
        }
    }
    
    .form__row--submit .form__checkboxes .form__checkbox label {
        max-width: 234px
    }
    
    .form__row--submit .form__checkboxes .form__checkbox label:before {
        top: 12px
    }
    
    .form__row--submit .form__checkboxes .form__checkbox label:after {
        top: 14px
    }
    
    .form__row--submit .form__checkboxes .form__checkbox label span {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: .2px;
        line-height: 20px;
        max-width: 224px;
        text-transform: none
    }
    
    @media(min-width: 900px) {
        .form__row--submit .form__checkboxes .form__checkbox label span {
            font-size: 14px;
            letter-spacing: .2px;
            line-height: 20px
        }
        .form__row--submit .form__checkboxes {
            width: calc(50% - 10px)
        }
    }
    
    .form__checkboxes {
        display: flex;
        flex-wrap: wrap;
        gap: 48px;
        justify-content: flex-end;
        width: calc(100% - 100px)
    }
    
    @media(max-width: 901px) {
        .form__checkboxes {
            gap: 18px;
            justify-content: flex-start;
            width: 100%
        }
    }
    
    .form__checkbox {
        display: flex;
        flex-wrap: wrap;
        position: relative
    }
    
    .form__checkbox input {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0
    }
    
    .form__checkbox label {
        cursor: pointer;
        padding-left: 30px;
        position: relative
    }
    
    .form__checkbox label span {
        font-size: 13px;
        font-weight: 350;
        letter-spacing: 1px;
        line-height: 18px;
        line-height: 1;
        text-transform: uppercase
    }
    
    .form__checkbox label:before {
        border: 1px solid #283c31;
        content: "";
        display: block;
        height: 12px;
        left: 0;
        position: absolute;
        top: 3px;
        width: 12px
    }
    
    .form__checkbox label:after {
        background: #283c31;
        content: "";
        display: block;
        height: 8px;
        left: 2px;
        opacity: 0;
        position: absolute;
        top: 5px;
        transition: opacity .3s ease;
        width: 8px
    }
    
    .form__checkbox input:checked+label:after {
        opacity: 1
    }
    
    @media(min-width: 900px) {
        .form__radios {
            width: calc(50% - 10px)
        }
    }
    
    .form__radio {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px;
        position: relative
    }
    
    .form__radio input {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0
    }
    
    .form__radio label {
        cursor: pointer;
        padding-left: 34px;
        position: relative
    }
    
    .form__radio label span {
        font-size: 13px;
        font-weight: 350;
        letter-spacing: 1px;
        line-height: 18px;
        line-height: 1;
        text-transform: uppercase
    }
    
    .form__radio label:before {
        border: 1px solid #283c31;
        height: 16px;
        left: 0;
        top: 2px;
        transition: background-color .3s ease;
        width: 16px
    }
    
    .form__radio label:after,
    .form__radio label:before {
        border-radius: 50%;
        content: "";
        display: block;
        position: absolute
    }
    
    .form__radio label:after {
        background: #fff;
        height: 6px;
        left: 5px;
        opacity: 0;
        top: 7px;
        transition: opacity .3s ease;
        width: 6px
    }
    
    .form__radio input:checked+label:before {
        background: #283c31
    }
    
    .form__radio input:checked+label:after {
        opacity: 1
    }
    
    .form__item {
        width: 100%
    }
    
    @media(min-width: 900px) {
        .form__item {
            width: calc(50% - 10px)
        }
    }
    
    .form--gravity {
        display: flex;
        flex-wrap: wrap;
        gap: 0 20px
    }
    
    .form--gravity .form__row:has([name="Contact Number"]),
    .form--gravity .form__row:has([name="Email Address"]),
    .form--gravity .form__row:has([name="First Name"]),
    .form--gravity .form__row:has([name="Last Name"]) {
        width: 100%
    }
    
    @media(min-width: 900px) {
        .form--gravity .form__row:has([name="Contact Number"]),
        .form--gravity .form__row:has([name="Email Address"]),
        .form--gravity .form__row:has([name="First Name"]),
        .form--gravity .form__row:has([name="Last Name"]) {
            width: calc(50% - 10px)
        }
    }
    
    .form--gravity .form__row:nth-last-child(2):has(input[type=checkbox]) p {
        display: none
    }
    
     ::selection {
        background: #1a1a1a;
        color: #fff
    }
    
    @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%
        }
    }
    
    @media(min-width:900px) {
        .title-content-image__wrapper {
            margin: 0 auto;
            max-width: 556px;
            padding: 0 20px
        }
        .title-content-image--reverse {
            flex-direction: row-reverse
        }
    }
    
    .title-content-image {
        background: #ebebeb;
        flex-wrap: wrap;
    }
    /* team */
    
    @media(min-width: 900px) {
        .team__items {
            display: flex;
            flex-wrap: wrap;
            gap: 0
        }
    }
    
    .team .gatsby-image-wrapper {
        height: 390px;
        width: 100%
    }
    
    @media(min-width: 700px) {
        .team .gatsby-image-wrapper {
            height: 650px
        }
    }
    
    @media(min-width: 900px) {
        .team .gatsby-image-wrapper {
            height: auto
        }
    }
    
    .team .gatsby-image-wrapper img {
        object-position: top;
        width: 100%
    }
    
    @media(min-width: 900px) {
        .team .gatsby-image-wrapper img {
            object-position: center
        }
    }
    
    .team__item {
        background-color: #fff;
        text-decoration: none;
        transition: all .4s ease-in-out
    }
    
    @media(min-width: 900px) {
        .team__item {
            flex: 1 0 33%;
            max-width: 34%
        }
        .team__item:hover {
            background-color: #282829
        }
        .team__item:hover h3,
        .team__item:hover h4,
        .team__item:hover p,
        .team__item:hover span {
            color: #fff
        }
        .team__item:hover svg path {
            fill: #fff
        }
        .team__item:nth-child(2) .team__content {
            padding: 87px 40px 60px 52px
        }
        .team__item:nth-child(5) .team__content {
            padding: 87px 52px 60px 40px
        }
    }
    
    .team__content {
        padding: 40px
    }
    
    @media(min-width: 900px) {
        .team__content {
            border-right: 1px solid #c5c8c9;
            padding: 87px 40px 60px
        }
    }
    
    .team__content h3 {
        color: #283c31;
        font-size: 16px;
        font-weight: 350;
        letter-spacing: 0;
        line-height: 22px;
        margin-bottom: 0
    }
    
    @media(min-width: 900px) {
        .team__content h3 {
            font-size: 19px;
            letter-spacing: 0;
            line-height: 25px
        }
    }
    
    .team__content h4 {
        color: #283c31;
        display: block;
        font-size: 12px;
        font-weight: 350;
        letter-spacing: 1px;
        line-height: 17px;
        margin-bottom: 22px;
        text-transform: uppercase
    }
    
    @media(min-width: 900px) {
        .team__content h4 {
            margin-bottom: 32px
        }
    }
    
    .team__content span {
        color: #283c31;
        font-size: 12px;
        font-weight: 350;
        letter-spacing: 1px;
        line-height: 17px;
        text-transform: uppercase
    }
    
    .team__content span svg {
        margin-left: 20px
    }
    
    .team__content p {
        color: #283c31;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: .2px;
        line-height: 20px;
        margin-bottom: 24px
    }
    
    @media(min-width: 900px) {
        .team__content p {
            font-size: 14px;
            letter-spacing: .2px;
            line-height: 20px;
            margin-bottom: 44px;
            min-height: 80px
        }
    }
    
    .team__bg {
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
    
    @media(min-width: 900px) {
        .team__bg {
            display: block;
            left: 25%;
            width: 75%
        }
    }
    
    .team__bg .gatsby-image-wrapper {
        height: 100%;
        width: 100%
    }
    
    .team--featured .team__items {
        display: block
    }
    
    @media(min-width: 900px) {
        .team--featured .team__items {
            display: block
        }
    }
    
    .team--featured .team__items .slick-track {
        margin-left: 0;
        margin-right: 0
    }
    
    .team--featured .team__items .slick-slide {
        background: #fff;
        transition: background-color .3s ease
    }
    
    @media(min-width: 900px) {
        .team--featured .team__items .slick-slide:hover {
            background-color: #282829
        }
    }
    
    .team--featured .team__items .team__item {
        background: #fff
    }
    
    .team--featured .slick-prev {
        align-items: center;
        background: #283c31;
        display: flex!important;
        flex-wrap: wrap;
        height: 38px;
        justify-content: center;
        left: 0;
        opacity: 1!important;
        top: 352px;
        transform: none;
        width: 38px;
        z-index: 2
    }
    
    @media(min-width: 700px) {
        .team--featured .slick-prev {
            top: 612px
        }
    }
    
    .team--featured .slick-prev svg {
        height: 15px;
        transform: rotate(180deg);
        width: 16px
    }
    
    .team--featured .slick-prev:before {
        display: none
    }
    
    .team--featured .slick-next {
        align-items: center;
        background: #283c31;
        display: flex!important;
        flex-wrap: wrap;
        height: 38px;
        justify-content: center;
        opacity: 1!important;
        right: 0;
        top: 352px;
        transform: none;
        width: 38px
    }
    
    @media(min-width: 700px) {
        .team--featured .slick-next {
            top: 612px
        }
    }
    
    .team--featured .slick-next svg {
        height: 15px;
        width: 16px
    }
    
    .team--featured .slick-next:before {
        display: none
    }