/* ==========================================================
   PrimeTech Solutions
   business.css
   Business Solutions Section v1.0
   ========================================================== */

/* =========================
   Section
========================= */

.business{
    position:relative;
    overflow:hidden;
}

.business::before{
    content:"";
    position:absolute;
    left:-180px;
    top:10%;
    width:480px;
    height:480px;
    border-radius:50%;
    background:radial-gradient(circle,
        rgba(255,138,0,.10),
        transparent 70%);
    pointer-events:none;
}

/* =========================
   Business Intro
========================= */

.business-intro{
    max-width:760px;
    margin:0 auto 4rem;
    text-align:center;
}

/* =========================
   Business Cards
========================= */

.business-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:var(--card-gap);
}

.business-box{
    position:relative;
    text-align:left;
}

.business-box .icon{
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--gradient-primary);
    color:#fff;
    border-radius:20px;
    font-size:1.6rem;
    margin-bottom:1.5rem;
    box-shadow:var(--shadow-glow);
}

.business-box h3{
    margin-bottom:.8rem;
}

.business-box p{
    margin-bottom:1.4rem;
}

.business-box ul{
    display:grid;
    gap:.75rem;
}

.business-box li{
    display:flex;
    align-items:flex-start;
    gap:.65rem;
}

.business-box li::before{
    content:"✔";
    color:var(--success);
    font-weight:700;
}

/* =========================
   Supported Industries
========================= */

.industry-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:1rem;
    margin-top:3rem;
}

.industry-item{
    padding:1.2rem;
    border-radius:var(--radius-md);
    text-align:center;
    background:var(--glass-bg);
    border:1px solid var(--glass-border);
    transition:var(--transition);
}

.industry-item:hover{
    transform:translateY(-6px);
    border-color:rgba(255,138,0,.35);
    box-shadow:var(--shadow-glow);
}

.industry-item i{
    font-size:2rem;
    color:var(--color-primary);
    margin-bottom:.8rem;
}

/* =========================
   Process Timeline
========================= */

.process{
    margin-top:5rem;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1.5rem;
}

.process-step{
    position:relative;
    text-align:center;
    padding:2rem 1.5rem;
    background:var(--glass-bg);
    border:1px solid var(--glass-border);
    border-radius:var(--radius-lg);
}

.process-step .number{
    width:52px;
    height:52px;
    margin:0 auto 1rem;
    border-radius:50%;
    background:var(--gradient-primary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    box-shadow:var(--shadow-glow);
}

/* =========================
   CTA Banner
========================= */

.business-cta{
    margin-top:5rem;
    padding:3rem;
    border-radius:var(--radius-xl);
    background:linear-gradient(135deg,
        rgba(255,138,0,.18),
        rgba(255,255,255,.04));
    border:1px solid var(--glass-border);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:2rem;
}

.business-cta h2{
    margin-bottom:.6rem;
}

.business-cta p{
    margin:0;
}

/* =========================
   Responsive
========================= */

@media(max-width:992px){

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

    .business-cta{
        flex-direction:column;
        text-align:center;
    }
}

@media(max-width:576px){

    .process-grid{
        grid-template-columns:1fr;
    }

    .business-cta{
        padding:2rem 1.5rem;
    }

    .industry-grid{
        grid-template-columns:1fr 1fr;
    }
}