@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');
:root{
  --orange:#e8582a;
  --orange-2:#c93e1d;
  --dark:#202326;
  --charcoal:#33383b;
  --muted:#70777c;
  --line:#e8e8e8;
  --soft:#f6f6f4;
  --white:#fff;
  --shadow:0 24px 70px rgba(22,25,28,.12);
  --radius:26px;
  --container:min(1180px, calc(100% - 34px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif;background:#fff;color:var(--dark);line-height:1.8;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,textarea,select{font:inherit}.container{width:var(--container);margin-inline:auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.brand{display:flex;align-items:center;gap:12px;min-width:190px}.brand img{width:92px;height:auto}.links{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px}.links a{padding:13px 16px;border-radius:999px;color:#3a3d40;font-weight:700;font-size:15px;transition:.25s;white-space:nowrap}.links a:hover,.links a.active{background:rgba(232,88,42,.1);color:var(--orange)}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:190px}.menu{display:none;border:0;background:var(--dark);color:#fff;width:48px;height:48px;border-radius:16px;font-size:24px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;font-weight:700;padding:14px 24px;box-shadow:0 16px 32px rgba(232,88,42,.25);transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(232,88,42,.32)}.btn.outline{background:#fff;color:var(--dark);border:1px solid var(--line);box-shadow:none}.btn.dark{background:var(--dark);box-shadow:0 18px 40px rgba(0,0,0,.18)}.profile-btn{border-radius:18px;padding:14px 22px;min-width:148px;gap:12px;flex-direction:row}.profile-icon{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 24px}.profile-icon svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor}
.hero{position:relative;min-height:calc(100vh - 88px);display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(232,88,42,.22),transparent 25%),linear-gradient(135deg,#171a1d 0%,#2f3437 54%,#111 100%);color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.3)),url('../img/cover.jpg') center/cover no-repeat;opacity:.62}.hero:after,.page-hero:after{content:"";position:absolute;inset:auto -8% -35% auto;width:48vw;height:48vw;background:linear-gradient(135deg,rgba(232,88,42,.85),rgba(232,88,42,0));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:.75}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;padding:76px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:700}.eyebrow:before{content:"";width:9px;height:9px;background:var(--orange);border-radius:50%}.hero h1{font-size:clamp(38px,6vw,78px);line-height:1.15;margin:18px 0 18px;font-weight:700;letter-spacing:-1.5px}.hero p{max-width:720px;color:rgba(255,255,255,.82);font-size:20px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-card{position:relative;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);backdrop-filter:blur(20px);border-radius:34px;padding:20px;box-shadow:0 25px 80px rgba(0,0,0,.35)}.hero-card img{height:430px;width:100%;object-fit:cover;border-radius:26px}.hero-card .badge{position:absolute;right:34px;bottom:34px;background:#fff;color:var(--dark);border-radius:20px;padding:16px 18px;box-shadow:var(--shadow);font-weight:700}.hero-card .badge span{display:block;color:var(--orange);font-size:28px;line-height:1}.stats-strip{position:relative;z-index:2;margin-top:-50px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:#fff;border-radius:28px;padding:18px;box-shadow:var(--shadow)}.stat{padding:20px;border-radius:22px;background:linear-gradient(180deg,#fff,var(--soft));border:1px solid var(--line)}.stat strong{display:block;font-size:32px;line-height:1;color:var(--orange)}.stat span{color:var(--muted);font-weight:600}
.section{padding:94px 0}.section.soft{background:var(--soft)}.section.dark{background:linear-gradient(135deg,#202326,#373d40);color:#fff}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:34px}.kicker{color:var(--orange);font-weight:700;font-size:15px}.title{font-size:clamp(28px,4vw,48px);line-height:1.25;margin:7px 0 0;letter-spacing:-.8px}.lead{color:var(--muted);font-size:18px;max-width:760px;margin:0}.dark .lead{color:rgba(255,255,255,.7)}.grid{display:grid;gap:22px}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 40px rgba(0,0,0,.05);transition:.25s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto auto;width:90px;height:90px;background:rgba(232,88,42,.09);clip-path:polygon(100% 0,0 0,100% 100%)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.card h3{font-size:22px;margin:12px 0 10px}.card p{color:var(--muted);margin:0}.dark .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);backdrop-filter:blur(12px)}.dark .card p{color:rgba(255,255,255,.72)}.icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--orange),var(--orange-2));display:grid;place-items:center;color:#fff;font-weight:700;font-size:20px}.about-block{display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:center}.image-stack{position:relative}.image-stack img{height:520px;width:100%;object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}.image-stack:before{content:"";position:absolute;inset:28px -18px -18px 28px;border:2px solid var(--orange);border-radius:34px;z-index:-1}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.value{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;text-align:center;font-weight:700}.value span{display:block;color:var(--orange);font-size:28px;margin-bottom:5px}.service-card{min-height:210px}.project{position:relative;border-radius:28px;overflow:hidden;min-height:330px;background:#111;box-shadow:0 18px 55px rgba(0,0,0,.12)}.project img{height:100%;width:100%;object-fit:cover;transition:.45s}.project:hover img{transform:scale(1.08)}.project .meta{position:absolute;inset:auto 18px 18px 18px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-radius:20px;padding:18px}.project h3{margin:0;font-size:20px}.project span{color:var(--orange);font-weight:700}.wide-project{grid-column:span 2}.cert img{height:260px;object-fit:cover;width:100%;border-radius:20px;border:1px solid var(--line)}.cert h3{margin:14px 0 0}.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#202326,#3b4144);color:#fff;padding:76px 0}.breadcrumb{color:rgba(255,255,255,.68);font-size:14px;margin-bottom:12px}.page-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.2;margin:0 0 12px}.page-hero p{color:rgba(255,255,255,.76);font-size:20px;margin:0;max-width:780px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.feature-list{display:grid;gap:14px}.feature{display:flex;gap:14px;align-items:flex-start}.feature i{min-width:38px;height:38px;border-radius:13px;background:rgba(232,88,42,.12);display:grid;place-items:center;color:var(--orange);font-style:normal;font-weight:700}.contact-card{display:grid;gap:16px}.contact-line{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:20px}.contact-line .icon{width:48px;height:48px;border-radius:16px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px 16px;color:var(--dark);outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(232,88,42,.1)}.form textarea{min-height:150px;resize:vertical}.footer{background:#1d2023;color:#fff;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .9fr;gap:30px}.footer img{width:88px;background:#fff;border-radius:20px;padding:8px;margin-bottom:14px}.footer p,.footer a{color:rgba(255,255,255,.72)}.footer h3{margin:0 0 12px}.footer-links{display:grid;gap:8px}.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:18px;text-align:center;color:rgba(255,255,255,.55)}.float-whatsapp{position:fixed;left:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;z-index:90;box-shadow:0 18px 38px rgba(0,0,0,.18)}.float-whatsapp svg{width:30px;height:30px;fill:currentColor}.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.mini-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.mini-gallery img{height:170px;width:100%;object-fit:cover;border-radius:20px}.logo-watermark{position:absolute;left:6%;top:18%;width:250px;opacity:.05;filter:grayscale(1)}
@media(max-width:980px){.nav{height:76px}.brand{min-width:auto}.brand img{width:70px}.menu{display:grid}.links{position:fixed;top:76px;right:16px;left:16px;transform:none;background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{text-align:center}.nav-actions .btn{display:none}.hero{min-height:auto}.hero-content,.about-block,.split,.cols-2{grid-template-columns:1fr}.hero-card img{height:330px}.stats-grid,.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:1fr 1fr}.section-head{display:block}.wide-project{grid-column:auto}.footer-grid{grid-template-columns:1fr}.mini-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){:root{--container:calc(100% - 24px)}.brand img{width:64px}.hero h1{font-size:36px}.hero p,.page-hero p{font-size:17px}.hero-actions{display:grid}.btn{width:100%}.stats-grid,.cols-3,.cols-4,.values{grid-template-columns:1fr}.section{padding:64px 0}.card{padding:22px}.project{min-height:280px}.mini-gallery{grid-template-columns:repeat(2,1fr)}.mini-gallery img{height:140px}.page-hero{padding:56px 0}.footer{padding-bottom:92px}}

.floating-actions{position:fixed;left:22px;bottom:22px;z-index:120;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.whatsapp-action,.back-to-top{border:0;text-decoration:none;cursor:pointer;color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.22);transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.whatsapp-action{height:56px;border-radius:999px;background:linear-gradient(135deg,#25d366,#128c7e);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px 0 20px;font-weight:800;font-size:15px;direction:ltr;position:relative;overflow:visible;animation:whatsappFloat 2.6s ease-in-out infinite}.whatsapp-action:before{content:"";position:absolute;inset:-7px;border-radius:999px;border:2px solid rgba(37,211,102,.24);animation:whatsappPulse 2s ease-out infinite}.whatsapp-action svg{width:27px;height:27px;fill:currentColor;flex:0 0 27px}.whatsapp-alt{height:48px;font-size:14px;background:linear-gradient(135deg,#21c861,#0d806f);animation-delay:.35s}.whatsapp-alt svg{width:24px;height:24px;flex-basis:24px}.whatsapp-action:hover,.back-to-top:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(0,0,0,.28)}.back-to-top{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--orange),var(--orange-2));display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(10px);margin-top:2px}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}.back-to-top svg{width:25px;height:25px;fill:currentColor}@keyframes whatsappPulse{0%{transform:scale(.9);opacity:.9}75%,100%{transform:scale(1.28);opacity:0}}@keyframes whatsappFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:620px){.floating-actions{left:16px;bottom:16px;gap:10px}.whatsapp-action{width:54px;height:54px;border-radius:50%;padding:0}.whatsapp-action span{display:none}.whatsapp-alt{width:48px;height:48px}.back-to-top{width:46px;height:46px;border-radius:16px}.footer{padding-bottom:156px}}

.whatsapp-action span{display:none!important}
.whatsapp-action{width:78px!important;height:78px!important;border-radius:28px!important;justify-content:center!important;padding:0!important}
.whatsapp-action svg{width:36px!important;height:36px!important}
.floating-actions{display:flex;flex-direction:column;gap:14px}


/* ChatGPT fix: floating actions sizing/order */
.floating-actions{
position:fixed!important;
left:20px!important;
bottom:20px!important;
display:flex!important;
flex-direction:column!important;
gap:12px!important;
z-index:9999!important;
}
.back-to-top{order:1!important;}
.whatsapp-main{order:2!important;}
.whatsapp-alt{order:3!important;}

.back-to-top,
.whatsapp-action{
width:58px!important;
height:58px!important;
min-width:58px!important;
min-height:58px!important;
border-radius:18px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}

.whatsapp-action svg,
.back-to-top svg{
width:28px!important;
height:28px!important;
}

.hero-clean{padding:0}.hero-slider{position:relative;height:720px;overflow:hidden}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:.6s}.slide.active{opacity:1}
.hero-overlay{position:absolute;bottom:80px;right:8%;color:#fff;max-width:600px;z-index:2}.hero-overlay h1{font-size:52px}
.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3}
.slider-prev{left:20px}.slider-next{right:20px}
.slider-dots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:3}
.stats-strip{margin-top:40px}

/* Final hero redesign - clean full-image slider using uploaded HD images */
.hero-clean{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  display:block!important;
  background:#111!important;
  color:#fff!important;
  overflow:hidden!important;
}
.hero-clean:before,
.hero-clean:after{
  content:none!important;
  display:none!important;
}
.hero-slider{
  position:relative!important;
  width:100%!important;
  height:calc(100vh - 90px)!important;
  min-height:640px!important;
  max-height:820px!important;
  overflow:hidden!important;
  background:#111!important;
}
.hero-slider:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.28) 45%,rgba(0,0,0,.1) 100%);
  pointer-events:none;
}
.hero-slider:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.45) 100%);
  pointer-events:none;
}
.slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:cover!important;
  background-position:center center!important;
  opacity:0!important;
  transform:scale(1.03)!important;
  transition:opacity .9s ease, transform 7s ease!important;
}
.slide.active{
  opacity:1!important;
  transform:scale(1)!important;
}
.hero-overlay{
  position:absolute!important;
  z-index:2!important;
  right:8%!important;
  left:auto!important;
  bottom:115px!important;
  max-width:680px!important;
  color:#fff!important;
  text-align:right!important;
  background:transparent!important;
  padding:0!important;
}
.hero-overlay h1{
  margin:0!important;
  font-size:clamp(34px,4.2vw,58px)!important;
  line-height:1.24!important;
  font-weight:800!important;
  letter-spacing:-1px!important;
  text-shadow:0 5px 28px rgba(0,0,0,.55)!important;
}
.slider-prev,
.slider-next{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:4!important;
  width:58px!important;
  height:58px!important;
  border:1px solid rgba(255,255,255,.45)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:26px!important;
  line-height:1!important;
  cursor:pointer!important;
  backdrop-filter:blur(12px)!important;
  transition:.25s ease!important;
}
.slider-prev:hover,
.slider-next:hover{
  background:rgba(232,88,42,.88)!important;
  border-color:rgba(232,88,42,.95)!important;
}
.slider-prev{left:34px!important;right:auto!important;}
.slider-next{right:34px!important;left:auto!important;}
.slider-dots{
  position:absolute!important;
  z-index:4!important;
  bottom:34px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:center!important;
}
.slider-dots span{
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.55)!important;
  display:block!important;
  cursor:pointer!important;
  transition:.25s ease!important;
}
.slider-dots span.active{
  width:34px!important;
  background:var(--orange)!important;
}
.stats-strip{
  margin-top:0!important;
  padding:42px 0 18px!important;
  background:#fff!important;
  position:relative!important;
  z-index:2!important;
}
.stats-grid{
  grid-template-columns:repeat(5,1fr)!important;
  border-radius:30px!important;
  box-shadow:0 18px 55px rgba(22,25,28,.08)!important;
  border:1px solid var(--line)!important;
  padding:18px!important;
}
.stat{
  text-align:center!important;
}
.stat strong{
  font-size:clamp(27px,3vw,40px)!important;
}
@media(max-width:980px){
  .hero-slider{height:640px!important;min-height:560px!important;}
  .hero-overlay{right:6%!important;bottom:95px!important;max-width:560px!important;}
  .stats-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:620px){
  .hero-slider{height:560px!important;min-height:520px!important;}
  .hero-overlay{right:22px!important;left:22px!important;bottom:90px!important;max-width:none!important;}
  .hero-overlay h1{font-size:32px!important;}
  .slider-prev,.slider-next{width:46px!important;height:46px!important;font-size:22px!important;}
  .slider-prev{left:16px!important}.slider-next{right:16px!important}
  .stats-strip{padding-top:28px!important;}
  .stats-grid{grid-template-columns:1fr!important;}
}

.hero-clean,.hero-slider{height:560px!important;min-height:560px!important;}.hero-overlay{display:none!important;}

/* Stats redesigned to match reference: one floating white strip overlapping the hero */
.stats-strip{
  margin-top:-94px!important;
  padding:0 0 72px!important;
  background:transparent!important;
  position:relative!important;
  z-index:8!important;
}
.stats-strip .container{
  max-width:1450px!important;
}
.stats-grid{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:8px!important;
  padding:30px 20px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.10)!important;
  align-items:center!important;
}
.stat{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:22px 20px!important;
  text-align:center!important;
  position:relative!important;
}
.stat:not(:last-child)::after{
  content:"";
  position:absolute;
  left:0;
  top:18%;
  height:64%;
  width:2px;
  background:#e7e7e7;
}
.stat strong{
  color:var(--orange)!important;
  font-size:clamp(31px,3.2vw,46px)!important;
  line-height:1!important;
  font-weight:800!important;
  margin-bottom:18px!important;
}
.stat span{
  color:#555!important;
  font-size:18px!important;
  font-weight:800!important;
}
@media(max-width:980px){
  .stats-strip{margin-top:-55px!important;padding-bottom:46px!important;}
  .stats-grid{grid-template-columns:repeat(2,1fr)!important;border-radius:18px!important;padding:16px!important;}
  .stat:not(:last-child)::after{display:none!important;}
  .stat{border-bottom:1px solid #eee!important;}
}
@media(max-width:620px){
  .stats-strip{margin-top:24px!important;padding:0 0 42px!important;background:#fff!important;}
  .stats-grid{grid-template-columns:1fr!important;border-radius:22px!important;box-shadow:0 12px 32px rgba(0,0,0,.08)!important;}
  .stat{padding:18px 12px!important;}
  .stat strong{font-size:34px!important;margin-bottom:10px!important;}
  .stat span{font-size:16px!important;}
}


/* Services image cards - reference style */
.services-showcase{
  background:#fff!important;
  padding:86px 0 96px!important;
}
.services-intro{
  text-align:center!important;
  max-width:880px!important;
  margin:0 auto 48px!important;
}
.services-intro .title{
  max-width:820px!important;
  margin:8px auto 12px!important;
}
.services-intro .lead{
  margin:0 auto!important;
  color:#222!important;
  font-weight:700!important;
  font-size:20px!important;
}
.service-image-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:28px!important;
  align-items:stretch!important;
}
.service-image-card{
  position:relative!important;
  height:360px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:#111!important;
  box-shadow:0 18px 48px rgba(18,32,58,.10)!important;
  transition:transform .28s ease, box-shadow .28s ease!important;
}
.service-image-card:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 26px 62px rgba(18,32,58,.16)!important;
}
.service-image-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .55s ease!important;
}
.service-image-card:hover img{
  transform:scale(1.06)!important;
}
.service-image-overlay{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  min-height:116px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:26px 22px!important;
  background:linear-gradient(135deg,rgba(7,121,238,.95),rgba(0,45,185,.92))!important;
  clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)!important;
}
.service-image-overlay:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0 60%,rgba(255,255,255,.09) 60% 74%,transparent 74%);
  pointer-events:none;
}
.service-image-overlay h3{
  position:relative!important;
  z-index:1!important;
  color:#fff!important;
  font-size:27px!important;
  font-weight:800!important;
  margin:18px 0 0!important;
  line-height:1.35!important;
  text-shadow:0 4px 18px rgba(0,0,0,.20)!important;
}
@media(max-width:980px){
  .service-image-grid{grid-template-columns:1fr 1fr!important;}
  .service-image-card{height:320px!important;}
}
@media(max-width:620px){
  .services-showcase{padding:58px 0 64px!important;}
  .service-image-grid{grid-template-columns:1fr!important;gap:18px!important;}
  .service-image-card{height:300px!important;border-radius:22px!important;}
  .service-image-overlay{min-height:100px!important;}
  .service-image-overlay h3{font-size:23px!important;}
  .services-intro .lead{font-size:17px!important;}
}


/* About section redesign like reference */
.about-block{
background: linear-gradient(135deg,#eef4ff 0%,#f8fbff 100%);
border-radius:32px;
padding:50px;
align-items:center;
gap:40px;
}
.about-block .image-stack{
max-width:520px;
margin-right:auto;
}
.about-block .image-stack img{
width:100%;
border-radius:28px;
display:block;
}
.values{
margin-top:20px;
}

/* Services carousel - identity orange, reference interaction */
.services-showcase{
  background:#fff!important;
  padding:82px 0 92px!important;
  overflow:hidden!important;
}
.services-intro{
  text-align:center!important;
  max-width:900px!important;
  margin:0 auto 42px!important;
}
.services-intro .title{margin:8px auto 12px!important;max-width:860px!important;}
.services-intro .lead{margin:0 auto!important;color:#222!important;font-size:20px!important;font-weight:800!important;}
.services-carousel{position:relative!important;max-width:1320px!important;margin:0 auto!important;direction:ltr!important;}
.services-viewport{overflow:hidden!important;cursor:grab!important;padding:8px 4px 32px!important;user-select:none!important;touch-action:pan-y!important;}
.services-viewport.dragging{cursor:grabbing!important;}
.services-track{display:flex!important;gap:28px!important;transition:transform .45s cubic-bezier(.22,.61,.36,1)!important;will-change:transform!important;}
.service-slide-card{direction:rtl!important;flex:0 0 calc((100% - 56px)/3)!important;position:relative!important;height:420px!important;border-radius:26px!important;overflow:hidden!important;background:#111!important;box-shadow:0 18px 52px rgba(27,30,34,.12)!important;transition:transform .35s ease,box-shadow .35s ease!important;}
.service-slide-card:hover{transform:translateY(-10px)!important;box-shadow:0 28px 70px rgba(27,30,34,.18)!important;}
.service-slide-card img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .6s ease,filter .35s ease!important;}
.service-slide-card:hover img{transform:scale(1.07)!important;filter:saturate(1.06) contrast(1.03)!important;}
.service-slide-card::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.02) 46%,rgba(0,0,0,.25) 100%)!important;z-index:1!important;pointer-events:none!important;}
.service-slide-content{position:absolute!important;left:0!important;right:0!important;bottom:0!important;min-height:126px!important;padding:36px 28px 24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:linear-gradient(135deg,rgba(232,88,42,.96),rgba(183,47,26,.94))!important;clip-path:polygon(0 21%,100% 0,100% 100%,0 100%)!important;z-index:2!important;}
.service-slide-content::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 58%,rgba(255,255,255,.12) 58% 72%,transparent 72%);pointer-events:none;}
.service-slide-content h3{position:relative;z-index:1;color:#fff!important;font-size:28px!important;font-weight:900!important;line-height:1.28!important;margin:0 0 7px!important;text-shadow:0 4px 18px rgba(0,0,0,.18)!important;}
.service-slide-content p{position:relative;z-index:1;color:rgba(255,255,255,.9)!important;font-size:15px!important;line-height:1.65!important;margin:0!important;max-width:92%!important;opacity:0!important;max-height:0!important;transform:translateY(10px)!important;transition:.28s ease!important;}
.service-slide-card:hover .service-slide-content p{opacity:1!important;max-height:100px!important;transform:none!important;}
.services-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:56px!important;height:56px!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#e8582a!important;font-size:28px!important;font-weight:900!important;display:grid!important;place-items:center!important;z-index:5!important;box-shadow:0 14px 34px rgba(0,0,0,.14)!important;cursor:pointer!important;transition:.25s ease!important;}
.services-arrow:hover{background:linear-gradient(135deg,#e8582a,#b72f1a)!important;color:#fff!important;transform:translateY(-50%) scale(1.06)!important;}
.services-prev{left:-28px!important;}
.services-next{right:-28px!important;}
.services-arrow:disabled{opacity:.35!important;cursor:default!important;transform:translateY(-50%)!important;background:#fff!important;color:#e8582a!important;}
.services-details{padding-top:28px!important;background:#fff!important;}
.services-page-showcase{padding-bottom:46px!important;}
@media(max-width:1100px){.services-prev{left:6px!important}.services-next{right:6px!important}.service-slide-card{height:390px!important;}}
@media(max-width:980px){.service-slide-card{flex-basis:calc((100% - 28px)/2)!important;height:360px!important}.services-track{gap:24px!important}.services-arrow{width:50px!important;height:50px!important;font-size:24px!important;}.services-intro .lead{font-size:18px!important;}}
@media(max-width:640px){.services-showcase{padding:58px 0 64px!important}.service-slide-card{flex-basis:100%!important;height:330px!important;border-radius:22px!important}.services-track{gap:18px!important}.service-slide-content{min-height:112px!important;padding:32px 18px 22px!important}.service-slide-content h3{font-size:23px!important}.service-slide-content p{display:none!important}.services-prev{left:4px!important}.services-next{right:4px!important}.services-arrow{width:44px!important;height:44px!important;font-size:22px!important}}

/* Fix service cards: use clean real photos only, no project/PDF screenshot look */
.service-slide-card{
  background:#171717!important;
}
.service-slide-card img{
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.service-slide-card:nth-child(5) img{object-position:center center!important;}
.service-slide-card:nth-child(6) img{object-position:center center!important;}
.service-slide-card:nth-child(8) img{object-position:center center!important;}
.service-slide-card:nth-child(9) img{object-position:center center!important;}
.service-slide-content{
  background:linear-gradient(135deg,rgba(232,88,42,.96),rgba(191,55,29,.95))!important;
}


/* Reduced gap between stats and about section */
.stats-strip{margin-bottom:0 !important;}
.about-block{margin-top:-35px;}
.section{padding:60px 0;}


/* Services heading redesign: centered capsule with side lines */
.services-section,
#services,
section.services,
.services {
    padding-top: 55px !important;
}

.services-section .section-header,
#services .section-header,
section.services .section-header,
.services .section-header,
.services-section .section-title,
#services .section-title {
    text-align: center !important;
    max-width: 980px !important;
    margin: 0 auto 42px !important;
}

.services-section .section-tag,
#services .section-tag,
.services .section-tag,
.services-section .subtitle,
#services .subtitle,
.services .subtitle,
.services-section .section-subtitle,
#services .section-subtitle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    margin: 0 auto 16px !important;
    padding: 8px 28px !important;
    border-radius: 999px !important;
    background: rgba(231, 73, 34, 0.10) !important;
    color: #e74922 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    position: relative !important;
    width: fit-content !important;
}

.services-section .section-tag::before,
.services-section .section-tag::after,
#services .section-tag::before,
#services .section-tag::after,
.services .section-tag::before,
.services .section-tag::after,
.services-section .subtitle::before,
.services-section .subtitle::after,
#services .subtitle::before,
#services .subtitle::after,
.services-section .section-subtitle::before,
.services-section .section-subtitle::after,
#services .section-subtitle::before,
#services .section-subtitle::after {
    content: "" !important;
    display: block !important;
    width: 82px !important;
    height: 2px !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, transparent, #e74922, transparent) !important;
}

.services-section h2,
#services h2,
section.services h2,
.services h2 {
    max-width: 900px !important;
    margin: 0 auto 16px !important;
    font-size: clamp(32px, 3.2vw, 52px) !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
    text-align: center !important;
    color: #202428 !important;
}

.services-section p,
#services .section-header p,
section.services .section-header p,
.services .section-header p {
    max-width: 850px !important;
    margin: 0 auto !important;
    font-size: 19px !important;
    line-height: 1.9 !important;
    font-weight: 600 !important;
    color: #3f454b !important;
    text-align: center !important;
}

@media (max-width: 768px) {
    .services-section .section-tag::before,
    .services-section .section-tag::after,
    #services .section-tag::before,
    #services .section-tag::after,
    .services .section-tag::before,
    .services .section-tag::after,
    .services-section .subtitle::before,
    .services-section .subtitle::after,
    #services .subtitle::before,
    #services .subtitle::after,
    .services-section .section-subtitle::before,
    .services-section .section-subtitle::after,
    #services .section-subtitle::before,
    #services .section-subtitle::after {
        width: 42px !important;
    }
    .services-section h2,
    #services h2,
    section.services h2,
    .services h2 {
        font-size: 30px !important;
    }
    .services-section p,
    #services .section-header p,
    section.services .section-header p,
    .services .section-header p {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
}


/* Professional services heading */
.services-intro{
 text-align:center;
 max-width:900px;
 margin:0 auto 50px;
}
.services-intro .kicker{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:18px;
 color:#e85a24;
 font-weight:800;
 font-size:16px;
 margin-bottom:18px;
}
.services-intro .kicker:before,
.services-intro .kicker:after{
 content:"";
 width:90px;
 height:2px;
 background:#e85a24;
 opacity:.35;
 display:block;
}
.services-intro .title{
 font-size:56px!important;
 line-height:1.2!important;
 margin:0 0 18px!important;
}
.services-intro .lead{
 max-width:760px;
 margin:0 auto;
 font-size:20px;
 line-height:1.9;
 color:#5f6670;
}
@media(max-width:768px){
 .services-intro .title{font-size:34px!important}
 .services-intro .lead{font-size:16px}
 .services-intro .kicker:before,.services-intro .kicker:after{width:40px}
}


.capsule-kicker{display:inline-flex!important;align-items:center;justify-content:center;padding:12px 28px!important;border-radius:999px!important;background:rgba(232,88,42,.10)!important;border:1px solid rgba(232,88,42,.22)!important;font-size:18px!important;font-weight:800!important;margin-bottom:18px!important;}
.services-intro{margin-top:-30px!important;text-align:center!important;}
.services-intro .title{font-size:clamp(42px,4vw,62px)!important;max-width:none!important;}
.services-intro .lead{font-size:22px!important;max-width:none!important;white-space:nowrap!important;}
.about-block .title{font-size:clamp(46px,4.5vw,70px)!important;}
.email-action{background:linear-gradient(135deg,#e8582a,#c94c22)!important;width:78px!important;height:78px!important;border-radius:28px!important;font-size:34px!important;display:flex!important;align-items:center;justify-content:center;color:#fff!important;text-decoration:none!important;}