/* =========================================================
   ABOUT HERO
========================================================= */

.wo-about-hero{

    position:relative;

    display:flex;

    align-items:center;

    min-height:70vh;

    padding:160px 0 100px;

    overflow:hidden;

    background:url("../../images/about/about-hero.jpg") center center/cover no-repeat;

}

.wo-about-hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(15,23,42,.88),
        rgba(15,76,129,.72)
    );

}

.wo-about-hero .ntl-container{

    position:relative;

    z-index:2;

}

.wo-about-hero-content{

    max-width:760px;

    color:#fff;

}

/* .wo-breadcrumb{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:24px;

    font-size:14px;

}

.wo-breadcrumb a{

    color:#fff;

    text-decoration:none;

    opacity:.85;

}

.wo-breadcrumb a:hover{

    color:var(--ntl-accent);

} */

.wo-about-hero-title{

    margin-bottom:24px;

    font-size:clamp(2.8rem,5vw,4.6rem);

    line-height:1.1;

    color:#fff;

}

.wo-about-hero-title span{

    display:block;

    color:var(--ntl-accent);

}

.wo-about-hero-description{

    max-width:650px;

    margin-bottom:40px;

    color:rgba(255,255,255,.88);

    font-size:18px;

    line-height:1.9;

}

.wo-about-hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

/* =========================================================
   COMPANY INTRODUCTION
========================================================= */

.wo-company-introduction{

    padding:110px 0;

    background:#ffffff;

}

.wo-company-introduction-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.wo-company-introduction-image{

    position:relative;

}

.wo-company-introduction-image img{

    width:100%;

    display:block;

    border-radius:18px;

}

.wo-company-experience-card{

    position:absolute;

    right:-20px;

    bottom:35px;

    width:220px;

    padding:30px;

    background:var(--ntl-primary);

    color:#fff;

    border-radius:16px;

    text-align:center;

    box-shadow:0 20px 50px rgba(15,76,129,.25);

}

.wo-company-experience-card h3{

    font-size:42px;

    margin-bottom:10px;

    color:#fff;

}

.wo-company-experience-card span{

    display:block;

    line-height:1.6;

}

.wo-company-introduction-title{

    margin:18px 0 24px;

    font-size:clamp(2.2rem,4vw,3.3rem);

    line-height:1.15;

    color:var(--ntl-heading);

}

.wo-company-introduction-title span{

    display:block;

    color:var(--ntl-primary);

}

.wo-company-introduction-content p{

    margin-bottom:24px;

    color:var(--ntl-text);

    line-height:1.9;

}

.wo-company-highlights{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin:40px 0;

}

.wo-company-highlight{

    display:flex;

    align-items:center;

    gap:12px;

    font-weight:500;

}

.wo-company-highlight i{

    color:var(--ntl-accent);

    font-size:18px;

}

/* =========================================================
   OUR STORY
========================================================= */

.wo-our-story{

    padding:110px 0;

    background:#F8FAFC;

}

.wo-our-story-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

.wo-our-story-title{

    margin:18px 0 24px;

    font-size:clamp(2.2rem,4vw,3.2rem);

    line-height:1.15;

    color:var(--ntl-heading);

}

.wo-our-story-title span{

    display:block;

    color:var(--ntl-primary);

}

.wo-our-story-content p{

    margin-bottom:22px;

    line-height:1.9;

    color:var(--ntl-text);

}

.wo-our-story-timeline{

    position:relative;

    padding-left:35px;

    border-left:3px solid var(--ntl-primary);

}

.wo-story-item{

    position:relative;

    margin-bottom:45px;

}

.wo-story-item:last-child{

    margin-bottom:0;

}

.wo-story-item::before{

    content:"";

    position:absolute;

    left:-46px;

    top:8px;

    width:18px;

    height:18px;

    border-radius:50%;

    background:var(--ntl-accent);

    border:4px solid #fff;

    box-shadow:0 0 0 3px var(--ntl-primary);

}

.wo-story-year{

    display:inline-block;

    margin-bottom:12px;

    padding:6px 14px;

    background:var(--ntl-primary);

    color:#fff;

    font-size:14px;

    font-weight:600;

    border-radius:30px;

}

.wo-story-content h3{

    margin-bottom:12px;

    color:var(--ntl-heading);

    font-size:22px;

}

.wo-story-content p{

    color:var(--ntl-text);

    line-height:1.8;

}

/* =========================================================
   VISION & MISSION
========================================================= */

.wo-vision-mission{

    padding:110px 0;

    background:#ffffff;

}

.wo-vision-mission-header{

    max-width:700px;

    margin:0 auto 70px;

    text-align:center;

}

.wo-vision-mission-title{

    margin-top:18px;

    font-size:clamp(2.2rem,4vw,3.2rem);

    line-height:1.15;

    color:var(--ntl-heading);

}

.wo-vision-mission-title span{

    display:block;

    color:var(--ntl-primary);

}

.wo-vision-mission-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

}

.wo-vision-card,
.wo-mission-card{

    padding:50px 40px;

    background:#fff;

    border-radius:18px;

    border:1px solid rgba(15,76,129,.08);

    box-shadow:0 15px 35px rgba(0,0,0,.05);

    transition:.35s;

}

.wo-vision-card:hover,
.wo-mission-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(15,76,129,.15);

}

.wo-vision-icon{

    width:80px;

    height:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:30px;

    border-radius:50%;

    background:rgba(15,76,129,.08);

}

.wo-vision-icon i{

    font-size:34px;

    color:var(--ntl-primary);

}

.wo-vision-card h3,
.wo-mission-card h3{

    margin-bottom:18px;

    font-size:28px;

    color:var(--ntl-heading);

}

.wo-vision-card p,
.wo-mission-card p{

    color:var(--ntl-text);

    line-height:1.9;

}

/* =========================================================
   CORE VALUES
========================================================= */

.wo-core-values{

    padding:110px 0;

    background:#F8FAFC;

}

.wo-core-values-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.wo-core-values-title{

    margin:18px 0 20px;

    font-size:clamp(2.2rem,4vw,3.2rem);

    line-height:1.15;

    color:var(--ntl-heading);

}

.wo-core-values-title span{

    display:block;

    color:var(--ntl-primary);

}

.wo-core-values-header p{

    color:var(--ntl-text);

    line-height:1.8;

}

.wo-core-values-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.wo-core-value-card{

    padding:40px 30px;

    background:#fff;

    border-radius:18px;

    text-align:center;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

    transition:.35s;

}

.wo-core-value-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(15,76,129,.15);

}

.wo-core-value-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(15,76,129,.08);

}

.wo-core-value-icon i{

    font-size:34px;

    color:var(--ntl-primary);

}

.wo-core-value-card h3{

    margin-bottom:16px;

    color:var(--ntl-heading);

    font-size:24px;

}

.wo-core-value-card p{

    color:var(--ntl-text);

    line-height:1.8;

}

/* =========================================================
   MANUFACTURING FACILITY
========================================================= */

.wo-manufacturing-facility{

    padding:110px 0;

    background:#ffffff;

}

.wo-manufacturing-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.wo-manufacturing-title{

    margin:18px 0 24px;

    font-size:clamp(2.2rem,4vw,3.2rem);

    line-height:1.15;

    color:var(--ntl-heading);

}

.wo-manufacturing-title span{

    display:block;

    color:var(--ntl-primary);

}

.wo-manufacturing-content p{

    margin-bottom:24px;

    color:var(--ntl-text);

    line-height:1.9;

}

.wo-manufacturing-stats{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-top:40px;

}

.wo-manufacturing-stat{

    padding:24px 20px;

    text-align:center;

    background:#F8FAFC;

    border-radius:16px;

}

.wo-manufacturing-stat h3{

    margin-bottom:10px;

    font-size:34px;

    color:var(--ntl-primary);

}

.wo-manufacturing-stat span{

    display:block;

    color:var(--ntl-text);

    line-height:1.6;

}

.wo-manufacturing-gallery{

    position:relative;

}

.wo-manufacturing-main-image{

    width:100%;

    border-radius:20px;

    display:block;

}

.wo-manufacturing-floating-image{

    position:absolute;

    right:-30px;

    bottom:-30px;

    width:280px;

    border-radius:18px;

    border:8px solid #fff;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

}

/* =========================================================
   CERTIFICATIONS
========================================================= */

.wo-certifications{

    padding:110px 0;

    background:#F8FAFC;

}

.wo-certifications-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.wo-certifications-title{

    margin:18px 0 20px;

    font-size:clamp(2.2rem,4vw,3.2rem);

    line-height:1.15;

    color:var(--ntl-heading);

}

.wo-certifications-title span{

    display:block;

    color:var(--ntl-primary);

}

.wo-certifications-header p{

    color:var(--ntl-text);

    line-height:1.9;

}

.wo-certifications-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.wo-certification-card{

    padding:40px 30px;

    text-align:center;

    background:#fff;

    border-radius:18px;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

    transition:.35s;

}

.wo-certification-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(15,76,129,.15);

}

.wo-certification-card i{

    font-size:48px;

    color:var(--ntl-primary);

    margin-bottom:25px;

}

.wo-certification-card h3{

    margin-bottom:18px;

    font-size:24px;

    color:var(--ntl-heading);

}

.wo-certification-card p{

    color:var(--ntl-text);

    line-height:1.8;

}

/* =========================================================
   TEAM
========================================================= */

.wo-team{

    padding:110px 0;

    background:#ffffff;

}

.wo-team-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.wo-team-title{

    margin:18px 0 20px;

    font-size:clamp(2.2rem,4vw,3.2rem);

    line-height:1.15;

    color:var(--ntl-heading);

}

.wo-team-title span{

    display:block;

    color:var(--ntl-primary);

}

.wo-team-header p{

    color:var(--ntl-text);

    line-height:1.9;

}

.wo-team-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.wo-team-card{

    overflow:hidden;

    background:#fff;

    border-radius:18px;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

    transition:.35s;

}

.wo-team-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(15,76,129,.15);

}

.wo-team-image{

    height:340px;

    overflow:hidden;

}

.wo-team-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.wo-team-card:hover img{

    transform:scale(1.06);

}

.wo-team-content{

    padding:30px;

    text-align:center;

}

.wo-team-content h3{

    margin-bottom:8px;

    color:var(--ntl-heading);

    font-size:24px;

}

.wo-team-content span{

    display:block;

    margin-bottom:20px;

    color:var(--ntl-primary);

    font-weight:600;

}

.wo-team-content p{

    color:var(--ntl-text);

    line-height:1.8;

}

/* =========================================================
   PREMIUM CTA
========================================================= */

.wo-premium-cta{

    padding:120px 0;

    background:#0B3558;

}

.wo-premium-cta-box{

    position:relative;

    overflow:hidden;

    padding:90px 70px;

    border-radius:24px;

    text-align:center;

    background:
    linear-gradient(
        135deg,
        var(--ntl-primary),
        #0B3558
    );

    box-shadow:
    0 30px 70px rgba(15,76,129,.18);

}

/* Decorative Glow */

.wo-premium-cta-box::before{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    top:-180px;

    right:-120px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

}

.wo-premium-cta-box::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    bottom:-150px;

    left:-100px;

    border-radius:50%;

    background:rgba(255,255,255,.04);

}

.wo-premium-cta-box>*{

    position:relative;

    z-index:2;

}

.wo-premium-cta .wo-section-eyebrow{

    color:#FFD166;

}

.wo-premium-cta .wo-section-eyebrow::before{

    background:#FFD166;

}

.wo-premium-cta-title{

    margin:20px auto 25px;

    max-width:900px;

    color:#FFF;

    font-size:clamp(2.7rem,5vw,4.2rem);

    line-height:1.15;

}

.wo-premium-cta-title span{

    display:block;

    color:#FFD166;

}

.wo-premium-cta-description{

    max-width:760px;

    margin:0 auto 45px;

    color:rgba(255,255,255,.90);

    line-height:1.9;

    font-size:18px;

}

.wo-premium-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-bottom:50px;

}

.wo-premium-cta-buttons .ntl-btn{

    min-width:220px;

}

.wo-premium-cta-features{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    padding-top:40px;

    border-top:1px solid rgba(255,255,255,.12);

}

.wo-premium-feature{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    color:#FFF;

    font-weight:500;

}

.wo-premium-feature i{

    color:#FFD166;

    font-size:18px;

}