/* ISFAHANWEB ABOUT */

.iw-about-page{
    --iwa-bg:#faf7f0;
    --iwa-white:#fffdf9;
    --iwa-ink:#2D3748;
    --iwa-muted:#687a7e;
    --iwa-blue:#2eb3f0;
    --iwa-green:#8cc63f;
    --iwa-orange:#ff8a00;
    --iwa-teal:#2EB3F0;
    --iwa-line:#e6ded1;

    background:var(--iwa-bg);
    color:var(--iwa-ink);
}

.iwa-hero{
    padding:90px 0 105px;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(46,179,240,.13),
            transparent 27%
        ),
        radial-gradient(
            circle at 15% 80%,
            rgba(140,198,63,.10),
            transparent 27%
        ),
        linear-gradient(180deg,#fffdf9,#faf7f0);
}

.iwa-hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:center;
}

.iwa-kicker{
    display:inline-block;
    margin-bottom:14px;
    color:var(--iwa-teal);
    font-size:.88rem;
    font-weight:900;
}

.iwa-hero h1,
.iwa-section h2,
.iwa-final h2{
    margin:0;
    color:var(--iwa-ink);
    line-height:1.4;
}

.iwa-hero h1{
    font-size:clamp(2.5rem,5vw,4.5rem);
}

.iwa-hero h1 strong{
    display:block;
    color:var(--iwa-teal);
}

.iwa-hero p,
.iwa-section p,
.iwa-final p{
    color:var(--iwa-muted);
    line-height:2;
}

.iwa-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.iwa-btn{
    min-height:50px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    text-decoration:none;
    font-weight:900;
}

.iwa-btn-primary{
    background:var(--iwa-teal);
    color:#fff !important;
}

.iwa-btn-secondary{
    background:#fff;
    border:1px solid var(--iwa-line);
    color:var(--iwa-ink) !important;
}

.iwa-hero-visual{
    min-height:390px;
    padding:44px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border-radius:32px;
    background:
        linear-gradient(145deg,#eaf7fb,#f3f7e6);
    border:1px solid rgba(46,179,240,.18);
}

.iwa-hero-visual > span{
    color:var(--iwa-orange);
    font:900 .75rem/1 sans-serif;
    letter-spacing:.18em;
}

.iwa-hero-visual > strong{
    margin-top:8px;
    color:var(--iwa-blue);
    font:900 clamp(4rem,8vw,7rem)/1 sans-serif;
}

.iwa-hero-visual div{
    display:flex;
    gap:8px;
    margin-top:20px;
}

.iwa-hero-visual i{
    padding:7px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    font-style:normal;
    font-size:.8rem;
}

.iwa-section{
    padding:90px 0;
}

.iwa-intro{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:70px;
}

.iwa-intro h2{
    font-size:clamp(1.9rem,3.5vw,3rem);
}

.iwa-intro-copy{
    display:grid;
    gap:5px;
}

.iwa-values,
.iwa-delivery{
    background:#fffdf9;
}

.iwa-section-head{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:22px;
    align-items:start;
    margin-bottom:38px;
}

.iwa-section-head > span{
    width:44px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#edf7f3;
    color:var(--iwa-teal);
    font:800 .72rem/1 sans-serif;
}

.iwa-section-head small{
    color:var(--iwa-teal);
    font-weight:800;
}

.iwa-section-head h2{
    margin-top:5px;
    font-size:clamp(1.7rem,3vw,2.6rem);
}

.iwa-value-grid,
.iwa-delivery-grid{
    display:grid;
    gap:16px;
}

.iwa-value-grid{
    grid-template-columns:repeat(4,1fr);
}

.iwa-value-grid article{
    min-height:240px;
    padding:27px;
    border:1px solid var(--iwa-line);
    border-radius:20px;
    background:var(--iwa-bg);
}

.iwa-value-grid b{
    color:var(--iwa-orange);
    font:900 .72rem/1 sans-serif;
}

.iwa-value-grid h3{
    margin:38px 0 8px;
}

.iwa-local{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:60px;
    padding:48px;
    border-radius:30px;
    background:linear-gradient(135deg,#eaf7fb,#f3f7e6);
}

.iwa-local-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.iwa-local-grid article{
    padding:20px;
    border-radius:16px;
    background:rgba(255,255,255,.72);
}

.iwa-local-grid span{
    display:block;
    margin-top:7px;
    color:var(--iwa-muted);
    line-height:1.8;
}

.iwa-delivery-grid{
    grid-template-columns:repeat(3,1fr);
}

.iwa-delivery-grid article{
    padding:23px;
    border:1px solid var(--iwa-line);
    border-radius:18px;
    background:var(--iwa-bg);
    border-top:3px solid var(--iwa-green);
}

.iwa-delivery-grid p{
    margin-bottom:0;
}

.iwa-process{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:60px;
}

.iwa-process a{
    color:var(--iwa-teal);
    font-weight:900;
    text-decoration:none;
}

.iwa-process ol{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.iwa-process li{
    padding:23px;
    display:flex;
    gap:16px;
    align-items:center;
    border:1px solid var(--iwa-line);
    border-radius:16px;
    background:var(--iwa-white);
}

.iwa-process li b{
    color:var(--iwa-orange);
    font:900 .72rem/1 sans-serif;
}

.iwa-final{
    padding:30px 0 95px;
}

.iwa-final-inner{
    padding:48px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    border-radius:28px;
    background:#2D3748;
    color:#fff;
}

.iwa-final span{
    color:#8dd5f0;
    font-weight:900;
}

.iwa-final h2{
    margin-top:8px;
    color:#fff;
}

.iwa-final p{
    margin-bottom:0;
    color:rgba(255,255,255,.68);
}

@media(max-width:1000px){

    .iwa-hero-grid,
    .iwa-intro,
    .iwa-local,
    .iwa-process{
        grid-template-columns:1fr;
    }

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

}

@media(max-width:700px){

    .iwa-hero{
        padding:60px 0 70px;
    }

    .iwa-section{
        padding:65px 0;
    }

    .iwa-value-grid,
    .iwa-local-grid,
    .iwa-delivery-grid,
    .iwa-process ol{
        grid-template-columns:1fr;
    }

    .iwa-local{
        padding:28px 22px;
    }

    .iwa-final-inner{
        padding:32px 24px;
        flex-direction:column;
        align-items:flex-start;
    }

}