/* ==========================================
   MANUFACTURING SECTION
========================================== */
.manufacturing{

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(circle at top left,
        rgba(31,125,83,.15),
        transparent 35%),
        radial-gradient(circle at bottom right,
        rgba(132,204,22,.08),
        transparent 45%),
        var(--bg-dark);

    color:white;

}
.manufacturing::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    top:-150px;

    left:-120px;

    border-radius:50%;

    background:rgba(31,125,83,.12);

    filter:blur(90px);

    animation:blobOne 14s ease-in-out infinite;

}

.manufacturing::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    bottom:-120px;

    right:-120px;

    border-radius:50%;

    background:rgba(132,204,22,.10);

    filter:blur(80px);

    animation:blobTwo 16s ease-in-out infinite;

}
.manufacturing .section-title,
.manufacturing .section-header.light h2{
    color:white;
}
.manufacturing .section-description{
    color:rgba(255,255,255,.7);
}
.capabilities-grid{

    position:relative;

    z-index:2;

    display:grid;

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

    gap:28px;

    margin:60px 0;

}
.capability-card{

    position:relative;

    overflow:hidden;

    padding:38px 28px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:18px;

    text-align:center;

    border-radius:24px;

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

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

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

    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;

}
.capability-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(31,125,83,.18),
        transparent 70%
    );

    opacity:0;

    transition:opacity .4s ease;

}
.capability-card:hover{

    transform:translateY(-10px);

    border-color:rgba(132,204,22,.35);

    box-shadow:
        0 25px 60px rgba(0,0,0,.22);

}

.capability-card:hover::before{

    opacity:1;

}
.capability-icon{

    width:72px;

    height:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    font-size:30px;

    color:white;

    background:var(--gradient-primary);

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

    position:relative;

    z-index:2;

}
.capability-card h4{

    position:relative;

    z-index:2;

    color:white;

    font-size:20px;

    line-height:1.4;

    margin:0;

}
.factory-photos{
    margin-top:60px;
}
.photo-grid{

    position:relative;

    z-index:2;

    display:grid;

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

    gap:28px;

    margin-top:50px;

}
.photo-item{

    position:relative;

    overflow:hidden;

    height:260px;

    border-radius:26px;

    background:#0f2419;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        0 18px 40px rgba(0,0,0,.20);

    transition:
        transform .45s ease,
        box-shadow .45s ease;

}
.photo-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(5,12,8,.75),
        transparent 60%
    );

    opacity:.75;

    transition:opacity .4s ease;

    z-index:1;

}
.photo-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform .8s ease;

}
.photo-item:hover{

    transform:translateY(-10px);

    box-shadow:
        0 30px 60px rgba(0,0,0,.30);

}

.photo-item:hover img{

    transform:
        scale(1.08)
        rotate(1deg);

}

.photo-item:hover::before{

    opacity:.55;

}
.photo-caption{
    position:absolute;
    inset:auto 0 0 0;
    margin:0;
    padding:12px 16px;
    background:linear-gradient(to top, rgba(10,25,15,.85), transparent);
    color:white;
    font-size:13px;
}
.strengths-box{
    margin-top:60px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.1);
    border-radius:var(--radius-lg);
    padding:40px;
}
.strengths-box h3{
    color:white;
    margin-bottom:24px;
}
.strengths-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px 30px;
}
.strengths-list li{
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(255,255,255,.85);
    font-size:15px;
}
.strengths-list .check{
    color:var(--secondary);
}
.btn-light{
    border-color:white;
    color:white;
}
.btn-light:hover{
    background:white;
    color:var(--primary);
}
.manufacturing-page{
    background:var(--bg-dark);
}

@media (max-width:992px){

    .capabilities-grid{

        grid-template-columns:1fr 1fr;

    }

    .photo-grid{

        grid-template-columns:1fr 1fr;

    }

    .strengths-list{

        grid-template-columns:1fr;

    }

}

@media (max-width:576px){

    .capabilities-grid{

        grid-template-columns:1fr;

    }

    .photo-grid{

        grid-template-columns:1fr;

    }

    .strengths-box{

        padding:30px 24px;

    }

}