.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-heading);
    font-weight: 600;
    margin-top: 0;
    margin-bottom: var(--type-baseline-rem);
    line-height: 1.25;
    word-break: break-word
}

.h1, body .editor-styles-wrapper .h1, body .editor-styles-wrapper h1, h1 {
    font-weight: 600;
    font-size: 3.75rem;
    line-height: .85
}

@media (min-width: 768px) {
    .h1, body .editor-styles-wrapper .h1, body .editor-styles-wrapper h1, h1 {
        font-size: 6.75rem
    }
}

@media (min-width: 1024px) {
    .h1, body .editor-styles-wrapper .h1, body .editor-styles-wrapper h1, h1 {
        font-size: 8rem
    }
}

@media (min-width: 1440px) {
    .h1, body .editor-styles-wrapper .h1, body .editor-styles-wrapper h1, h1 {
        font-size: 12.5rem
    }
}

.h2, body .editor-styles-wrapper .h2, body .editor-styles-wrapper h2, h2 {
    font-weight: 500;
    line-height: 1;
    font-size: 3rem
}

@media (min-width: 768px) {
    .h2, body .editor-styles-wrapper .h2, body .editor-styles-wrapper h2, h2 {
        font-size: 5rem
    }
}

@media (min-width: 1024px) {
    .h2, body .editor-styles-wrapper .h2, body .editor-styles-wrapper h2, h2 {
        font-size: 6.75rem;
        line-height: .8
    }
}

@media (min-width: 1440px) {
    .h2, body .editor-styles-wrapper .h2, body .editor-styles-wrapper h2, h2 {
        font-size: 10rem
    }
}

.h3, body .editor-styles-wrapper .h3, body .editor-styles-wrapper h3, h3 {
    font-weight: 400;
    font-size: 2.1rem
}

@supports (font-size:clamp(1rem,5vw,2rem)) {
    .h3, body .editor-styles-wrapper .h3, body .editor-styles-wrapper h3, h3 {
        font-size: clamp(1.6rem, 4vw, 2.1rem)
    }
}

.h4, body .editor-styles-wrapper .h4, body .editor-styles-wrapper h4, h4 {
    font-weight: 600;
    font-size: 1.5rem
}

@supports (font-size:clamp(1rem,5vw,2rem)) {
    .h4, body .editor-styles-wrapper .h4, body .editor-styles-wrapper h4, h4 {
        font-size: clamp(1.125rem, 4vw, 1.5rem)
    }
}

.p, p {
    font-family: var(--font-family-base);
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 1em
}

@supports (font-size:clamp(1rem,4vw,1.2rem)) {
    .p, p {
        font-size: clamp(1rem, 4vw, 1.2rem)
    }
}

strong {
    font-weight: 600
}

.ingress, .ingress p {
    font-weight: 300;
    line-height: 1.2;
    font-size: 3rem
}

@supports (font-size:clamp(1rem,5vw,2rem)) {
    .ingress, .ingress p {
        font-size: clamp(1.5rem, 4vw, 3rem)
    }
}

.ingress a, .ingress p a {
    --tw-text-opacity: 1;
    color: rgba(255, 80, 10, var(--tw-text-opacity))
}

.numbers-size {
    font-weight: 300;
    font-size: 3rem;
    line-height: 1
}

@media (min-width: 1024px) {
    .numbers-size {
        font-size: 3.75rem
    }
}

@media (min-width: 1440px) {
    .numbers-size {
        font-size: 4.75rem
    }
}

@media (min-width: 1740px) {
    .numbers-size {
        font-size: 5.75rem
    }
}

.sub-text, .sub-text p {
    font-weight: 400;
    font-size: .9rem
}

.orange {
    color: rgba(255, 80, 10, var(--tw-text-opacity))
}

.green, .orange {
    --tw-text-opacity: 1
}

.green {
    color: rgba(210, 250, 225, var(--tw-text-opacity))
}

.purple {
    color: rgba(100, 45, 220, var(--tw-text-opacity))
}

.purple, .white {
    --tw-text-opacity: 1
}

.white {
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.icon-arrow svg {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.icon-arrow:hover svg {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translateX(.5rem);
    transform: translateX(.5rem)
}

.header {
    position: sticky;
    z-index: 20;
    top: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

@media (max-width: 640px) {
    .header.scrollColor {
        background-color: #0f0f0f;
        line-height: 5rem;
        height: 5rem
    }
}

@media (min-width: 768px) {
    .header.scrollColor .nav-outer {
        --tw-bg-opacity: 1;
        background-color: rgba(15, 15, 15, var(--tw-bg-opacity));
        line-height: 5rem;
        height: 5rem
    }
}

.nav {
    height: 6rem;
    width: 100%;
    background-color: transparent;
    padding-top: 1rem;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

@media (min-width: 768px) {
    .nav {
        padding-top: 0
    }
}

@media (min-width: 1024px) {
    .nav {
        height: 7rem
    }
}

.nav {
    overflow: hidden;
    font-family: var(--font-family-heading);
    font-weight: 600
}

@media (min-width: 768px) {
    .nav {
        line-height: 6rem
    }
}

@media (min-width: 1024px) {
    .nav {
        line-height: 7rem
    }
}

@media (min-width: 1280px) {
    .nav-logo a svg {
        width: 70% !important
    }
}

.nav-logo a svg #Enviro_Lockup {
    fill: #fff
}

.nav-toggle {
    position: relative;
    font-weight: 600;
    font-size: .875rem;
    padding: 1rem 1.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    pointer-events: all;
    line-height: 1;
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.nav-toggle, .nav-toggle:hover {
    text-decoration: none;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.nav-toggle {
    font-family: var(--font-family-base);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    width: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    padding: .25rem
}

.nav-toggle .hamburger-box {
    position: relative;
    height: 100%;
    width: 100%
}

.nav-toggle .hamburger-box span {
    position: absolute;
    right: 0;
    width: 100%;
    --tw-rotate: 0deg;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform);
    --tw-bg-opacity: 1;
    background-color: #ff500a;
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    height: 2px
}

.nav-toggle .hamburger-box span:first-child {
    top: 5px;
    right: 0
}

.nav-toggle .hamburger-box span:nth-child(2), .nav-toggle .hamburger-box span:nth-child(3) {
    top: 12px
}

.nav-toggle .hamburger-box span:nth-child(4) {
    top: 19px
}

.nav-toggle .hamburger-box.active span {
    width: 75%
}

.nav-toggle .hamburger-box.active span:first-child, .nav-toggle .hamburger-box.active span:nth-child(4) {
    opacity: 0
}

.nav-toggle .hamburger-box.active span:nth-child(2) {
    --tw-rotate: 45deg;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform)
}

.nav-toggle .hamburger-box.active span:nth-child(3) {
    --tw-rotate: -45deg;
    -webkit-transform: var(--tw-transform);
    transform: var(--tw-transform)
}

.nav-toggle .hamburger-box:hover span {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 80, 10, var(--tw-bg-opacity))
}

.nav-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-menu-link {
    padding-left: .75rem;
    padding-right: .75rem;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    -webkit-transition-property: all;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (min-width: 1024px) {
    .nav-menu-link {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.nav-menu-link {
    font-weight: 400;
    font-size: 1.25rem
}

@supports (font-size:clamp(1rem,5vw,2rem)) {
    .nav-menu-link {
        font-size: clamp(1.125rem, 4vw, 1.25rem)
    }
}

.nav-menu-link[href].current-menu-ancestor, .nav-menu-link[href].current-menu-item, .nav-menu-link[href].current-menu-parent, .nav-menu-link[href]:hover {
    color: #ff500a
}