.services-page{--primary:#1CAADD;--secondary:#3467A7;--accent:#7FCDE9;--dark:#121b2d;--navy:#1B3660;--text:#1c2536;--muted:#66758b;--white:#ffffff;--bg:#eef4f8;--line:rgba(18, 27, 45, .08);--gradient:linear-gradient(135deg, #3467A7 0%, #1CAADD 100%);--gradient-soft:linear-gradient(135deg, rgba(28, 170, 221, .12) 0%, rgba(52, 103, 167, .10) 100%);--gradient-reverse:linear-gradient(135deg, #3467A7 0%, #1CAADD 100%);--wa:linear-gradient(135deg, #25d366 0%, #1eb85a 55%, #139d49 100%);--card:linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%);--shadow-xs:0 10px 22px rgba(18, 27, 45, .05);--shadow-sm:0 16px 34px rgba(18, 27, 45, .08);--shadow-md:0 24px 56px rgba(18, 27, 45, .10);--transition:.3s cubic-bezier(.22, .61, .36, 1);--maxw:1740px;font-family:Tajawal,sans-serif;background:radial-gradient(circle at top right,rgba(28,170,221,.08),transparent 22%),radial-gradient(circle at bottom left,rgba(52,103,167,.06),transparent 24%),var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;direction:rtl;text-align:right;padding:25px 0}.services-page *{box-sizing:border-box}.services-page a{text-decoration:none}.services-page img{max-width:100%;display:block}.services-page button,.services-page input,.services-page select,.services-page textarea{font:inherit}.services-page .main-container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 18px}.services-page .section-space{padding:25px 0}.services-page .section-space.pt-0{padding-top:0}.services-page .section-head{max-width:940px;margin:0 auto 24px;text-align:center}.services-page .section-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--gradient-soft);border:1px solid rgba(52,103,167,.1);color:var(--secondary);font-size:12px;font-weight:900;letter-spacing:.02em;margin-bottom:14px;box-shadow:0 12px 28px rgba(52,103,167,.07)}.services-page .section-head h2{margin:0 0 10px;font-size:32px;line-height:1.14;font-weight:900;letter-spacing:-.8px;color:var(--dark)}.services-page .section-head p{margin:0 auto;max-width:780px;font-size:14px;line-height:1.82;color:var(--muted)}.services-page .interactive{position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition),color var(--transition),opacity var(--transition),filter var(--transition);will-change:transform}.services-page .interactive::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.22) 50%,transparent 82%);transform:translateX(-120%);transition:transform .7s;pointer-events:none}.services-page .interactive:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(18,27,45,.12)}.services-page .interactive:hover::after{transform:translateX(120%)}.services-page .interactive.pressed{transform:scale(.985);box-shadow:0 10px 18px rgba(18,27,45,.08)}.services-page .ripple{position:absolute;border-radius:50%;transform:scale(0);animation:.55s linear servicesRipple;background:rgba(255,255,255,.35);pointer-events:none}@keyframes servicesRipple{to{transform:scale(4);opacity:0}}.services-page .btn-main,.services-page .btn-outline-soft{min-width:max-content;height:52px;padding:0 22px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:900;white-space:nowrap}.services-page .btn-main{border:none;color:#fff;background:var(--gradient);box-shadow:0 22px 44px rgba(52,103,167,.18)}.services-page .btn-main:hover{color:#fff}.services-page .btn-light{background:#fff;color:var(--secondary);border:1px solid rgba(52,103,167,.12);box-shadow:0 16px 32px rgba(18,27,45,.08)}.services-page .btn-light:hover,.services-page .btn-outline-soft:hover{color:var(--secondary)}.services-page .btn-whatsapp{background:var(--wa);box-shadow:0 22px 44px rgba(20,157,73,.22)}.services-page .btn-outline-soft{border:1px solid rgba(52,103,167,.14);background:#fff;color:var(--secondary);box-shadow:0 14px 30px rgba(18,27,45,.08)}.services-page .services-hero-shell{background:#fff;border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:var(--shadow-md)}.services-page .services-hero-image{height:100%;min-height:560px;position:relative;overflow:hidden;background:#dfe7ef}.services-page .services-hero-image img{width:100%;height:100%;object-fit:cover}.services-page .services-hero-content{height:100%;padding:38px 38px 34px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff 0,#f8fbfd 100%);text-align:right;align-items:flex-start}.services-page .services-mini-bar{width:100%;min-height:42px;border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--gradient-soft);border:1px solid rgba(52,103,167,.08);color:var(--secondary);font-size:12px;font-weight:900;margin-bottom:16px;justify-content:flex-start}.services-page .services-hero-content h1{margin:0 0 14px;color:var(--dark);font-size:34px;line-height:1.08;font-weight:900;letter-spacing:-1px;max-width:860px}.services-page .services-hero-content .lead-copy{margin:0 0 24px;color:var(--muted);font-size:15px;line-height:1.88;max-width:900px}.services-page .services-feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;width:100%}.services-page .services-feature-list li{display:flex;align-items:flex-start;gap:14px;color:#536175;font-size:15px;line-height:1.8;text-align:right}.services-page .services-feature-list i{width:26px;height:26px;flex:0 0 26px;margin-top:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(52,103,167,.1);color:#3467a7;font-size:12px;order:2}.services-page .service-points span,.services-page .services-feature-list span,.services-page .services-points span{order:1}.services-page .services-feature-list strong,.services-page .services-points strong{color:var(--dark);font-weight:900}.services-page .services-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.services-page .services-panel{background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow-md);padding:28px}.services-page .services-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.services-page .services-copy-card{border:1px solid rgba(18,27,45,.07);border-radius:26px;background:linear-gradient(180deg,#fff 0,#f8fbfd 100%);padding:24px 22px;box-shadow:var(--shadow-xs);height:100%;text-align:right}.services-page .services-copy-card h3{margin:0 0 12px;color:var(--dark);font-size:22px;line-height:1.2;font-weight:900;display:flex;align-items:center;gap:10px}.services-page .services-copy-card h3 i{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--gradient-soft);color:var(--secondary);font-size:16px;flex:0 0 38px}.services-page .services-copy-card p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.85}.services-page .services-copy-card p:last-child{margin-bottom:0}.services-page .services-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.services-page .services-points li{display:flex;align-items:flex-start;gap:10px;color:#465465;font-size:14px;line-height:1.8;text-align:right}.services-page .services-points i{width:22px;height:22px;flex:0 0 22px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(28,170,221,.1);color:var(--secondary);font-size:11px;margin-top:2px;order:2}.services-page .service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.services-page .service-card{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(18,27,45,.08);background:var(--card);box-shadow:var(--shadow-sm);min-height:420px;display:flex;flex-direction:column;isolation:isolate;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.services-page .service-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at right top,rgba(28,170,221,.14),transparent 34%),radial-gradient(circle at left bottom,rgba(52,103,167,.12),transparent 36%);z-index:0;pointer-events:none}.services-page .service-card:hover{transform:translateY(-8px);box-shadow:0 28px 62px rgba(18,27,45,.14);border-color:rgba(28,170,221,.2)}.services-page .service-media{position:relative;height:248px;overflow:hidden;background:#dde8f2}.services-page .service-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s,filter 1.2s}.services-page .service-card:hover .service-media img{transform:scale(1.08);filter:saturate(1.08) contrast(1.03)}.services-page .service-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,20,35,.08) 0,rgba(12,20,35,.16) 46%,rgba(12,20,35,.86) 100%)}.services-page .service-top{position:absolute;right:18px;left:18px;bottom:16px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.services-page .service-title{margin:0;color:#fff;font-size:22px;font-weight:900;letter-spacing:-.5px;line-height:1.2;text-shadow:0 10px 30px rgba(0,0,0,.22);text-align:right}.services-page .service-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:900;backdrop-filter:blur(12px);box-shadow:0 14px 28px rgba(0,0,0,.12)}.services-page .service-body{position:relative;z-index:1;padding:22px 20px 20px;display:flex;flex-direction:column;flex:1;text-align:right}.services-page .service-sub{margin:0 0 12px;color:#445264;font-size:14px;line-height:1.78}.services-page .service-points{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.services-page .service-points li{display:flex;gap:10px;align-items:flex-start;color:#334053;font-size:14px;line-height:1.75;text-align:right}.services-page .service-points i{width:24px;height:24px;flex:0 0 24px;margin-top:1px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(28,170,221,.1);color:var(--secondary);font-size:12px;order:2}.services-page .service-actions{margin-top:auto;display:grid;gap:10px;grid-template-columns:1fr 1fr}.services-page .service-actions .btn-main,.services-page .service-actions .btn-outline-soft{width:100%}.services-page .cta-band{background:linear-gradient(135deg,#3467a7 0,#1caadd 100%);border-radius:30px;box-shadow:var(--shadow-md);text-align:center;color:#fff;padding:42px 24px;position:relative;overflow:hidden}.services-page .cta-band::before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18) 0,rgba(255,255,255,0) 72%);left:-70px;top:-80px}.services-page .cta-band h2{margin:0 0 10px;font-size:32px;line-height:1.1;font-weight:900}.services-page .cta-band p{margin:0 auto;max-width:720px;color:rgba(255,255,255,.92);font-size:14px;line-height:1.8}.services-page .cta-band-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.services-page .contact-wrap{background:#fff;border:1px solid rgba(18,27,45,.08);border-radius:34px;box-shadow:0 24px 56px rgba(18,27,45,.1);overflow:hidden}.services-page .form-panel,.services-page .map-panel{height:100%;min-height:100%;display:flex;flex-direction:column}.services-page .map-panel{position:relative;overflow:hidden;padding:18px 18px 16px;color:#fff;background:linear-gradient(135deg,#3467a7 0,#1caadd 100%);text-align:right}.services-page .map-panel::before{content:"";position:absolute;width:220px;height:220px;top:-70px;left:-70px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14) 0,rgba(255,255,255,0) 72%)}.services-page .map-panel::after{content:"";position:absolute;width:160px;height:160px;bottom:-60px;right:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 72%)}.services-page .form-panel h3,.services-page .map-panel h3{margin:0 0 10px;font-size:22px;line-height:1.28;font-weight:900;letter-spacing:-.4px;position:relative;z-index:1}.services-page .form-panel p,.services-page .map-panel p{margin:0 0 16px;font-size:14px;line-height:1.76;position:relative;z-index:1}.services-page .map-panel p{color:rgba(255,255,255,.9)}.services-page .form-panel p{color:var(--muted)}.services-page .contact-points{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:6px 0 14px}.services-page .contact-point{min-height:86px;padding:10px 8px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.services-page .contact-point .icon{width:34px;height:34px;margin:0 auto 7px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);color:#fff;font-size:13px}.services-page .contact-point h4{margin:0;color:#fff;font-size:12px;line-height:1.3;font-weight:900}.services-page .contact-point a,.services-page .contact-point p{margin:0;color:rgba(255,255,255,.92);font-size:10px;line-height:1.5;font-weight:800;word-break:break-word}.services-page .map-embed{position:relative;z-index:1;margin-top:auto;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 18px 34px rgba(0,0,0,.14)}.services-page .map-embed iframe{display:block;width:100%;min-height:300px;height:100%;border:0}.services-page .form-panel{padding:28px;background:#fff;text-align:right}.services-page .form-control,.services-page .form-select{height:56px;padding:0 18px;border-radius:18px;border:1px solid rgba(18,27,45,.08);background:#f5f7fb;color:var(--text);font-size:14px;box-shadow:none!important;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition),background var(--transition);text-align:right}.services-page .form-control:hover,.services-page .form-select:hover{transform:translateY(-1px);border-color:rgba(52,103,167,.18)}.services-page .form-control:focus,.services-page .form-select:focus{background:#fff;border-color:rgba(28,170,221,.35);box-shadow:0 0 0 4px rgba(28,170,221,.08)!important}.services-page textarea.form-control{min-height:182px;resize:none;padding:18px}.services-page .submit-btn{width:100%;height:56px;border:none;border-radius:18px;color:#fff;font-size:14px;font-weight:900;background:linear-gradient(135deg,#3467a7 0,#1caadd 100%);box-shadow:none}@media (max-width:1199.98px){.services-page .service-grid,.services-page .services-copy-grid{grid-template-columns:1fr}.services-page .services-hero-image{min-height:430px}}@media (max-width:991.98px){.services-page{padding:0}.services-page .contact-points{grid-template-columns:repeat(2,1fr)}.services-page .services-hero-image{min-height:360px}.services-page .services-hero-content{padding:26px 24px}}@media (max-width:767.98px){.services-page .main-container{padding:0 12px}.services-page .section-head h2{font-size:26px}.services-page .section-head p{font-size:13px}.services-page .services-hero-content h1{font-size:24px;line-height:1.14}.services-page .services-hero-content .lead-copy{font-size:14px;line-height:1.8}.services-page .form-panel,.services-page .map-panel,.services-page .services-panel{padding:18px}.services-page .services-hero-shell{border-radius:28px}.services-page .services-hero-image{min-height:250px}.services-page .cta-band-actions,.services-page .service-actions,.services-page .services-hero-actions{display:grid;grid-template-columns:1fr}.services-page .contact-points{grid-template-columns:1fr}.services-page .map-embed iframe{min-height:260px}.services-page .service-title{font-size:20px}.services-page .service-media{height:220px}}@media (max-width:575.98px){.services-page .services-hero-content h1{font-size:22px}.services-page .services-copy-card h3{font-size:20px}.services-page .btn-main,.services-page .btn-outline-soft{width:100%}}@media (prefers-reduced-motion:reduce){.services-page *,.services-page ::after,.services-page ::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
