@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;}


/* Final adjustment: homepage services title + floating email button */
.home-services-title{
  font-size:clamp(34px,2.8vw,43px) !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  max-width:none !important;
}
.floating-actions{
  align-items:center !important;
}
.floating-actions .back-to-top{order:1 !important;}
.floating-actions .whatsapp-main{order:2 !important;}
.floating-actions .whatsapp-alt{order:3 !important;}
.floating-actions .email-action{
  order:4 !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  border-radius:18px !important;
  padding:0 !important;
  font-size:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
@media(max-width:980px){
  .home-services-title{
    white-space:normal !important;
    font-size:34px !important;
  }
}
@media(max-width:620px){
  .floating-actions .email-action{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    border-radius:16px !important;
    font-size:24px !important;
  }
}

/* GPT edit */
.hero .title,.section-title-large,.services-home-title{font-size:70%!important;white-space:nowrap!important}
.email-action{width:48px;height:48px;border-radius:16px;background:#e85a24;color:#fff;display:flex;align-items:center;justify-content:center;order:99}
.email-action svg{width:24px;height:24px;fill:currentColor}

/* about title compact */
.title{font-size:clamp(18px,2.2vw,30px)!important;line-height:1.4!important;max-width:700px}

.about-title{font-size:clamp(18px,2.2vw,34px)!important;line-height:1.2;white-space:nowrap;}

.about-title{font-size:clamp(14px,1.4vw,22px)!important;white-space:nowrap!important;line-height:1.1!important;max-width:none!important;}


/* FINAL FIX - About page title: force compact one-line desktop */
@media (min-width: 981px){
  body main section.section > .container.split{
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
    align-items: center !important;
  }
  body main section.section > .container.split > div:not(.image-stack){
    min-width: 0 !important;
    max-width: none !important;
  }
  body main section.section > .container.split h2.title.about-title{
    font-size: 24px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    max-width: none !important;
    width: max-content !important;
    margin: 10px 0 16px !important;
    letter-spacing: 0 !important;
  }
}
@media (max-width: 980px){
  body main section.section > .container.split h2.title.about-title{
    font-size: 28px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }
}


/* Home about title - compact */
.about-block .about-home-title{
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.35!important;
  max-width:720px!important;
  white-space:normal!important;
  letter-spacing:-.4px!important;
}
@media (min-width:1200px){
  .about-block .about-home-title{
    font-size:40px!important;
    max-width:780px!important;
  }
}
@media (max-width:620px){
  .about-block .about-home-title{
    font-size:30px!important;
    line-height:1.35!important;
  }
}


/* Why section background animation */
.why-section{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  color:#fff!important;
  background:#1f2427!important;
  min-height:640px;
  display:flex;
  align-items:center;
}
.why-section::before{
  content:"";
  position:absolute;
  inset:-8%;
  z-index:-3;
  background:url('../img/why-bg.jpg') center center/cover no-repeat;
  transform:scale(1.08);
  animation:whyBgMove 18s ease-in-out infinite alternate;
  will-change:transform, background-position;
}
.why-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 12% 28%, rgba(232,88,42,.23), transparent 34%),
    linear-gradient(90deg, rgba(13,16,18,.92) 0%, rgba(25,29,32,.78) 46%, rgba(13,16,18,.88) 100%);
}
.why-container{
  position:relative;
  z-index:1;
}
.why-container::before,
.why-container::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(232,88,42,.28);
  border-radius:999px;
  filter:blur(.1px);
  opacity:.55;
  animation:whyGlowFloat 7s ease-in-out infinite alternate;
}
.why-container::before{
  width:420px;
  height:420px;
  right:-210px;
  top:20px;
}
.why-container::after{
  width:520px;
  height:520px;
  left:-260px;
  bottom:-150px;
  animation-delay:1.2s;
}
.why-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:12px!important;
  margin:0 auto 56px!important;
  max-width:900px!important;
}
.why-head .kicker{
  color:var(--orange)!important;
  font-size:17px!important;
  background:rgba(232,88,42,.13)!important;
  border:1px solid rgba(232,88,42,.28)!important;
  padding:6px 15px!important;
  border-radius:999px!important;
}
.why-head .title{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(34px,4.3vw,58px)!important;
  text-shadow:0 8px 28px rgba(0,0,0,.35)!important;
}
.why-head .lead{
  margin:0 auto!important;
  max-width:760px!important;
  color:rgba(255,255,255,.84)!important;
  font-size:20px!important;
  line-height:2!important;
}
.why-cards{
  position:relative;
  z-index:2;
}
.why-section .card{
  min-height:250px;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  transform:translateY(0);
}
.why-section .card:hover{
  transform:translateY(-10px)!important;
  background:rgba(255,255,255,.18)!important;
}
.why-section .card h3{
  color:#fff!important;
  font-size:25px!important;
}
.why-section .card p{
  color:rgba(255,255,255,.82)!important;
  font-size:17px!important;
}
.why-section .icon{
  box-shadow:0 18px 35px rgba(232,88,42,.32)!important;
}
@keyframes whyBgMove{
  0%{transform:scale(1.08) translate3d(0,0,0);background-position:center center;}
  50%{transform:scale(1.14) translate3d(18px,-14px,0);background-position:48% 52%;}
  100%{transform:scale(1.1) translate3d(-18px,12px,0);background-position:54% 46%;}
}
@keyframes whyGlowFloat{
  from{transform:translate3d(0,0,0) scale(1);opacity:.35;}
  to{transform:translate3d(20px,-18px,0) scale(1.06);opacity:.68;}
}
@media(max-width:980px){
  .why-section{min-height:auto;padding:82px 0!important;}
  .why-head{margin-bottom:34px!important;}
  .why-head .lead{font-size:18px!important;}
}
@media(max-width:620px){
  .why-section{padding:70px 0!important;}
  .why-head .title{font-size:31px!important;}
  .why-head .lead{font-size:16px!important;line-height:1.9!important;}
  .why-section .card{min-height:220px;}
}

/* Home quick contact section - orange animated background */
.quick-contact-section{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  color:#fff!important;
  background:#e8582a!important;
  min-height:560px;
  display:flex;
  align-items:center;
}
.quick-contact-section::before{
  content:"";
  position:absolute;
  inset:-8%;
  z-index:-3;
  background:url('../img/why-bg.jpg') center center/cover no-repeat;
  transform:scale(1.08);
  animation:quickContactBgMove 18s ease-in-out infinite alternate;
  will-change:transform, background-position;
}
.quick-contact-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 78% 22%, rgba(255,255,255,.20), transparent 31%),
    radial-gradient(circle at 12% 78%, rgba(112,38,12,.32), transparent 36%),
    linear-gradient(110deg, rgba(232,88,42,.90) 0%, rgba(214,70,28,.76) 46%, rgba(255,126,62,.82) 100%);
}
.quick-contact-section .quick-contact-container{
  position:relative;
  z-index:1;
  align-items:center;
}
.quick-contact-section .quick-contact-container::before,
.quick-contact-section .quick-contact-container::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  opacity:.55;
  animation:quickContactGlowFloat 7s ease-in-out infinite alternate;
}
.quick-contact-section .quick-contact-container::before{
  width:390px;
  height:390px;
  right:-190px;
  top:-90px;
}
.quick-contact-section .quick-contact-container::after{
  width:500px;
  height:500px;
  left:-250px;
  bottom:-170px;
  animation-delay:1.2s;
}
.quick-contact-section .kicker{
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  padding:7px 15px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  margin-bottom:12px!important;
}
.quick-contact-section .title{
  color:#fff!important;
  text-shadow:0 10px 30px rgba(90,28,7,.25)!important;
}
.quick-contact-section .lead{
  color:rgba(255,255,255,.88)!important;
  font-size:20px!important;
  line-height:2!important;
}
.quick-contact-section .card{
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 28px 70px rgba(80,28,9,.22)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.quick-contact-section .card h3,
.quick-contact-section .card b{
  color:var(--dark)!important;
}
.quick-contact-section .feature span{
  color:var(--muted)!important;
}
.quick-contact-section .feature i{
  background:rgba(232,88,42,.13)!important;
}
@keyframes quickContactBgMove{
  0%{transform:scale(1.08) translate3d(0,0,0);background-position:center center;}
  50%{transform:scale(1.14) translate3d(-18px,14px,0);background-position:52% 48%;}
  100%{transform:scale(1.1) translate3d(18px,-12px,0);background-position:46% 54%;}
}
@keyframes quickContactGlowFloat{
  from{transform:translate3d(0,0,0) scale(1);opacity:.36;}
  to{transform:translate3d(-18px,18px,0) scale(1.06);opacity:.72;}
}
@media(max-width:980px){
  .quick-contact-section{min-height:auto;padding:82px 0!important;}
  .quick-contact-section .lead{font-size:18px!important;}
}
@media(max-width:620px){
  .quick-contact-section{padding:70px 0!important;}
  .quick-contact-section .lead{font-size:16px!important;line-height:1.9!important;}
}


/* Animated inner-page hero backgrounds */
.animated-page-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:390px;
  padding:92px 0!important;
  background:#15191c!important;
}
.animated-page-hero::before{
  content:""!important;
  position:absolute!important;
  inset:-9%!important;
  z-index:-4!important;
  background-image:var(--page-bg)!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:saturate(1.08) contrast(1.04)!important;
  transform:scale(1.08);
  animation:innerPageHeroMove 24s ease-in-out infinite alternate!important;
  will-change:transform,background-position;
}
.animated-page-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;
  width:auto!important;
  height:auto!important;
  clip-path:none!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 82% 22%, rgba(232,88,42,.32), transparent 30%),
    radial-gradient(circle at 12% 80%, rgba(94,46,29,.42), transparent 36%),
    linear-gradient(112deg, rgba(12,15,18,.82) 0%, rgba(43,31,26,.70) 42%, rgba(107,54,38,.62) 70%, rgba(17,20,22,.80) 100%)!important;
  animation:innerHeroOverlayShift 12s ease-in-out infinite alternate!important;
}
.animated-page-hero .container{
  position:relative!important;
  z-index:2!important;
}
.animated-page-hero .container::before{
  content:"";
  position:absolute;
  inset:-55px auto auto -20px;
  width:410px;
  height:410px;
  border:1px solid rgba(232,88,42,.24);
  border-radius:50%;
  opacity:.55;
  pointer-events:none;
  animation:innerHeroRingFloat 8s ease-in-out infinite alternate;
}
.animated-page-hero .container::after{
  content:"";
  position:absolute;
  inset:auto -110px -120px auto;
  width:520px;
  height:520px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  opacity:.42;
  pointer-events:none;
  animation:innerHeroRingFloat 10s ease-in-out infinite alternate-reverse;
}
.animated-page-hero .logo-watermark{
  z-index:1!important;
  opacity:.07!important;
  filter:brightness(0) invert(1) grayscale(1)!important;
}
.animated-page-hero .breadcrumb,
.animated-page-hero h1,
.animated-page-hero p{
  position:relative;
  z-index:3;
  animation:innerPageHeroText .85s ease both;
}
.animated-page-hero h1{
  color:#fff!important;
  text-shadow:0 16px 42px rgba(0,0,0,.34),0 0 18px rgba(232,88,42,.20)!important;
}
.animated-page-hero p,
.animated-page-hero .breadcrumb{
  color:rgba(255,255,255,.84)!important;
  text-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
.animated-page-hero .breadcrumb a{color:rgba(255,255,255,.86)!important;}
.page-services-hero{--page-bg:url('../img/page-services-bg.png');}
.page-projects-hero{--page-bg:url('../img/page-projects-bg.png');}
.page-about-hero{--page-bg:url('../img/page-about-bg.png');}
.page-certificates-hero{--page-bg:url('../img/page-certificates-bg.png');}
.page-contact-hero{--page-bg:url('../img/page-contact-bg.png');}
.page-about-hero::after{
  background:
    radial-gradient(circle at 78% 18%, rgba(232,88,42,.24), transparent 30%),
    linear-gradient(112deg, rgba(11,15,18,.72) 0%, rgba(46,31,24,.58) 48%, rgba(114,57,38,.48) 73%, rgba(15,18,20,.72) 100%)!important;
}
.page-contact-hero::after{
  background:
    radial-gradient(circle at 72% 25%, rgba(255,150,86,.26), transparent 34%),
    linear-gradient(112deg, rgba(10,14,17,.67) 0%, rgba(47,30,24,.54) 44%, rgba(232,88,42,.38) 70%, rgba(17,20,22,.66) 100%)!important;
}
@keyframes innerPageHeroMove{
  0%{transform:scale(1.07) translate3d(0,0,0);background-position:center center;}
  50%{transform:scale(1.12) translate3d(-18px,12px,0);background-position:53% 48%;}
  100%{transform:scale(1.09) translate3d(20px,-10px,0);background-position:47% 53%;}
}
@keyframes innerHeroOverlayShift{
  from{filter:hue-rotate(0deg) saturate(1);opacity:.96;}
  to{filter:hue-rotate(-8deg) saturate(1.12);opacity:1;}
}
@keyframes innerHeroRingFloat{
  from{transform:translate3d(0,0,0) scale(1);opacity:.25;}
  to{transform:translate3d(-22px,18px,0) scale(1.06);opacity:.58;}
}
@keyframes innerPageHeroText{
  from{opacity:0;transform:translateY(22px);}
  to{opacity:1;transform:none;}
}
@media(max-width:980px){
  .animated-page-hero{min-height:330px;padding:76px 0!important;}
  .animated-page-hero .container::before,.animated-page-hero .container::after{display:none;}
}
@media(max-width:620px){
  .animated-page-hero{min-height:290px;padding:62px 0!important;}
}


/* Modern About Page Redesign */
.about-intro-modern{background:#fff;padding-top:85px;padding-bottom:85px;position:relative;overflow:hidden}
.about-intro-modern:before{content:"";position:absolute;inset:8% auto auto -120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(232,88,42,.12),transparent 65%)}
.about-intro-wrap{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.about-copy .title{max-width:760px;font-size:clamp(32px,3.8vw,58px)}
.about-copy .lead{font-size:20px;line-height:2;color:#5f6871;margin-top:18px}
.about-mini-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.about-mini-points span{background:#fff0ea;color:#df4f24;border:1px solid rgba(232,88,42,.16);border-radius:999px;padding:10px 16px;font-weight:800;box-shadow:0 10px 24px rgba(232,88,42,.08)}
.about-photo-card{position:relative;border-radius:34px;padding:14px;background:linear-gradient(135deg,rgba(232,88,42,.95),rgba(50,26,18,.25));box-shadow:0 22px 60px rgba(0,0,0,.12);overflow:hidden}
.about-photo-card:before{content:"";position:absolute;inset:28px -18px -18px 28px;border:2px solid #e8582a;border-radius:34px;z-index:-1}
.about-photo-card img{width:100%;height:520px;object-fit:cover;border-radius:26px;display:block;filter:saturate(1.05) contrast(1.04)}
.centered-head{justify-content:center;text-align:center}.centered-head .lead{margin:12px auto 0}.about-vmv-section{background:linear-gradient(180deg,#f8f8f8,#fff);position:relative;overflow:hidden}
.about-vmv-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(232,88,42,.06),transparent 55%);pointer-events:none}
.about-vmv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.about-vmv-card{position:relative;min-height:300px;background:rgba(255,255,255,.88);border:1px solid rgba(0,0,0,.07);border-radius:30px;padding:34px;box-shadow:0 18px 50px rgba(0,0,0,.07);overflow:hidden;transition:.3s}.about-vmv-card:before{content:"";position:absolute;inset:0 0 auto auto;width:120px;height:120px;background:rgba(232,88,42,.10);clip-path:polygon(100% 0,0 0,100% 100%)}.about-vmv-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(0,0,0,.11)}.vmv-icon{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#e8582a,#d63b1c);display:grid;place-items:center;color:#fff;font-weight:900;font-size:24px;margin-bottom:22px;box-shadow:0 16px 30px rgba(232,88,42,.25)}.about-vmv-card h3{font-size:30px;margin:0 0 14px}.about-vmv-card p{font-size:18px;line-height:1.9;color:#5e6872;margin:0}.values-tags{display:flex;flex-wrap:wrap;gap:10px}.values-tags span{background:#f6f7f8;border:1px solid #eceff1;border-radius:999px;padding:10px 15px;font-weight:800;color:#273039}.about-why-modern{background:#fff}.about-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.about-why-grid article{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 16px 42px rgba(0,0,0,.055);transition:.25s}.about-why-grid article:hover{transform:translateY(-7px)}.about-why-grid b{color:#e8582a;font-size:28px}.about-why-grid h3{font-size:23px;margin:12px 0}.about-why-grid p{color:#66717a;line-height:1.8;margin:0}.about-stats-band{background:linear-gradient(135deg,#15191d,#352016,#e8582a);padding:48px 0;color:#fff;position:relative;overflow:hidden}.about-stats-band:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.10),transparent 30%);animation:aboutGlow 9s ease-in-out infinite alternate}.about-stats-modern{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}.about-stats-modern div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:25px;backdrop-filter:blur(10px)}.about-stats-modern strong{display:block;font-size:42px}.about-stats-modern span{color:rgba(255,255,255,.82);font-weight:700}.about-cta-modern{background:#f7f7f7}.about-cta-box{text-align:center;background:linear-gradient(135deg,#fff,#fff5f0);border:1px solid rgba(232,88,42,.13);border-radius:34px;padding:54px 28px;box-shadow:0 20px 60px rgba(0,0,0,.06)}.about-cta-box h2{font-size:42px;margin:0 0 10px}.about-cta-box p{color:#6a737b;font-size:19px;margin:0 0 24px}@keyframes aboutGlow{from{transform:translateX(-3%) translateY(-2%)}to{transform:translateX(3%) translateY(2%)}}
@media(max-width:980px){.about-intro-wrap,.about-vmv-grid,.about-why-grid,.about-stats-modern{grid-template-columns:1fr}.about-photo-card img{height:360px}.about-copy .title,.about-copy .lead{text-align:center}.about-mini-points{justify-content:center}}


/* Modern icons for About page vision/message/values */
.about-icon,
.vmv-icon,
.value-icon,
.about-vmv .icon,
.about-card .icon,
.vision-card .icon,
.mission-card .icon,
.values-card .icon {
    width: 90px;
    height: 90px;
    border-radius: 28px;
    background: linear-gradient(135deg, #ff6a2a, #e84e1b);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 38px;
    box-shadow: 0 18px 40px rgba(232, 78, 27, .28);
    line-height: 1;
}
.about-icon i,
.vmv-icon i,
.value-icon i,
.about-vmv .icon i,
.about-card .icon i,
.vision-card .icon i,
.mission-card .icon i,
.values-card .icon i {
    color: #fff !important;
    font-size: 38px;
}
.value-chip,
.values-chip,
.values-list span,
.about-values span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 8px 20px rgba(0,0,0,.06);
    font-weight: 700;
}
.value-chip i,
.values-chip i,
.values-list span i,
.about-values span i {
    color: #e84e1b;
}


/* Certificates page - clean white 3-card A4 slider */
.certificates-modern-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 20%, rgba(232, 78, 27, .08), transparent 34%),
        radial-gradient(circle at 85% 15%, rgba(45, 24, 18, .06), transparent 30%),
        #fff;
    padding: 80px 0 95px;
}

.certificates-modern-container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 24px;
}

.certificates-modern-head {
    text-align: center;
    margin-bottom: 42px;
}

.certificates-modern-head span {
    display: inline-block;
    color: #e84e1b;
    font-weight: 800;
    margin-bottom: 12px;
}

.certificates-modern-head h2 {
    font-size: clamp(30px, 4vw, 48px);
    color: #20252b;
    margin: 0 0 16px;
    font-weight: 900;
}

.certificates-modern-head p {
    max-width: 760px;
    margin: 0 auto;
    color: #6c7580;
    line-height: 1.9;
    font-size: 18px;
}

.certificates-slider-wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
}

.certificates-viewport {
    overflow: hidden;
    width: 100%;
    padding: 18px 8px 34px;
}

.certificates-track {
    direction: ltr;
    display: flex;
    gap: 28px;
    transition: transform .65s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}

.cert-slide {
    flex: 0 0 calc((100% - 56px) / 3);
    min-width: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 26px;
    padding: 16px 16px 22px;
    box-shadow: 0 18px 45px rgba(17, 24, 39, .10);
    transform: scale(.94);
    opacity: .86;
    transition: transform .35s ease, opacity .35s ease, box-shadow .35s ease;
    text-align: center;
}

.cert-slide.is-active {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 24px 60px rgba(232, 78, 27, .16);
}

.cert-slide a {
    display: block;
    border-radius: 20px;
    overflow: hidden;
    background: #f7f7f7;
}

.cert-slide img {
    display: block;
    width: 100%;
    aspect-ratio: 210 / 297;
    object-fit: contain;
    background: #fff;
}

.cert-slide h3 {
    margin: 18px 0 0;
    color: #20252b;
    font-size: 22px;
    font-weight: 900;
}

.cert-nav {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #e84e1b, #c93617);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(232, 78, 27, .28);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: transform .25s ease, box-shadow .25s ease;
    z-index: 2;
}

.cert-nav:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 20px 42px rgba(232, 78, 27, .34);
}

.certificates-modern-section .btn,
.certificates-modern-section a[href*="profile"],
.certificates-modern-section a[href*="Profile"] {
    display: none !important;
}

@media (max-width: 1024px) {
    .cert-slide {
        flex-basis: calc((100% - 28px) / 2);
    }
}

@media (max-width: 680px) {
    .certificates-modern-section {
        padding: 56px 0 70px;
    }

    .certificates-slider-wrap {
        gap: 10px;
    }

    .cert-nav {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        font-size: 16px;
    }

    .cert-slide {
        flex-basis: 100%;
        padding: 12px 12px 18px;
        border-radius: 22px;
    }

    .cert-slide h3 {
        font-size: 19px;
    }
}


/* Modern projects page */
.projects-modern-section {
    padding: 80px 0 70px;
    background:
        radial-gradient(circle at 10% 10%, rgba(232,78,27,.08), transparent 32%),
        linear-gradient(180deg, #fff 0%, #fbfbfb 100%);
}

.projects-modern-head {
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 36px;
}

.projects-modern-head > p,
.projects-execution-gallery .section-head > p {
    max-width: 560px;
    color: #6d7580;
    line-height: 1.9;
    margin: 0;
}

.projects-modern-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.project-modern-card {
    position: relative;
    background: #fff;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 20px 55px rgba(17,24,39,.08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.project-modern-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 70px rgba(232,78,27,.15);
}

.project-main-image {
    position: relative;
    display: block;
    height: 270px;
    overflow: hidden;
    background: #f6f6f6;
}

.project-main-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.58) 100%);
}

.project-main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.project-modern-card:hover .project-main-image img {
    transform: scale(1.08);
}

.project-number {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ff6a2a, #d83b18);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 900;
    box-shadow: 0 14px 30px rgba(232,78,27,.32);
}

.project-tag {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    color: #fff;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.24);
    backdrop-filter: blur(10px);
    border-radius: 999px;
    padding: 8px 16px;
    font-weight: 800;
}

.project-modern-content {
    padding: 24px 24px 26px;
}

.project-activity {
    display: inline-flex;
    align-items: center;
    color: #e84e1b;
    background: #fff0eb;
    padding: 9px 16px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 14px;
}

.project-modern-content h3 {
    margin: 0 0 12px;
    color: #20252b;
    font-size: 23px;
    line-height: 1.55;
    font-weight: 900;
}

.project-modern-content p {
    color: #6d7580;
    line-height: 1.85;
    margin: 0 0 18px;
}

.project-thumbs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.project-thumbs img {
    width: 100%;
    aspect-ratio: 1 / .78;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.06);
}

.projects-execution-gallery {
    padding: 80px 0 95px;
    background: #f6f6f4;
}

.execution-masonry {
    column-count: 4;
    column-gap: 18px;
    margin-top: 34px;
}

.execution-masonry a {
    display: block;
    break-inside: avoid;
    margin-bottom: 18px;
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 16px 42px rgba(17,24,39,.08);
}

.execution-masonry img {
    width: 100%;
    display: block;
    transition: transform .45s ease, filter .45s ease;
}

.execution-masonry a:hover img {
    transform: scale(1.06);
    filter: saturate(1.08) contrast(1.03);
}

@media (max-width: 1100px) {
    .projects-modern-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .execution-masonry {
        column-count: 3;
    }
}

@media (max-width: 720px) {
    .projects-modern-section,
    .projects-execution-gallery {
        padding: 56px 0;
    }

    .projects-modern-head {
        align-items: flex-start;
    }

    .projects-modern-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .project-main-image {
        height: 235px;
    }

    .project-modern-content {
        padding: 20px;
    }

    .execution-masonry {
        column-count: 2;
        column-gap: 12px;
    }

    .execution-masonry a {
        margin-bottom: 12px;
        border-radius: 16px;
    }
}

@media (max-width: 460px) {
    .execution-masonry {
        column-count: 1;
    }
}


/* ================= MOBILE RESPONSIVE FINAL FIXES ONLY ================= */
@media (max-width: 720px) {
  html, body { overflow-x: hidden !important; }

  /* Header mobile order: logo right / profile center / menu left */
  .topbar { z-index: 9998 !important; }
  .nav {
    height: 82px !important;
    min-height: 82px !important;
    display: grid !important;
    grid-template-columns: 86px 1fr 86px !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 0 !important;
    padding: 0 6px !important;
  }
  .brand {
    grid-column: 3 !important;
    justify-self: end !important;
    min-width: 0 !important;
    width: auto !important;
  }
  .brand img {
    width: 70px !important;
    max-width: 70px !important;
    height: auto !important;
  }
  .menu {
    grid-column: 1 !important;
    justify-self: start !important;
    display: grid !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 18px !important;
    font-size: 27px !important;
    line-height: 1 !important;
    place-items: center !important;
    background: #202326 !important;
  }
  .nav-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
  }
  .nav-actions .profile-btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 118px !important;
    max-width: 140px !important;
    height: 48px !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    gap: 8px !important;
    box-shadow: 0 12px 26px rgba(232,88,42,.22) !important;
  }
  .nav-actions .profile-icon,
  .nav-actions .profile-icon svg {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
  }

  /* Mobile dropdown anchored left and clean */
  .links {
    position: fixed !important;
    top: 88px !important;
    left: 14px !important;
    right: auto !important;
    width: min(330px, calc(100vw - 28px)) !important;
    transform: none !important;
    border-radius: 24px !important;
    padding: 16px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.22) !important;
    border: 1px solid rgba(0,0,0,.07) !important;
    align-items: stretch !important;
    z-index: 9999 !important;
  }
  .links a {
    text-align: center !important;
    padding: 15px 16px !important;
    border-radius: 18px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    margin: 2px 0 !important;
  }

  /* Hero image slider smaller on mobile */
  .hero-clean,
  .hero-slider {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 430px !important;
  }
  .slide { background-position: center center !important; }
  .slider-prev,
  .slider-next {
    width: 42px !important;
    height: 42px !important;
    font-size: 20px !important;
    opacity: .92 !important;
  }
  .slider-prev { left: 14px !important; }
  .slider-next { right: 14px !important; }
  .slider-dots { bottom: 24px !important; }

  /* Center all mobile content and prevent clipped one-line text */
  .section,
  .section-head,
  .services-intro,
  .about-copy,
  .about-copy .title,
  .about-copy .lead,
  .about-intro-modern,
  .about-vmv-card,
  .about-why-grid article,
  .projects-modern-head,
  .projects-modern-head > p,
  .project-modern-content,
  .certificates-modern-head,
  .contact-card,
  .footer,
  .footer * {
    text-align: center !important;
  }

  .title,
  .lead,
  .services-intro .title,
  .services-intro .lead,
  .about-copy .title,
  .about-copy .lead,
  .project-modern-content h3,
  .project-modern-content p,
  .certificates-modern-head h2,
  .certificates-modern-head p,
  .page-hero h1,
  .page-hero p,
  .card h3,
  .card p,
  .service-card h3,
  .service-card p {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .title { font-size: 31px !important; line-height: 1.45 !important; }
  .lead,
  .services-intro .lead,
  .about-copy .lead,
  .projects-modern-head > p,
  .certificates-modern-head p {
    font-size: 17px !important;
    line-height: 2 !important;
  }

  /* Stats cards: shadow + soft motion */
  .stats-strip {
    margin-top: 20px !important;
    padding-bottom: 36px !important;
  }
  .stats-grid {
    border-radius: 24px !important;
    padding: 18px !important;
    gap: 14px !important;
    box-shadow: 0 20px 55px rgba(17,24,39,.13) !important;
  }
  .stat {
    border: 1px solid rgba(0,0,0,.06) !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 34px rgba(17,24,39,.08) !important;
    transition: transform .28s ease, box-shadow .28s ease !important;
    animation: mobileStatFloat 5s ease-in-out infinite !important;
  }
  .stat:nth-child(2) { animation-delay: .35s !important; }
  .stat:nth-child(3) { animation-delay: .7s !important; }
  .stat:nth-child(4) { animation-delay: 1.05s !important; }
  .stat:nth-child(5) { animation-delay: 1.4s !important; }
  .stat:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 45px rgba(232,88,42,.18) !important;
  }

  @keyframes mobileStatFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
  }

  /* About main page blocks */
  .about-block,
  .about-intro-wrap {
    display: block !important;
    padding: 34px 18px !important;
    border-radius: 26px !important;
  }
  .about-copy,
  .about-copy .title,
  .about-copy .lead {
    text-align: center !important;
  }
  .about-mini-points,
  .values-tags {
    justify-content: center !important;
  }
  .about-vmv-grid {
    gap: 22px !important;
  }
  .about-vmv-card {
    min-height: auto !important;
    padding: 30px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .vmv-icon,
  .about-icon,
  .value-icon {
    margin: 0 auto 20px !important;
  }
  .about-why-grid article b,
  .about-why-grid article h3,
  .about-why-grid article p {
    text-align: center !important;
  }

  /* Services mobile clipping fix */
  .services-showcase,
  .services-section,
  .services-carousel,
  .services-viewport {
    overflow: hidden !important;
  }
  .services-intro {
    padding: 0 4px !important;
  }
  .services-intro .title {
    font-size: 30px !important;
    line-height: 1.6 !important;
  }
  .services-intro .lead {
    display: block !important;
    width: 100% !important;
    max-width: 92vw !important;
    font-size: 17px !important;
    line-height: 2.05 !important;
    font-weight: 700 !important;
  }
  .service-card,
  .card {
    text-align: center !important;
  }
  .service-card .icon,
  .card .icon {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .service-slide-content,
  .service-slide-content h3,
  .service-slide-content p {
    text-align: center !important;
  }

  /* Why / dark section cards centered */
  .dark .card,
  .dark .card h3,
  .dark .card p {
    text-align: center !important;
  }
  .dark .card .icon {
    margin: 0 auto 18px !important;
  }

  /* CTA and contact in home centered */
  .quick-contact,
  .contact-info,
  .contact-box,
  .cta,
  .cta * {
    text-align: center !important;
  }

  /* Projects page mobile alignment */
  .projects-modern-head {
    align-items: center !important;
  }
  .projects-modern-head > p {
    margin: 12px auto 0 !important;
  }
  .project-modern-card {
    border-radius: 26px !important;
  }
  .project-modern-content {
    padding: 22px 18px 24px !important;
  }
  .project-activity {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
  }
  .project-thumbs {
    gap: 8px !important;
  }

  /* Certificates mobile: no blank slide, clean arrows, one card only */
  .certificates-modern-section {
    padding: 50px 0 72px !important;
  }
  .certificates-modern-head {
    margin-bottom: 24px !important;
  }
  .certificates-slider-wrap {
    display: block !important;
    position: relative !important;
    padding: 0 52px !important;
  }
  .certificates-viewport {
    width: 100% !important;
    overflow: hidden !important;
    padding: 10px 0 24px !important;
  }
  .certificates-track {
    gap: 0 !important;
    direction: ltr !important;
    align-items: stretch !important;
  }
  .cert-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    border-radius: 22px !important;
    transform: none !important;
    opacity: 1 !important;
  }
  .cert-slide.is-active {
    transform: none !important;
  }
  .cert-slide img {
    aspect-ratio: 210 / 297 !important;
    object-fit: contain !important;
  }
  .cert-nav {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    flex-basis: 44px !important;
    z-index: 5 !important;
    box-shadow: 0 12px 26px rgba(232,88,42,.25) !important;
  }
  .cert-prev { right: 0 !important; left: auto !important; }
  .cert-next { left: 0 !important; right: auto !important; }

  /* Footer centered and tidy */
  .footer {
    padding-top: 44px !important;
    padding-bottom: 150px !important;
  }
  .footer-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    justify-items: center !important;
  }
  .footer img {
    margin: 0 auto 16px !important;
  }
  .footer-links {
    align-items: center !important;
    justify-content: center !important;
  }
  .copy {
    text-align: center !important;
  }

  /* Floating buttons smaller and away from content as much as possible */
  .floating-actions {
    left: 10px !important;
    bottom: 12px !important;
    gap: 8px !important;
    z-index: 9996 !important;
  }
  .back-to-top,
  .whatsapp-action {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
  }
  .whatsapp-action svg,
  .back-to-top svg {
    width: 24px !important;
    height: 24px !important;
  }
  .email-action {
    font-size: 22px !important;
  }
}

@media (max-width: 420px) {
  .nav {
    grid-template-columns: 78px 1fr 78px !important;
  }
  .brand img { width: 64px !important; }
  .menu {
    width: 52px !important;
    height: 52px !important;
  }
  .nav-actions .profile-btn {
    min-width: 108px !important;
    max-width: 122px !important;
    height: 44px !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
  }
  .hero-clean,
  .hero-slider {
    height: 380px !important;
    min-height: 380px !important;
  }
  .certificates-slider-wrap {
    padding: 0 46px !important;
  }
}
/* ================= END MOBILE RESPONSIVE FINAL FIXES ONLY ================= */


/* ===== Mobile header exact layout fix ===== */
@media (max-width: 720px) {
  .topbar {
    position: sticky !important;
    top: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(0,0,0,.06) !important;
  }

  .nav {
    height: 88px !important;
    min-height: 88px !important;
    display: grid !important;
    grid-template-columns: 82px 1fr 82px !important;
    padding: 0 14px !important;
    gap: 0 !important;
    align-items: center !important;
    justify-items: center !important;
  }

  /* الشعار يمين */
  .brand {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 2 !important;
  }

  .brand img {
    width: 68px !important;
    max-width: 68px !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* ملف الشركة في الوسط */
  .nav-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 1 !important;
  }

  .nav-actions .profile-btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 150px !important;
    max-width: 170px !important;
    height: 52px !important;
    padding: 10px 18px !important;
    border-radius: 18px !important;
    font-size: 15px !important;
    white-space: nowrap !important;
  }

  /* القائمة يسار */
  .menu {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    display: grid !important;
    place-items: center !important;
    background: #202326 !important;
    color: #fff !important;
    z-index: 3 !important;
  }

  .links {
    top: 94px !important;
    left: 14px !important;
    right: auto !important;
  }
}

@media (max-width: 420px) {
  .nav {
    grid-template-columns: 72px 1fr 72px !important;
    padding: 0 12px !important;
  }
  .brand img {
    width: 62px !important;
    max-width: 62px !important;
  }
  .menu {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }
  .nav-actions .profile-btn {
    min-width: 136px !important;
    max-width: 150px !important;
    height: 50px !important;
    font-size: 14px !important;
    padding: 9px 14px !important;
  }
}
/* ===== End mobile header exact layout fix ===== */