/* Azmaain Service Pages v1.0 */

.service-nav-actions{display:flex;gap:10px;align-items:center}

.service-hero{
    padding:90px 0 80px;
    background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
    overflow:hidden;
}
.service-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);
    gap:70px;
    align-items:center;
}
.service-hero h1{
    margin:12px 0 20px;
    max-width:850px;
    color:#101828;
    font-size:clamp(42px,5vw,68px);
    line-height:1.02;
    letter-spacing:-.045em;
}
.service-hero h1 span,.service-section h2 span{color:#ed1c24}
.service-lead{
    max-width:760px;
    color:#667085;
    font-size:19px;
    line-height:1.75;
}
.service-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.service-trustline{margin-top:22px;color:#667085;font-size:14px;font-weight:600}

.erp-visual{
    position:relative;
    width:min(100%,480px);
    aspect-ratio:1/1;
    margin:auto;
    border-radius:50%;
    background:radial-gradient(circle at center,#fff 0 30%,#f4f6f8 31% 61%,#fff 62%);
    border:1px solid #e5e7eb;
    box-shadow:0 30px 70px rgba(16,24,40,.08);
}
.erp-core{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:120px;height:120px;border-radius:50%;display:grid;place-items:center;
    background:#101828;color:#fff;font-size:32px;font-weight:800;
    box-shadow:0 18px 38px rgba(16,24,40,.18)
}
.erp-module{
    position:absolute;padding:10px 15px;border-radius:999px;background:#fff;
    border:1px solid #e5e7eb;box-shadow:0 10px 28px rgba(16,24,40,.08);
    color:#344054;font-size:14px;font-weight:700;white-space:nowrap
}
.m1{left:50%;top:8%;transform:translateX(-50%)}
.m2{right:3%;top:29%}.m3{right:4%;bottom:27%}
.m4{left:50%;bottom:7%;transform:translateX(-50%)}
.m5{left:4%;bottom:27%}.m6{left:3%;top:29%}

.service-section{padding:82px 0}
.service-soft{background:#f8fafc}
.service-two-col{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:start}
.service-section h2{margin:8px 0 0;color:#101828;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.035em}
.service-copy p{margin:0 0 18px;color:#667085;font-size:17px;line-height:1.8}

.service-card-grid{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px
}
.service-card-grid article{
    padding:28px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;
    box-shadow:0 12px 30px rgba(16,24,40,.04)
}
.service-card-grid article span{display:block;margin-bottom:18px;color:#ed1c24;font-weight:800;font-size:14px}
.service-card-grid h3{margin:0 0 10px;color:#101828;font-size:19px}
.service-card-grid p{margin:0;color:#667085;line-height:1.7;font-size:15px}

.service-dark{background:#101828}
.service-head-light h2{color:#fff}.service-head-light p{color:#cbd5e1}
.industry-pill-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}
.industry-pill-grid span{
    padding:12px 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;
    background:rgba(255,255,255,.06);color:#fff;font-weight:650
}

.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:38px}
.process-grid article{padding:24px;border-top:3px solid #ed1c24;background:#fff;box-shadow:0 12px 28px rgba(16,24,40,.05)}
.process-grid strong{color:#ed1c24;font-size:13px}.process-grid h3{margin:12px 0 8px;font-size:18px;color:#101828}
.process-grid p{margin:0;color:#667085;font-size:14px;line-height:1.65}

.service-benefit-list{display:grid;gap:14px}
.service-benefit-list div{padding:18px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:14px}
.service-benefit-list b{display:block;color:#101828;margin-bottom:4px}
.service-benefit-list span{color:#667085;line-height:1.6}

.service-cta{padding:68px 0;background:#ed1c24;color:#fff}
.service-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}
.service-cta .eyebrow{color:#fff;opacity:.85}
.service-cta h2{margin:7px 0 10px;font-size:clamp(30px,4vw,44px)}
.service-cta p{max-width:760px;margin:0;line-height:1.7;opacity:.9}

.solution-card-link{display:block;color:inherit;text-decoration:none}
.solution-card-link:hover{color:inherit}

@media(max-width:1050px){
    .service-hero-grid,.service-two-col{grid-template-columns:1fr;gap:45px}
    .service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .erp-visual{max-width:420px}
}
@media(max-width:680px){
    .service-nav-actions .btn-outline{display:none}
    .service-hero{padding:60px 0 55px}
    .service-card-grid,.process-grid{grid-template-columns:1fr}
    .service-section{padding:58px 0}
    .service-cta-inner{align-items:flex-start;flex-direction:column}
    .service-cta-inner .btn{width:100%;text-align:center}
    .erp-visual{max-width:320px}
    .erp-module{font-size:12px;padding:8px 11px}
    .erp-core{width:94px;height:94px;font-size:26px}
}