/* =====================================================================
   nochirika.css — custom additions layered ON TOP of the Orgaanic theme.
   Brand greens from the PRD. Keep edits here, not in main.css.
   ===================================================================== */
:root {
    --wt-green-deep: #4A8232;
    --wt-green: #5DA13F;
    --wt-green-bright: #7DBE4E;
    --wt-soft: #EAF3E4;
    --wt-ink: #1A2A12;
    --wt-muted: #5B6B62;
    --wt-border: #E5E7EB;

    /* Brand Orange */
    --wt-orange: #F26F2C;
    --wt-orange-dark: #D9551A;
    --wt-orange-light: #F7941D;
    --wt-soft-orange: #FCEEE3;
}

/* Redefine button colors for Nochirika brand */
.btn-home6 {
    border-color: var(--wt-orange-dark) !important;
    background: var(--wt-orange) !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
    color: #fff !important;
}

.btn-home6::after {
    background: var(--wt-orange-dark) !important;
    border-color: var(--wt-orange-dark) !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange) !important;
}

.btn-home6:hover {
    color: #fff !important;
}

.btn2-home6 {
    border-color: var(--wt-orange) !important;
    color: var(--wt-orange) !important;
    background: transparent !important;
}

.btn2-home6::after {
    background: var(--wt-orange) !important;
    border-color: var(--wt-orange-dark) !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
}

.btn2-home6:hover {
    color: #fff !important;
}

.btn3-home6 {
    border-color: var(--wt-green-deep) !important;
    color: var(--wt-green-deep) !important;
    background: transparent !important;
}

.btn3-home6::after {
    background: var(--wt-orange) !important;
    border-color: var(--wt-orange-dark) !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
}

.btn3-home6:hover {
    color: #fff !important;
}

.btn4-home6 {
    background: var(--wt-orange) !important;
    border-color: var(--wt-orange-dark) !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
    color: #fff !important;
}

.btn4-home6::after {
    background: var(--wt-orange-dark) !important;
    border-color: var(--wt-orange-dark) !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange) !important;
}

.btn4-home6:hover {
    color: #fff !important;
}

.btn5-home6 {
    border-color: var(--wt-green-deep) !important;
    box-shadow: 2px 2px 0 0 var(--wt-green-deep) !important;
    color: var(--wt-green-deep) !important;
    background: transparent !important;
}

.btn5-home6::after {
    background: var(--wt-orange) !important;
    border-color: var(--wt-orange-dark) !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
}

.btn5-home6:hover {
    color: #fff !important;
}


/* Active nav item */
.vl-main-menu nav>ul>li>a.active {
    color: var(--wt-green-bright);
}

/* ---- Inner-page breadcrumb banner ---- */
.vl-breadcrumb-area {
    position: relative;
    padding: 170px 0 90px;
    background-size: cover;
    background-position: center;
}

.vl-breadcrumb-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(217, 85, 26, .92), rgba(242, 111, 44, .80));
}

.vl-breadcrumb-info {
    position: relative;
    z-index: 2;
}

.vl-breadcrumb-title {
    color: #fff;
    font-size: 48px;
    line-height: 1.1;
    margin: 0 0 14px;
}

.vl-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.vl-breadcrumb-list li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vl-breadcrumb-list a {
    color: var(--wt-soft);
}

.vl-breadcrumb-list a:hover {
    color: #fff;
}

.vl-breadcrumb-list .current {
    color: #fff;
}

.vl-breadcrumb-list span {
    color: var(--wt-green-bright);
}

@media (max-width:767px) {
    .vl-breadcrumb-title {
        font-size: 32px;
    }

    .vl-breadcrumb-area {
        padding: 140px 0 60px;
    }
}

/* ---- Product listing ---- */
.wt-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 36px;
}

.wt-search {
    display: flex;
    max-width: 420px;
    width: 100%;
    border: 1px solid var(--wt-border);
    border-radius: 50px;
    overflow: hidden;
    background: #fff;
}

.wt-search input {
    border: 0;
    outline: 0;
    padding: 12px 20px;
    flex: 1;
    font-size: 15px;
}

.wt-search button {
    border: 0;
    background: var(--wt-green-deep);
    color: #fff;
    padding: 0 22px;
    cursor: pointer;
}

.wt-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.wt-filter {
    padding: 8px 18px;
    border-radius: 50px;
    border: 1px solid var(--wt-border);
    background: #fff;
    color: var(--wt-ink);
    font-size: 14px;
    transition: .2s;
}

.wt-filter:hover {
    border-color: var(--wt-green-bright);
    color: var(--wt-green-deep);
}

.wt-filter.active {
    background: var(--wt-green-deep);
    border-color: var(--wt-green-deep);
    color: #fff;
}

.wt-cat-title {
    font-size: 28px;
    color: var(--wt-green-deep);
    margin: 50px 0 26px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--wt-soft);
}

/* Product card */
.wt-card {
    background: #fff;
    border: 1px solid var(--wt-border);
    border-radius: 18px;
    overflow: hidden;
    height: 100%;
    transition: .25s;
    display: flex;
    flex-direction: column;
}

.wt-card:hover {
    box-shadow: 0 18px 40px rgba(26, 42, 18, .12);
    transform: translateY(-4px);
    border-color: transparent;
}

.wt-card-thumb {
    background: var(--wt-soft);
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    overflow: hidden;
}

.wt-card-thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.wt-card-body {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.wt-card-cat {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--wt-green-bright);
    font-weight: 600;
    margin-bottom: 6px;
}

.wt-card-title {
    font-size: 18px;
    margin: 0 0 6px;
    line-height: 1.3;
}

.wt-card-title a {
    color: var(--wt-ink);
}

.wt-card-title a:hover {
    color: var(--wt-green-deep);
}

.wt-card-ai {
    font-size: 13px;
    color: var(--wt-green-deep);
    font-weight: 600;
    margin-bottom: 6px;
}

.wt-card-desc {
    font-size: 13.5px;
    color: var(--wt-muted);
    line-height: 1.6;
    margin: 0 0 14px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden;
}

.wt-card-link {
    font-weight: 600;
    color: var(--wt-green-deep);
    font-size: 14px;
    align-self: flex-end;
    margin-top: auto;
}

.wt-card-link i {
    margin-left: 6px;
    transition: .2s;
}

.wt-card:hover .wt-card-link i {
    margin-left: 10px;
}

.wt-empty {
    text-align: center;
    padding: 70px 0;
    color: var(--wt-muted);
}

/* ---- Product detail ---- */
.wt-detail-thumb {
    background: var(--wt-soft);
    border-radius: 20px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wt-detail-thumb img {
    max-width: 100%;
    max-height: 460px;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.wt-detail-cat {
    display: inline-block;
    background: var(--wt-soft);
    color: var(--wt-green-deep);
    font-size: 13px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 16px;
}

.wt-detail-title {
    font-size: 40px;
    color: var(--wt-ink);
    margin: 0 0 14px;
}

.wt-detail-lead {
    font-size: 17px;
    color: var(--wt-muted);
    margin-bottom: 28px;
}

.wt-spec {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.wt-spec th,
.wt-spec td {
    text-align: left;
    padding: 14px 16px;
    border-bottom: 1px solid var(--wt-border);
    vertical-align: top;
    font-size: 15px;
}

.wt-spec th {
    width: 38%;
    color: var(--wt-green-deep);
    font-weight: 600;
    background: var(--wt-soft);
}

.wt-spec td {
    color: var(--wt-ink);
}

@media (max-width:767px) {
    .wt-detail-title {
        font-size: 30px;
    }
}

/* ---- Inquiry form ---- */
.wt-form-note {
    font-size: 13px;
    color: var(--wt-muted);
}

.wt-alert {
    padding: 16px 20px;
    border-radius: 12px;
    margin-bottom: 24px;
    font-size: 15px;
}

.wt-alert-success {
    background: #e9f8ee;
    color: #13703a;
    border: 1px solid #b7e3c5;
}

.wt-alert-error {
    background: #fdecec;
    color: #b42318;
    border: 1px solid #f4c4c0;
}

.wt-field-error {
    color: #b42318;
    font-size: 13px;
    margin-top: 6px;
    display: block;
}

.wt-honeypot {
    position: absolute !important;
    left: -9999px !important;
    height: 0;
    overflow: hidden;
}

.contact2-form-area input.has-error,
.contact2-form-area textarea.has-error {
    border-color: #e07a73 !important;
}

/* ---- Why-choose-us (home) ---- */
.wt-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.wt-why-box {
    background: #fff;
    border: 1px solid var(--wt-border);
    border-radius: 16px;
    padding: 30px;
    transition: .25s;
}

.wt-why-box:hover {
    box-shadow: 0 16px 36px rgba(26, 42, 18, .10);
    transform: translateY(-4px);
}

.wt-why-num {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: var(--wt-soft);
    color: var(--wt-green-deep);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 18px;
}

.wt-why-box h3 {
    font-size: 19px;
    margin: 0 0 10px;
    color: var(--wt-ink);
}

.wt-why-box p {
    font-size: 14px;
    color: var(--wt-muted);
    margin: 0;
}

@media (max-width:991px) {
    .wt-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:575px) {
    .wt-why-grid {
        grid-template-columns: 1fr;
    }
}

/* ---- Header Background & Menu overrides for Nochirika ---- */

/* Top contact bar — orange instead of the theme's green */
.header6-top-bg {
    background: var(--wt-orange-dark) !important;
}

/* Transparent Header on Homepage Hero */
.homepage6-body .vl-transparent-header .vl-header-content-area {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* Once scrolled, the homepage header sits over white page content — give it a
   solid orange fill so the white menu/logo stay readable (higher specificity than
   the transparent rule above, since both classes are on the same element). */
.homepage6-body .vl-transparent-header.header-sticky .vl-header-content-area {
    background: var(--wt-orange) !important;
    box-shadow: 0 6px 24px rgba(26, 42, 18, .12) !important;
    border-bottom: 1px solid var(--wt-orange-dark) !important;
}

.homepage6-body .vl-transparent-header .vl-main-menu ul li a {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(26, 42, 18, .25);
}

.homepage6-body .vl-transparent-header .vl-main-menu ul li a:hover,
.homepage6-body .vl-transparent-header .vl-main-menu ul li a.active {
    color: #FFE3CF !important;
}

.homepage6-body .vl-transparent-header .vl-main-menu ul li a span i {
    color: #ffffff !important;
}

.homepage6-body .vl-transparent-header .vl-main-menu ul li a:hover span i {
    color: #FFE3CF !important;
}

/* Sticky Header Background and Inner Page Header Background (Orange) */
.header-sticky .vl-header-content-area,
body:not(.homepage6-body) .vl-header-content-area {
    background: var(--wt-orange) !important;
    border-bottom: 1px solid var(--wt-orange-dark) !important;
}

/* Menu Text color on Orange Header (White) */
.header-sticky .vl-main-menu ul li a,
body:not(.homepage6-body) .vl-main-menu ul li a {
    color: #ffffff !important;
}

.header-sticky .vl-main-menu ul li a:hover,
.header-sticky .vl-main-menu ul li a.active,
body:not(.homepage6-body) .vl-main-menu ul li a:hover,
body:not(.homepage6-body) .vl-main-menu ul li a.active {
    color: #FFE3CF !important;
}

/* Dropdown arrow on Orange Header (White) */
.header-sticky .vl-main-menu ul li a span i,
body:not(.homepage6-body) .vl-main-menu ul li a span i {
    color: #ffffff !important;
}

.header-sticky .vl-main-menu ul li a:hover span i,
body:not(.homepage6-body) .vl-main-menu ul li a:hover span i {
    color: #FFE3CF !important;
}

/* Make the logo pure white wherever it sits on an orange backdrop (sticky header,
   inner pages, and the homepage transparent header over the orange hero) so the
   orange wordmark doesn't merge into the background. */
.header-sticky .vl-logo img,
body:not(.homepage6-body) .vl-logo img,
.homepage6-body .vl-transparent-header .vl-logo img {
    filter: brightness(0) invert(1) !important;
}

/* Mobile / tablet header (< xl): solid orange fill so the white logo and controls
   don't merge into the white page. The desktop transparent-over-hero header (>= xl)
   is unaffected. */
@media (max-width: 1199.98px) {

    .homepage6-body .vl-transparent-header .vl-header-content-area,
    .homepage6-body .vl-transparent-header.header-sticky .vl-header-content-area {
        background: var(--wt-orange) !important;
        box-shadow: 0 4px 18px rgba(26, 42, 18, .12) !important;
        border-bottom: none !important;
    }
}

/* Header "Send Inquiry" button — white pill with orange text so it pops on the
   orange header in every state (transparent-over-hero, sticky, and inner pages),
   sliding to deep orange on hover. */
.vl-header-content-area .btn-home6 {
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
    color: var(--wt-orange) !important;
}
.vl-header-content-area .btn-home6::after {
    background: var(--wt-orange-dark) !important;
    border-color: var(--wt-orange-dark) !important;
    box-shadow: 2px 2px 0 0 #ffffff !important;
}
.vl-header-content-area .btn-home6:hover {
    color: #fff !important;
}

/* ---- Home hero (real photo + orange gradient overlay, left-aligned) ---- */
.wt-hero {
    position: relative;
    overflow: hidden;
    min-height: min(94vh, 880px);
    display: flex;
    align-items: center;
    padding: 210px 0 170px;
    background: var(--wt-orange-dark);
    text-align: left;
}

.wt-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center right;
    z-index: 0;
    transform: scale(1.04);
    animation: wtHeroZoom 18s ease-in-out infinite alternate;
}

@keyframes wtHeroZoom {
    from { transform: scale(1.04); }
    to   { transform: scale(1.12); }
}

/* Orange wash: opaque on the left for headline legibility, fading to reveal the
   photo on the right, with a slight darken at the bottom for the wave. */
.wt-hero-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background:
        linear-gradient(90deg,
            rgba(178, 62, 12, .95) 0%,
            rgba(217, 85, 26, .86) 30%,
            rgba(242, 111, 44, .55) 52%,
            rgba(242, 111, 44, .12) 74%,
            rgba(242, 111, 44, 0) 100%),
        linear-gradient(180deg, rgba(26, 42, 18, 0) 55%, rgba(26, 42, 18, .25) 100%);
}

.wt-hero .container {
    position: relative;
    z-index: 2;
}

.wt-hero-inner {
    max-width: 620px;
    margin: 0;
}

.wt-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #ffffff;
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .42);
    backdrop-filter: blur(4px);
}

.wt-hero-badge i {
    color: #ffffff;
}

.wt-hero-title {
    margin: 24px 0 0;
    font-weight: 800;
    font-size: 60px;
    line-height: 1.08;
    color: #ffffff;
    letter-spacing: -.02em;
    text-shadow: 0 2px 12px rgba(26, 42, 18, .18);
}

.wt-hero-lead {
    margin: 22px 0 0;
    max-width: 540px;
    font-size: 18px;
    line-height: 1.65;
    color: rgba(255, 255, 255, .92);
}

.wt-hero-btns {
    margin-top: 36px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px;
}

/* Hero stat row under the buttons */
.wt-hero-stats {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-top: 42px;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, .22);
    max-width: 520px;
}

.wt-hero-stat {
    display: flex;
    flex-direction: column;
}

.wt-hero-stat-num {
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    color: #ffffff;
    letter-spacing: -.01em;
}

.wt-hero-stat-lbl {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, .82);
}

.wt-hero-stat-sep {
    width: 1px;
    align-self: stretch;
    background: rgba(255, 255, 255, .22);
}

/* On the orange hero: primary button is a white pill with orange text; the
   secondary is a white outline that fills white on hover. Both pop on orange. */
.wt-hero-btns .btn-home6 {
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
    color: var(--wt-orange) !important;
}

.wt-hero-btns .btn-home6::after {
    background: var(--wt-orange-dark) !important;
    border-color: var(--wt-orange-dark) !important;
    box-shadow: 2px 2px 0 0 #ffffff !important;
}

.wt-hero-btns .btn-home6:hover {
    color: #fff !important;
}

.wt-hero-btns .btn2-home6 {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.wt-hero-btns .btn2-home6::after {
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
}

.wt-hero-btns .btn2-home6:hover {
    color: var(--wt-orange) !important;
}

.wt-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    border-radius: 14px;
    font-weight: 600;
    font-size: 15px;
    transition: .28s ease;
}

.wt-hero-btn i {
    font-size: 13px;
    transition: transform .25s ease;
}

.wt-hero-btn-primary {
    background: var(--wt-green-deep);
    color: #fff;
    box-shadow: 0 12px 30px rgba(26, 42, 18, .25);
}

.wt-hero-btn-primary:hover {
    background: var(--wt-orange);
    color: #fff;
    transform: translateY(-3px);
}

.wt-hero-btn-primary:hover i {
    transform: translateX(5px);
}

.wt-hero-btn-ghost {
    background: transparent;
    color: var(--wt-green-deep);
    border: 2px solid rgba(26, 42, 18, .3);
}

.wt-hero-btn-ghost:hover {
    background: var(--wt-green-deep);
    color: #fff;
    transform: translateY(-3px);
}

.wt-hero-wave {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 3;
}

.wt-hero-wave svg {
    display: block;
    width: 100%;
    height: 70px;
}

/* Hero scrolling marquee (faint watermark behind content) */
.wt-hero-marquee {
    position: absolute;
    left: 0;
    bottom: 48px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.wt-hero-marquee-track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    will-change: transform;
    animation: wtMarquee 60s linear infinite;
}

.wt-hero-marquee-track span {
    font-weight: 800;
    font-size: 72px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .12);
    padding: 0 28px;
}

.wt-hero-marquee-track .dot {
    color: rgba(255, 255, 255, .3);
    font-size: 40px;
}

@keyframes wtMarquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (max-width:991px) {
    .wt-hero {
        padding: 160px 0 120px;
        min-height: 0;
    }

    /* Stronger orange wash so text stays readable when it spans more width */
    .wt-hero-overlay {
        background:
            linear-gradient(90deg,
                rgba(178, 62, 12, .96) 0%,
                rgba(217, 85, 26, .9) 45%,
                rgba(242, 111, 44, .65) 80%,
                rgba(242, 111, 44, .35) 100%),
            linear-gradient(180deg, rgba(26, 42, 18, 0) 60%, rgba(26, 42, 18, .25) 100%);
    }

    .wt-hero-inner {
        max-width: 100%;
    }

    .wt-hero-title {
        font-size: 44px;
    }

    .wt-hero-lead {
        font-size: 17px;
        max-width: 100%;
    }
}

@media (max-width:575px) {
    .wt-hero {
        padding: 140px 0 90px;
    }

    .wt-hero-title {
        font-size: 32px;
    }

    .wt-hero-btns .btn-home6,
    .wt-hero-btns .btn2-home6 {
        flex: 1 1 100%;
        text-align: center;
    }

    .wt-hero-stats {
        gap: 16px;
        margin-top: 32px;
        padding-top: 20px;
    }

    .wt-hero-stat-num {
        font-size: 24px;
    }

    .wt-hero-wave svg {
        height: 42px;
    }

    .wt-hero-marquee {
        bottom: 30px;
    }

    .wt-hero-marquee-track span {
        font-size: 38px;
    }
}

/* ---- Hero feature / trust strip (floats out of the hero wave) ---- */
.wt-trustbar {
    position: relative;
    z-index: 4;
    margin-top: -36px;
    padding: 0 0 10px;
}

.wt-trustbar-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--wt-soft-orange);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(217, 85, 26, .10);
    padding: 22px 10px;
}

.wt-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    padding: 6px 16px;
    border-right: 1px solid var(--wt-border);
}

.wt-trust-item:last-child {
    border-right: none;
}

.wt-trust-ico {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
    border: 1px solid rgba(242, 111, 44, .25);
    transition: .25s ease;
}

.wt-trust-item:hover .wt-trust-ico {
    background: var(--wt-orange);
    color: #fff;
    transform: translateY(-3px);
}

.wt-trust-label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--wt-ink);
}

@media (max-width: 991px) {
    .wt-trustbar {
        margin-top: -10px;
    }

    .wt-trustbar-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 4px;
    }

    .wt-trust-item {
        justify-content: flex-start;
    }

    .wt-trust-item:nth-child(even) {
        border-right: none;
    }
}

@media (max-width: 575px) {
    .wt-trustbar-grid {
        grid-template-columns: 1fr;
        border-radius: 14px;
    }

    .wt-trust-item {
        border-right: none;
        border-bottom: 1px solid var(--wt-border);
        padding: 12px 16px;
    }

    .wt-trust-item:last-child {
        border-bottom: none;
    }
}

/* Language dropdown must paint above the header content row (Send Inquiry btn) */
.header-top-area {
    position: relative;
    z-index: 1050;
}

/* ---- Home category highlight cards (image+text style) ---- */
.wt-cat-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 20px;
    background: #fff;
    color: var(--wt-ink);
    padding: 32px 28px;
    border: 1px solid var(--wt-border);
    box-shadow: 0 8px 24px rgba(26, 42, 18, .06);
    transition: .28s ease;
}

.wt-cat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 46px rgba(26, 42, 18, .16);
    border-color: transparent;
    color: var(--wt-ink);
}

.wt-cat-icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    margin-bottom: 22px;
    background: var(--wt-soft);
    color: var(--wt-green-deep);
    transition: .28s ease;
}

.wt-cat-card:hover .wt-cat-icon {
    transform: scale(1.06);
}

.wt-cat-card h3 {
    color: var(--wt-ink);
    font-size: 21px;
    margin: 0 0 10px;
    line-height: 1.25;
}

.wt-cat-card p {
    color: var(--wt-muted);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 22px;
    flex: 1 1 auto;
}

.wt-cat-card .wt-cat-go {
    font-weight: 600;
    color: var(--wt-green-deep);
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.wt-cat-card .wt-cat-go i {
    transition: transform .25s ease;
}

.wt-cat-card:hover .wt-cat-go i {
    transform: translateX(5px);
}

/* Per-card accent tints (cycled by index in the view) */
.wt-cat-accent-1 .wt-cat-icon {
    background: rgba(242, 111, 44, .12);
    color: var(--wt-green);
}

.wt-cat-accent-2 .wt-cat-icon {
    background: rgba(0, 150, 136, .12);
    color: var(--wt-green-deep);
}

.wt-cat-accent-3 .wt-cat-icon {
    background: rgba(33, 150, 243, .12);
    color: var(--wt-orange);
}

.wt-cat-accent-4 .wt-cat-icon {
    background: rgba(125, 190, 78, .16);
    color: var(--wt-green);
}

.wt-cat-accent-5 .wt-cat-icon {
    background: rgba(255, 152, 0, .14);
    color: var(--wt-orange);
}

.wt-cat-accent-1:hover {
    box-shadow: 0 22px 46px rgba(26, 42, 18, .20);
}

.wt-cat-accent-2:hover {
    box-shadow: 0 22px 46px rgba(0, 137, 123, .18);
}

.wt-cat-accent-3:hover {
    box-shadow: 0 22px 46px rgba(25, 118, 210, .18);
}

.wt-cat-accent-4:hover {
    box-shadow: 0 22px 46px rgba(26, 42, 18, .20);
}

.wt-cat-accent-5:hover {
    box-shadow: 0 22px 46px rgba(239, 108, 0, .18);
}

/* ---- Contact info icons: the circle is a flex item the theme lets shrink,
   squashing it into an oval; lock it to 60x60 and make the icon white on the
   dark-green disc. ---- */
.contact2-info-mobile .contact2-mobile-content .contact2-mobile-logo {
    flex: 0 0 60px;
}

.contact2-info-mobile .contact2-mobile-logo a {
    display: inline-block;
    width: 60px;
    color: #fff;
    font-size: 22px;
    line-height: 60px;
}


/* ---- Footer logo: theme forces 216x48 object-fit:cover which crops the wide
   Nochirika logo (600x105). Show it in full instead. ---- */
.vl-footer1-area .footer1-logo-area img {
    width: auto;
    height: 46px;
    max-width: 260px;
    object-fit: contain;
}

/* ---- Logos: align flush-left and vertically centred (theme box-fit + trimmed files) ---- */
.homepage6-body .vl-transparent-header .vl-logo img,
.homepage6-body .header-sticky .vl-logo img {
    object-position: left center;
}

.vl-footer1-area .footer1-logo-area img {
    display: block;
    object-position: left center;
}

/* ---- Hero marquee: keep each phrase on ONE line (was wrapping to two) ---- */
.hero6-bottom-text h2 {
    white-space: nowrap;
}

/* ---- Preloader: brand-orange backdrop + light ring ---- */
.preloader {
    background-color: var(--wt-orange-dark) !important;
}

.preloader .loading {
    border-color: transparent rgba(255, 255, 255, .9) transparent rgba(255, 255, 255, .9) !important;
}

/* ---- Preloader: centre the wide Nochirika logo inside the loading ring ---- */
#loading-icon {
    top: 50% !important;
    left: 50% !important;
    width: auto !important;
    height: auto !important;
}

#loading-icon img {
    max-width: 110px !important;
    height: auto !important;
    display: block;
}

/* ---- Hero marquee: force ONE line even on narrow screens ---- */
.hero6-bottom-text h2 {
    white-space: nowrap !important;
}

/* =====================================================================
   Mission & Vision — prominent banner section
   ===================================================================== */
/* Shared pill */
.wt-pill {
    display: inline-block;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--wt-green);
    background: var(--wt-soft-orange);
    padding: 7px 18px;
    border-radius: 999px;
}

.wt-pill-light {
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .45);
}

@keyframes wtFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-9px);
    }
}

/* ============ OUR MISSION — Human + Nature + Innovation ============ */
.wt-mission {
    background: var(--wt-soft);
    padding: 80px 0 40px;
}

.wt-mission-card {
    background: var(--wt-soft);
    border: 1px solid rgba(26, 42, 18, .07);
    border-radius: 30px;
    padding: 48px;
    box-shadow: 0 24px 60px rgba(26, 42, 18, .07);
}

.wt-mission-visual {
    position: relative;
}

.wt-mission-img {
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 22px 46px rgba(26, 42, 18, .16);
}

.wt-mission-img img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
}

.wt-mission-badge {
    position: absolute;
    top: -16px;
    left: -16px;
    z-index: 2;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 14px 32px rgba(26, 42, 18, .18);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    animation: wtFloat 4s ease-in-out infinite;
}

.wt-mission-badge i {
    font-size: 20px;
    color: var(--wt-green);
    margin-bottom: 5px;
}

.wt-mission-badge span {
    font-size: 12px;
    font-weight: 700;
    color: var(--wt-ink);
    line-height: 1.2;
    padding: 0 14px;
}

.wt-mission-content {
    padding-left: 30px;
}

.wt-mission-title {
    margin: 18px 0 0;
    font-size: 46px;
    line-height: 1.08;
    font-weight: 800;
    color: var(--wt-ink);
    letter-spacing: -.01em;
}

.wt-mission-desc {
    margin: 18px 0 0;
    max-width: 520px;
    font-size: 16px;
    line-height: 1.8;
    color: var(--wt-muted);
}

.wt-mission-rule {
    border: 0;
    border-top: 1px solid rgba(26, 42, 18, .12);
    margin: 30px 0 32px;
}

.wt-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.wt-feature-ico {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--wt-green);
    background: rgba(242, 111, 44, .18);
    margin-bottom: 16px;
    transition: transform .3s ease, background .3s ease;
}

.wt-feature:hover .wt-feature-ico {
    transform: translateY(-4px);
    background: rgba(242, 111, 44, .32);
}

.wt-feature h3 {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--wt-green);
    line-height: 1.25;
}

.wt-feature p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--wt-muted);
}

/* ============ OUR VISION — Future of Agriculture ============ */
.wt-vision {
    background: var(--wt-soft);
    padding: 40px 0 80px;
}

.wt-vision-card {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    padding: 56px 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .20);
}

.wt-vision-veil {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(100deg, rgba(26, 42, 18, .97) 0%, rgba(26, 42, 18, .9) 30%, rgba(26, 42, 18, .55) 60%, rgba(26, 42, 18, .2) 100%);
}

.wt-vision-card .row {
    position: relative;
    z-index: 2;
}

.wt-vision-content {
    padding-right: 20px;
}

.wt-vision-title {
    margin: 18px 0 0;
    font-size: 46px;
    line-height: 1.08;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.01em;
}

.wt-vision-rule {
    display: block;
    width: 54px;
    height: 3px;
    border-radius: 3px;
    background: var(--wt-orange);
    margin: 16px 0 0;
}

.wt-vision-desc {
    margin: 18px 0 0;
    max-width: 420px;
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255, 255, 255, .88);
}

.wt-vision-checks {
    list-style: none;
    margin: 26px 0 0;
    padding: 0;
    display: grid;
    gap: 14px;
}

.wt-vision-checks li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.wt-check {
    flex: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wt-green-bright);
    color: #fff;
    font-size: 11px;
}

/* Horizontal frosted pillar bar */
.wt-vision-panel {
    display: flex;
    border-radius: 20px;
    padding: 32px 8px;
    background: rgba(26, 42, 18, .42);
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 26px 60px rgba(0, 0, 0, .30);
}

.wt-pillar {
    flex: 1;
    text-align: center;
    padding: 6px 14px;
    transition: transform .3s ease;
}

.wt-pillar+.wt-pillar {
    border-left: 1px solid rgba(255, 255, 255, .16);
}

.wt-pillar:hover {
    transform: translateY(-5px);
}

.wt-pillar-ico {
    font-size: 34px;
    line-height: 1;
    color: var(--wt-orange);
    margin-bottom: 14px;
    transition: transform .3s ease;
}

.wt-pillar:hover .wt-pillar-ico {
    transform: scale(1.1);
}

.wt-pillar h3 {
    margin: 0;
    font-size: 14.5px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
}

@media (max-width:991px) {
    .wt-mission-card {
        padding: 34px;
    }

    .wt-mission-content {
        padding-left: 0;
        margin-top: 54px;
    }

    .wt-mission-title,
    .wt-vision-title {
        font-size: 34px;
    }

    .wt-vision-card {
        padding: 40px 30px;
    }

    .wt-vision-veil {
        background: linear-gradient(180deg, rgba(26, 42, 18, .92), rgba(26, 42, 18, .78));
    }

    .wt-vision-content {
        padding-right: 0;
    }

    .wt-vision-panel {
        margin-top: 40px;
    }

    .wt-vision-desc {
        max-width: none;
    }
}

@media (max-width:767px) {
    .wt-feature-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .wt-vision-panel {
        flex-direction: column;
    }

    .wt-pillar {
        padding: 22px 14px;
    }

    .wt-pillar+.wt-pillar {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .16);
    }

    .wt-pillar-ico {
        margin-bottom: 10px;
    }
}

@media (max-width:575px) {

    .wt-mission-title,
    .wt-vision-title {
        font-size: 28px;
    }

    .wt-mission-card {
        padding: 24px;
    }

    .wt-vision-card {
        padding: 30px 22px;
    }
}

/* =====================================================================
   CTA — "Let's Grow Together" (premium split section)
   ===================================================================== */
.wt-cta2 {
    position: relative;
    overflow: hidden;
    background: var(--wt-soft);
    padding: 100px 0;
}

.wt-cta2-blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.wt-cta2-blob-1 {
    width: 460px;
    height: 460px;
    top: -160px;
    left: -140px;
    background: radial-gradient(circle, rgba(242, 111, 44, .20), transparent 70%);
}

.wt-cta2-blob-2 {
    width: 420px;
    height: 420px;
    bottom: -170px;
    right: -130px;
    background: radial-gradient(circle, rgba(242, 111, 44, .16), transparent 70%);
}

.wt-cta2 .container {
    position: relative;
    z-index: 1;
}

/* ---- left ---- */
.wt-cta2-title {
    margin: 18px 0 0;
    font-size: 48px;
    line-height: 1.08;
    font-weight: 800;
    color: var(--wt-ink);
    letter-spacing: -.02em;
}

.wt-cta-grad {
    background: linear-gradient(90deg, var(--wt-green), var(--wt-green-bright) 60%, var(--wt-green-bright));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wt-cta2-sub {
    margin: 18px 0 0;
    max-width: 560px;
    font-size: 16.5px;
    line-height: 1.8;
    color: var(--wt-muted);
}

.wt-cta2-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 34px;
}

.wt-cta2-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    box-shadow: 0 10px 30px rgba(26, 42, 18, .07);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.wt-cta2-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 44px rgba(26, 42, 18, .15);
    border-color: rgba(242, 111, 44, .4);
}

.wt-cta2-card-ico {
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #fff;
    background: var(--wt-orange);
    box-shadow: 0 8px 18px rgba(242, 111, 44, .25);
}

.wt-cta2-card-txt {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wt-cta2-card-txt strong {
    font-size: 15px;
    font-weight: 700;
    color: var(--wt-ink);
    line-height: 1.2;
}

.wt-cta2-card-txt small {
    font-size: 12.5px;
    color: var(--wt-muted);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wt-cta2-action {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 32px;
}

.wt-cta2-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    border-radius: 14px;
    font-weight: 700;
    font-size: 15.5px;
    color: #fff;
    background: linear-gradient(135deg, var(--wt-orange), var(--wt-orange-dark));
    box-shadow: 0 14px 30px rgba(242, 111, 44, .3);
    transition: .28s ease;
}

.wt-cta2-btn i {
    transition: transform .25s ease;
}

.wt-cta2-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 20px 40px rgba(242, 111, 44, .4);
}

.wt-cta2-btn:hover i {
    transform: translateX(5px);
}

.wt-cta2-trust {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wt-cta2-avatars {
    display: flex;
}

.wt-cta2-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    background: var(--wt-green-bright);
    border: 2px solid #fff;
    box-shadow: 0 4px 10px rgba(26, 42, 18, .2);
}

.wt-cta2-avatar+.wt-cta2-avatar {
    margin-left: -12px;
}

.wt-cta2-trust-txt {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--wt-ink);
    max-width: 160px;
    line-height: 1.35;
}

.wt-cta2-feats {
    list-style: none;
    margin: 34px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 28px;
}

.wt-cta2-feats li {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--wt-ink);
}

.wt-cta2-feats i {
    color: var(--wt-green-bright);
    font-size: 16px;
}

/* ---- right visual ---- */
.wt-cta2-visual {
    position: relative;
    padding: 10px 10px 30px 30px;
}

.wt-cta2-img {
    width: 100%;
    aspect-ratio: 4/5;
    border-radius: 36px 36px 36px 110px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 36px 80px rgba(26, 42, 18, .28);
}

.wt-cta2-leaf {
    position: absolute;
    color: var(--wt-green-bright);
    pointer-events: none;
    z-index: 3;
    opacity: .9;
    filter: drop-shadow(0 8px 14px rgba(26, 42, 18, .25));
    animation: wtFloat 5s ease-in-out infinite;
}

.wt-cta2-leaf-1 {
    font-size: 40px;
    top: 8px;
    right: 24px;
    color: var(--wt-green-bright);
}

.wt-cta2-leaf-2 {
    font-size: 34px;
    bottom: 60px;
    right: 6px;
    color: var(--wt-green);
    animation-delay: 1.2s;
}

.wt-cta2-glass {
    position: absolute;
    left: -6px;
    bottom: -6px;
    z-index: 4;
    width: 74%;
    max-width: 300px;
    padding: 24px 24px 26px;
    border-radius: 22px;
    background: rgba(255, 255, 255, .65);
    backdrop-filter: blur(16px) saturate(125%);
    -webkit-backdrop-filter: blur(16px) saturate(125%);
    border: 1px solid rgba(255, 255, 255, .7);
    box-shadow: 0 24px 50px rgba(26, 42, 18, .22);
}

.wt-cta2-glass-ico {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: var(--wt-orange);
    box-shadow: 0 8px 18px rgba(242, 111, 44, .25);
    margin-bottom: 14px;
}

.wt-cta2-glass h3 {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--wt-ink);
    line-height: 1.25;
}

.wt-cta2-glass p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--wt-ink);
}

.wt-cta2-glass-arrow {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wt-green);
    background: #fff;
    box-shadow: 0 8px 18px rgba(26, 42, 18, .18);
    transition: .28s ease;
}

.wt-cta2-glass-arrow:hover {
    color: #fff;
    background: var(--wt-orange);
    transform: rotate(-45deg);
}

@media (max-width:991px) {
    .wt-cta2 {
        padding: 72px 0;
    }

    .wt-cta2-title {
        font-size: 36px;
    }

    .wt-cta2-visual {
        padding: 0;
        margin-bottom: 54px;
        max-width: 460px;
    }

    .wt-cta2-row {
        flex-direction: column-reverse;
    }
}

@media (max-width:575px) {
    .wt-cta2-title {
        font-size: 29px;
    }

    .wt-cta2-cards {
        grid-template-columns: 1fr;
    }

    .wt-cta2-action {
        gap: 18px;
    }

    .wt-cta2-btn {
        width: 100%;
        justify-content: center;
    }

    .wt-cta2-glass {
        width: 86%;
    }
}

/* =====================================================================
   Product Universe — ecosystem section
   ===================================================================== */
.wt-universe {
    position: relative;
    overflow: hidden;
    background: var(--wt-soft);
    padding: 90px 0;
}

.wt-uni-leaf {
    position: absolute;
    color: rgba(242, 111, 44, .16);
    pointer-events: none;
    z-index: 0;
}

.wt-uni-leaf-1 {
    font-size: 120px;
    top: -18px;
    right: 5%;
    transform: rotate(22deg);
}

.wt-uni-leaf-2 {
    font-size: 90px;
    bottom: 6%;
    left: -12px;
    transform: rotate(-28deg);
}

.wt-universe .container {
    position: relative;
    z-index: 1;
}

/* left content */
.wt-uni-title {
    margin: 18px 0 0;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.06;
    color: var(--wt-ink);
    letter-spacing: -.02em;
}

.wt-uni-title-grad {
    background: linear-gradient(90deg, var(--wt-green), var(--wt-green-bright));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wt-uni-desc {
    margin: 18px 0 0;
    max-width: 470px;
    font-size: 16px;
    line-height: 1.8;
    color: var(--wt-muted);
}

.wt-uni-values {
    margin: 28px 0 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wt-uni-value {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.wt-uni-vico {
    flex: none;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--wt-green);
    background: rgba(242, 111, 44, .16);
    transition: transform .3s ease, background .3s ease;
}

.wt-uni-value:hover .wt-uni-vico {
    transform: translateY(-4px);
    background: rgba(242, 111, 44, .28);
}

.wt-uni-value h3 {
    margin: 0 0 3px;
    font-size: 17px;
    font-weight: 700;
    color: var(--wt-ink);
}

.wt-uni-value p {
    margin: 0;
    font-size: 14px;
    color: var(--wt-muted);
    line-height: 1.5;
}

/* ecosystem */
.wt-eco {
    position: relative;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    aspect-ratio: 1;
}

.wt-eco-orbit {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 76%;
    height: 76%;
    border-radius: 50%;
    border: 1.5px dashed rgba(242, 111, 44, .35);
    transform: translate(-50%, -50%);
    animation: wtSpin 55s linear infinite;
}

@keyframes wtSpin {
    from {
        transform: translate(-50%, -50%) rotate(0);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.wt-eco-lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.wt-eco-line line {
    stroke: rgba(26, 42, 18, .22);
    stroke-width: .4;
}

.wt-eco-dot {
    fill: var(--wt-green-bright);
    animation: wtDotPulse 2.6s ease-in-out infinite;
}

.wt-eco-dot:nth-child(2n) {
    animation-delay: .5s;
}

.wt-eco-dot:nth-child(3n) {
    animation-delay: 1s;
}

.wt-eco-dot:nth-child(5n) {
    animation-delay: 1.4s;
}

@keyframes wtDotPulse {

    0%,
    100% {
        opacity: .3;
    }

    50% {
        opacity: 1;
    }
}

.wt-eco-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 46%;
    height: 46%;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .08);
    box-shadow: 0 30px 70px rgba(26, 42, 18, .13);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5%;
    z-index: 3;
}

.wt-eco-glow {
    position: absolute;
    inset: -14%;
    border-radius: 50%;
    z-index: -1;
    background: radial-gradient(circle, rgba(242, 111, 44, .30), transparent 68%);
    animation: wtGlowPulse 4.5s ease-in-out infinite;
}

@keyframes wtGlowPulse {

    0%,
    100% {
        opacity: .65;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.06);
    }
}

.wt-eco-logo {
    width: 74%;
    max-width: 170px;
    height: auto;
}

.wt-eco-tag {
    margin: 7px 0 0;
    font-size: 10.5px;
    color: var(--wt-muted);
    line-height: 1.35;
    max-width: 80%;
}

.wt-eco-pill {
    margin-top: 9px;
    font-size: 12px;
    font-weight: 700;
    color: var(--wt-green);
    background: var(--wt-soft-orange);
    padding: 5px 14px;
    border-radius: 999px;
}

.wt-eco-nodes {
    position: absolute;
    inset: 0;
    z-index: 4;
}

.wt-eco-node {
    position: absolute;
    transform: translate(-50%, -50%);
    text-decoration: none;
}

.wt-eco-node-in {
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: wtFloat 5s ease-in-out infinite;
    animation-delay: var(--d, 0s);
}

.wt-eco-ico {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .08);
    box-shadow: 0 14px 34px rgba(26, 42, 18, .14);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--wt-green);
    transition: transform .3s ease, box-shadow .3s ease, color .3s ease;
}

.wt-eco-node:hover .wt-eco-ico {
    transform: scale(1.1);
    box-shadow: 0 22px 46px rgba(26, 42, 18, .30);
    color: var(--wt-green-deep);
}

.wt-eco-label {
    margin-top: 10px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--wt-ink);
    text-align: center;
    max-width: 108px;
    line-height: 1.25;
}

/* node positions (radius 38% around centre) */
.wt-eco-n1 {
    left: 50%;
    top: 12%;
}

.wt-eco-n2 {
    left: 76.9%;
    top: 23.1%;
}

.wt-eco-n3 {
    left: 88%;
    top: 50%;
}

.wt-eco-n4 {
    left: 76.9%;
    top: 76.9%;
}

.wt-eco-n5 {
    left: 50%;
    top: 88%;
}

.wt-eco-n6 {
    left: 23.1%;
    top: 76.9%;
}

.wt-eco-n7 {
    left: 12%;
    top: 50%;
}

.wt-eco-n8 {
    left: 23.1%;
    top: 23.1%;
}

/* trust stats */
.wt-uni-stats {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .08);
    border-radius: 24px;
    padding: 24px 8px;
    box-shadow: 0 20px 50px rgba(26, 42, 18, .06);
}

.wt-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 18px;
}

.wt-stat+.wt-stat {
    border-left: 1px solid rgba(26, 42, 18, .1);
}

.wt-stat-ico {
    flex: none;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: var(--wt-green);
    background: rgba(242, 111, 44, .16);
}

.wt-stat strong {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: var(--wt-ink);
    line-height: 1.05;
}

.wt-stat span {
    font-size: 12.5px;
    color: var(--wt-muted);
    line-height: 1.25;
}

.wt-stat .wt-stat-lead {
    font-size: 14px;
    font-weight: 600;
    color: var(--wt-ink);
}

@media (max-width:991px) {
    .wt-uni-title {
        font-size: 36px;
    }

    .wt-uni-content {
        margin-bottom: 50px;
    }

    .wt-eco {
        max-width: 520px;
    }

    .wt-uni-stats {
        grid-template-columns: repeat(3, 1fr);
        gap: 6px 0;
    }

    .wt-stat:nth-child(3n+1) {
        border-left: 0;
    }

    .wt-stat:nth-child(n+4) {
        border-top: 1px solid rgba(26, 42, 18, .1);
        padding-top: 18px;
    }
}

@media (max-width:575px) {
    .wt-universe {
        padding: 64px 0;
    }

    .wt-uni-title {
        font-size: 30px;
    }

    /* ecosystem → stacked: centre on top, nodes as a 2-col grid */
    .wt-eco {
        aspect-ratio: auto;
        max-width: 380px;
    }

    .wt-eco-orbit,
    .wt-eco-lines {
        display: none;
    }

    .wt-eco-center {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: 190px;
        height: 190px;
        margin: 0 auto 28px;
    }

    .wt-eco-nodes {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px 8px;
    }

    .wt-eco-node {
        position: static;
        transform: none;
    }

    .wt-eco-ico {
        width: 66px;
        height: 66px;
        font-size: 24px;
    }

    .wt-uni-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .wt-stat:nth-child(2n+1) {
        border-left: 0;
    }

    .wt-stat:nth-child(n+3) {
        border-top: 1px solid rgba(26, 42, 18, .1);
        padding-top: 16px;
    }
}

/* =====================================================================
   Product detail — extra content section + related products
   ===================================================================== */
.wt-pdetail {
    background: linear-gradient(180deg, #FFFFFF 0%, var(--wt-soft) 100%);
    padding: 10px 0 70px;
}

.wt-pdetail-card {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 26px;
    padding: 48px 50px;
    box-shadow: 0 20px 50px rgba(26, 42, 18, .08);
}

.wt-pdetail-leaf {
    position: absolute;
    top: -34px;
    right: -24px;
    z-index: 0;
    font-size: 210px;
    line-height: 1;
    color: var(--wt-green);
    opacity: .04;
    pointer-events: none;
}

.wt-pdetail-head,
.wt-pdetail-body,
.wt-pdetail-cta {
    position: relative;
    z-index: 1;
}

.wt-pdetail-head .wt-pill {
    margin-bottom: 16px;
}

.wt-pdetail-title {
    margin: 0 0 24px;
    font-size: 32px;
    font-weight: 800;
    color: var(--wt-ink);
    line-height: 1.18;
    letter-spacing: -.01em;
}

.wt-pdetail-body {
    font-size: 16px;
    line-height: 1.85;
    color: var(--wt-muted);
}

.wt-pdetail-cta {
    display: inline-flex;
    align-items: center;
    margin-top: 30px;
}

/* rich-text output (bold/italic/headings/lists/links from the admin editor) */
.wt-rich p {
    margin: 0 0 16px;
}

.wt-rich p:last-child {
    margin-bottom: 0;
}

.wt-rich strong,
.wt-rich b {
    color: var(--wt-ink);
    font-weight: 700;
}

.wt-rich h3,
.wt-rich h4 {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--wt-ink);
    font-weight: 700;
    line-height: 1.3;
}

.wt-rich h3 {
    font-size: 21px;
    margin: 30px 0 16px;
}

.wt-rich h4 {
    font-size: 18px;
    margin: 26px 0 14px;
}

.wt-rich h3::before,
.wt-rich h4::before {
    content: "";
    flex: none;
    width: 8px;
    height: 1em;
    border-radius: 4px;
    background: linear-gradient(180deg, var(--wt-green), var(--wt-green-bright));
}

/* Benefit lists → professional green checklist */
.wt-rich ul {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
    display: grid;
    gap: 12px;
}

.wt-rich ul li {
    position: relative;
    padding-left: 38px;
    line-height: 1.6;
}

.wt-rich ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 1px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--wt-soft);
    color: var(--wt-green);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wt-rich ol {
    margin: 0 0 18px;
    padding-left: 22px;
}

.wt-rich ol li {
    margin-bottom: 8px;
    padding-left: 4px;
}

.wt-rich a {
    color: var(--wt-green-deep);
    text-decoration: underline;
}

.wt-rich a:hover {
    color: var(--wt-green-deep);
}

.wt-related {
    background: var(--wt-soft);
    padding: 64px 0 40px;
}

.wt-related-title {
    font-size: 30px;
    font-weight: 800;
    color: var(--wt-ink);
    margin: 0 0 30px;
    letter-spacing: -.01em;
}

@media (max-width:767px) {
    .wt-pdetail-card {
        padding: 30px 26px;
    }

    .wt-pdetail-title {
        font-size: 23px;
    }

    .wt-related-title {
        font-size: 24px;
    }
}

/* =====================================================================
   About — "Values That Grow With Purpose" (premium 6-card storytelling)
   ===================================================================== */
.wt-values {
    background: var(--wt-soft);
    padding: 80px 0 90px;
}

.wt-values-card {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    padding: 56px 48px 0;
    background: linear-gradient(180deg, #FFFFFF 0%, var(--wt-soft) 100%);
    border: 1px solid rgba(26, 42, 18, .08);
    box-shadow: 0 30px 80px rgba(26, 42, 18, .10);
}

.wt-values-head {
    position: relative;
    z-index: 2;
    max-width: 700px;
    margin: 0 auto 46px;
    text-align: center;
}

.wt-values-title {
    margin: 18px 0 0;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.1;
    color: var(--wt-ink);
    letter-spacing: -.02em;
}

.wt-values-grad {
    background: linear-gradient(90deg, var(--wt-green), var(--wt-green-bright));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wt-values-accent {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 14px 0 0;
    color: var(--wt-green-bright);
}

.wt-values-accent::before {
    content: "";
    width: 40px;
    height: 2px;
    border-radius: 2px;
    background: var(--wt-green-bright);
}

.wt-values-accent i {
    font-size: 13px;
}

.wt-values-desc {
    margin: 18px auto 0;
    font-size: 16px;
    line-height: 1.75;
    color: var(--wt-muted);
}

.wt-values-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
}

.wt-value {
    position: relative;
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 22px;
    padding: 30px 18px 40px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(26, 42, 18, .06);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.wt-value:hover {
    transform: translateY(-10px);
    box-shadow: 0 26px 50px rgba(26, 42, 18, .16);
    border-color: rgba(242, 111, 44, .4);
}

.wt-value-ico {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--wt-green);
    background: rgba(242, 111, 44, .14);
    transition: transform .35s ease, background .35s ease;
}

.wt-value:hover .wt-value-ico {
    transform: scale(1.12) rotate(-6deg);
    background: rgba(242, 111, 44, .24);
}

.wt-value h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--wt-green);
    line-height: 1.25;
}

.wt-value-div {
    display: block;
    width: 28px;
    height: 3px;
    border-radius: 3px;
    margin: 10px auto 14px;
    background: rgba(242, 111, 44, .5);
}

.wt-value p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--wt-muted);
}

.wt-value-num {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: var(--wt-orange);
    box-shadow: 0 8px 16px rgba(26, 42, 18, .35);
    border: 3px solid #fff;
}

/* panoramic farm strip + CTA */
.wt-values-scape {
    position: relative;
    margin: 54px -48px 0;
    min-height: 300px;
    background-size: cover;
    background-position: center bottom;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wt-values-scape::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, var(--wt-soft) 0%, rgba(244, 250, 243, .35) 26%, transparent 60%);
}

.wt-values-cta {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 760px;
    width: calc(100% - 40px);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 999px;
    padding: 16px 20px;
    box-shadow: 0 24px 50px rgba(26, 42, 18, .20);
}

.wt-values-cta-left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    padding-left: 8px;
}

.wt-values-cta-ico {
    flex: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    background: var(--wt-orange);
    box-shadow: 0 8px 18px rgba(26, 42, 18, .3);
}

.wt-values-cta-left p {
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
    color: var(--wt-ink);
    border-right: 1px solid rgba(26, 42, 18, .18);
    padding-right: 20px;
}

.wt-values-cta-left strong {
    font-weight: 800;
}

.wt-values-cta .btn-home6 {
    flex: none;
}

@media (max-width:1199px) {
    .wt-values-grid {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 34px;
    }
}

@media (max-width:991px) {
    .wt-values {
        padding: 60px 0 70px;
    }

    .wt-values-card {
        padding: 44px 30px 0;
        border-radius: 28px;
    }

    .wt-values-title {
        font-size: 34px;
    }

    .wt-values-scape {
        margin: 46px -30px 0;
    }

    .wt-values-cta {
        flex-direction: column;
        border-radius: 24px;
        padding: 22px;
        gap: 16px;
    }

    .wt-values-cta-left {
        flex-direction: column;
        text-align: center;
        padding-left: 0;
    }

    .wt-values-cta-left p {
        border-right: 0;
        padding-right: 0;
    }
}

@media (max-width:767px) {
    .wt-values-title {
        font-size: 27px;
    }

    /* mobile: horizontal swipe slider */
    .wt-values-grid {
        display: flex;
        grid-template-columns: none;
        gap: 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        margin: 0 -30px;
        padding: 6px 30px 8px;
        -webkit-overflow-scrolling: touch;
    }

    .wt-values-grid::-webkit-scrollbar {
        display: none;
    }

    .wt-value {
        flex: 0 0 78%;
        scroll-snap-align: center;
    }
}

/* =====================================================================
   Multilingual (EN / HI / GU)
   ===================================================================== */
/* Language switcher — top-bar dropdown (globe icon, on the dark green strip) */
.wt-lang-dd {
    position: relative;
    display: inline-block;
    margin-left: 6px;
}

.wt-lang-dd-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .25);
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
    padding: 4px 11px;
    border-radius: 50px;
    cursor: pointer;
    transition: .2s;
}

.wt-lang-dd-toggle:hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .5);
}

.wt-lang-dd-toggle .fa-globe {
    font-size: 13px;
    opacity: .9;
}

.wt-lang-dd-caret {
    font-size: 9px;
    opacity: .8;
    transition: transform .2s;
}

.wt-lang-dd.open .wt-lang-dd-caret {
    transform: rotate(180deg);
}

.wt-lang-dd-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 150px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
    padding: 6px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: .18s ease;
    z-index: 1200;
}

.wt-lang-dd.open .wt-lang-dd-menu,
.wt-lang-dd:focus-within .wt-lang-dd-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.wt-lang-dd-menu a {
    display: block;
    padding: 9px 14px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--wt-ink);
    line-height: 1.3;
    transition: .15s;
}

.wt-lang-dd-menu a:hover {
    background: var(--wt-soft);
    color: var(--wt-green-deep);
}

.wt-lang-dd-menu a.active {
    background: var(--wt-green-deep);
    color: #fff;
    font-weight: 600;
}

/* Language switcher — mobile offcanvas */
.vl-offcanvas-lang {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.vl-offcanvas-lang a {
    padding: 7px 16px;
    border: 1px solid var(--wt-border);
    border-radius: 50px;
    font-size: 14px;
    color: var(--wt-ink);
}

.vl-offcanvas-lang a.active {
    background: var(--wt-green-deep);
    color: #fff;
    border-color: transparent;
}

/* Desktop menu nudged slightly right of dead-centre */
@media (min-width:1200px) {
    .vl-header-content-area .vl-main-menu {
        padding-left: 72px;
    }
}

/* Mobile/tablet: language switcher sits LEFT of the hamburger — each in its OWN box */
@media (max-width:1199px) {
    .vl-header-content-area .vl-menu-sidebar-area {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .vl-header-content-area .vl-logo img {
        max-width: 150px;
        height: auto;
    }
}

.wt-mobile-actions {
    gap: 10px;
}

.wt-lang-dd-mobile {
    margin-left: 0;
}

/* Language box — white text + white border on the orange mobile header bar */
.wt-lang-dd-mobile .wt-lang-dd-toggle {
    color: #ffffff;
    border-color: rgba(255, 255, 255, .55);
    border-radius: 10px;
    padding: 8px 11px;
    height: 42px;
}

.wt-lang-dd-mobile .wt-lang-dd-toggle:hover {
    background: rgba(255, 255, 255, .16);
    border-color: #ffffff;
}

.wt-lang-dd-mobile .wt-lang-dd-toggle .fa-globe,
.wt-lang-dd-mobile .wt-lang-dd-caret {
    color: #ffffff;
    opacity: .9;
}

.wt-lang-dd-mobile .wt-lang-dd-menu {
    right: 0;
    left: auto;
}

/* Hamburger — its own SEPARATE box, matching the language box */
.wt-mobile-actions .vl-offcanvas-toggle {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 10px;
    background: transparent;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: .2s;
}

.wt-mobile-actions .vl-offcanvas-toggle:hover {
    background: rgba(255, 255, 255, .16);
    border-color: #ffffff;
}

/* Indic fonts so Hindi (Devanagari) and Gujarati render cleanly over the Latin theme fonts */
html[lang="hi"] body {
    font-family: "Noto Sans Devanagari", system-ui, sans-serif;
}

html[lang="gu"] body {
    font-family: "Noto Sans Gujarati", system-ui, sans-serif;
}

html[lang="hi"] h1,
html[lang="hi"] h2,
html[lang="hi"] h3,
html[lang="hi"] h4,
html[lang="hi"] h5,
html[lang="hi"] .title,
html[lang="hi"] .sub-title,
html[lang="hi"] .pera-text,
html[lang="hi"] p,
html[lang="hi"] .vl-main-menu nav ul li a,
html[lang="hi"] .btn-home6,
html[lang="hi"] .btn2-home6,
html[lang="hi"] .btn4-home6,
html[lang="hi"] .vl-breadcrumb-title,
html[lang="hi"] .wt-cat-card h3,
html[lang="hi"] .wt-card-title,
html[lang="hi"] .wt-why-box h3 {
    font-family: "Noto Sans Devanagari", sans-serif !important;
}

html[lang="gu"] h1,
html[lang="gu"] h2,
html[lang="gu"] h3,
html[lang="gu"] h4,
html[lang="gu"] h5,
html[lang="gu"] .title,
html[lang="gu"] .sub-title,
html[lang="gu"] .pera-text,
html[lang="gu"] p,
html[lang="gu"] .vl-main-menu nav ul li a,
html[lang="gu"] .btn-home6,
html[lang="gu"] .btn2-home6,
html[lang="gu"] .btn4-home6,
html[lang="gu"] .vl-breadcrumb-title,
html[lang="gu"] .wt-cat-card h3,
html[lang="gu"] .wt-card-title,
html[lang="gu"] .wt-why-box h3 {
    font-family: "Noto Sans Gujarati", sans-serif !important;
}

/* =====================================================================
   HOME REDESIGN 2026 — About / Why / Mission
   Palette: var(--wt-green) var(--wt-green-bright) var(--wt-soft) var(--wt-soft) #FFFFFF
   ===================================================================== */

/* ---------- About Nochirika ---------- */
.wt-about2 {
    background: var(--wt-soft);
    padding: 96px 0;
}

.wt-about2-row {
    row-gap: 48px;
}

.wt-about2-content .wt-pill {
    margin-bottom: 18px;
}

.wt-about2-title {
    margin: 0;
    font-size: 44px;
    line-height: 1.1;
    font-weight: 800;
    color: var(--wt-ink);
    letter-spacing: -.01em;
}

.wt-about2-grad {
    background: linear-gradient(90deg, var(--wt-green), var(--wt-green-bright));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--wt-green);
}

.wt-about2-story {
    margin: 20px 0 30px;
    max-width: 560px;
    font-size: 16.5px;
    line-height: 1.85;
    color: var(--wt-muted);
}

.wt-about2-pillars {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 26px;
}

.wt-about2-pillar {
    display: flex;
    gap: 15px;
}

.wt-about2-pico {
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: var(--wt-green);
    background: var(--wt-soft);
    transition: transform .3s ease, background .3s ease, color .3s ease;
}

.wt-about2-pillar:hover .wt-about2-pico {
    transform: translateY(-4px);
    background: var(--wt-green-bright);
    color: #fff;
}

.wt-about2-pillar h3 {
    margin: 0 0 5px;
    font-size: 16.5px;
    font-weight: 700;
    color: var(--wt-ink);
    line-height: 1.25;
}

.wt-about2-pillar p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--wt-muted);
}

.wt-about2-visual {
    position: relative;
    padding: 14px;
}

.wt-about2-shape {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 42% 58% 56% 44% / 50% 44% 56% 50%;
    background: linear-gradient(135deg, var(--wt-soft), var(--wt-green-bright));
    opacity: .5;
}

.wt-about2-img {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 5/5;
    border-radius: 28px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 28px 60px rgba(26, 42, 18, .18);
}

.wt-about2-badge {
    position: absolute;
    right: -6px;
    bottom: 24px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 18px;
    padding: 14px 20px;
    box-shadow: 0 16px 40px rgba(26, 42, 18, .16);
}

.wt-about2-badge i {
    font-size: 18px;
    color: var(--wt-green);
}

.wt-about2-badge span {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--wt-ink);
    max-width: 150px;
    line-height: 1.25;
}

.wt-about2-stats {
    margin-top: 56px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 24px;
    padding: 30px 24px;
    box-shadow: 0 22px 50px rgba(26, 42, 18, .07);
}

.wt-about2-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: center;
}

.wt-about2-stat+.wt-about2-stat {
    border-left: 1px solid rgba(26, 42, 18, .12);
}

.wt-about2-sico {
    flex: none;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--wt-green);
    background: var(--wt-soft);
}

.wt-about2-stat strong {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: var(--wt-green);
    line-height: 1;
}

.wt-about2-stat span {
    font-size: 13px;
    color: var(--wt-muted);
    font-weight: 500;
}

/* ---------- Why Nochirika ---------- */
.wt-why2 {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #FFFFFF 0%, var(--wt-soft) 100%);
    padding: 96px 0;
}

.wt-why2-leaf {
    position: absolute;
    top: 40px;
    right: -40px;
    z-index: 0;
    font-size: 300px;
    color: var(--wt-green);
    opacity: .04;
    pointer-events: none;
}

.wt-why2 .container {
    position: relative;
    z-index: 1;
}

.wt-why2-head {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 50px;
}

.wt-why2-head .wt-pill {
    margin-bottom: 16px;
}

.wt-why2-title {
    margin: 0;
    font-size: 42px;
    font-weight: 800;
    color: var(--wt-ink);
    letter-spacing: -.01em;
}

.wt-why2-sub {
    margin: 16px auto 0;
    max-width: 620px;
    font-size: 16px;
    line-height: 1.8;
    color: var(--wt-muted);
}

.wt-why2-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.wt-why2-card {
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 22px;
    padding: 32px 28px;
    box-shadow: 0 14px 34px rgba(26, 42, 18, .06);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.wt-why2-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 50px rgba(26, 42, 18, .13);
    border-color: rgba(125, 190, 78, .5);
}

.wt-why2-ico {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--wt-green);
    background: var(--wt-soft);
    margin-bottom: 20px;
    transition: transform .3s ease, background .3s ease, color .3s ease;
}

.wt-why2-card:hover .wt-why2-ico {
    background: linear-gradient(135deg, var(--wt-green), var(--wt-green-bright));
    color: #fff;
    transform: scale(1.06);
}

.wt-why2-card h3 {
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 700;
    color: var(--wt-ink);
    line-height: 1.25;
}

.wt-why2-card p {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--wt-muted);
}

.wt-why2-banner {
    margin-top: 48px;
    border-radius: 26px;
    padding: 42px 44px;
    text-align: center;
    background: linear-gradient(120deg, var(--wt-green), var(--wt-green-bright));
    box-shadow: 0 26px 60px rgba(26, 42, 18, .22);
}

.wt-why2-banner-txt {
    margin: 0;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
    color: #fff;
}

.wt-why2-banner-grad {
    color: var(--wt-soft);
}

.wt-why2-checks {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 18px;
}

.wt-why2-check {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--wt-ink);
    background: rgba(255, 255, 255, .92);
    border-radius: 999px;
    padding: 10px 20px;
}

.wt-why2-check i {
    color: var(--wt-green);
    font-size: 14px;
}

/* ---------- Our Mission (split-screen) ---------- */
.wt-mission2 {
    background: var(--wt-soft);
    padding: 96px 0;
}

.wt-mission2-card {
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 30px 70px rgba(26, 42, 18, .1);
}

.wt-mission2-content {
    padding: 56px;
}

.wt-mission2-content .wt-pill {
    margin-bottom: 18px;
}

.wt-mission2-title {
    margin: 0;
    font-size: 42px;
    line-height: 1.1;
    font-weight: 800;
    color: var(--wt-ink);
    letter-spacing: -.01em;
}

.wt-mission2-statement {
    margin: 20px 0 32px;
    font-size: 17px;
    line-height: 1.85;
    color: var(--wt-muted);
}

.wt-mission2-pillars {
    display: grid;
    gap: 22px;
}

.wt-mission2-pillar {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.wt-mission2-pico {
    flex: none;
    width: 52px;
    height: 52px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--wt-green);
    background: var(--wt-soft);
    transition: transform .3s ease, background .3s ease, color .3s ease;
}

.wt-mission2-pillar:hover .wt-mission2-pico {
    transform: translateY(-4px);
    background: linear-gradient(135deg, var(--wt-green), var(--wt-green-bright));
    color: #fff;
}

.wt-mission2-pillar h3 {
    margin: 0 0 5px;
    font-size: 17.5px;
    font-weight: 700;
    color: var(--wt-ink);
    line-height: 1.25;
}

.wt-mission2-pillar p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--wt-muted);
}

.wt-mission2-visual {
    position: relative;
    height: 100%;
    min-height: 420px;
}

.wt-mission2-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.wt-mission2-badge {
    position: absolute;
    left: 28px;
    bottom: 28px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, .85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 18px;
    padding: 14px 20px;
    box-shadow: 0 16px 40px rgba(26, 42, 18, .18);
}

.wt-mission2-badge i {
    font-size: 18px;
    color: var(--wt-green);
}

.wt-mission2-badge span {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--wt-ink);
}

/* ---------- Responsive ---------- */
@media (max-width:991px) {

    .wt-about2,
    .wt-why2,
    .wt-mission2 {
        padding: 64px 0;
    }

    .wt-about2-title,
    .wt-why2-title,
    .wt-mission2-title {
        font-size: 32px;
    }

    .wt-why2-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wt-mission2-content {
        padding: 40px;
    }

    .wt-mission2-visual {
        min-height: 340px;
    }
}

@media (max-width:767px) {
    .wt-about2-pillars {
        grid-template-columns: 1fr;
    }

    .wt-about2-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 16px;
    }

    .wt-about2-stat:nth-child(3) {
        border-left: 0;
    }

    .wt-why2-grid {
        grid-template-columns: 1fr;
    }

    .wt-why2-banner-txt {
        font-size: 21px;
    }

    .wt-why2-leaf {
        font-size: 200px;
    }
}

@media (max-width:575px) {

    .wt-about2-title,
    .wt-why2-title,
    .wt-mission2-title {
        font-size: 27px;
    }

    .wt-about2-stats {
        grid-template-columns: 1fr;
    }

    .wt-about2-stat+.wt-about2-stat {
        border-left: 0;
        border-top: 1px solid rgba(26, 42, 18, .12);
        padding-top: 18px;
    }

    .wt-about2-stat {
        justify-content: flex-start;
    }

    .wt-mission2-content {
        padding: 30px 24px;
    }

    .wt-why2-banner {
        padding: 32px 24px;
    }
}

/* Indic font coverage for the new sections */
html[lang="hi"] .wt-about2-title,
html[lang="hi"] .wt-about2-pillar h3,
html[lang="hi"] .wt-why2-title,
html[lang="hi"] .wt-why2-card h3,
html[lang="hi"] .wt-mission2-title,
html[lang="hi"] .wt-mission2-pillar h3 {
    font-family: "Noto Sans Devanagari", sans-serif !important;
}

html[lang="gu"] .wt-about2-title,
html[lang="gu"] .wt-about2-pillar h3,
html[lang="gu"] .wt-why2-title,
html[lang="gu"] .wt-why2-card h3,
html[lang="gu"] .wt-mission2-title,
html[lang="gu"] .wt-mission2-pillar h3 {
    font-family: "Noto Sans Gujarati", sans-serif !important;
}

/* =====================================================================
   FOOTER 2026 — light "Stay Updated" footer
   Palette: var(--wt-green) var(--wt-green-bright) var(--wt-soft) var(--wt-soft) #FFFFFF + var(--wt-green) bottom bar
   ===================================================================== */
.wt-foot {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #FFFFFF, var(--wt-soft));
    padding-top: 20px;
}

.wt-foot-card {
    position: relative;
    overflow: hidden;
    padding: 64px 0 44px;
}

.wt-foot-leafbg {
    position: absolute;
    left: 4%;
    top: 14%;
    z-index: 0;
    font-size: 340px;
    line-height: 1;
    color: var(--wt-green);
    opacity: .04;
    pointer-events: none;
}

.wt-foot-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.6fr 1fr 1.25fr 1.35fr 1.5fr;
    gap: 34px;
}

/* Brand column */
.wt-foot-logo {
    height: 50px;
    width: auto;
}

.wt-foot-tagline {
    margin: 16px 0 0;
    color: var(--wt-green);
    font-weight: 700;
    font-size: 17px;
}

.wt-foot-about {
    margin: 14px 0 0;
    max-width: 340px;
    color: var(--wt-muted);
    font-size: 14.5px;
    line-height: 1.8;
}

.wt-foot-badges {
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
    display: grid;
    gap: 14px;
}

.wt-foot-badges li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--wt-ink);
}

.wt-foot-bico {
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--wt-soft);
    color: var(--wt-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

/* Heading + leaf */
.wt-foot-h {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 22px;
    font-size: 19px;
    font-weight: 700;
    color: var(--wt-green);
}

.wt-foot-leaf {
    font-size: 13px;
    color: var(--wt-green-bright);
}

/* Link columns */
.wt-foot-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 14px;
}

.wt-foot-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--wt-ink);
    font-size: 14.5px;
    transition: .2s;
}

.wt-foot-links a i {
    font-size: 11px;
    color: var(--wt-green-bright);
    transition: transform .2s ease;
}

.wt-foot-links a:hover {
    color: var(--wt-green);
}

.wt-foot-links a:hover i {
    transform: translateX(3px);
}

/* Contact column */
.wt-foot-contact {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 18px;
}

.wt-foot-contact li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.wt-foot-contact a {
    color: var(--wt-ink);
    font-size: 14.5px;
    word-break: break-word;
}

.wt-foot-contact a:hover {
    color: var(--wt-green);
}

.wt-foot-contact li>span:last-child {
    font-size: 14px;
    color: var(--wt-muted);
    line-height: 1.6;
}

.wt-foot-contact strong {
    display: block;
    color: var(--wt-ink);
    font-weight: 700;
    margin-bottom: 2px;
}

.wt-foot-cico {
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--wt-soft);
    color: var(--wt-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    margin-top: 2px;
}

/* Stay Updated card */
.wt-foot-sub-card {
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid rgba(26, 42, 18, .14);
    border-radius: 20px;
    padding: 26px 24px 34px;
    box-shadow: 0 16px 40px rgba(26, 42, 18, .07);
}

.wt-foot-sub-desc {
    margin: 0 0 18px;
    font-size: 13.5px;
    line-height: 1.7;
    color: var(--wt-muted);
}

.wt-foot-sub {
    position: relative;
    z-index: 2;
}

.wt-foot-sub-input {
    width: 100%;
    border: 1px solid var(--wt-border);
    border-radius: 12px;
    padding: 13px 16px;
    font-size: 14px;
    background: #fff;
    outline: none;
}

.wt-foot-sub-input:focus {
    border-color: var(--wt-orange);
    box-shadow: 0 0 0 3px rgba(242, 111, 44, .18);
}

/* Subscribe button uses the theme .btn-home6 look; this only sets full-width + centering. */
.wt-foot-sub-btn {
    margin-top: 14px;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

.wt-foot-sub-msg {
    margin: 12px 0 0;
    font-size: 13px;
    font-weight: 600;
}

.wt-foot-sub-msg.is-ok {
    color: var(--wt-green);
}

.wt-foot-sub-msg.is-err {
    color: #c0392b;
}

.wt-foot-sub-hills {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 62px;
    z-index: 1;
    pointer-events: none;
}

/* Trust stats strip */
.wt-foot-stats {
    position: relative;
    z-index: 1;
    margin-top: 44px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 16px 40px rgba(26, 42, 18, .06);
}

.wt-foot-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: center;
    text-align: left;
}

.wt-foot-stat+.wt-foot-stat {
    border-left: 1px solid rgba(26, 42, 18, .12);
}

.wt-foot-sico {
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--wt-soft);
    color: var(--wt-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.wt-foot-stat span {
    font-size: 15px;
    font-weight: 700;
    color: var(--wt-ink);
    line-height: 1.3;
}

/* Green bottom bar */
.wt-foot-bottom {
    position: relative;
    margin-top: 54px;
    background: var(--wt-orange);
    padding: 26px 0;
}

.wt-foot-wave {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px;
    transform: translateY(-99%);
    display: block;
}

.wt-foot-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px 24px;
    flex-wrap: wrap;
}

.wt-foot-copy {
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
}

.wt-foot-legal {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.wt-foot-legal li {
    display: flex;
    align-items: center;
}

.wt-foot-legal li:not(:last-child)::after {
    content: "|";
    margin-left: 8px;
    color: rgba(255, 255, 255, .4);
}

.wt-foot-legal a {
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
}

.wt-foot-legal a:hover {
    color: #fff;
    text-decoration: underline;
}

.wt-foot-social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.wt-foot-social a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .5);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: .25s;
}

.wt-foot-social a:hover {
    background: #fff;
    color: var(--wt-green);
    border-color: #fff;
}

/* Footer responsive */
@media (max-width:1199px) {
    .wt-foot-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .wt-foot-brand {
        grid-column: 1 / -1;
    }

    .wt-foot-sub-card {
        grid-column: 1 / -1;
    }

    .wt-foot-about {
        max-width: none;
    }
}

@media (max-width:767px) {
    .wt-foot-card {
        padding: 36px 22px 30px;
    }

    .wt-foot-grid {
        grid-template-columns: 1fr;
    }

    .wt-foot-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 14px;
    }

    .wt-foot-stat:nth-child(3) {
        border-left: 0;
    }
}

@media (max-width:575px) {
    .wt-foot-stats {
        grid-template-columns: 1fr;
    }

    .wt-foot-stat+.wt-foot-stat {
        border-left: 0;
        border-top: 1px solid rgba(26, 42, 18, .12);
        padding-top: 16px;
    }

    .wt-foot-stat {
        justify-content: flex-start;
    }

    .wt-foot-bottom-row {
        flex-direction: column;
        text-align: center;
    }
}

/* Indic fonts for footer headings */
html[lang="hi"] .wt-foot-h,
html[lang="hi"] .wt-foot-tagline,
html[lang="hi"] .wt-foot-badges li,
html[lang="hi"] .wt-foot-stat span {
    font-family: "Noto Sans Devanagari", sans-serif !important;
}

/* =====================================================================
   CROP PROBLEM SOLVER — interactive crop → problems → products
   ===================================================================== */
.wt-solver {
    position: relative;
    overflow: hidden;
    background: var(--wt-soft);
    padding: 96px 0;
}

.wt-solver-leaf {
    position: absolute;
    top: 30px;
    left: -40px;
    z-index: 0;
    font-size: 280px;
    line-height: 1;
    color: var(--wt-green);
    opacity: .04;
    pointer-events: none;
}

.wt-solver .container {
    position: relative;
    z-index: 1;
}

.wt-solver-head {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 44px;
}

.wt-solver-head .wt-pill {
    margin-bottom: 16px;
}

.wt-solver-title {
    margin: 0;
    font-size: 40px;
    font-weight: 800;
    color: var(--wt-ink);
    letter-spacing: -.01em;
}

.wt-solver-sub {
    margin: 16px auto 0;
    max-width: 600px;
    font-size: 16px;
    line-height: 1.8;
    color: var(--wt-muted);
}

.wt-solver-grid {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 26px;
    align-items: start;
}

.wt-solver-crops {
    display: grid;
    gap: 10px;
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 20px;
    padding: 14px;
    box-shadow: 0 14px 34px rgba(26, 42, 18, .06);
}

.wt-solver-crop {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-align: left;
    border: 0;
    cursor: pointer;
    background: transparent;
    padding: 13px 16px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    color: var(--wt-ink);
    transition: .2s;
    white-space: nowrap;
}

.wt-solver-crop i {
    color: var(--wt-green-bright);
    font-size: 14px;
}

.wt-solver-crop:hover {
    background: var(--wt-soft);
    color: var(--wt-green);
}

.wt-solver-crop.active {
    background: linear-gradient(120deg, var(--wt-green), var(--wt-green-bright));
    color: #fff;
    box-shadow: 0 10px 22px rgba(26, 42, 18, .28);
}

.wt-solver-crop.active i {
    color: #fff;
}

.wt-solver-panels {
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 22px;
    padding: 34px 36px;
    box-shadow: 0 16px 40px rgba(26, 42, 18, .07);
}

.wt-solver-panel {
    display: none;
}

.wt-solver-panel.active {
    display: block;
    animation: wtSolverFade .35s ease;
}

@keyframes wtSolverFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.wt-solver-cols {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    align-items: start;
}

.wt-solver-block h3 {
    font-size: 13.5px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--wt-green);
    font-weight: 700;
    margin: 0 0 16px;
}

.wt-solver-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.wt-solver-block li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: var(--wt-soft);
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 12px;
    padding: 12px 14px;
}

.wt-solver-pico,
.wt-solver-sico {
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.wt-solver-pico {
    background: #FFF1E6;
    color: #E07A2B;
}

.wt-solver-sico {
    background: var(--wt-soft);
    color: var(--wt-green);
}

.wt-solver-problems li span:last-child {
    font-size: 14.5px;
    color: var(--wt-ink);
    font-weight: 600;
    line-height: 1.4;
    align-self: center;
}

.wt-solver-sol-txt {
    display: flex;
    flex-direction: column;
}

.wt-solver-sol-txt a {
    font-size: 15px;
    font-weight: 700;
    color: var(--wt-ink);
}

.wt-solver-sol-txt a:hover {
    color: var(--wt-green);
}

.wt-solver-sol-txt strong {
    font-size: 15px;
    color: var(--wt-ink);
}

.wt-solver-sol-txt small {
    font-size: 12.5px;
    color: var(--wt-muted);
    margin-top: 2px;
}

.wt-solver-divider {
    align-self: center;
    color: var(--wt-green-bright);
    font-size: 20px;
}

.wt-solver-cta {
    margin-top: 26px;
}

@media (max-width:991px) {
    .wt-solver {
        padding: 64px 0;
    }

    .wt-solver-title {
        font-size: 30px;
    }

    .wt-solver-grid {
        grid-template-columns: 1fr;
    }

    .wt-solver-crops {
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        overflow-x: auto;
    }
}

@media (max-width:767px) {
    .wt-solver-cols {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .wt-solver-divider {
        transform: rotate(90deg);
        justify-self: center;
    }

    .wt-solver-panels {
        padding: 24px;
    }
}

html[lang="hi"] .wt-solver-title,
html[lang="hi"] .wt-solver-crop,
html[lang="hi"] .wt-solver-block h3 {
    font-family: "Noto Sans Devanagari", sans-serif !important;
}

html[lang="gu"] .wt-solver-title,
html[lang="gu"] .wt-solver-crop,
html[lang="gu"] .wt-solver-block h3 {
    font-family: "Noto Sans Gujarati", sans-serif !important;
}

html[lang="gu"] .wt-foot-h,
html[lang="gu"] .wt-foot-tagline,
html[lang="gu"] .wt-foot-badges li,
html[lang="gu"] .wt-foot-stat span {
    font-family: "Noto Sans Gujarati", sans-serif !important;
}



/* ===== Legal pages (Privacy / Terms / Disclaimer) ===== */
.wt-legal {
    background: linear-gradient(180deg, #FFFFFF, var(--wt-soft));
    padding: 50px 0 70px;
}

.wt-legal-card {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 24px;
    padding: 44px 48px;
    box-shadow: 0 16px 44px rgba(26, 42, 18, .07);
}

.wt-legal-title {
    font-size: 32px;
    font-weight: 800;
    color: var(--wt-ink);
    margin: 0 0 22px;
    letter-spacing: -.01em;
}

.wt-legal-body {
    font-size: 16px;
    line-height: 1.85;
    color: var(--wt-muted);
}

.wt-legal-empty {
    color: var(--wt-muted);
    font-size: 15px;
}

@media (max-width:767px) {
    .wt-legal-card {
        padding: 30px 24px;
    }

    .wt-legal-title {
        font-size: 25px;
    }
}

html[lang="hi"] .wt-legal-title {
    font-family: "Noto Sans Devanagari", sans-serif !important;
}

html[lang="gu"] .wt-legal-title {
    font-family: "Noto Sans Gujarati", sans-serif !important;
}

/* WhatsApp Float Button */
.wt-whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 30px;
    background-color: #25D366;
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 32px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    text-decoration: none;
}

.wt-whatsapp-float:hover {
    background-color: #128C7E;
    transform: scale(1.1);
    box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.35);
}

@media (max-width: 767px) {
    .wt-whatsapp-float {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
        font-size: 26px;
    }
}

/* =====================================================================
   ORANGE-LEAD LAYER — 2026 home redesign
   Makes orange (#F26F2C) the primary brand accent across all home
   sections. Green is intentionally KEPT as the "natural / eco" support
   cue: leaf motifs, "100% natural" badges, and check-mark ticks.
   Appended last so equal-specificity rules win by source order.
   ===================================================================== */

/* ---- Section eyebrow pill (global) ---- */
.wt-pill {
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
}

/* Re-assert the light (on-dark) pill AFTER .wt-pill so the Vision pill
   keeps its transparent/white treatment instead of the orange fill. */
.wt-pill-light {
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .45);
}

/* ---- About Nochirika ---- */
.wt-about2-grad {
    background: linear-gradient(90deg, var(--wt-orange), var(--wt-orange-light));
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--wt-orange);
}

.wt-about2-shape {
    background: linear-gradient(135deg, var(--wt-soft-orange), var(--wt-orange-light));
}

.wt-about2-pico {
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
}

.wt-about2-pillar:hover .wt-about2-pico {
    background: var(--wt-orange);
    color: #fff;
}

.wt-about2-sico {
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
}

.wt-about2-stat strong {
    color: var(--wt-orange);
}

/* leaf badge ("Grow Natural…") stays green — it is the nature cue */

/* ---- Product Universe / ecosystem ---- */
.wt-uni-title-grad {
    background: linear-gradient(90deg, var(--wt-orange), var(--wt-orange-light));
    -webkit-background-clip: text;
    background-clip: text;
}

.wt-uni-vico {
    color: var(--wt-orange);
}

.wt-eco-line line {
    stroke: rgba(242, 111, 44, .28);
}

.wt-eco-dot {
    fill: var(--wt-orange);
}

.wt-eco-pill {
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
}

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

.wt-eco-node:hover .wt-eco-ico {
    box-shadow: 0 22px 46px rgba(242, 111, 44, .30);
    color: var(--wt-orange-dark);
}

.wt-stat-ico {
    color: var(--wt-orange);
}

/* ---- Why Nochirika ---- */
.wt-why2-ico {
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
}

.wt-why2-card:hover .wt-why2-ico {
    background: linear-gradient(135deg, var(--wt-orange), var(--wt-orange-light));
    color: #fff;
}

.wt-why2-card:hover {
    border-color: rgba(242, 111, 44, .45);
}

.wt-why2-banner {
    background: linear-gradient(120deg, var(--wt-orange-dark), var(--wt-orange));
    box-shadow: 0 26px 60px rgba(217, 85, 26, .26);
}

.wt-why2-banner-grad {
    color: #FFE3CF;
}

/* why-checks ticks stay green (nature cue) */

/* ---- Our Mission (split) ---- */
.wt-mission2-pico {
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
}

.wt-mission2-pillar:hover .wt-mission2-pico {
    background: linear-gradient(135deg, var(--wt-orange), var(--wt-orange-light));
    color: #fff;
}

/* mission leaf badge stays green (nature cue) */

/* ---- CTA "Talk to Nochirika" ---- */
.wt-cta-grad {
    background: linear-gradient(90deg, var(--wt-orange), var(--wt-orange-light) 60%, var(--wt-orange-light));
    -webkit-background-clip: text;
    background-clip: text;
}

.wt-cta2-avatar {
    background: var(--wt-orange);
}

.wt-cta2-glass-arrow {
    color: var(--wt-orange);
}

/* cta feature ticks + floating leaves stay green (nature cue) */

/* ---- Footer ---- */
.wt-foot-h {
    color: var(--wt-orange);
}

.wt-foot-bico {
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
}

.wt-foot-links a i {
    color: var(--wt-orange);
}

.wt-foot-links a:hover,
.wt-foot-contact a:hover {
    color: var(--wt-orange);
}

.wt-foot-cico,
.wt-foot-sico {
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
}

.wt-foot-social a:hover {
    color: var(--wt-orange);
}

/* footer tagline + leaf watermark stay green (nature cue) */

/* ---- Crop Problem Solver ---- */
.wt-solver-crop:hover {
    background: var(--wt-soft-orange);
    color: var(--wt-orange-dark);
}

.wt-solver-crop.active {
    background: linear-gradient(120deg, var(--wt-orange), var(--wt-orange-light));
    box-shadow: 0 10px 22px rgba(242, 111, 44, .28);
}

.wt-solver-block h3 {
    color: var(--wt-orange);
}

.wt-solver-sol-txt a:hover {
    color: var(--wt-orange);
}

/* crop ticks, solution icon (= natural product) & divider stay green */

/* =====================================================================
   HEADER — solid white bar on the homepage hero (desktop) so the logo &
   menu text never blend into the background image. On scroll the header
   becomes sticky+orange (existing rules) and on mobile it is already
   orange, so this only targets the desktop, non-sticky homepage header.
   ===================================================================== */
@media (min-width: 1200px) {

    .homepage6-body .vl-transparent-header:not(.header-sticky) .vl-header-content-area {
        background: #ffffff !important;
        box-shadow: 0 6px 24px rgba(26, 42, 18, .10) !important;
        border-bottom: 1px solid var(--wt-soft-orange) !important;
    }

    /* Menu text dark on the white bar; orange on hover/active */
    .homepage6-body .vl-transparent-header:not(.header-sticky) .vl-main-menu ul li a {
        color: var(--wt-ink) !important;
        text-shadow: none !important;
    }

    .homepage6-body .vl-transparent-header:not(.header-sticky) .vl-main-menu ul li a:hover,
    .homepage6-body .vl-transparent-header:not(.header-sticky) .vl-main-menu ul li a.active {
        color: var(--wt-orange) !important;
    }

    .homepage6-body .vl-transparent-header:not(.header-sticky) .vl-main-menu ul li a span i {
        color: var(--wt-ink) !important;
    }

    .homepage6-body .vl-transparent-header:not(.header-sticky) .vl-main-menu ul li a:hover span i {
        color: var(--wt-orange) !important;
    }

    /* Show the real (coloured) logo on the white bar — drop the white invert */
    .homepage6-body .vl-transparent-header:not(.header-sticky) .vl-logo img {
        filter: none !important;
    }

    /* "Send Inquiry" button: solid orange so it pops on the white bar */
    .homepage6-body .vl-transparent-header:not(.header-sticky) .vl-header-content-area .btn-home6 {
        background: var(--wt-orange) !important;
        border-color: var(--wt-orange-dark) !important;
        box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
        color: #ffffff !important;
    }

    .homepage6-body .vl-transparent-header:not(.header-sticky) .vl-header-content-area .btn-home6::after {
        background: var(--wt-orange-dark) !important;
        border-color: var(--wt-orange-dark) !important;
        box-shadow: 2px 2px 0 0 var(--wt-orange) !important;
    }
}

/* =====================================================================
   SOLUTIONS PAGE — intro, category cards, how-it-works, CTA band
   ===================================================================== */
.wt-sol-intro {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #FFFFFF 0%, var(--wt-soft-orange) 100%);
    padding: 80px 0 70px;
}

.wt-sol-intro-leaf {
    position: absolute;
    top: 30px;
    right: -30px;
    z-index: 0;
    font-size: 240px;
    line-height: 1;
    color: var(--wt-orange);
    opacity: .05;
    pointer-events: none;
}

.wt-sol-intro .container {
    position: relative;
    z-index: 1;
}

.wt-sol-intro-head {
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
}

.wt-sol-intro-head .wt-pill {
    margin-bottom: 16px;
}

.wt-sol-intro-title {
    margin: 0;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.12;
    color: var(--wt-ink);
    letter-spacing: -.01em;
}

.wt-sol-intro-sub {
    margin: 16px auto 0;
    max-width: 660px;
    font-size: 16.5px;
    line-height: 1.85;
    color: var(--wt-muted);
}

.wt-sol-intro-points {
    margin-top: 44px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.wt-sol-point {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid var(--wt-soft-orange);
    border-radius: 18px;
    padding: 22px 24px;
    box-shadow: 0 14px 34px rgba(217, 85, 26, .06);
}

.wt-sol-point-ico {
    flex: none;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
}

.wt-sol-point h3 {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 700;
    color: var(--wt-ink);
}

.wt-sol-point p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: var(--wt-muted);
}

/* ---- Solution categories ---- */
.wt-sol-cats {
    background: #fff;
    padding: 90px 0;
}

.wt-sol-cats-head {
    text-align: center;
    margin: 0 auto 46px;
}

.wt-sol-cats-head .wt-pill {
    margin-bottom: 14px;
}

.wt-sol-cats-title {
    margin: 0;
    font-size: 38px;
    font-weight: 800;
    color: var(--wt-ink);
    letter-spacing: -.01em;
}

.wt-sol-cats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.wt-solcat-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--wt-border);
    border-radius: 22px;
    padding: 30px 28px;
    box-shadow: 0 14px 34px rgba(26, 42, 18, .05);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.wt-solcat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 50px rgba(217, 85, 26, .14);
    border-color: rgba(242, 111, 44, .45);
}

.wt-solcat-ico {
    width: 62px;
    height: 62px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
    margin-bottom: 20px;
    transition: transform .3s ease, background .3s ease, color .3s ease;
}

.wt-solcat-card:hover .wt-solcat-ico {
    background: linear-gradient(135deg, var(--wt-orange), var(--wt-orange-light));
    color: #fff;
    transform: scale(1.06);
}

.wt-solcat-name {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700;
    color: var(--wt-ink);
    line-height: 1.25;
}

.wt-solcat-desc {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--wt-muted);
}

.wt-solcat-foot {
    margin-top: auto;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wt-solcat-count {
    font-size: 13px;
    font-weight: 700;
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
    padding: 6px 14px;
    border-radius: 999px;
}

.wt-solcat-arrow {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
    transition: .28s ease;
}

.wt-solcat-card:hover .wt-solcat-arrow {
    background: var(--wt-orange);
    color: #fff;
    transform: rotate(-45deg);
}

/* ---- How it works ---- */
.wt-sol-steps {
    background: var(--wt-soft);
    padding: 90px 0;
}

.wt-sol-steps-head {
    text-align: center;
    margin: 0 auto 50px;
}

.wt-sol-steps-head .wt-pill {
    margin-bottom: 14px;
}

.wt-sol-steps-title {
    margin: 0;
    font-size: 38px;
    font-weight: 800;
    color: var(--wt-ink);
    letter-spacing: -.01em;
}

.wt-sol-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.wt-sol-step {
    position: relative;
    background: #fff;
    border: 1px solid rgba(26, 42, 18, .1);
    border-radius: 22px;
    padding: 34px 26px 30px;
    text-align: center;
    box-shadow: 0 14px 34px rgba(26, 42, 18, .05);
    transition: transform .3s ease, box-shadow .3s ease;
}

.wt-sol-step:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 50px rgba(217, 85, 26, .12);
}

.wt-sol-step-num {
    position: absolute;
    top: 18px;
    right: 22px;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    color: var(--wt-soft-orange);
}

.wt-sol-step-ico {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
    background: linear-gradient(135deg, var(--wt-orange), var(--wt-orange-light));
    box-shadow: 0 12px 26px rgba(242, 111, 44, .28);
    margin-bottom: 20px;
}

.wt-sol-step h3 {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--wt-ink);
    line-height: 1.25;
}

.wt-sol-step p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--wt-muted);
}

/* ---- CTA band ---- */
/* Soft-orange band (not white) so this section reads as its own block and
   doesn't visually merge into the white top of the footer below it. */
.wt-sol-cta {
    background: var(--wt-soft-orange);
    border-top: 1px solid rgba(242, 111, 44, .14);
    padding: 80px 0 90px;
}

.wt-sol-cta-card {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 26px;
    border-radius: 28px;
    padding: 48px 52px;
    background: linear-gradient(120deg, var(--wt-orange-dark), var(--wt-orange));
    box-shadow: 0 28px 64px rgba(217, 85, 26, .28);
}

.wt-sol-cta-leaf {
    position: absolute;
    right: -10px;
    bottom: -40px;
    font-size: 220px;
    line-height: 1;
    color: #fff;
    opacity: .08;
    pointer-events: none;
}

.wt-sol-cta-txt {
    position: relative;
    z-index: 1;
    max-width: 620px;
}

.wt-sol-cta-txt h2 {
    margin: 0;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
}

.wt-sol-cta-txt p {
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .92);
}

.wt-sol-cta-btns {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

/* On the orange CTA band: primary button is a white pill, secondary a white outline */
.wt-sol-cta-btns .btn-home6 {
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
    color: var(--wt-orange) !important;
}

.wt-sol-cta-btns .btn-home6::after {
    background: var(--wt-orange-dark) !important;
    border-color: var(--wt-orange-dark) !important;
    box-shadow: 2px 2px 0 0 #ffffff !important;
}

.wt-sol-cta-btns .btn-home6:hover {
    color: #fff !important;
}

.wt-sol-cta-btns .btn2-home6 {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.wt-sol-cta-btns .btn2-home6::after {
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 2px 2px 0 0 var(--wt-orange-dark) !important;
}

.wt-sol-cta-btns .btn2-home6:hover {
    color: var(--wt-orange) !important;
}

/* ---- Solutions page responsive ---- */
@media (max-width: 991px) {

    .wt-sol-intro,
    .wt-sol-cats,
    .wt-sol-steps {
        padding: 60px 0;
    }

    .wt-sol-intro-title {
        font-size: 32px;
    }

    .wt-sol-intro-points,
    .wt-sol-cats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wt-sol-steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wt-sol-cta-card {
        padding: 36px 30px;
    }

    .wt-sol-cta-txt h2 {
        font-size: 25px;
    }
}

@media (max-width: 575px) {

    .wt-sol-intro-points,
    .wt-sol-cats-grid,
    .wt-sol-steps-grid {
        grid-template-columns: 1fr;
    }

    .wt-sol-cta {
        padding-bottom: 60px;
    }

    .wt-sol-cta-btns .btn-home6,
    .wt-sol-cta-btns .btn2-home6 {
        flex: 1 1 100%;
        text-align: center;
    }
}

/* Indic fonts for Solutions page headings */
html[lang="hi"] .wt-sol-intro-title,
html[lang="hi"] .wt-sol-cats-title,
html[lang="hi"] .wt-sol-steps-title,
html[lang="hi"] .wt-solcat-name {
    font-family: "Noto Sans Devanagari", sans-serif !important;
}

html[lang="gu"] .wt-sol-intro-title,
html[lang="gu"] .wt-sol-cats-title,
html[lang="gu"] .wt-sol-steps-title,
html[lang="gu"] .wt-solcat-name {
    font-family: "Noto Sans Gujarati", sans-serif !important;
}

/* =====================================================================
   FEATURED PRODUCT CARDS — orange-led polish (home carousel + products
   listing both use .wt-card). The section band is already orange; this
   brings the card accents in line. Active-ingredient stays green as a
   botanical / "natural" cue.
   ===================================================================== */
.wt-card-thumb {
    background: var(--wt-soft-orange);
}

.wt-card-thumb img {
    transition: transform .4s ease;
}

.wt-card:hover .wt-card-thumb img {
    transform: scale(1.06);
}

.wt-card-cat {
    color: var(--wt-orange);
}

.wt-card-title a:hover {
    color: var(--wt-orange);
}

/* .wt-card-ai (active ingredient) intentionally stays green */

.wt-card-link {
    color: var(--wt-orange);
}

.wt-card:hover {
    box-shadow: 0 20px 44px rgba(217, 85, 26, .16);
    border-color: rgba(242, 111, 44, .35);
}

/* =====================================================================
   WHY NOCHIRIKA — premium card polish
   Flat pale cards -> warm-neutral borders, gradient-orange icon tiles,
   a top accent bar and lively icon motion on hover. (Highest-impact
   home section per the 2026 review.)
   ===================================================================== */
.wt-why2-card {
    position: relative;
    overflow: hidden;
    border-color: #F1E8E1;                 /* warm neutral (was faint green) */
    box-shadow: 0 14px 34px rgba(26, 42, 18, .05);
}

/* Top accent bar that wipes in on hover */
.wt-why2-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--wt-orange), var(--wt-orange-light));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
}

.wt-why2-card:hover::after {
    transform: scaleX(1);
}

/* Solid gradient icon tile (was flat pale) for vibrancy + hierarchy */
.wt-why2-ico {
    background: linear-gradient(135deg, var(--wt-orange), var(--wt-orange-light));
    color: #fff;
    box-shadow: 0 12px 24px rgba(242, 111, 44, .26);
}

.wt-why2-card:hover .wt-why2-ico {
    transform: translateY(-4px) scale(1.08) rotate(-4deg);
    box-shadow: 0 18px 32px rgba(242, 111, 44, .4);
}

/* =====================================================================
   MISSION & VISION — Twin Cards (home redesign, replaces the stacked
   theme split-cards which are still used on the About page).
   Mission = warm light card; Vision = dark photo-backed card. Side by
   side, equal height.
   ===================================================================== */
.wt-mv {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 96px 0;
}

.wt-mv-leaf {
    position: absolute;
    top: 40px;
    left: -40px;
    z-index: 0;
    font-size: 300px;
    line-height: 1;
    color: var(--wt-orange);
    opacity: .04;
    pointer-events: none;
}

.wt-mv .container {
    position: relative;
    z-index: 1;
}

.wt-mv-head {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 50px;
}

.wt-mv-head .wt-pill {
    margin-bottom: 16px;
}

.wt-mv-title {
    margin: 0;
    font-size: 42px;
    font-weight: 800;
    color: var(--wt-ink);
    letter-spacing: -.01em;
}

.wt-mv-grad {
    background: linear-gradient(90deg, var(--wt-orange), var(--wt-orange-light));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wt-mv-sub {
    margin: 16px auto 0;
    max-width: 600px;
    font-size: 16px;
    line-height: 1.8;
    color: var(--wt-muted);
}

.wt-mv-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: stretch;
}

.wt-mv-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    padding: 44px 42px;
    display: flex;
    flex-direction: column;
    transition: transform .3s ease, box-shadow .3s ease;
}

.wt-mv-card:hover {
    transform: translateY(-5px);
}

/* Mission — warm light */
.wt-mv-mission {
    background: linear-gradient(160deg, #fff 0%, var(--wt-soft-orange) 100%);
    border: 1px solid var(--wt-soft-orange);
    box-shadow: 0 24px 60px rgba(26, 42, 18, .07);
}

.wt-mv-mission:hover {
    box-shadow: 0 30px 66px rgba(217, 85, 26, .14);
}

/* Vision — dark photo-backed */
.wt-mv-vision {
    background-size: cover;
    background-position: center;
    box-shadow: 0 24px 60px rgba(26, 42, 18, .2);
}

.wt-mv-vision:hover {
    box-shadow: 0 30px 70px rgba(26, 42, 18, .3);
}

.wt-mv-veil {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(150deg, rgba(26, 42, 18, .96) 0%, rgba(26, 42, 18, .88) 42%, rgba(26, 42, 18, .6) 100%);
}

.wt-mv-vision-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* icon medallion (orange on both cards) */
.wt-mv-ico {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
    background: linear-gradient(135deg, var(--wt-orange), var(--wt-orange-light));
    box-shadow: 0 14px 28px rgba(242, 111, 44, .3);
    margin-bottom: 22px;
}

.wt-mv-label {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--wt-orange);
}

.wt-mv-label-light {
    color: var(--wt-orange-light);
}

.wt-mv-card-title {
    margin: 6px 0 0;
    font-size: 28px;
    font-weight: 800;
    color: var(--wt-ink);
    line-height: 1.15;
}

.wt-mv-card-title-light {
    color: #fff;
}

.wt-mv-card-text {
    margin: 16px 0 26px;
    font-size: 15.5px;
    line-height: 1.8;
    color: var(--wt-muted);
}

.wt-mv-card-text-light {
    color: rgba(255, 255, 255, .85);
}

/* point lists */
.wt-mv-points {
    list-style: none;
    margin: auto 0 0;
    padding: 0;
    display: grid;
    gap: 16px;
}

.wt-mv-points li {
    display: flex;
    gap: 14px;
    align-items: center;
}

.wt-mv-points-light {
    grid-template-columns: 1fr 1fr;
    gap: 18px 16px;
}

.wt-mv-pico {
    flex: none;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: var(--wt-orange);
    background: var(--wt-soft-orange);
}

.wt-mv-pico-light {
    color: var(--wt-orange-light);
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
}

.wt-mv-ptxt {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wt-mv-ptxt strong {
    font-size: 15.5px;
    font-weight: 700;
    color: var(--wt-ink);
    line-height: 1.3;
}

.wt-mv-points-light .wt-mv-ptxt strong {
    color: #fff;
}

.wt-mv-ptxt small {
    font-size: 13px;
    color: var(--wt-muted);
    line-height: 1.5;
    margin-top: 2px;
}

@media (max-width: 991px) {
    .wt-mv {
        padding: 64px 0;
    }

    .wt-mv-title {
        font-size: 32px;
    }

    .wt-mv-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .wt-mv-card {
        padding: 34px 28px;
    }
}

@media (max-width: 575px) {
    .wt-mv-points-light {
        grid-template-columns: 1fr;
    }

    .wt-mv-card-title {
        font-size: 24px;
    }
}

html[lang="hi"] .wt-mv-title,
html[lang="hi"] .wt-mv-card-title {
    font-family: "Noto Sans Devanagari", sans-serif !important;
}

html[lang="gu"] .wt-mv-title,
html[lang="gu"] .wt-mv-card-title {
    font-family: "Noto Sans Gujarati", sans-serif !important;
}

/* =====================================================================
   DROPDOWN (Products sub-menu) readability fix.
   The header makes top-level menu links white (over the hero / on the
   orange sticky bar). That white cascades into the dropdown, whose panel
   is light — so the sub-menu links were invisible. Force dark text on the
   dropdown in every header state. Higher specificity + !important to beat
   the header white rules.
   ===================================================================== */
.vl-main-menu .sub-menu li a,
.homepage6-body .vl-transparent-header .vl-main-menu .sub-menu li a,
.header-sticky .vl-main-menu .sub-menu li a,
body:not(.homepage6-body) .vl-main-menu .sub-menu li a {
    color: var(--wt-ink) !important;
    text-shadow: none !important;
}

.vl-main-menu .sub-menu li a:hover,
.homepage6-body .vl-transparent-header .vl-main-menu .sub-menu li a:hover,
.header-sticky .vl-main-menu .sub-menu li a:hover,
body:not(.homepage6-body) .vl-main-menu .sub-menu li a:hover {
    color: var(--wt-orange) !important;
}