#Eco2026,
#Eco2026 * {
    box-sizing: border-box;
}

#pseriesform {
    background: #f6f7f8 !important;
}


/* Match A series navigation color behavior. */
.title_box {
    transition: none;
}

.navTitleMainBox .navbar {
    filter: invert(100%);
}

.InquiryBtn {
    filter: invert(100%);
    background-color: #000;
    transition: background 0.3s;
}

.InquiryBtn span {
    color: #fff;
}

.aboutusList,
.blogDropdownList {
    filter: invert(100%);
}

.dimBlack {
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    background: rgba(0, 0, 0, 0.7);
}

.dimBlack .navTitleMainBox .navbar,
.dimBlack .aboutusList,
.dimBlack .blogDropdownList {
    filter: invert(0%);
}

.dimBlack .InquiryBtn {
    filter: invert(0%);
    background-color: #fff;
}

.dimBlack .InquiryBtn span {
    color: #000;
}

#Eco2026 {
    position: relative;
    --eco-title: #1c1f23;
    --eco-copy: rgba(28, 31, 35, 0.62);
    --eco-orange: #ff4610;
    --eco-surface: #f6f7f8;
    --eco-card: #fafafb;
    color: var(--eco-title);
    font-family: RedHatDisplay-Regular, Arial, sans-serif !important;
    overflow: hidden;
}

#Eco2026 h1,
#Eco2026 h2,
#Eco2026 h3,
#Eco2026 p {
    margin: 0;
    padding: 0;
    letter-spacing: 0;
}

#Eco2026 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eco-container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.eco-section {
    width: 100%;
    padding: 80px 0;
    background: #fff;
}

.eco-stack {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.eco-heading {
    width: 100%;
    text-align: center;
}

.eco-heading h2 {
    color: var(--eco-title);
    font-family: RedHatDisplay-SemiBold, Arial, sans-serif !important;
    font-size: 48px;
    font-weight: 550 !important;
    line-height: 64px;
}

#Eco2026 .eco-heading p {
    margin-top: 16px;
    color: var(--eco-copy);
    font-family: RedHatDisplay-Regular, Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 400 !important;
    line-height: 26px;
}

.eco-media {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #f5f5f5;
}

.eco-media--wide {
    width: 100%;
    height: 560px;
}

.eco-mobile-break {
    display: none;
}

.eco-page-header {
    position: absolute !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    height: 66px;
    min-height: 66px;
    z-index: 9999;
    /* background: #000; */
}
.eco-hero {
    position: relative;
    width: 100%;
    height: 800px;
    overflow: hidden;
    background: #f5f5f5;
}

.eco-hero__media,
.eco-hero__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.eco-hero__media img {
    object-fit: cover;
}

.eco-hero__content {
    position: absolute;
    z-index: 2;
    top: 178px;
    left: 50%;
    width: 376px;
    transform: translateX(-50%);
    text-align: center;
}

.eco-hero__content h1 {
    color: var(--eco-title);
    font-family: SF-Republic, RedHatDisplay-Bold, Arial, sans-serif !important;
    font-size: 52px;
    font-weight: 600 !important;
    line-height: 64px;
    height: 64px;
    white-space: nowrap;
}

#Eco2026 .eco-hero__content p {
    margin-top: 2px;
    color: var(--eco-copy);
    font-family: RedHatDisplay-Regular, Arial, sans-serif !important;
    font-size: 20px;
    font-weight: 400 !important;
    line-height: 28px;
    letter-spacing: 1.6px;
    white-space: nowrap;
}

.eco-hero__accent {
    color: var(--eco-orange);
}

.eco-inquiry {
    --eco-arrow-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 126px;
    height: 44px;
    margin-top: 32px;
    border-radius: 999px;
    background: var(--eco-title) !important;
    color: #fff !important;
    font-family: RedHatDisplay-Medium, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s ease, background-color .3s ease, transform .15s ease;
}

.eco-cta-arrow-window {
    flex: 0 0 var(--eco-arrow-size);
    width: var(--eco-arrow-size);
    height: var(--eco-arrow-size);
    margin-left: 8px !important;
    display: flex;
    overflow: hidden;
    font-size: 0 !important;
}

.eco-cta-arrow {
    flex: 0 0 var(--eco-arrow-size);
    width: var(--eco-arrow-size);
    height: var(--eco-arrow-size);
    display: block;
}

.eco-cta-arrow:first-child {
    transition: margin-left .35s ease-in-out;
}

.eco-cta-arrow path {
    transition: fill .3s ease;
}

.eco-inquiry:hover {
    background: var(--eco-orange) !important;
    color: #fff !important;
}

.eco-inquiry:active {
    transform: scale(0.97);
}

.eco-functions {
    background: var(--eco-surface);
}

.eco-heading--title-only p {
    display: none;
}

.eco-functions__track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
}

.eco-function-card {
    min-width: 0;
}

.eco-function-card__media {
    width: 100%;
    height: 402px;
    overflow: hidden;
    border-radius: 12px;
    background: #e9eaec;
}

.eco-function-card__picture,
.eco-function-card__picture img {
    display: block;
    width: 100%;
    height: 100%;
}

.eco-function-card__picture img {
    object-fit: cover;
}
#Eco2026 .eco-function-card h3 {
    margin-top: 16px;
    font-family: RedHatDisplay-SemiBold, Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 550 !important;
    line-height: 26px;
    text-align: center;
}

.eco-functions__pagination {
    display: none;
}

.eco-service__layout {
    display: grid;
    grid-template-columns: 700px minmax(0, 1fr);
    gap: 20px;
    width: 100%;
    height: 560px;
}

.eco-heading--service {
    text-align: left;
}

.eco-service__image {
    width: 100%;
    height: 100%;
    background: var(--eco-card);
}

.eco-service__stats {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.eco-stat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px;
    border-radius: 12px;
    background: var(--eco-card);
    text-align: center;
}

.eco-stat-card strong {
    color: var(--eco-orange);
    font-family: Oswald-SemiBold, "Arial Narrow", sans-serif !important;
    font-size: 48px;
    font-weight: 600 !important;
    line-height: 56px;
}

.eco-stat-card span {
    color: var(--eco-copy);
    font-family: RedHatDisplay-Regular, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 24px;
}

.eco-feature-list,
.eco-feature {
    width: 100%;
    background: #fff;
}

.eco-feature__grid {
    display: grid;
    grid-template-columns: 592px 480px;
    align-items: center;
    gap: 48px;
    min-height: 800px;
    padding: 80px 0;
}

.eco-feature--torch .eco-feature__grid {
    grid-template-columns: 480px 592px;
}

.eco-feature__media {
    width: 100%;
    height: 640px;
}

.eco-feature__copy {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.eco-heading--left {
    text-align: left;
}

.eco-feature__metrics {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 360px;
}

.eco-metric {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.eco-metric strong {
    color: var(--eco-orange);
    font-family: RedHatDisplay-Medium, Arial, sans-serif !important;
    font-size: 32px;
    font-weight: 500 !important;
    line-height: 40px;
}

.eco-metric span {
    color: var(--eco-copy);
    font-family: RedHatDisplay-Regular, Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 400 !important;
    line-height: 26px;
}

.eco-interaction {
    background: var(--eco-surface);
}

.eco-pulse__media {
    display: grid;
    grid-template-columns: 720px minmax(0, 1fr);
    gap: 20px;
    width: 100%;
    height: 405px;
}

.eco-pulse__main,
.eco-pulse__detail {
    height: 100%;
}

.eco-pulse__main video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.eco-reveal-enabled .eco-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--eco-reveal-delay, 0ms);
    will-change: opacity, transform;
}

.eco-reveal-enabled .eco-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}


#Eco2026 .eco-inquiry,
#Eco2026 .eco-inquiry:link,
#Eco2026 .eco-inquiry:visited,
#Eco2026 .eco-inquiry:hover,
#Eco2026 .eco-inquiry:active,
#Eco2026 .eco-inquiry span,
#Eco2026 .eco-inquiry svg {
    color: #fff !important;
}

#Eco2026 .eco-inquiry {
    background: var(--eco-title) !important;
}

#Eco2026 .eco-inquiry:hover {
    background: var(--eco-orange) !important;
}
@media(hover:hover) and (pointer:fine) {
    .eco-inquiry:hover .eco-cta-arrow:first-child {
        margin-left: calc(var(--eco-arrow-size) * -1);
    }
}
@media (min-width: 1024px) and (max-width: 1399px){
    .eco-service__layout {
        display: grid;
        grid-template-columns: 46.9vw minmax(0, 1fr);
        gap: 20px;
        width: 100%;
        height: 39.01vw;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {

    .eco-page-header {
        position: relative !important;
        top: auto !important;
        left: auto;
    }
    .eco-container { width: 87.5vw; }
    .eco-section { padding: 6.640625vw 0; }
    .eco-stack { gap: 4.6875vw; }
    .eco-heading h2 {
        font-size: 3.125vw;
        line-height: 3.90625vw;
    }
    #Eco2026 .eco-heading p { margin-top: 1.5625vw; font-size: 1.5625vw; line-height: 2.34375vw; }
    .eco-media--wide { height: 43.75vw; }
    .eco-hero { height: 65.625vw; min-height: 504px; max-height: 672px; }
    .eco-hero__content {
        top: 13.8671875vw;
        width: 36.71875vw;
    }
    .eco-hero__content h1 {
        font-size: 5.078125vw;
        line-height: 6.25vw;
        height: 6.25vw;
    }
    #Eco2026 .eco-hero__content p {
        margin-top: 0.1953125vw;
        font-size: 1.953125vw;
        line-height: 2.734375vw;
        letter-spacing: 0.15625vw;
    }
    .eco-hero__accent {
    color: var(--eco-orange);
}

    .eco-inquiry {
        width: 12.3046875vw;
        height: 4.296875vw;
        margin-top: 3.125vw;
        --eco-arrow-size: 1.953125vw;
        font-size: 1.5625vw;
        line-height: 2.34375vw;
    }
    .eco-cta-arrow-window { margin-left: 0.78125vw !important; }
    .eco-function-card__media { height: 31.0546875vw; }
    #Eco2026 .eco-function-card h3 {
        margin-top: 2.34375vw;
        font-size: 1.7578125vw;
        line-height: 2.5390625vw;
    }
    .eco-service__layout {
        grid-template-columns: 54.75vw minmax(0, 1fr);
        gap: 1.5625vw;
        height: 45vw;
    }
    .eco-service__stats { gap: 1.953125vw; }
    .eco-stat-card { gap: 0.78125vw; padding: 1.5625vw; }
    .eco-stat-card strong { font-size: 2.734375vw; line-height: 3.515625vw; }
    .eco-stat-card span { font-size: 1.3671875vw; line-height: 2.1484375vw; }
    .eco-feature__grid {
        grid-template-columns: 41.796875vw 41.015625vw;
        gap: 4.6875vw;
        min-height: 57.6171875vw;
        padding: 6.640625vw 0;
    }
    .eco-feature__media { height: 44.3359375vw; }
    .eco-feature--aging .eco-feature__copy { order: 1; }
    .eco-feature--aging .eco-feature__media { order: 2; }
    .eco-feature--torch .eco-feature__grid { grid-template-columns: 41.015625vw 41.796875vw; }
    .eco-feature--torch .eco-feature__media { order: 1; }
    .eco-feature--torch .eco-feature__copy { order: 2; }    .eco-feature__copy { gap: 3.90625vw; }
    .eco-feature__metrics { gap: 3.125vw; width: 35.15625vw; }
    .eco-metric { gap: 1.171875vw; }
    .eco-metric strong { font-size: 2.734375vw; line-height: 3.515625vw; }
    .eco-metric span { font-size: 1.5625vw; line-height: 2.34375vw; }
    .eco-pulse__media {
        grid-template-columns: 58.59375vw minmax(0, 1fr);
        gap: 1.5625vw;
        height: 29.296875vw;
    }
}

@media (max-width: 767px) {
    .eco-page-header {
        position: relative !important;
        top: auto !important;
        left: auto;
    }
    .eco-container { width: calc(100% - 7.9602vw); }
    .eco-section { padding: 9.9502vw 0; }
    .eco-stack { gap: 5.9701vw; }
    .eco-heading { padding: 0 3.9801vw; }
    .eco-heading h2 {
        font-size: 5.9701vw;
        line-height: 7.9602vw;
    }
    #Eco2026 .eco-heading p { margin-top: 2.9851vw; font-size: 3.4826vw; line-height: 5.4726vw; }
    .eco-hero { height: 124.3781vw; }
    .eco-hero__content {
        top: 16.6667vw;
        width: 73.3831vw;
    }
    .eco-hero__content h1 {
        font-size: 12.9353vw;
        line-height: 15.9204vw;
        height: 15.9204vw;
    }
    #Eco2026 .eco-hero__content p {
        margin-top: 0;
        font-family: "PingFang SC", RedHatDisplay-Regular, Arial, sans-serif !important;
        font-size: 3.9801vw;
        line-height: 5.9701vw;
        letter-spacing: 0.1592vw;
    }
    .eco-hero__accent {
    color: var(--eco-orange);
}

    .eco-inquiry {
        margin-top: 7.9602vw;
    }
    .eco-media--wide { height: 84.5771vw; }
    .eco-functions { padding-bottom: 9.9502vw; }
    .eco-functions .eco-stack { gap: 5.9701vw; }
    .eco-functions .eco-heading { padding: 0; }
    .eco-functions__track {
        display: flex;
        gap: 1.99vw;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }
    .eco-functions__track::-webkit-scrollbar { display: none; }
    .eco-function-card { flex: 0 0 100%; scroll-snap-align: start; }
    .eco-function-card__media { height: 106.9652vw; }
    #Eco2026 .eco-function-card h3 {
        display: flex;
        align-items: center;
        height: 11.9403vw;
        margin-top: 1.99vw;
        padding: 0 1.99vw;
        font-size: 3.9801vw;
        font-weight: 550 !important;
        line-height: 5.9701vw;
        justify-content: center;
        text-align: center;
    }
    .eco-functions__pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2.9851vw;
        height: 1.99vw;
    }
    .eco-functions__pagination button {
        width: 1.99vw;
        height: 1.99vw;
        padding: 0;
        border: 0;
        border-radius: 0.995vw;
        background: rgba(0, 0, 0, 0.3);
        cursor: pointer;
        transition: width 0.25s ease, background-color 0.25s ease;
    }
    .eco-functions__pagination button.is-active { width: 7.9602vw; background: #000; }
    .eco-mobile-break { display: initial; }
    .eco-heading--service { text-align: center; }
    .eco-service .eco-stack { gap: 3.9801vw; }
    .eco-service .eco-heading { width: calc(100% + 7.9602vw); margin-left: -3.9801vw; padding: 0 3.9801vw; }
    .eco-service__layout {
        display: flex;
        flex-direction: column;
        gap: 2.9851vw;
        height: auto;
    }
    .eco-service__image { height: 100.7463vw; }
    .eco-service__stats {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-template-rows: repeat(2, 33.8308vw);
        gap: 1.99vw;
        height: 69.6517vw;
    }
    .eco-stat-card { align-items: center; gap: 3.9801vw; padding: 3.9801vw; text-align: center; }
    .eco-stat-card strong { font-size: 5.4726vw; line-height: 7.4627vw; }
    .eco-stat-card span { font-size: 2.9851vw; line-height: 4.9751vw; }
    .eco-feature__grid {
        display: flex;
        flex-direction: column;
        gap: 5.9701vw;
        min-height: 0;
        padding: 9.9502vw 0;
    }
    .eco-feature__copy,
    .eco-feature--aging .eco-feature__copy,
    .eco-feature--torch .eco-feature__copy { display: contents; }
    .eco-feature .eco-heading { order: 1; }
    .eco-feature .eco-feature__media { order: 2; }
    .eco-feature .eco-feature__metrics { order: 3; }
    .eco-feature__media { height: 106.9652vw; }    .eco-heading--left { text-align: center; }
    .eco-feature__metrics { gap: 5.9701vw; width: calc(100% - 2.4876vw); margin: 0 auto; }
    .eco-metric { gap: 1.99vw; }
    .eco-metric strong { font-family: RedHatDisplay-Regular, Arial, sans-serif !important; font-size: 5.4726vw; font-weight: 400 !important; line-height: 7.4627vw; }
    .eco-metric span { font-size: 3.4826vw; line-height: 5.4726vw; }
    .eco-desktop-break, .eco-tablet-up-break { display: none; }
    .eco-pulse__media { display: flex; flex-direction: column; gap: 5.9701vw; height: auto; }
    .eco-pulse__main { height: 106.9652vw; }
    .eco-pulse__detail { height: 92.0398vw; }
    .eco-reveal-enabled .eco-reveal { transform: translateY(4.9751vw); }
}

@media (prefers-reduced-motion: reduce) {
    .eco-reveal-enabled .eco-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
    .eco-functions__track { scroll-behavior: auto; }
}
@media (max-width: 1024px){
    .eco-hero{
 margin-top: 64px !important;
    }
           
}


/* The remote shared Board script still emits h3; the page promotes it to h2. */
#Board .Board_nav h2 {
    color: #171b25;
    font-family: RedHatDisplay-SemiBold, sans-serif !important;
    font-size: 36px;
    font-weight: 600 !important;
    line-height: 48px;
}

@media (min-width: 1025px) and (max-width: 1439px) {
    #Board .Board_nav h2 {
        font-size: 36px;
        line-height: 48px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #Board .Board_nav h2 {
        font-size: 3.125vw;
        line-height: 3.9063vw;
    }
}

@media (max-width: 767px) {
    #Board .Board_nav h2 {
        max-width: calc(100% - 20.2667vw);
        margin: 0;
        font-size: 5.3333vw;
        line-height: 7.4667vw;
        white-space: normal;
    }
}

@media (min-width: 768px) {
    #Board .Board_nav > div {
        height: 52px !important;
        gap: 24px !important;
    }

    #Board .Board-swiper-button-next,
    #Board .Board-swiper-button-prev {
        display: flex !important;
        align-items: center;
        justify-content: center;
        box-sizing: border-box !important;
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
        padding: 8px !important;
        border: 1px solid #e5e6eb !important;
        border-radius: 50% !important;
        background: #fff !important;
    }

    #Board .Board-arrow-icon {
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;
    }

    #Board .Board-swiper-button-next::after,
    #Board .Board-swiper-button-prev::after {
        content: none !important;
        display: none !important;
    }

    #Board .Board-swiper-button-prev.swiper-button-disabled,
    #Board .Board-swiper-button-next.swiper-button-disabled {
        opacity: 1 !important;
        border-color: #f5f5f5 !important;
    }

    #Board .Board-swiper-button-prev:not(.swiper-button-disabled),
    #Board .Board-swiper-button-next:not(.swiper-button-disabled) {
        opacity: 1 !important;
    }

    #Board .Board-swiper-button-prev.swiper-button-disabled .Board-arrow-icon {
        opacity: .35;
    }
    .contact{
        padding:0;
    }
}

/* 2026 service module — Figma node 5030:38125 */
.eco-service .eco-stack {
    gap: 48px;
}

#Eco2026 .eco-heading--service h2 {
    font-family: RedHatDisplay-SemiBold, Arial, sans-serif !important;
    font-size: 48px;
    font-weight: 600 !important;
    line-height: 64px;
}

@media (max-width: 767px) {
    .eco-service .eco-stack {
        gap: 5.333vw;
    }

    #Eco2026 .eco-heading--service h2 {
        font-size: 8.533vw;
        line-height: 10.667vw;
    }

    .eco-service__stats {
        grid-template-rows: repeat(2, 33.8308vw);
        height: 69.6517vw;
    }
}