.elementor-29353 .elementor-element.elementor-element-9462184{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-fea95ae *//* ==============================================================
   GLOBAL SETTINGS
================================================================ */
:root{
    --primary:#2563EB;               /* أزرق أساسي */
    --primary-dark:#1D4ED8;
    --secondary:#7C3AED;            /* بنفسجي */
    --accent:#06B6D4;               /* سماوي */
    --success:#10B981;              /* أخضر */
    --warning:#F59E0B;              /* أصفر */
    --dark:#1F2937;
    --gray:#6B7280;
    --light:#F9FAFB;
    --border-radius:14px;
    --shadow:0 12px 36px rgba(0,0,0,.08);
    --transition:all .3s ease;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
    font-family:'Cairo',sans-serif;
    direction:rtl;
    background:#f9fafc;
    color:var(--dark);
    line-height:1.7;
}
.container{max-width:1200px;margin:auto;padding:0 20px}

/* ==================== HERO ==================== */
.sa-hero{
    position:relative;
    background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);
    color:#fff;
    padding:110px 0 90px;
    text-align:center;
    overflow:hidden;
}
.sa-hero__overlay{
    position:absolute;
    inset:0;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.1' d='M0,128L48,117.3C96,107,192,85,288,112C384,139,480,213,576,224C672,235,768,181,864,160C960,139,1056,149,1152,165.3C1248,181,1344,203,1392,213.3L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    background-size:cover;
    background-position:center;
}
.sa-hero__content{position:relative;z-index:1;max-width:950px;margin:auto}
.sa-badge{
    display:inline-block;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(12px);
    padding:12px 35px;
    border-radius:50px;
    font-size:20px;
    margin-bottom:30px;
    border:1px solid rgba(255,255,255,.2);
    font-weight:700;
}
.sa-title{font-size:3.8rem;font-weight:800;margin-bottom:25px;line-height:1.2}
.sa-subtitle{font-size:1.5rem;margin-bottom:35px;opacity:.95;max-width:800px;margin:auto}
.sa-quote{
    background:rgba(255,255,255,.15);
    padding:30px 40px;
    border-radius:20px;
    border-right:5px solid rgba(255,255,255,.5);
    margin:40px auto;
    max-width:900px;
    display:flex;
    align-items:flex-start;
    gap:20px;
}
.sa-quote__icon{font-size:2.5rem;flex-shrink:0}

/* ==================== STATISTICS ==================== */
.sa-stats{
    padding:80px 0;
    background:var(--light);
}
.sa-stats__title{text-align:center;margin-bottom:60px}
.sa-stats__title h2{font-size:2.8rem;color:var(--dark);position:relative;display:inline-block}
.sa-stats__title h2::after{
    content:"";
    position:absolute;
    bottom:-18px;right:0;
    width:90px;height:6px;
    background:linear-gradient(to right,var(--primary),var(--accent));
    border-radius:3px;
}
.sa-stats__title p{color:var(--gray);font-size:1.3rem;max-width:800px;margin:auto}
.sa-stats__grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
    margin-top:45px;
}
.sa-stat-card{
    background:#fff;
    padding:40px 30px;
    border-radius:var(--border-radius);
    box-shadow:var(--shadow);
    text-align:center;
    transition:var(--transition);
}
.sa-stat-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}
.sa-stat-icon{font-size:3.5rem;margin-bottom:20px;color:var(--primary)}
.sa-stat-number{font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:15px}
.sa-stat-text{font-size:1.2rem;color:var(--dark);font-weight:600}

/* ==================== SUB‑SERVICES GRID ==================== */
.sa-services{
    padding:100px 0;
}
.sa-services__title{text-align:center;margin-bottom:80px}
.sa-services__title h2{font-size:3rem;color:var(--dark);margin-bottom:25px;position:relative;display:inline-block}
.sa-services__title h2::after{
    content:"";
    position:absolute;
    bottom:-18px;right:0;
    width:90px;height:6px;
    background:linear-gradient(to right,var(--primary),var(--accent));
    border-radius:3px;
}
.sa-services__title p{color:var(--gray);font-size:1.3rem;max-width:800px;margin:auto}
.sa-services__grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(380px,1fr));
    gap:40px;
}

/* ---- CARD ---- */
.sa-card{
    background:#fff;
    border-radius:var(--border-radius);
    overflow:hidden;
    box-shadow:var(--shadow);
    transition:var(--transition);
    position:relative;
}
.sa-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 50px rgba(0,0,0,.15);
}
.sa-card__header{
    background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);
    color:#fff;
    padding:35px;
    text-align:center;
}
.sa-card__icon{font-size:3rem;margin-bottom:25px;display:block}
.sa-card__title{font-size:1.8rem;margin-bottom:18px}
.sa-card__subtitle{font-size:1rem;color:#ddd;font-style:italic}
.sa-card__body{padding:35px}
.sa-card__body p{margin-bottom:25px;font-size:1.1rem;color:#444;line-height:1.9}
.sa-card__result{
    background:linear-gradient(135deg,#E6F7FF 0%,#E0F2FE 100%);
    padding:20px 25px;
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:20px;
}
.sa-result__icon{font-size:2rem}
.sa-card__footer{
    padding:30px 35px;
    border-top:1px solid #eee;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#FAFAFA;
}
.sa-btn{
    display:inline-flex;
    align-items:center;
    padding:12px 25px;
    border-radius:50px;
    font-weight:700;
    font-size:1.1rem;
    transition:var(--transition);
    text-decoration:none;
}
.sa-btn--whatsapp{
    background:#25D366;
    color:#fff;
    gap:8px;
}
.sa-btn--whatsapp:hover{
    background:#128C7E;
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(37,211,102,.35);
}
.sa-btn--details{
    background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);
    color:#fff;
    gap:10px;
}
.sa-btn--details:hover{
    background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(102,126,234,.35);
}
.sa-arrow{margin-right:6px;transition:transform .3s}
.sa-btn--details:hover .sa-arrow{transform:translateX(-5px)}

/* ==================== DIVIDER ==================== */
.sa-divider{
    text-align:center;
    margin:90px 0;
    position:relative;
}
.sa-divider__content{
    display:inline-block;
    background:#fff;
    padding:0 25px;
    position:relative;
    z-index:1;
    font-size:1.4rem;
    color:var(--primary);
    font-weight:700;
}
.sa-divider::before{
    content:"";
    position:absolute;
    top:50%;right:0;left:0;
    height:2px;
    background:linear-gradient(to right,transparent,var(--primary),transparent);
}

/* ==================== FEATURES ==================== */
.sa-features{
    padding:100px 0;
    background:var(--light);
}
.sa-features__head{text-align:center;margin-bottom:60px}
.sa-features__head h2{font-size:2.8rem;color:var(--dark);margin-bottom:20px}
.sa-features__head p{font-size:1.3rem;color:var(--gray)}
.sa-features__grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:40px;
}
.sa-feature-card{
    background:#fff;
    padding:40px 30px;
    border-radius:var(--border-radius);
    box-shadow:var(--shadow);
    text-align:center;
    transition:var(--transition);
    border-bottom:5px solid var(--primary);
}
.sa-feature-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}
.sa-feature__icon{
    width:80px;height:80px;
    background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
    font-size:2rem;
}

/* ==================== CONTACT ==================== */
.sa-contact{
    padding:100px 0;
    background:#fff;
}
.sa-contact__wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}
.sa-contact__info h2{font-size:2.8rem;color:var(--dark);margin-bottom:30px}
.sa-contact__info p{font-size:1.2rem;color:var(--gray);margin-bottom:40px;line-height:1.8}
.sa-contact__details{margin-top:40px}
.sa-contact__item{
    display:flex;
    align-items:center;
    margin-bottom:25px;
}
.sa-contact__icon{
    width:60px;height:60px;
    background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:20px;
    font-size:1.5rem;
}
.sa-contact__text{font-size:1.1rem;font-weight:600;color:var(--dark)}
.sa-contact__form{
    background:var(--light);
    padding:50px 40px;
    border-radius:var(--border-radius);
    box-shadow:var(--shadow);
}
.sa-contact__form h3{font-size:2rem;margin-bottom:30px;color:var(--dark);text-align:center}
.sa-form-group{margin-bottom:25px}
.sa-form-group label{
    display:block;
    margin-bottom:10px;
    font-weight:600;
    color:var(--dark);
}
.sa-form-group input,
.sa-form-group textarea{
    width:100%;
    padding:16px 20px;
    border:2px solid #E2E8F0;
    border-radius:10px;
    font-size:1.1rem;
    font-family:'Cairo',sans-serif;
    transition:var(--transition);
}
.sa-form-group input:focus,
.sa-form-group textarea:focus{
    border-color:var(--primary);
    outline:none;
    box-shadow:0 0 0 3px rgba(37,99,235,.2);
}
.sa-form-group textarea{min-height:150px;resize:vertical}
.sa-submit-btn{
    background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);
    color:#fff;
    border:none;
    padding:18px 40px;
    border-radius:50px;
    font-size:1.2rem;
    font-weight:700;
    cursor:pointer;
    transition:var(--transition);
    width:100%;
    font-family:'Cairo',sans-serif;
}
.sa-submit-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(37,99,235,.3);
}

/* ==================== RESPONSIVE ==================== */
@media (max-width:1100px){
    .sa-title{font-size:3.2rem}
    .sa-contact__wrap{gap:40px}
}
@media (max-width:900px){
    .sa-title{font-size:2.8rem}
    .sa-contact__wrap{grid-template-columns:1fr}
    .sa-services__title h2,
    .sa-stats__title h2{font-size:2.5rem}
}
@media (max-width:768px){
    .sa-title{font-size:2.3rem}
    .sa-subtitle{font-size:1.3rem}
    .sa-services__grid,
    .sa-stats__grid{grid-template-columns:1fr}
    .sa-services__title h2,
    .sa-stats__title h2{font-size:2.2rem}
    .sa-card__footer{flex-direction:column;gap:25px;text-align:center}
}
@media (max-width:480px){
    .sa-title{font-size:2rem}
    .sa-badge{font-size:1.1rem}
    .sa-quote{padding:25px}
    .sa-services__title h2,
    .sa-stats__title h2{font-size:1.9rem}
    .sa-card__header{padding:30px}
    .sa-card__body{padding:30px}
    .sa-contact__form{padding:30px 25px}
}/* End custom CSS */