.arzaq-services-static{font-family:inherit;color:#121722;background:#fff;overflow:hidden}
.as-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.as-services-hero{position:relative;min-height:460px;display:flex;align-items:center;background:url('../vendor/arzaqjo.com/wp-content/uploads/2024/08/service_bg.webp') center/cover no-repeat}
.as-services-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,32,72,.25),rgba(20,43,107,.82))}
.as-services-hero-content{position:relative;z-index:2;color:#fff;text-align:right;padding:90px 0}
.as-eyebrow{display:inline-block;font-size:16px;font-weight:700;margin-bottom:15px;opacity:.95}
.as-services-hero h1{font-size:58px;line-height:1.15;margin:0 0 18px;font-weight:800;color:#fff}
.as-services-hero p{max-width:680px;font-size:20px;line-height:1.9;margin:0;color:#fff}
.as-services-intro{padding:90px 0;background:#f5f8fc}
.as-section-heading{text-align:center;max-width:760px;margin:0 auto 45px}
.as-section-heading>span{color:#3358d3;font-weight:800;font-size:16px}
.as-section-heading h2{font-size:40px;line-height:1.35;margin:10px 0 15px;color:#151a25;font-weight:800}
.as-section-heading p{font-size:17px;line-height:1.9;color:#667085;margin:0}
.as-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.as-service-card{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:34px 28px 30px;min-height:390px;box-shadow:0 12px 40px rgba(31,50,90,.06);transition:.25s ease}
.as-service-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(31,50,90,.11);border-color:#d9e2ff}
.as-service-icon{width:78px;height:78px;border-radius:50%;background:#eef2ff;display:flex;align-items:center;justify-content:center;margin-bottom:25px}
.as-service-icon svg{width:45px!important;height:45px!important;max-width:45px}
.as-service-card h2{font-size:22px;line-height:1.45;margin:0 0 14px;color:#151a25;font-weight:800}
.as-service-card p{font-size:15px;line-height:1.95;color:#667085;margin:0 0 24px}
.as-service-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#3358d3;text-decoration:none}
.as-services-process{padding:90px 0;background:#fff}
.as-process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.as-eyebrow.dark{color:#3358d3}
.as-process-copy h2{font-size:40px;line-height:1.35;margin:8px 0 18px;font-weight:800;color:#151a25}
.as-process-copy p{font-size:17px;line-height:2;color:#667085}
.as-process-steps{display:grid;gap:18px}
.as-step{display:flex;gap:20px;align-items:flex-start;padding:24px;background:#f7f9fc;border-radius:16px;border:1px solid #edf1f7}
.as-step>b{flex:0 0 54px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#3358d3;color:white;font-size:16px}
.as-step h3{margin:2px 0 7px;font-size:20px;color:#151a25;font-weight:800}
.as-step p{margin:0;color:#667085;line-height:1.8;font-size:15px}
.as-services-cta{padding:25px 0 95px;background:#fff}
.as-cta-box{background:linear-gradient(135deg,#3358d3,#203e9f);color:white;border-radius:24px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.as-cta-box span{font-size:15px;opacity:.9}.as-cta-box h2{font-size:38px;color:#fff;margin:5px 0 8px;font-weight:800}.as-cta-box p{margin:0;color:#fff;opacity:.92;font-size:16px}
.as-cta-button{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:54px;padding:0 28px;background:#fff;color:#243f9d;border-radius:28px;font-weight:800;text-decoration:none;white-space:nowrap}
@media(max-width:1000px){.as-services-grid{grid-template-columns:repeat(2,1fr)}.as-process-grid{grid-template-columns:1fr;gap:45px}.as-services-hero h1{font-size:48px}}
@media(max-width:640px){.as-container{width:min(100% - 28px,1180px)}.as-services-hero{min-height:380px}.as-services-hero-content{padding:70px 0}.as-services-hero h1{font-size:38px}.as-services-hero p{font-size:17px}.as-services-intro,.as-services-process{padding:65px 0}.as-section-heading h2,.as-process-copy h2{font-size:31px}.as-services-grid{grid-template-columns:1fr}.as-service-card{min-height:auto}.as-cta-box{padding:34px 26px;display:block}.as-cta-button{margin-top:25px}.as-cta-box h2{font-size:31px}}

/* Services now uses the same standard breadcrumb hero as the other inner pages. */
body.page-id-15 .reactheme-breadcrumbs{margin-top:0!important}
body.page-id-15 .reactheme-breadcrumbs .page-title{direction:rtl;text-align:center}