@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap");

@font-face{font-family:"Bahij TheSansArabic";src:url("assets/fonts/Bahij TheSansArabic-Plain.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bahij TheSansArabic";src:url("assets/fonts/Bahij TheSansArabic-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Bahij TheSansArabic";src:url("assets/fonts/Bahij TheSansArabic-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Bahij TheSansArabic";src:url("assets/fonts/Bahij TheSansArabic-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Bahij TheSansArabic";src:url("assets/fonts/Bahij TheSansArabic-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Bahij TheSansArabic";src:url("assets/fonts/Bahij TheSansArabic-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}


:root{
  --navy:#063B8E;--navy-2:#0B56B3;--gold:#F4C75A;--gold-soft:#FFE6A1;--orange:#FF4A00;--orange-soft:#FF8A3D;
  --dark:#EEF4FF;--white:#07111F;--muted:rgba(7,17,31,.70);--card:rgba(255,255,255,.82);--line:rgba(6,43,115,.16);
  --surface:#FFFFFF;--shadow:0 28px 80px rgba(6,43,115,.13);
}
html[data-theme="dark"]{
  --dark:#102B5F;--white:#FFFFFF;--muted:rgba(255,255,255,.76);--card:rgba(255,255,255,.10);--line:rgba(255,255,255,.18);
  --surface:#0A1E46;--shadow:0 30px 90px rgba(2,10,28,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#F7FAFF 0%, var(--dark) 42%, #FFFFFF 100%);color:var(--white);font-family:"Bahij TheSansArabic", Tahoma, Arial, sans-serif;overflow-x:hidden}
body.en{font-family:"Bahij TheSansArabic", Inter, Arial, sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,74,0,.22),transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
.preloader{position:fixed;inset:0;background:#02040b;z-index:999;display:grid;place-items:center;align-content:center;gap:20px;transition:.7s}
.preloader.hide{opacity:0;visibility:hidden}
.loader-orbit{position:relative;width:150px;height:150px;display:grid;place-items:center}
.loader-orbit img{width:82px;filter:drop-shadow(0 0 20px rgba(244,199,90,.4))}
.loader-orbit span{position:absolute;inset:0;border:1px solid rgba(244,199,90,.35);border-radius:50%;animation:spin 6s linear infinite}
.loader-orbit span:nth-child(2){inset:18px;animation-duration:4s;border-color:rgba(255,74,0,.4)}
.loader-orbit span:nth-child(3){inset:34px;animation-duration:8s}
@keyframes spin{to{transform:rotate(360deg)}}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:rgba(5,7,15,.64);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--gold)}
.brand img{width:46px;height:46px;object-fit:contain}.brand span{letter-spacing:.3px}
.nav-links{display:flex;gap:28px;color:var(--muted);font-size:14px}.nav-links a:hover{color:var(--gold)}
.nav-actions{display:flex;gap:10px;align-items:center}.icon-btn,.lang-btn,.menu-btn{border:1px solid var(--line);background:var(--card);color:var(--white);border-radius:999px;padding:10px 14px;cursor:pointer}
.nav-cta{background:linear-gradient(135deg,var(--orange),#ff8a00);color:#fff;padding:12px 18px;border-radius:999px;font-weight:800}
.menu-btn{display:none;width:44px;height:42px;position:relative}.menu-btn span{display:block;height:2px;background:var(--white);margin:5px}
.section{position:relative;padding:110px 7vw}.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-top:120px;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 30%,rgba(6,43,115,.85),transparent 38%),radial-gradient(circle at 20% 70%,rgba(255,74,0,.22),transparent 34%)}
.grid-lines{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle,black,transparent 74%)}
.hero-symbol{position:absolute;left:7%;top:17%;width:560px;opacity:.08;animation:float 8s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-25px) rotate(8deg)}}.orb{position:absolute;border-radius:50%;filter:blur(22px)}.orb-one{width:180px;height:180px;background:rgba(244,199,90,.17);right:10%;top:22%}.orb-two{width:240px;height:240px;background:rgba(255,74,0,.14);left:12%;bottom:18%}
.eyebrow,.section-label{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.eyebrow span{width:42px;height:2px;background:var(--orange)}
.hero h1{font-size:clamp(48px,7vw,105px);line-height:1.05;margin:18px 0;background:linear-gradient(120deg,var(--white),var(--gold));-webkit-background-clip:text;color:transparent}
.hero-lead{font-size:clamp(18px,2vw,25px);line-height:1.9;color:var(--muted);max-width:800px}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:15px 24px;font-weight:900;border:1px solid var(--line);transition:.25s}.btn:hover{transform:translateY(-4px)}.primary{background:linear-gradient(135deg,var(--orange),#ff9a36);color:#fff;border:none}.secondary{color:var(--gold);background:var(--card)}
.hero-panel{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:34px;padding:18px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.panel-header{display:flex;gap:8px}.panel-header span{width:12px;height:12px;background:var(--gold);border-radius:50%}.panel-header span:nth-child(2){background:var(--orange)}.panel-header span:nth-child(3){background:#fff3}
.growth-card{padding:32px}.growth-card h3{font-size:34px;margin:8px 0 25px}.chart{height:220px;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:15px}.chart i{flex:1;border-radius:15px 15px 0 0;background:linear-gradient(var(--gold),var(--orange));animation:bar 2s ease infinite alternate}.chart i:nth-child(2){animation-delay:.2s}.chart i:nth-child(3){animation-delay:.4s}.chart i:nth-child(4){animation-delay:.6s}@keyframes bar{to{filter:brightness(1.25);transform:scaleY(.88)}}.metric-row{display:flex;justify-content:space-between;margin-top:18px}.metric-row b{font-size:34px;color:var(--gold)}
.scroll-indicator{position:absolute;bottom:28px;left:50%;width:26px;height:42px;border:1px solid var(--line);border-radius:20px}.scroll-indicator span{display:block;width:5px;height:9px;background:var(--gold);border-radius:9px;margin:8px auto;animation:scroll 1.5s infinite}@keyframes scroll{to{transform:translateY(14px);opacity:0}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.split h2,.section-head h2,.proposal h2,.contact h2,.talk-card h2{font-size:clamp(32px,4vw,64px);line-height:1.22;margin:16px 0}.split p,.section-head p,.proposal p,.contact p,.talk-card p{font-size:18px;line-height:2;color:var(--muted)}.signature{color:var(--gold);margin-top:25px;font-weight:900}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:70px}.stats-grid div,.service-orbit article,.project-card,.timeline div,.proposal-box, .talk-card,.contact-grid{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.stats-grid div{padding:30px;text-align:center}.stats-grid strong{font-size:54px;color:var(--gold)}.stats-grid span{font-size:30px;color:var(--orange)}
.section-head{text-align:center;max-width:820px;margin:auto auto 55px}
.service-orbit{position:relative;min-height:760px;border:1px solid var(--line);border-radius:42px;background:radial-gradient(circle,var(--card),transparent);overflow:hidden}
.center-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;gap:10px;z-index:2}.center-core img{width:140px;animation:spin 25s linear infinite}.center-core b{color:var(--gold)}
.service-orbit article{position:absolute;width:280px;padding:24px;transition:.35s}.service-orbit article:hover,.project-card:hover{transform:translateY(-8px);border-color:rgba(244,199,90,.45)}
.service-orbit article:nth-of-type(1){top:70px;right:12%}.service-orbit article:nth-of-type(2){top:70px;left:12%}.service-orbit article:nth-of-type(3){top:310px;right:4%}.service-orbit article:nth-of-type(4){top:310px;left:4%}.service-orbit article:nth-of-type(5){bottom:70px;right:18%}.service-orbit article:nth-of-type(6){bottom:70px;left:18%}
.filters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}.filter{padding:11px 18px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--white);cursor:pointer}.filter.active{background:var(--gold);color:#07111f;font-weight:900}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.project-card{padding:16px}.project-visual{height:230px;border-radius:20px;background:linear-gradient(135deg,var(--navy),#05070f 60%,rgba(255,74,0,.38));display:grid;place-items:center;color:var(--gold);font-size:28px;font-weight:900;position:relative;overflow:hidden}.project-visual:after{content:"";position:absolute;inset:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(25deg);animation:shine 4s infinite}@keyframes shine{60%,100%{translate:100% 0}}
.logo-marquee{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--card)}.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite}.marquee-track span{padding:28px 45px;font-size:24px;font-weight:900;color:var(--gold);white-space:nowrap}@keyframes marquee{to{transform:translateX(50%)}}body.en .marquee-track{animation-name:marquee-en}@keyframes marquee-en{to{transform:translateX(-50%)}}
.talk-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:42px;align-items:center;background:linear-gradient(135deg,rgba(6,43,115,.7),var(--card))}.video-stack{display:grid;gap:18px}.video-stack div{height:120px;border-radius:24px;background:linear-gradient(135deg,#111b37,#060812);display:grid;place-items:center;color:var(--gold);font-size:24px;font-weight:900;transform:rotate(-2deg)}.video-stack div:nth-child(2){transform:rotate(2deg);margin-inline-start:40px}.video-stack div:nth-child(3){transform:rotate(-1deg);margin-inline-start:80px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.timeline div{padding:26px}.timeline b{color:var(--orange);font-size:34px}.proposal-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding:44px}form{display:grid;gap:14px}input,select,textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:16px;color:var(--white);font:inherit}textarea{min-height:130px}select option{background:#111;color:#fff}.form-note{color:var(--gold)!important;min-height:26px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:42px}.map-card{border-radius:26px;overflow:hidden;min-height:300px;background:#000}.map-card img{width:100%;height:100%;object-fit:cover;display:block}
footer{text-align:center;padding:60px 7vw;background:#02040b;color:#aaa;border-top:1px solid var(--line)}footer img{width:80px;opacity:.85}footer p{font-size:20px;color:var(--gold)}
.reveal{opacity:0;transform:translateY(40px);transition:1s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav-links{position:fixed;top:78px;left:18px;right:18px;background:rgba(5,7,15,.95);border:1px solid var(--line);border-radius:24px;display:none;flex-direction:column;padding:20px}.nav-links.open{display:flex}.menu-btn{display:block}.hero,.split,.talk-card,.proposal-box,.contact-grid{grid-template-columns:1fr}.portfolio-grid,.timeline,.stats-grid{grid-template-columns:repeat(2,1fr)}.service-orbit{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px}.service-orbit article,.center-core{position:static;transform:none;width:auto}.center-core{grid-column:1/-1}}
@media(max-width:650px){.section{padding:82px 5vw}.hero h1{font-size:44px}.portfolio-grid,.timeline,.stats-grid,.service-orbit{grid-template-columns:1fr}.nav-cta{display:none}.brand span{display:none}.hero-panel{display:none}.cursor-glow{display:none}}


/* Brand-light refinement */
html[data-theme="dark"] body{background:linear-gradient(180deg,#102B5F 0%, #0A1E46 55%, #071735 100%)}
.nav{background:rgba(255,255,255,.72)}
html[data-theme="dark"] .nav{background:rgba(10,30,70,.72)}
.hero-bg{background:
  radial-gradient(circle at 70% 28%,rgba(244,199,90,.34),transparent 35%),
  radial-gradient(circle at 18% 75%,rgba(255,74,0,.18),transparent 34%),
  linear-gradient(135deg,#FFFFFF 0%,#EEF4FF 42%,#DCEBFF 100%)}
html[data-theme="dark"] .hero-bg{background:
  radial-gradient(circle at 70% 30%,rgba(244,199,90,.22),transparent 38%),
  radial-gradient(circle at 20% 70%,rgba(255,74,0,.20),transparent 34%),
  linear-gradient(135deg,#123B82 0%,#0A1E46 58%,#071735 100%)}
.grid-lines{opacity:.45}
.hero h1{background:linear-gradient(120deg,var(--navy),var(--orange) 52%,#B47A00);-webkit-background-clip:text;color:transparent}
html[data-theme="dark"] .hero h1{background:linear-gradient(120deg,#FFFFFF,var(--gold));-webkit-background-clip:text;color:transparent}
.hero-panel,.stats-grid div,.service-orbit article,.project-card,.timeline div,.proposal-box,.talk-card,.contact-grid,.logo-marquee{
  background:rgba(255,255,255,.78);
  border-color:rgba(6,43,115,.16);
}
html[data-theme="dark"] .hero-panel,
html[data-theme="dark"] .stats-grid div,
html[data-theme="dark"] .service-orbit article,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .timeline div,
html[data-theme="dark"] .proposal-box,
html[data-theme="dark"] .talk-card,
html[data-theme="dark"] .contact-grid,
html[data-theme="dark"] .logo-marquee{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
}
.service-orbit{background:radial-gradient(circle,rgba(244,199,90,.18),rgba(6,43,115,.06),transparent)}
.project-visual{background:linear-gradient(135deg,#063B8E,#0B56B3 48%,rgba(255,74,0,.78))}
input,select,textarea{background:rgba(255,255,255,.85);color:#07111F}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:rgba(255,255,255,.09);color:#FFFFFF}
footer{background:linear-gradient(135deg,#063B8E,#0A1E46);color:rgba(255,255,255,.75)}
footer p{color:var(--gold-soft)}


/* V3: Header and About refinements */
.brand.logo-only img{
  width:72px;
  height:72px;
  object-fit:contain;
}
.brand.logo-only{
  gap:0;
  min-width:72px;
}
.nav{
  padding-top:10px;
  padding-bottom:10px;
}
.about-split{
  align-items:start;
}
.about-lead{
  font-size:22px!important;
  line-height:2!important;
  color:var(--muted);
  max-width:560px;
}
.about-copy{
  background:rgba(255,255,255,.58);
  border:1px solid var(--line);
  border-radius:30px;
  padding:34px;
  box-shadow:var(--shadow);
}
html[data-theme="dark"] .about-copy{
  background:rgba(255,255,255,.09);
}
.about-copy p{
  margin:0 0 18px;
  line-height:2.15!important;
  font-size:16.5px!important;
}
.about-copy p:last-child{
  margin-bottom:0;
}
@media(max-width:650px){
  .brand.logo-only img{width:58px;height:58px}
  .brand.logo-only{min-width:58px}
  .about-copy{padding:24px;border-radius:24px}
}


/* V4: Creative Core dark brand identity and office trust section */
:root{
  --navy:#062B73;
  --navy-2:#083E98;
  --gold:#F4C75A;
  --gold-soft:#FFE6A1;
  --orange:#FF4A00;
  --orange-soft:#FF7A2A;
  --dark:#071735;
  --white:#FFFFFF;
  --muted:rgba(255,255,255,.74);
  --card:rgba(255,255,255,.10);
  --line:rgba(255,255,255,.18);
  --surface:#0A1E46;
  --shadow:0 30px 90px rgba(0,0,0,.36);
}
html[data-theme="dark"]{
  --dark:#071735;
  --white:#FFFFFF;
  --muted:rgba(255,255,255,.74);
  --card:rgba(255,255,255,.10);
  --line:rgba(255,255,255,.18);
  --surface:#0A1E46;
  --shadow:0 30px 90px rgba(0,0,0,.36);
}
body,
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 18% 8%,rgba(244,199,90,.13),transparent 28%),
    radial-gradient(circle at 86% 22%,rgba(255,74,0,.12),transparent 30%),
    linear-gradient(180deg,#102B5F 0%,#071735 48%,#050B1F 100%)!important;
}
.nav,
html[data-theme="dark"] .nav{
  background:rgba(7,23,53,.78)!important;
  border-bottom:1px solid rgba(244,199,90,.18);
}
.brand.logo-only{
  min-width:220px;
}
.nav-logo-mark{
  width:70px!important;
  height:70px!important;
}
.nav-wordmark{
  width:150px;
  max-height:46px;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));
}
body.en .nav-wordmark{
  display:none;
}
.hero-bg,
html[data-theme="dark"] .hero-bg{
  background:
    radial-gradient(circle at 70% 30%,rgba(244,199,90,.18),transparent 38%),
    radial-gradient(circle at 20% 70%,rgba(255,74,0,.20),transparent 34%),
    linear-gradient(135deg,#123B82 0%,#0A1E46 56%,#050B1F 100%)!important;
}
html[dir="rtl"] .hero{
  grid-template-columns:.9fr 1.1fr;
}
html[dir="rtl"] .hero-content{
  order:2;
}
html[dir="rtl"] .hero-panel{
  order:1;
}
html[dir="rtl"] .hero-symbol{
  right:4%;
  left:auto;
  transform:scaleX(-1);
}
html[dir="ltr"] .hero-symbol{
  left:7%;
  right:auto;
  transform:none;
}
.hero h1,
html[data-theme="dark"] .hero h1{
  background:linear-gradient(120deg,#FFFFFF,var(--gold))!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
}
.hero-panel,
.stats-grid div,
.service-orbit article,
.project-card,
.timeline div,
.proposal-box,
.talk-card,
.contact-grid,
.logo-marquee,
.about-copy{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055))!important;
  border-color:rgba(244,199,90,.18)!important;
  box-shadow:var(--shadow)!important;
}
.about-split{
  grid-template-columns:1.05fr .95fr;
  gap:48px;
  align-items:center;
}
.about-copy{
  padding:36px!important;
  backdrop-filter:blur(16px);
}
.about-copy h2{
  font-size:clamp(34px,4vw,60px);
  margin:0 0 16px;
  color:var(--gold);
}
.about-lead{
  color:rgba(255,255,255,.86)!important;
  font-weight:600;
  border-right:3px solid var(--orange);
  padding-right:16px;
}
html[dir="ltr"] .about-lead{
  border-right:0;
  border-left:3px solid var(--orange);
  padding-right:0;
  padding-left:16px;
}
.about-copy p{
  color:rgba(255,255,255,.76);
}
.office-collage{
  position:relative;
  min-height:620px;
}
.office-main{
  width:82%;
  height:440px;
  object-fit:cover;
  border-radius:34px;
  border:1px solid rgba(244,199,90,.22);
  box-shadow:0 32px 90px rgba(0,0,0,.42);
  display:block;
}
.office-float{
  position:absolute;
  object-fit:cover;
  border-radius:28px;
  border:1px solid rgba(244,199,90,.24);
  box-shadow:0 28px 70px rgba(0,0,0,.42);
}
.office-float-one{
  width:45%;
  height:250px;
  left:0;
  top:310px;
}
.office-float-two{
  width:48%;
  height:230px;
  right:12%;
  bottom:0;
}
.brand-strip{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  width:70%;
  min-height:96px;
  display:grid;
  place-items:center;
  padding:18px 24px;
  border-radius:28px;
  background:rgba(2,6,16,.72);
  border:1px solid rgba(244,199,90,.28);
  backdrop-filter:blur(14px);
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.brand-strip img{
  width:100%;
  max-height:78px;
  object-fit:contain;
}
.project-visual{
  background:linear-gradient(135deg,#062B73,#0B56B3 46%,rgba(255,74,0,.78))!important;
}
input,select,textarea,
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{
  background:rgba(255,255,255,.09)!important;
  color:#FFFFFF!important;
}
footer{
  background:linear-gradient(135deg,#050B1F,#062B73)!important;
}
@media(max-width:1050px){
  html[dir="rtl"] .hero,
  .hero{
    grid-template-columns:1fr;
  }
  html[dir="rtl"] .hero-content,
  html[dir="rtl"] .hero-panel{
    order:initial;
  }
  .about-split{
    grid-template-columns:1fr;
  }
  .office-collage{
    min-height:560px;
  }
}
@media(max-width:650px){
  .brand.logo-only{min-width:auto}
  .nav-wordmark{display:none}
  .nav-logo-mark{width:58px!important;height:58px!important}
  .office-collage{min-height:auto}
  .office-main,.office-float{
    position:static;
    width:100%;
    height:240px;
    margin-bottom:14px;
  }
  .brand-strip{
    position:static;
    transform:none;
    width:100%;
    min-height:82px;
  }
}


/* V5: Hero KPI card and full Persian refinement */
.kpi-hero-card{
  padding:34px!important;
}
.kpi-hero-card > p{
  color:var(--gold);
  font-weight:800;
  margin:0 0 10px;
}
.kpi-hero-card > h3{
  margin:0 0 24px!important;
  font-size:clamp(28px,3vw,44px)!important;
}
.hero-kpi-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.hero-kpi-grid div{
  min-height:138px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));
  border:1px solid rgba(244,199,90,.18);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.35s ease;
}
.hero-kpi-grid div:hover{
  transform:translateY(-6px);
  border-color:rgba(244,199,90,.45);
  background:linear-gradient(145deg,rgba(244,199,90,.16),rgba(255,74,0,.08));
}
.hero-kpi-grid strong{
  font-size:clamp(34px,3.4vw,54px);
  color:var(--gold);
  line-height:1;
  direction:ltr;
  text-align:start;
}
.hero-kpi-grid span{
  color:rgba(255,255,255,.80);
  font-size:16px;
  line-height:1.7;
  font-weight:700;
}
html[dir="rtl"] body,
html[dir="rtl"] .hero-content,
html[dir="rtl"] .hero-panel,
html[dir="rtl"] .growth-card,
html[dir="rtl"] .about-copy,
html[dir="rtl"] .section-head,
html[dir="rtl"] .project-card,
html[dir="rtl"] .timeline,
html[dir="rtl"] .proposal-box,
html[dir="rtl"] .contact-grid{
  text-align:right;
}
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .filters{
  justify-content:flex-start;
}
html[dir="rtl"] .eyebrow{
  flex-direction:row;
}
html[dir="rtl"] .metric-row{
  flex-direction:row-reverse;
}
body:not(.en) .nav-links a[href="#business-talk"]{
  min-width:max-content;
}
@media(max-width:650px){
  .hero-kpi-grid{
    grid-template-columns:1fr;
  }
  .hero-kpi-grid div{
    min-height:110px;
  }
}


/* V6: graph hero card, loader branding, no language shake, stronger RTL symbol */
html{
  scrollbar-gutter:stable;
}
html.lang-switching,
html.lang-switching *{
  transition:none!important;
  animation-play-state:paused!important;
}
.preloader{
  background:
    radial-gradient(circle at 50% 42%,rgba(244,199,90,.18),transparent 28%),
    radial-gradient(circle at 44% 56%,rgba(255,74,0,.18),transparent 24%),
    linear-gradient(135deg,#062B73 0%,#071735 58%,#050B1F 100%)!important;
}
.loader-orbit{
  width:190px!important;
  height:190px!important;
}
.loader-orbit:before{
  content:"";
  position:absolute;
  width:118px;
  height:118px;
  border-radius:50%;
  background:
    radial-gradient(circle,var(--orange) 0 18%,transparent 19%),
    conic-gradient(from 20deg,transparent 0 18%,var(--gold) 18% 38%,transparent 38% 55%,var(--gold) 55% 78%,transparent 78% 100%);
  filter:drop-shadow(0 0 24px rgba(244,199,90,.35));
  animation:spin 5s linear infinite reverse;
}
.loader-orbit img{
  width:96px!important;
  opacity:.78;
  filter:drop-shadow(0 0 18px rgba(255,74,0,.35))!important;
}
.loader-orbit span{
  border-color:rgba(244,199,90,.72)!important;
}
.loader-orbit span:nth-child(2){
  border-color:rgba(255,74,0,.62)!important;
}
.loader-orbit span:nth-child(3){
  border-color:rgba(6,43,115,.88)!important;
}
.preloader p{
  color:var(--gold);
  font-weight:800;
  letter-spacing:.02em;
}
.brand.logo-only{
  min-width:78px!important;
}
.nav-logo-mark{
  width:76px!important;
  height:76px!important;
}
.nav-wordmark{
  display:none!important;
}

/* Make the large symbol visible and properly mirrored in Persian */
.hero-symbol{
  opacity:.13!important;
  width:620px!important;
  z-index:0!important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 40px rgba(244,199,90,.16));
}
html[dir="rtl"] .hero-symbol{
  right:2%!important;
  left:auto!important;
  transform:scaleX(-1)!important;
  animation:floatRtl 8s ease-in-out infinite!important;
}
@keyframes floatRtl{
  50%{transform:translateY(-25px) rotate(-8deg) scaleX(-1)}
}
.hero-content,.hero-panel{
  position:relative;
  z-index:1;
}

/* Graph mode replacing plain boxes */
.kpi-hero-card.graph-mode{
  padding:34px!important;
}
.graph-mode > p{
  color:var(--gold);
  font-weight:900;
  margin:0 0 10px;
}
.graph-mode > h3{
  margin:0 0 20px!important;
  font-size:clamp(28px,3vw,44px)!important;
}
.achievement-chart{
  height:255px;
  padding:18px 18px 10px;
  border-radius:28px;
  background:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  background-size:100% 52px,52px 100%,auto;
  border:1px solid rgba(244,199,90,.16);
  position:relative;
  overflow:hidden;
}
.achievement-chart:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:48px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.6;
}
.chart-bars{
  height:100%;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  direction:ltr;
}
.chart-bar-wrap{
  height:100%;
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  position:relative;
  z-index:1;
}
.chart-bar-wrap i{
  width:100%;
  max-width:78px;
  border-radius:18px 18px 6px 6px;
  background:linear-gradient(180deg,var(--gold) 0%,#FFB33B 42%,var(--orange) 100%);
  box-shadow:0 18px 40px rgba(255,74,0,.20);
  animation:barPulse 2.8s ease-in-out infinite alternate;
}
.chart-bar-wrap:nth-child(2) i{animation-delay:.15s}
.chart-bar-wrap:nth-child(3) i{animation-delay:.3s}
.chart-bar-wrap:nth-child(4) i{animation-delay:.45s}
@keyframes barPulse{
  from{filter:brightness(.95);transform:scaleY(.96)}
  to{filter:brightness(1.12);transform:scaleY(1)}
}
.chart-bar-wrap b{
  color:var(--gold);
  font-size:24px;
  line-height:1;
  direction:ltr;
}
.chart-bar-wrap span{
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.graph-legend{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:14px;
}
.graph-legend div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(244,199,90,.14);
}
.graph-legend strong{
  color:var(--gold);
  font-size:23px;
  direction:ltr;
}
.graph-legend span{
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:800;
  line-height:1.6;
}
html[dir="rtl"] .graph-legend div{
  flex-direction:row-reverse;
  text-align:right;
}
html[dir="ltr"] .graph-legend div{
  flex-direction:row;
  text-align:left;
}
.hero-kpi-grid{
  display:none!important;
}
@media(max-width:650px){
  .nav-logo-mark{width:60px!important;height:60px!important}
  .achievement-chart{height:220px;padding-inline:12px}
  .chart-bars{gap:10px}
  .chart-bar-wrap i{max-width:54px}
  .graph-legend{grid-template-columns:1fr}
  .hero-symbol{width:420px!important;opacity:.1!important}
}


/* V7: final Hero visual correction */
html[dir="rtl"] .hero{
  grid-template-columns:1.1fr .9fr!important;
}
html[dir="rtl"] .hero-content{
  order:1!important;
}
html[dir="rtl"] .hero-panel{
  order:2!important;
}
html[dir="rtl"] .hero-symbol,
html[dir="ltr"] .hero-symbol{
  left:5%!important;
  right:auto!important;
  top:26%!important;
  width:620px!important;
  opacity:.16!important;
  transform:none!important;
  animation:float 8s ease-in-out infinite!important;
  z-index:0!important;
}
html[dir="rtl"] .hero-content,
html[dir="ltr"] .hero-content{
  position:relative;
  z-index:2!important;
}
html[dir="rtl"] .hero-panel,
html[dir="ltr"] .hero-panel{
  position:relative;
  z-index:3!important;
}
.graph-legend{
  display:none!important;
}
.kpi-hero-card.graph-mode{
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.achievement-chart{
  height:320px!important;
  padding:30px 26px 22px!important;
  margin-top:14px;
}
.achievement-chart:after{
  display:none!important;
}
.chart-bars{
  gap:26px!important;
}
.chart-bar-wrap{
  gap:12px!important;
}
.chart-bar-wrap i{
  max-width:92px!important;
}
.chart-bar-wrap b{
  font-size:28px!important;
}
.chart-bar-wrap span{
  font-size:14px!important;
}
body.en .section-label[data-i18n="label_about"],
body.en [data-i18n="hero_card_label"],
body.en [data-i18n="hero_card_title"],
body.en [data-i18n="hero_kpi_1_short"],
body.en [data-i18n="hero_kpi_2_short"],
body.en [data-i18n="hero_kpi_3_short"],
body.en [data-i18n="hero_kpi_4_short"]{
  font-family:"Bahij TheSansArabic", Inter, Arial, sans-serif;
}
@media(max-width:1050px){
  html[dir="rtl"] .hero{
    grid-template-columns:1fr!important;
  }
  html[dir="rtl"] .hero-content,
  html[dir="rtl"] .hero-panel{
    order:initial!important;
  }
  html[dir="rtl"] .hero-symbol,
  html[dir="ltr"] .hero-symbol{
    left:50%!important;
    top:20%!important;
    transform:translateX(-50%)!important;
  }
}
@media(max-width:650px){
  .kpi-hero-card.graph-mode{
    min-height:auto;
  }
  .achievement-chart{
    height:240px!important;
  }
  .chart-bars{
    gap:12px!important;
  }
  .chart-bar-wrap i{
    max-width:56px!important;
  }
  .chart-bar-wrap b{
    font-size:21px!important;
  }
  .chart-bar-wrap span{
    font-size:12px!important;
  }
}


/* V8: Interactive orbit symbol */
.hero-symbol.interactive-symbol{
  will-change:transform, opacity, filter;
  transform-origin:center center;
  transition:opacity .35s ease, filter .35s ease;
  pointer-events:none;
}
html[dir="rtl"] .hero-symbol.interactive-symbol{
  right:3%!important;
  left:auto!important;
  top:24%!important;
  width:640px!important;
  opacity:.17!important;
  animation:coreBreathRtl 7s ease-in-out infinite!important;
}
html[dir="ltr"] .hero-symbol.interactive-symbol{
  left:5%!important;
  right:auto!important;
  top:24%!important;
  width:640px!important;
  opacity:.17!important;
  animation:coreBreathLtr 7s ease-in-out infinite!important;
}
@keyframes coreBreathRtl{
  0%,100%{filter:drop-shadow(0 0 28px rgba(244,199,90,.12));}
  50%{filter:drop-shadow(0 0 48px rgba(255,74,0,.18));}
}
@keyframes coreBreathLtr{
  0%,100%{filter:drop-shadow(0 0 28px rgba(244,199,90,.12));}
  50%{filter:drop-shadow(0 0 48px rgba(255,74,0,.18));}
}
html[dir="rtl"] .hero-content{
  padding-left:80px;
}
html[dir="rtl"] .hero-panel{
  margin-right:20px;
}
@media(max-width:1050px){
  html[dir="rtl"] .hero-symbol.interactive-symbol,
  html[dir="ltr"] .hero-symbol.interactive-symbol{
    left:50%!important;
    right:auto!important;
    top:18%!important;
    width:560px!important;
  }
  html[dir="rtl"] .hero-content{
    padding-left:0;
  }
  html[dir="rtl"] .hero-panel{
    margin-right:0;
  }
}
@media(max-width:650px){
  html[dir="rtl"] .hero-symbol.interactive-symbol,
  html[dir="ltr"] .hero-symbol.interactive-symbol{
    width:420px!important;
    opacity:.11!important;
    top:16%!important;
  }
}


/* V9: premium final hero polish */
html{
  overflow-y:scroll;
}
body.language-fade main{
  opacity:.58;
  transform:translateY(4px);
  transition:opacity .18s ease, transform .18s ease;
}
body main{
  transition:opacity .22s ease, transform .22s ease;
}

/* Hero symbol now lives inside content and is always behind the headline */
.hero-content{
  position:relative!important;
  isolation:isolate;
}
.symbol-stage{
  position:absolute;
  z-index:-1;
  width:660px;
  height:660px;
  top:50%;
  transform-style:preserve-3d;
  pointer-events:none;
  opacity:.9;
}
html[dir="rtl"] .symbol-stage{
  right:-80px;
  left:auto;
  transform:translateY(-50%);
}
html[dir="ltr"] .symbol-stage{
  left:20px;
  right:auto;
  transform:translateY(-50%);
}
.hero-symbol.interactive-symbol,
html[dir="rtl"] .hero-symbol.interactive-symbol,
html[dir="ltr"] .hero-symbol.interactive-symbol{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain;
  opacity:.18!important;
  animation:none!important;
  filter:drop-shadow(0 0 46px rgba(244,199,90,.18));
  mix-blend-mode:screen;
}
.symbol-ring{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(244,199,90,.25);
  box-shadow:0 0 44px rgba(244,199,90,.10);
}
.ring-one{width:82%;height:82%}
.ring-two{width:58%;height:58%;border-color:rgba(255,74,0,.20)}
.symbol-dot{
  position:absolute;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 28px rgba(255,74,0,.45);
}
.dot-one{right:22%;top:26%}
.dot-two{left:20%;top:58%;background:var(--gold)}
.dot-three{right:42%;bottom:18%;background:var(--gold)}

/* Make text sit clearly above the symbol */
.hero-content .eyebrow,
.hero-content h1,
.hero-content .hero-lead,
.hero-content .hero-actions{
  position:relative;
  z-index:2;
}

/* Larger, cleaner brand mark */
.nav-logo-mark{
  width:88px!important;
  height:88px!important;
}
.brand.logo-only{
  min-width:92px!important;
}
.nav{
  min-height:106px;
}

/* Hero graph: remove duplicated items completely and keep only the graph */
.kpi-hero-card.graph-mode{
  min-height:520px!important;
  padding:42px!important;
}
.achievement-chart{
  height:350px!important;
  padding:34px 30px 24px!important;
}
.chart-bars{
  align-items:flex-end;
  gap:30px!important;
}
.chart-bar-wrap i{
  max-width:96px!important;
  min-height:80px;
}
.chart-bar-wrap b{
  font-size:30px!important;
  color:var(--gold)!important;
}
.chart-bar-wrap span{
  font-size:14px!important;
  color:rgba(255,255,255,.82)!important;
}
.achievement-chart:after,
.metric-row,
.graph-legend,
.hero-kpi-grid{
  display:none!important;
}

/* Bilingual strictness helpers */
body:not(.en) [data-lang-only="en"]{display:none!important}
body.en [data-lang-only="fa"]{display:none!important}
body.en .footer-wordmark{display:none!important}
.footer-wordmark{
  width:min(560px,90vw);
  max-height:110px;
  object-fit:contain;
  display:block;
  margin:18px auto 12px;
  opacity:.92;
}

/* RTL/LTR layout consistency */
html[dir="rtl"] .hero{
  grid-template-columns:1.05fr .95fr!important;
}
html[dir="ltr"] .hero{
  grid-template-columns:1.1fr .9fr!important;
}
html[dir="rtl"] .hero-content{order:1!important}
html[dir="rtl"] .hero-panel{order:2!important}
html[dir="ltr"] .hero-content{order:1!important}
html[dir="ltr"] .hero-panel{order:2!important}

@media(max-width:1050px){
  html[dir="rtl"] .hero,
  html[dir="ltr"] .hero{
    grid-template-columns:1fr!important;
  }
  .symbol-stage{
    width:560px;
    height:560px;
    top:45%;
  }
  html[dir="rtl"] .symbol-stage,
  html[dir="ltr"] .symbol-stage{
    left:50%;
    right:auto;
    transform:translate(-50%,-50%);
  }
  .nav-logo-mark{width:70px!important;height:70px!important}
  .nav{min-height:88px}
}
@media(max-width:650px){
  .symbol-stage{
    width:430px;
    height:430px;
    top:38%;
    opacity:.74;
  }
  .kpi-hero-card.graph-mode{
    min-height:auto!important;
    padding:28px!important;
  }
  .achievement-chart{
    height:260px!important;
    padding:22px 14px 18px!important;
  }
  .chart-bars{gap:12px!important}
  .chart-bar-wrap i{max-width:58px!important}
  .chart-bar-wrap b{font-size:20px!important}
  .chart-bar-wrap span{font-size:11px!important}
}


/* V10: hero typography and layout rhythm */
.hero{
  gap:clamp(48px,6vw,86px)!important;
  align-items:center!important;
}
.hero-content{
  max-width:780px;
}
html[dir="rtl"] .hero-content{
  justify-self:end;
  text-align:right!important;
}
html[dir="ltr"] .hero-content{
  justify-self:start;
  text-align:left!important;
}
.hero h1{
  max-width:760px;
  margin:22px 0 24px!important;
  line-height:.98!important;
  letter-spacing:-.035em;
  text-wrap:balance;
}
html[dir="rtl"] .hero h1{
  font-size:clamp(58px,6.9vw,108px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em;
}
html[dir="ltr"] .hero h1{
  font-size:clamp(58px,6.3vw,102px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em;
}
.hero-lead{
  max-width:650px!important;
  margin:0 0 28px!important;
  font-size:clamp(19px,1.55vw,26px)!important;
  line-height:1.85!important;
}
html[dir="rtl"] .hero-lead{
  margin-right:auto!important;
  text-align:right!important;
}
html[dir="ltr"] .hero-lead{
  margin-left:0!important;
  text-align:left!important;
}
.eyebrow{
  margin-bottom:6px;
}
html[dir="rtl"] .eyebrow{
  justify-content:flex-start;
}
html[dir="ltr"] .eyebrow{
  justify-content:flex-start;
}
.hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
html[dir="rtl"] .hero-actions{
  justify-content:flex-start!important;
}
html[dir="ltr"] .hero-actions{
  justify-content:flex-start!important;
}

/* Symbol position behind the headline, not the buttons/text bottom */
.symbol-stage{
  top:48%!important;
}
html[dir="rtl"] .symbol-stage{
  right:-18px!important;
}
html[dir="ltr"] .symbol-stage{
  left:10px!important;
}

/* Hero card text hierarchy */
.hero-panel{
  max-width:660px;
  justify-self:stretch;
}
.kpi-hero-card.graph-mode{
  min-height:520px!important;
  padding:42px 42px 34px!important;
}
.graph-mode > p{
  font-size:15px!important;
  line-height:1.5!important;
  margin-bottom:18px!important;
}
.graph-mode > h3{
  max-width:520px;
  font-size:clamp(34px,3.4vw,54px)!important;
  line-height:1.25!important;
  letter-spacing:-.02em;
  margin-bottom:28px!important;
  text-wrap:balance;
}
html[dir="rtl"] .graph-mode > h3,
html[dir="rtl"] .graph-mode > p{
  text-align:right!important;
}
html[dir="ltr"] .graph-mode > h3,
html[dir="ltr"] .graph-mode > p{
  text-align:left!important;
}
.achievement-chart{
  height:315px!important;
  padding:30px 28px 22px!important;
}
.chart-bars{
  gap:26px!important;
}
.chart-bar-wrap{
  justify-content:flex-end!important;
}
.chart-bar-wrap b{
  font-size:clamp(24px,2.2vw,32px)!important;
  margin-top:3px;
}
.chart-bar-wrap span{
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px!important;
  line-height:1.2!important;
  text-align:center!important;
}

/* Persian labels keep direction stable */
html[dir="rtl"] .chart-bars{
  direction:rtl;
}
html[dir="ltr"] .chart-bars{
  direction:ltr;
}
html[dir="rtl"] .chart-bar-wrap b{
  direction:ltr;
}
html[dir="rtl"] .chart-bar-wrap span{
  direction:rtl;
}

/* Better nav rhythm with larger logo */
.nav-links{
  align-items:center;
}
.nav-actions{
  align-items:center;
}

/* At medium widths, keep readability without overlap */
@media(max-width:1280px){
  .hero{
    gap:44px!important;
  }
  html[dir="rtl"] .hero h1,
  html[dir="ltr"] .hero h1{
    font-size:clamp(54px,6.5vw,94px)!important;
  }
  .hero-panel{
    max-width:600px;
  }
  .kpi-hero-card.graph-mode{
    padding:36px 34px 30px!important;
  }
}
@media(max-width:1050px){
  .hero{
    padding-top:140px!important;
  }
  .hero-content{
    max-width:860px;
  }
  html[dir="rtl"] .hero-content,
  html[dir="ltr"] .hero-content{
    justify-self:stretch;
    text-align:center!important;
  }
  html[dir="rtl"] .hero h1,
  html[dir="ltr"] .hero h1{
    max-width:900px;
    text-align:center!important;
    margin-inline:auto!important;
  }
  html[dir="rtl"] .hero-lead,
  html[dir="ltr"] .hero-lead{
    max-width:760px!important;
    margin-inline:auto!important;
    text-align:center!important;
  }
  html[dir="rtl"] .eyebrow,
  html[dir="ltr"] .eyebrow,
  html[dir="rtl"] .hero-actions,
  html[dir="ltr"] .hero-actions{
    justify-content:center!important;
  }
  .hero-panel{
    max-width:720px;
    justify-self:center;
  }
}
@media(max-width:650px){
  .hero{
    padding-top:112px!important;
  }
  html[dir="rtl"] .hero h1,
  html[dir="ltr"] .hero h1{
    font-size:clamp(42px,13vw,62px)!important;
    line-height:1.12!important;
  }
  .hero-lead{
    font-size:17px!important;
    line-height:1.8!important;
  }
  .hero-actions .btn{
    width:100%;
  }
  .graph-mode > h3{
    font-size:30px!important;
    text-align:center!important;
  }
  .graph-mode > p{
    text-align:center!important;
  }
  .achievement-chart{
    height:250px!important;
  }
}


/* V11: Premium Services Section */
.services{
  overflow:hidden;
}
.services:before{
  content:"";
  position:absolute;
  inset:80px 0 auto;
  height:760px;
  background:
    radial-gradient(circle at 22% 22%,rgba(255,74,0,.16),transparent 34%),
    radial-gradient(circle at 72% 50%,rgba(244,199,90,.12),transparent 36%);
  pointer-events:none;
}
.services-showcase{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  position:relative;
  z-index:1;
}
.premium-service{
  position:relative;
  min-height:360px;
  padding:30px;
  border-radius:32px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
  border:1px solid rgba(244,199,90,.16);
  box-shadow:0 28px 78px rgba(0,0,0,.24);
  overflow:hidden;
  transition:transform .35s ease, border-color .35s ease, background .35s ease;
}
.premium-service:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(244,199,90,.22),transparent 35%,rgba(255,74,0,.18));
  opacity:0;
  transition:.35s;
}
.premium-service:after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  right:-90px;
  bottom:-90px;
  border:1px solid rgba(244,199,90,.18);
}
html[dir="ltr"] .premium-service:after{
  right:auto;
  left:-90px;
}
.premium-service:hover{
  transform:translateY(-10px);
  border-color:rgba(244,199,90,.42);
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
}
.premium-service:hover:before{
  opacity:1;
}
.service-featured{
  grid-column:span 2;
  min-height:400px;
  background:
    linear-gradient(145deg,rgba(6,43,115,.62),rgba(255,255,255,.06)),
    radial-gradient(circle at 16% 18%,rgba(255,74,0,.18),transparent 38%);
}
.service-meta{
  position:absolute;
  top:28px;
  left:28px;
  color:rgba(255,255,255,.34);
  font-size:44px;
  font-weight:900;
  direction:ltr;
}
html[dir="ltr"] .service-meta{
  left:auto;
  right:28px;
}
.premium-service h3{
  position:relative;
  z-index:2;
  margin:92px 0 14px;
  color:var(--gold);
  font-size:clamp(24px,2vw,34px);
  line-height:1.35;
}
.premium-service p{
  position:relative;
  z-index:2;
  color:rgba(255,255,255,.76);
  font-size:16px;
  line-height:2;
  margin:0;
  max-width:680px;
}
.service-tags{
  position:relative;
  z-index:2;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px;
}
.service-tags span,.soon-badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:9px 14px;
  background:rgba(244,199,90,.12);
  border:1px solid rgba(244,199,90,.18);
  color:var(--gold);
  font-weight:800;
  font-size:13px;
}
.soon-badge{
  position:absolute;
  top:28px;
  right:28px;
  background:linear-gradient(135deg,var(--orange),#ff8b2c);
  border:none;
  color:white;
  z-index:3;
}
html[dir="ltr"] .soon-badge{
  right:auto;
  left:28px;
}
.service-icon{
  position:absolute;
  top:28px;
  right:28px;
  width:76px;
  height:76px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(244,199,90,.18),rgba(255,74,0,.09));
  border:1px solid rgba(244,199,90,.20);
  display:grid;
  place-items:center;
  z-index:2;
}
html[dir="ltr"] .service-icon{
  right:auto;
  left:28px;
}
.animated-icon{
  animation:iconFloat 4.2s ease-in-out infinite;
}
@keyframes iconFloat{
  50%{transform:translateY(-7px) rotate(2deg)}
}

/* Institution icon: orbiting nodes */
.institution-icon span{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 18px rgba(255,74,0,.55);
}
.institution-icon span:nth-child(1){top:17px;left:30px}
.institution-icon span:nth-child(2){right:18px;bottom:20px;background:var(--gold)}
.institution-icon span:nth-child(3){left:18px;bottom:20px;background:var(--gold)}
.institution-icon:after{
  content:"";
  width:44px;height:44px;border-radius:50%;
  border:2px solid rgba(244,199,90,.58);
  animation:spin 8s linear infinite;
}

/* Procurement icon: market bars */
.procurement-icon i{
  width:12px;
  border-radius:8px;
  background:linear-gradient(var(--gold),var(--orange));
  display:block;
  align-self:end;
  animation:serviceBar 1.8s ease-in-out infinite alternate;
}
.procurement-icon{
  display:flex;
  align-items:end;
  justify-content:center;
  gap:7px;
  padding:18px;
}
.procurement-icon i:nth-child(1){height:26px}
.procurement-icon i:nth-child(2){height:42px;animation-delay:.2s}
.procurement-icon i:nth-child(3){height:32px;animation-delay:.4s}
@keyframes serviceBar{to{transform:scaleY(.72);filter:brightness(1.18)}}

/* Social icon */
.social-icon b{
  position:absolute;
  border-radius:16px;
  border:2px solid rgba(244,199,90,.7);
}
.social-icon b:nth-child(1){width:40px;height:40px}
.social-icon b:nth-child(2){width:20px;height:20px;right:16px;top:18px;background:var(--orange);border:none;animation:pulse 1.9s infinite}
.social-icon b:nth-child(3){width:10px;height:10px;left:18px;bottom:18px;background:var(--gold);border:none}
@keyframes pulse{50%{transform:scale(1.2);opacity:.7}}

/* Production icon */
.production-icon em{
  position:absolute;
  display:block;
}
.production-icon em:nth-child(1){
  width:44px;height:32px;border-radius:8px;
  border:2px solid rgba(244,199,90,.75);
}
.production-icon em:nth-child(2){
  width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:16px solid var(--orange);
  animation:playPulse 1.7s infinite;
}
html[dir="ltr"] .production-icon em:nth-child(2){
  border-right:0;
  border-left:16px solid var(--orange);
}
@keyframes playPulse{50%{transform:scale(1.22)}}

/* Web icon */
.web-icon small{
  position:absolute;
  background:rgba(244,199,90,.72);
  border-radius:5px;
}
.web-icon small:nth-child(1){width:48px;height:34px;border:2px solid rgba(244,199,90,.75);background:transparent}
.web-icon small:nth-child(2){width:30px;height:3px;top:28px}
.web-icon small:nth-child(3){width:18px;height:3px;top:38px;background:var(--orange)}

/* CCGP icon */
.ccgp-icon span{
  width:44px;height:44px;border-radius:50%;
  border:3px solid var(--gold);
  position:relative;
  animation:spin 7s linear infinite;
}
.ccgp-icon span:before,.ccgp-icon span:after{
  content:"";
  position:absolute;
  width:16px;height:16px;border-radius:50%;
  background:var(--orange);
}
.ccgp-icon span:before{right:-6px;top:11px}
.ccgp-icon span:after{left:-6px;bottom:11px;background:var(--gold)}
.coming-soon-service{
  border-style:dashed;
}
.coming-soon-service h3{
  letter-spacing:.08em;
  direction:ltr;
  font-size:42px;
}

@media(max-width:1100px){
  .services-showcase{
    grid-template-columns:repeat(2,1fr);
  }
  .service-featured{
    grid-column:span 2;
  }
}
@media(max-width:680px){
  .services-showcase{
    grid-template-columns:1fr;
  }
  .service-featured{
    grid-column:span 1;
  }
  .premium-service{
    min-height:330px;
    padding:26px;
  }
  .service-icon{
    width:66px;
    height:66px;
  }
  .premium-service h3{
    margin-top:84px;
  }
}


/* V12: services order, 2-row layout, aligned typography */
.services-head{
  text-align:center!important;
}
.services-head h2,
.services-head p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.services-showcase{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
}
.premium-service,
.service-featured,
.service-primary{
  grid-column:auto!important;
  min-height:390px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.service-primary{
  background:
    linear-gradient(145deg,rgba(6,43,115,.64),rgba(255,255,255,.06)),
    radial-gradient(circle at 18% 18%,rgba(255,74,0,.20),transparent 38%)!important;
}
.service-meta{
  display:none!important;
}
.service-rank{
  position:absolute;
  top:30px;
  left:30px;
  z-index:4;
  min-width:74px;
  height:34px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(244,199,90,.12);
  border:1px solid rgba(244,199,90,.22);
  color:var(--gold);
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
html[dir="ltr"] .service-rank{
  left:auto;
  right:30px;
}
.service-rank.fixed-number{
  direction:ltr;
  font-size:17px;
  letter-spacing:.04em;
  background:rgba(255,74,0,.13);
  border-color:rgba(255,74,0,.24);
  color:#fff;
}
.premium-service h3{
  margin:102px 0 16px!important;
  min-height:92px;
  display:flex;
  align-items:flex-end;
  color:var(--gold);
  font-size:clamp(25px,1.8vw,32px)!important;
  line-height:1.35!important;
  text-wrap:balance;
}
.premium-service p{
  min-height:132px;
  line-height:2!important;
  font-size:15.8px!important;
}
html[dir="rtl"] .premium-service h3,
html[dir="rtl"] .premium-service p{
  text-align:right!important;
}
html[dir="ltr"] .premium-service h3,
html[dir="ltr"] .premium-service p{
  text-align:left!important;
}
.service-icon{
  top:28px!important;
}
html[dir="rtl"] .service-icon{
  right:28px!important;
  left:auto!important;
}
html[dir="ltr"] .service-icon{
  left:28px!important;
  right:auto!important;
}
.soon-badge{
  top:76px!important;
  right:28px!important;
}
html[dir="ltr"] .soon-badge{
  left:28px!important;
  right:auto!important;
}
.coming-soon-service h3{
  letter-spacing:.06em;
  direction:ltr;
}
.service-tags{
  display:none!important;
}
@media(max-width:1100px){
  .services-showcase{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  .services-showcase{
    grid-template-columns:1fr!important;
  }
  .premium-service{
    min-height:340px!important;
  }
  .premium-service h3{
    min-height:auto;
    margin-top:96px!important;
  }
  .premium-service p{
    min-height:auto;
  }
}


/* V13: services text discipline and clean CCGP badge */
.service-rank{
  display:none!important;
}
.premium-service{
  min-height:360px!important;
  padding:30px!important;
}
.premium-service h3{
  min-height:0!important;
  margin:108px 0 16px!important;
  display:block!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:clamp(22px,1.55vw,28px)!important;
  line-height:1.25!important;
}
.premium-service p{
  min-height:118px!important;
  font-size:15.5px!important;
  line-height:1.95!important;
}
.service-icon{
  top:30px!important;
}
.coming-soon-service{
  display:flex!important;
  flex-direction:column!important;
}
.coming-soon-service h3{
  font-size:38px!important;
  white-space:nowrap;
}
.service-bottom{
  margin-top:auto;
  padding-top:22px;
  display:flex;
}
html[dir="rtl"] .service-bottom{
  justify-content:flex-start;
}
html[dir="ltr"] .service-bottom{
  justify-content:flex-start;
}
.soon-badge{
  position:static!important;
  inset:auto!important;
  width:auto;
  min-width:112px;
  height:40px;
  display:inline-flex!important;
  justify-content:center;
  align-items:center;
  padding:0 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--orange),#ff8b2c)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 14px 34px rgba(255,74,0,.22);
}
@media(max-width:1280px){
  .premium-service h3{
    font-size:clamp(20px,1.45vw,25px)!important;
  }
}
@media(max-width:1100px){
  .premium-service h3{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
}
@media(max-width:680px){
  .premium-service{
    min-height:320px!important;
  }
  .premium-service h3{
    white-space:normal;
    margin-top:96px!important;
  }
  .premium-service p{
    min-height:auto!important;
  }
}


/* V14: services heading single-line + about brand strip load fix */
.services-head{
  max-width:1280px!important;
}
.services-head h2{
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-wrap:nowrap!important;
}
.services-head p{
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-wrap:nowrap!important;
}

/* Prevent the Persian wordmark badge from floating over office images during initial load */
.about-visual{
  position:relative;
  overflow:hidden;
  border-radius:34px;
}
.office-collage{
  position:relative;
  z-index:1;
  overflow:visible;
}
.brand-strip{
  z-index:5!important;
  transform:translateX(-50%) translateY(0)!important;
  opacity:0;
  animation:brandStripIn .75s ease forwards;
  animation-delay:.55s;
}
@keyframes brandStripIn{
  from{opacity:0;transform:translateX(-50%) translateY(18px)}
  to{opacity:1;transform:translateX(-50%) translateY(0)}
}
html[dir="rtl"] .brand-strip,
html[dir="ltr"] .brand-strip{
  pointer-events:none;
}
@media(max-width:1180px){
  .services-head h2{
    font-size:clamp(28px,3.4vw,48px)!important;
  }
  .services-head p{
    font-size:clamp(14px,1.6vw,17px)!important;
  }
}
@media(max-width:760px){
  .services-head h2,
  .services-head p{
    white-space:normal!important;
    text-wrap:balance!important;
  }
}


/* V15: About section brand panel replaces stat boxes */
.brand-strip{
  display:none!important;
}
.about-brand-panel{
  position:relative;
  margin-top:82px;
  min-height:260px;
  border-radius:38px;
  border:1px solid rgba(244,199,90,.22);
  background:
    radial-gradient(circle at 20% 30%,rgba(255,74,0,.18),transparent 34%),
    radial-gradient(circle at 78% 65%,rgba(244,199,90,.14),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
  box-shadow:0 34px 90px rgba(0,0,0,.34);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:42px 36px;
  overflow:hidden;
  text-align:center;
}
.about-brand-panel:before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}
.about-brand-panel:after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  border:1px solid rgba(244,199,90,.13);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  opacity:.7;
}
.brand-panel-glow{
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,74,0,.25),transparent 66%);
  filter:blur(12px);
  right:12%;
  bottom:-70px;
}
.about-wordmark{
  position:relative;
  z-index:2;
  width:min(760px,88%);
  max-height:140px;
  object-fit:contain;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.34));
}
.about-brand-panel p{
  position:relative;
  z-index:2;
  margin:22px 0 0;
  color:rgba(255,255,255,.78);
  font-size:clamp(16px,1.4vw,21px);
  line-height:1.9;
  max-width:850px;
}
body.en .about-wordmark{
  display:none;
}
body.en .about-brand-panel:before{
  content:"Creative Core";
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold);
  font-size:clamp(48px,7vw,104px);
  font-weight:900;
  letter-spacing:-.05em;
  border:none;
  position:relative;
  inset:auto;
  z-index:2;
}
body.en .about-brand-panel{
  gap:10px;
}
@media(max-width:760px){
  .about-brand-panel{
    margin-top:56px;
    min-height:220px;
    padding:34px 22px;
    border-radius:30px;
  }
  .about-wordmark{
    width:96%;
    max-height:100px;
  }
}

/* V16: client trust and testimonials */
.testimonials{position:relative;overflow:hidden}.testimonials-bg{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:.055}.testimonials-bg img{width:min(780px,72vw);animation:spin 42s linear infinite;filter:drop-shadow(0 0 50px rgba(244,199,90,.18))}
.testimonials-head{text-align:center!important}.testimonials-head h2,.testimonials-head p{margin-inline:auto!important;text-align:center!important}
.client-logo-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:48px 0 34px;position:relative;z-index:1}
.client-logo-card{min-height:150px;border-radius:28px;border:1px solid rgba(244,199,90,.16);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));display:flex;align-items:center;justify-content:center;padding:24px;transition:.35s ease;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.client-logo-card img{max-width:86%;max-height:90px;object-fit:contain;filter:grayscale(1) brightness(1.15);opacity:.78;transition:.35s ease}.client-logo-card:hover{transform:translateY(-8px);border-color:rgba(244,199,90,.42);background:linear-gradient(145deg,rgba(244,199,90,.13),rgba(255,74,0,.06))}.client-logo-card:hover img{filter:none;opacity:1;transform:scale(1.06)}
.testimonial-slider{position:relative;z-index:1;max-width:1120px;margin:0 auto}.testimonial-track{position:relative;min-height:430px}
.testimonial-card{position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.985);pointer-events:none;transition:.5s ease;border-radius:36px;border:1px solid rgba(244,199,90,.20);background:radial-gradient(circle at 16% 18%,rgba(255,74,0,.16),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05));box-shadow:0 32px 90px rgba(0,0,0,.32);padding:42px;display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center}
.testimonial-card.active{opacity:1;transform:none;pointer-events:auto}.testimonial-logo{min-height:190px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;padding:24px}.testimonial-logo img{max-width:100%;max-height:140px;object-fit:contain}
.stars{grid-column:2;color:var(--gold);letter-spacing:4px;font-size:20px;margin-bottom:-12px}.testimonial-card p{grid-column:2;color:rgba(255,255,255,.82);font-size:18px;line-height:2.1;margin:0}.testimonial-card footer{grid-column:2;padding:0;text-align:inherit;background:transparent!important;border:0!important;display:flex;flex-direction:column;gap:8px;color:rgba(255,255,255,.7)}.testimonial-card footer strong{color:var(--gold);font-size:20px}.testimonial-card footer span{line-height:1.8}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:50px;height:50px;border-radius:50%;border:1px solid rgba(244,199,90,.22);background:rgba(7,23,53,.78);color:var(--gold);font-size:34px;cursor:pointer;transition:.3s}.slider-btn:hover{background:var(--orange);color:#fff}.slider-btn.prev{right:-68px}.slider-btn.next{left:-68px}html[dir="ltr"] .slider-btn.prev{left:-68px;right:auto}html[dir="ltr"] .slider-btn.next{right:-68px;left:auto}
.trust-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.trust-metrics div{border-radius:26px;border:1px solid rgba(244,199,90,.16);background:rgba(255,255,255,.075);padding:28px 20px;text-align:center}.trust-metrics strong{color:var(--gold);font-size:46px;direction:ltr}.trust-metrics span{color:var(--orange);font-size:26px;font-weight:900}.trust-metrics p{color:rgba(255,255,255,.78);margin:10px 0 0}
@media(max-width:1150px){.slider-btn.prev{right:14px}.slider-btn.next{left:14px}html[dir="ltr"] .slider-btn.prev{left:14px;right:auto}html[dir="ltr"] .slider-btn.next{right:14px;left:auto}}
@media(max-width:900px){.client-logo-wall,.trust-metrics{grid-template-columns:repeat(2,1fr)}.testimonial-card{grid-template-columns:1fr;position:relative;display:none}.testimonial-card.active{display:grid}.testimonial-logo,.stars,.testimonial-card p,.testimonial-card footer{grid-column:1}.testimonial-track{min-height:auto}}
@media(max-width:580px){.client-logo-wall,.trust-metrics{grid-template-columns:1fr}.testimonial-card{padding:28px}.slider-btn{width:42px;height:42px;font-size:28px}}


/* V17: professional testimonial redesign */
.testimonials-head{
  max-width:1420px!important;
}
.testimonials-head h2{
  max-width:none!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  font-size:clamp(34px,3.45vw,58px)!important;
  line-height:1.15!important;
}
.testimonials-head p{
  max-width:980px!important;
}

/* logo wall aligned and standardized */
.client-logo-wall{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  max-width:1180px;
  margin:46px auto 36px!important;
}
.client-logo-card{
  height:158px!important;
  min-height:158px!important;
  border-radius:30px!important;
  padding:26px!important;
}
.client-logo-card img{
  max-width:82%!important;
  max-height:92px!important;
}

/* slider: fixed height, no layout jump */
.testimonial-slider{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0 78px 42px;
}
.testimonial-track{
  min-height:460px!important;
  height:460px!important;
  overflow:hidden;
  border-radius:38px;
}
.testimonial-card{
  height:460px!important;
  padding:42px!important;
  grid-template-columns:260px 1fr!important;
  gap:38px!important;
  align-items:center!important;
  transform:translateX(32px) scale(.98)!important;
}
html[dir="ltr"] .testimonial-card{
  transform:translateX(-32px) scale(.98)!important;
}
.testimonial-card.active{
  transform:translateX(0) scale(1)!important;
}
.testimonial-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(244,199,90,.10),transparent 36%),
    radial-gradient(circle at 88% 18%,rgba(255,74,0,.14),transparent 30%);
  pointer-events:none;
}
html[dir="ltr"] .testimonial-card:before{
  background:
    linear-gradient(270deg,rgba(244,199,90,.10),transparent 36%),
    radial-gradient(circle at 12% 18%,rgba(255,74,0,.14),transparent 30%);
}
.testimonial-logo{
  grid-row:1 / span 3;
  grid-column:1!important;
  height:260px!important;
  min-height:260px!important;
  border-radius:30px!important;
  position:relative;
  z-index:2;
  flex-direction:column;
  gap:18px;
}
.testimonial-logo img{
  max-width:92%!important;
  max-height:152px!important;
}
.stars{
  grid-column:1!important;
  grid-row:1!important;
  align-self:end;
  justify-self:center;
  position:relative;
  z-index:3;
  margin-top:205px!important;
  margin-bottom:0!important;
  letter-spacing:5px!important;
  font-size:20px!important;
  text-shadow:0 0 18px rgba(244,199,90,.28);
}
.testimonial-card p{
  grid-column:2!important;
  grid-row:1!important;
  position:relative;
  z-index:2;
  align-self:end;
  font-size:clamp(17px,1.28vw,20px)!important;
  line-height:2.15!important;
  max-width:760px;
  margin:0!important;
  text-align:inherit!important;
}
.testimonial-card footer{
  grid-column:2!important;
  grid-row:2!important;
  position:relative;
  z-index:2;
  margin-top:26px!important;
  align-self:start;
}
.testimonial-card footer strong{
  font-size:22px!important;
}
.testimonial-card footer span{
  font-size:15.5px!important;
  color:rgba(255,255,255,.68)!important;
}
html[dir="rtl"] .testimonial-card p,
html[dir="rtl"] .testimonial-card footer{
  text-align:right!important;
}
html[dir="ltr"] .testimonial-card p,
html[dir="ltr"] .testimonial-card footer{
  text-align:left!important;
}

/* Controls and dots */
.slider-btn{
  top:calc(50% - 18px)!important;
  width:48px!important;
  height:48px!important;
}
.slider-btn.prev{right:10px!important}
.slider-btn.next{left:10px!important}
html[dir="ltr"] .slider-btn.prev{left:10px!important;right:auto!important}
html[dir="ltr"] .slider-btn.next{right:10px!important;left:auto!important}
.testimonial-dots{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:5;
}
.testimonial-dots button{
  width:9px;
  height:9px;
  border-radius:999px;
  border:0;
  padding:0;
  background:rgba(255,255,255,.28);
  cursor:pointer;
  transition:.3s ease;
}
.testimonial-dots button.active{
  width:34px;
  background:linear-gradient(90deg,var(--gold),var(--orange));
}

/* Remove old KPI metrics completely */
.trust-metrics{
  display:none!important;
}

/* one-line title only desktop; allow mobile */
@media(max-width:1100px){
  .testimonials-head h2{
    font-size:clamp(30px,4vw,44px)!important;
  }
  .testimonial-slider{
    padding-inline:54px;
  }
}
@media(max-width:900px){
  .client-logo-wall{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .testimonial-track{
    height:auto!important;
    min-height:0!important;
    overflow:visible;
  }
  .testimonial-card{
    height:auto!important;
    min-height:540px!important;
    grid-template-columns:1fr!important;
    position:relative!important;
    display:none!important;
    padding:34px!important;
  }
  .testimonial-card.active{
    display:grid!important;
  }
  .testimonial-logo{
    grid-column:1!important;
    grid-row:1!important;
    height:190px!important;
    min-height:190px!important;
  }
  .stars{
    grid-column:1!important;
    grid-row:2!important;
    margin:0!important;
    justify-self:center;
  }
  .testimonial-card p{
    grid-column:1!important;
    grid-row:3!important;
    text-align:center!important;
  }
  .testimonial-card footer{
    grid-column:1!important;
    grid-row:4!important;
    text-align:center!important;
  }
}
@media(max-width:760px){
  .testimonials-head h2{
    white-space:normal!important;
    text-wrap:balance!important;
  }
}
@media(max-width:580px){
  .client-logo-wall{
    grid-template-columns:1fr!important;
  }
  .testimonial-slider{
    padding-inline:0;
    padding-bottom:40px;
  }
  .slider-btn{
    display:none;
  }
}


/* V18: testimonial final balance and professional alignment */
.testimonial-slider{
  max-width:1120px!important;
  padding:0 72px 44px!important;
}
.testimonial-track{
  height:390px!important;
  min-height:390px!important;
  border-radius:36px!important;
}
.testimonial-card{
  height:390px!important;
  grid-template-columns:300px 1fr!important;
  gap:34px!important;
  padding:36px 46px!important;
  align-items:center!important;
}
.testimonial-logo{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  height:246px!important;
  min-height:246px!important;
  border-radius:28px!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:18px!important;
}
.testimonial-logo img{
  max-width:94%!important;
  max-height:168px!important;
  object-fit:contain!important;
}
.stars{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:end!important;
  justify-self:center!important;
  margin:0 0 26px!important;
  position:relative!important;
  z-index:4!important;
  letter-spacing:5px!important;
  font-size:21px!important;
  line-height:1!important;
}
.testimonial-card p{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  font-size:18px!important;
  line-height:2.05!important;
  max-width:720px!important;
  margin:0!important;
}
.testimonial-card footer{
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  margin-top:22px!important;
}
.testimonial-card footer strong{
  font-size:22px!important;
  line-height:1.4!important;
}
.testimonial-card footer span{
  font-size:15.5px!important;
  line-height:1.8!important;
}
.slider-btn{
  width:54px!important;
  height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:1!important;
  font-size:38px!important;
  font-family:Arial, sans-serif!important;
  top:50%!important;
}
.slider-btn.prev{right:0!important}
.slider-btn.next{left:0!important}
html[dir="ltr"] .slider-btn.prev{left:0!important;right:auto!important}
html[dir="ltr"] .slider-btn.next{right:0!important;left:auto!important}
.slider-btn.prev,
.slider-btn.next{
  text-align:center!important;
}
.testimonial-dots{
  bottom:4px!important;
}

/* remove empty feeling by keeping card more compact and centered */
.testimonials .testimonial-card:before{
  opacity:.75;
}
@media(max-width:980px){
  .testimonial-track{
    height:auto!important;
    min-height:0!important;
  }
  .testimonial-card{
    height:auto!important;
    min-height:520px!important;
    grid-template-columns:1fr!important;
    padding:34px!important;
  }
  .testimonial-logo{
    grid-column:1!important;
    grid-row:1!important;
    height:190px!important;
    min-height:190px!important;
  }
  .testimonial-logo img{
    max-height:126px!important;
  }
  .stars{
    grid-column:1!important;
    grid-row:2!important;
    align-self:center!important;
    margin:0!important;
  }
  .testimonial-card p{
    grid-column:1!important;
    grid-row:3!important;
    align-self:center!important;
    text-align:center!important;
  }
  .testimonial-card footer{
    grid-column:1!important;
    grid-row:4!important;
    text-align:center!important;
  }
}
@media(max-width:580px){
  .testimonial-slider{
    padding-inline:0!important;
  }
  .testimonial-card{
    min-height:560px!important;
    padding:28px!important;
  }
}


/* V19: Khushbakht Group testimonial */
.client-logo-wall{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  max-width:1320px!important;
}
.client-logo-card img[src*="client-khushbakht"]{
  max-width:94%!important;
  max-height:104px!important;
}
.testimonial-logo img[src*="client-khushbakht"]{
  max-width:96%!important;
  max-height:164px!important;
}
@media(max-width:1150px){
  .client-logo-wall{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:760px){
  .client-logo-wall{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:520px){
  .client-logo-wall{grid-template-columns:1fr!important}
}


/* V20: clients section centered and brand-name marquee */
.clients-head{
  text-align:center!important;
  max-width:1280px!important;
}
.clients-head .section-label{
  margin-inline:auto!important;
}
.clients-head h2{
  max-width:none!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  font-size:clamp(34px,3.45vw,58px)!important;
  line-height:1.15!important;
}
.client-name-marquee{
  max-width:100%;
  margin-top:42px;
  border-radius:32px!important;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.04))!important;
  border:1px solid rgba(244,199,90,.18)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.26);
  position:relative;
}
.client-name-marquee:before,
.client-name-marquee:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:130px;
  z-index:2;
  pointer-events:none;
}
.client-name-marquee:before{
  right:0;
  background:linear-gradient(90deg,transparent,#071735);
}
.client-name-marquee:after{
  left:0;
  background:linear-gradient(270deg,transparent,#071735);
}
.client-name-marquee .marquee-track{
  gap:14px;
  align-items:center;
  animation-duration:48s!important;
}
.client-name-marquee .marquee-track span{
  margin:18px 0;
  padding:16px 26px!important;
  border-radius:999px;
  border:1px solid rgba(244,199,90,.16);
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.86)!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap;
  transition:.35s ease;
}
.client-name-marquee .marquee-track span:hover{
  transform:translateY(-4px);
  color:var(--gold)!important;
  border-color:rgba(244,199,90,.42);
  background:rgba(244,199,90,.10);
}
body.en .client-name-marquee .marquee-track span{
  font-size:18px!important;
}
@media(max-width:980px){
  .clients-head h2{
    font-size:clamp(30px,4vw,44px)!important;
  }
  .client-name-marquee .marquee-track span{
    font-size:18px!important;
    padding:14px 22px!important;
  }
}
@media(max-width:760px){
  .clients-head h2{
    white-space:normal!important;
    text-wrap:balance!important;
  }
  .client-name-marquee:before,
  .client-name-marquee:after{
    width:60px;
  }
}


/* V21: client name corrections and section spacing standardization */
.section{
  padding-top:88px!important;
  padding-bottom:88px!important;
}
.hero.section{
  padding-top:130px!important;
  padding-bottom:70px!important;
}
.about.section{
  padding-top:96px!important;
  padding-bottom:82px!important;
}
.services.section{
  padding-top:86px!important;
  padding-bottom:86px!important;
}
.portfolio.section{
  padding-top:86px!important;
  padding-bottom:76px!important;
}
.testimonials.section{
  padding-top:78px!important;
  padding-bottom:82px!important;
}
.clients.section{
  padding-top:70px!important;
  padding-bottom:74px!important;
}
.business-talk.section,
.process.section,
.proposal.section,
.contact.section{
  padding-top:82px!important;
  padding-bottom:82px!important;
}

/* Tighten inner spacing of trust/client sections */
.client-logo-wall{
  margin-top:34px!important;
  margin-bottom:30px!important;
}
.testimonial-slider{
  margin-top:0!important;
}
.client-name-marquee{
  margin-top:32px!important;
}
.section-head{
  margin-bottom:42px!important;
}
.testimonials-head{
  margin-bottom:34px!important;
}
.clients-head{
  margin-bottom:28px!important;
}

/* Correct English client badge rhythm after longer lubricant names */
body.en .client-name-marquee .marquee-track span{
  font-size:17px!important;
  padding-inline:23px!important;
}
@media(max-width:760px){
  .section{
    padding-top:68px!important;
    padding-bottom:68px!important;
  }
  .hero.section{
    padding-top:112px!important;
  }
}


/* V22: English/Farsi wordmark parity and Persian client corrections */
.about-wordmark-en,
.footer-wordmark-en{
  display:none!important;
}
body.en .about-wordmark-fa,
body.en .footer-wordmark-fa{
  display:none!important;
}
body.en .about-wordmark-en,
body.en .footer-wordmark-en{
  display:block!important;
}
body.en .about-brand-panel:before{
  content:""!important;
  display:none!important;
}
body.en .about-wordmark-en{
  position:relative;
  z-index:2;
  width:min(720px,86%);
  max-height:132px;
  object-fit:contain;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.34));
}
body.en .footer-wordmark-en{
  width:min(520px,86vw);
  max-height:94px;
  object-fit:contain;
  margin:18px auto 12px;
  opacity:.95;
}
.about-brand-panel{
  direction:inherit;
}
body.en .about-brand-panel p{
  margin-top:18px;
}


/* V23: Premium Elias Najibi Business Talk section */
.business-talk{
  position:relative;
  overflow:hidden;
}
.business-talk:before{
  content:"";
  position:absolute;
  inset:8% 0 auto;
  height:760px;
  background:
    radial-gradient(circle at 25% 38%,rgba(255,74,0,.18),transparent 34%),
    radial-gradient(circle at 78% 44%,rgba(244,199,90,.11),transparent 34%);
  pointer-events:none;
}
.business-talk-premium{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:54px;
  align-items:center;
  border-radius:42px;
  padding:52px;
  border:1px solid rgba(244,199,90,.18);
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
  box-shadow:0 34px 95px rgba(0,0,0,.32);
  overflow:hidden;
}
.talk-portrait-wrap{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.talk-symbol-bg{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  opacity:.085;
  z-index:-1;
}
.talk-symbol-bg img{
  width:86%;
  animation:spin 48s linear infinite;
  filter:drop-shadow(0 0 46px rgba(244,199,90,.18));
}
.talk-portrait-card{
  position:relative;
  width:min(420px,86%);
  height:520px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(244,199,90,.20);
  background:linear-gradient(145deg,rgba(6,43,115,.35),rgba(255,255,255,.06));
  box-shadow:0 38px 100px rgba(0,0,0,.38);
}
.talk-portrait{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:grayscale(1) contrast(1.04);
  transform:scale(1.02);
  transition:filter .8s ease, transform .8s ease;
}
.talk-portrait-card:hover .talk-portrait{
  filter:grayscale(0) contrast(1.02);
  transform:scale(1.06);
}
.portrait-glow{
  position:absolute;
  inset:auto -30% -22% -30%;
  height:220px;
  background:radial-gradient(circle,rgba(255,74,0,.32),transparent 64%);
  filter:blur(12px);
  pointer-events:none;
}
.talk-stat{
  position:absolute;
  z-index:4;
  min-width:172px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(244,199,90,.22);
  background:rgba(7,23,53,.76);
  backdrop-filter:blur(14px);
  box-shadow:0 22px 55px rgba(0,0,0,.30);
  display:flex;
  flex-direction:column;
  gap:5px;
  animation:talkFloat 5s ease-in-out infinite;
}
.talk-stat strong{
  color:var(--gold);
  font-size:34px;
  direction:ltr;
  line-height:1;
}
.talk-stat span{
  color:rgba(255,255,255,.78);
  font-size:14px;
  font-weight:800;
  line-height:1.5;
}
.stat-one{top:70px;right:16px}
.stat-two{left:20px;top:220px;animation-delay:.35s}
.stat-three{right:28px;bottom:116px;animation-delay:.7s}
@keyframes talkFloat{
  50%{transform:translateY(-9px)}
}
.talk-person{
  position:absolute;
  bottom:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  text-align:center;
}
.talk-person strong{
  color:var(--gold);
  font-size:24px;
}
.talk-person span{
  color:rgba(255,255,255,.70);
  font-size:15px;
}
.talk-content{
  max-width:720px;
}
html[dir="rtl"] .talk-content{
  text-align:right;
}
html[dir="ltr"] .talk-content{
  text-align:left;
}
.talk-content h2{
  font-size:clamp(42px,4.7vw,74px);
  line-height:1.18;
  margin:18px 0 22px;
  color:#fff;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.talk-content p{
  color:rgba(255,255,255,.76);
  font-size:20px;
  line-height:2;
  max-width:680px;
}
.talk-topics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:34px 0 30px;
}
.talk-topics div{
  min-height:104px;
  border-radius:24px;
  border:1px solid rgba(244,199,90,.16);
  background:rgba(255,255,255,.07);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:9px;
  padding:18px;
  transition:.35s ease;
}
.talk-topics div:hover{
  transform:translateY(-7px);
  border-color:rgba(244,199,90,.42);
  background:rgba(244,199,90,.10);
}
.talk-topics i{
  color:var(--orange);
  font-style:normal;
  font-size:18px;
}
.talk-topics span{
  color:var(--gold);
  font-weight:900;
  font-size:16px;
  line-height:1.5;
}
.talk-cta{
  margin-top:4px;
}
body.en .talk-content h2{
  line-height:1.05;
}
@media(max-width:1100px){
  .business-talk-premium{
    grid-template-columns:1fr;
    padding:42px;
  }
  .talk-content{
    max-width:100%;
    text-align:center!important;
  }
  .talk-content p{
    margin-inline:auto;
  }
}
@media(max-width:720px){
  .business-talk-premium{
    padding:28px;
    border-radius:30px;
  }
  .talk-portrait-wrap{
    min-height:560px;
  }
  .talk-portrait-card{
    height:430px;
  }
  .talk-stat{
    min-width:145px;
    padding:13px 14px;
  }
  .talk-stat strong{
    font-size:28px;
  }
  .talk-topics{
    grid-template-columns:1fr;
  }
  .talk-content h2{
    font-size:38px;
  }
}


/* V24: refined Business Talk portrait, transparent feel and KPI placement */
.talk-portrait-wrap{
  min-height:640px!important;
  padding-bottom:54px;
}
.talk-portrait-card{
  width:min(390px,82%)!important;
  height:500px!important;
  border-radius:34px 34px 120px 120px!important;
  background:
    radial-gradient(circle at 50% 32%,rgba(244,199,90,.16),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.018))!important;
  border:1px solid rgba(244,199,90,.16)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 38px 100px rgba(0,0,0,.35)!important;
  overflow:visible!important;
}
.talk-portrait-card:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:30px 30px 110px 110px;
  border:1px solid rgba(244,199,90,.10);
  pointer-events:none;
}
.talk-portrait{
  position:absolute;
  left:50%;
  bottom:0;
  width:112%!important;
  height:108%!important;
  transform:translateX(-50%) scale(1.02)!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:30px 30px 112px 112px;
  mix-blend-mode:luminosity;
  filter:grayscale(1) contrast(1.08) brightness(1.04);
  opacity:.92;
}
.talk-portrait-card:hover .talk-portrait{
  filter:grayscale(0) contrast(1.02) brightness(1.03);
  mix-blend-mode:normal;
  opacity:1;
  transform:translateX(-50%) scale(1.055)!important;
}
.portrait-glow{
  z-index:-1;
  inset:auto -24% -14% -24%!important;
  opacity:.72;
}
.talk-stat{
  min-width:156px!important;
  border-radius:20px!important;
  padding:14px 16px!important;
  background:
    linear-gradient(145deg,rgba(7,23,53,.86),rgba(255,255,255,.055))!important;
  border:1px solid rgba(244,199,90,.24)!important;
}
.talk-stat strong{
  font-size:30px!important;
}
.talk-stat span{
  font-size:13px!important;
}

/* Place KPI cards around the portrait, not over face */
.stat-one{
  top:78px!important;
  right:4px!important;
}
.stat-two{
  top:236px!important;
  left:0!important;
}
.stat-three{
  right:8px!important;
  bottom:142px!important;
}
html[dir="ltr"] .stat-one{
  right:auto!important;
  left:4px!important;
}
html[dir="ltr"] .stat-two{
  left:auto!important;
  right:0!important;
}
html[dir="ltr"] .stat-three{
  right:auto!important;
  left:8px!important;
}
.talk-person{
  bottom:4px!important;
  left:50%;
  transform:translateX(-50%);
  width:min(520px,92%);
  padding:15px 20px;
  border-radius:999px;
  background:rgba(7,23,53,.68);
  border:1px solid rgba(244,199,90,.20);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 44px rgba(0,0,0,.24);
}
.talk-person span{
  color:var(--gold)!important;
  font-size:16px!important;
  font-weight:900;
  line-height:1.6;
  text-align:center;
  white-space:nowrap;
}
.talk-cta:after{
  content:"↗";
  margin-inline-start:8px;
  font-size:14px;
}
@media(max-width:720px){
  .talk-portrait-wrap{
    min-height:620px!important;
  }
  .talk-portrait-card{
    width:min(340px,88%)!important;
    height:430px!important;
  }
  .talk-stat{
    min-width:138px!important;
  }
  .stat-one{top:58px!important}
  .stat-two{top:214px!important}
  .stat-three{bottom:132px!important}
  .talk-person span{
    white-space:normal;
    font-size:14px!important;
  }
}


/* V25: Move Business Talk KPI cards completely away from portrait */
.talk-portrait-wrap{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:center!important;
  justify-items:center!important;
  padding-bottom:190px!important;
  min-height:720px!important;
}
.talk-portrait-card{
  z-index:3!important;
}
.talk-stat{
  position:absolute!important;
  z-index:5!important;
  min-width:0!important;
  width:31%!important;
  max-width:185px!important;
  height:96px!important;
  padding:15px 14px!important;
  border-radius:22px!important;
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(244,199,90,.18), transparent 50%),
    linear-gradient(145deg,rgba(7,23,53,.88),rgba(255,255,255,.055))!important;
}
.talk-stat strong{
  font-size:31px!important;
}
.talk-stat span{
  font-size:12.8px!important;
  line-height:1.45!important;
}

/* New KPI row under image, never on the face */
.stat-one,
.stat-two,
.stat-three{
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:72px!important;
}
.stat-one{
  inset-inline-start:5%!important;
}
.stat-two{
  left:50%!important;
  transform:translateX(-50%)!important;
}
.stat-three{
  inset-inline-end:5%!important;
}
.talk-stat:hover{
  border-color:rgba(244,199,90,.48)!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,74,0,.18), transparent 50%),
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(7,23,53,.72))!important;
}
.talk-person{
  bottom:10px!important;
  z-index:6!important;
}

/* keep parallax from pushing cards over the portrait */
.talk-stat[style]{
  /* JS may inject transform; this reset keeps stat row stable */
}
@media(min-width:721px){
  .stat-one,
  .stat-two,
  .stat-three{
    transform:none!important;
  }
  .stat-two{
    transform:translateX(-50%)!important;
  }
}
@media(max-width:720px){
  .talk-portrait-wrap{
    min-height:760px!important;
    padding-bottom:270px!important;
  }
  .talk-stat{
    width:86%!important;
    max-width:320px!important;
    height:78px!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    padding-inline:20px!important;
  }
  .talk-stat strong{
    font-size:26px!important;
  }
  .talk-stat span{
    text-align:inherit!important;
  }
  .stat-one{bottom:184px!important; inset-inline-start:auto!important; left:50%!important; transform:translateX(-50%)!important}
  .stat-two{bottom:96px!important; left:50%!important; transform:translateX(-50%)!important}
  .stat-three{bottom:8px!important; inset-inline-end:auto!important; left:50%!important; transform:translateX(-50%)!important}
  .talk-person{
    bottom:-74px!important;
  }
}


/* V26: Business Talk KPI cards moved to content column */
.business-talk-premium{
  grid-template-columns:.88fr 1.12fr!important;
  gap:46px!important;
  padding:46px!important;
  align-items:center!important;
}
.talk-portrait-wrap{
  min-height:560px!important;
  padding-bottom:76px!important;
}
.talk-portrait-card{
  height:470px!important;
  width:min(360px,82%)!important;
}
.talk-stat{
  display:none!important;
}
.talk-person{
  bottom:4px!important;
}
.talk-content h2{
  margin-bottom:18px!important;
}
.talk-content p{
  margin-bottom:0!important;
}
.talk-topics{
  display:none!important;
}
.talk-kpi-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:30px 0 26px;
}
.talk-kpi-card{
  min-height:138px;
  border-radius:26px;
  border:1px solid rgba(244,199,90,.18);
  background:
    radial-gradient(circle at 50% 0%,rgba(244,199,90,.16),transparent 56%),
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:22px;
  transition:.35s ease;
  box-shadow:0 22px 58px rgba(0,0,0,.20);
}
html[dir="rtl"] .talk-kpi-card{
  align-items:flex-start;
  text-align:right;
}
html[dir="ltr"] .talk-kpi-card{
  align-items:flex-start;
  text-align:left;
}
.talk-kpi-card:hover{
  transform:translateY(-7px);
  border-color:rgba(244,199,90,.46);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,74,0,.18),transparent 56%),
    linear-gradient(145deg,rgba(244,199,90,.13),rgba(255,255,255,.055));
}
.talk-kpi-card strong{
  color:var(--gold);
  font-size:clamp(34px,3.2vw,52px);
  line-height:1;
  direction:ltr;
  margin-bottom:12px;
}
.talk-kpi-card span{
  color:rgba(255,255,255,.80);
  font-size:15px;
  line-height:1.6;
  font-weight:900;
}
.talk-cta{
  margin-top:2px!important;
}
@media(max-width:1100px){
  .business-talk-premium{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .talk-portrait-wrap{
    min-height:560px!important;
  }
  .talk-kpi-grid{
    max-width:760px;
    margin-inline:auto;
  }
}
@media(max-width:720px){
  .business-talk-premium{
    padding:28px!important;
  }
  .talk-portrait-wrap{
    min-height:530px!important;
    padding-bottom:74px!important;
  }
  .talk-portrait-card{
    height:410px!important;
  }
  .talk-kpi-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .talk-kpi-card{
    min-height:94px;
    flex-direction:row;
    align-items:center!important;
    justify-content:space-between;
  }
  .talk-kpi-card strong{
    margin-bottom:0;
    font-size:34px;
  }
}


/* V27: Header clients link and premium growth map process */
.nav-links{
  gap:22px!important;
}
@media(max-width:1180px){
  .nav-links{
    gap:16px!important;
    font-size:13px!important;
  }
}

.growth-map-section{
  position:relative;
  overflow:hidden;
}
.growth-map-section:before{
  content:"";
  position:absolute;
  inset:10% 0 auto;
  height:760px;
  background:
    radial-gradient(circle at 18% 28%,rgba(255,74,0,.15),transparent 32%),
    radial-gradient(circle at 82% 64%,rgba(244,199,90,.11),transparent 34%);
  pointer-events:none;
}
.process-head{
  text-align:center!important;
}
.process-head h2,
.process-head p{
  margin-inline:auto!important;
  text-align:center!important;
}
.growth-map{
  position:relative;
  max-width:1180px;
  min-height:620px;
  margin:58px auto 0;
  border-radius:44px;
  border:1px solid rgba(244,199,90,.16);
  background:
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  box-shadow:0 34px 95px rgba(0,0,0,.28);
  overflow:hidden;
  padding:64px 54px;
}
.growth-map:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:radial-gradient(circle,black,transparent 78%);
  pointer-events:none;
}
.map-line{
  position:absolute;
  left:10%;
  right:10%;
  top:50%;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--gold),var(--orange));
  box-shadow:0 0 35px rgba(244,199,90,.26);
}
html[dir="rtl"] .map-line{
  background:linear-gradient(270deg,var(--orange),var(--gold),var(--orange));
}
.map-step{
  position:absolute;
  width:280px;
  z-index:2;
}
.step-one{right:7%;top:70px}
.step-two{right:31%;bottom:76px}
.step-three{left:31%;top:76px}
.step-four{left:7%;bottom:76px}
html[dir="ltr"] .step-one{left:7%;right:auto;top:70px}
html[dir="ltr"] .step-two{left:31%;right:auto;bottom:76px}
html[dir="ltr"] .step-three{right:31%;left:auto;top:76px}
html[dir="ltr"] .step-four{right:7%;left:auto;bottom:76px}
.map-node{
  width:82px;
  height:82px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 38%),
    linear-gradient(145deg,var(--gold),var(--orange));
  display:grid;
  place-items:center;
  box-shadow:0 22px 55px rgba(255,74,0,.24);
  border:6px solid rgba(7,23,53,.95);
  margin-bottom:20px;
  position:relative;
}
.map-node:after{
  content:"";
  position:absolute;
  inset:-16px;
  border-radius:50%;
  border:1px solid rgba(244,199,90,.22);
  animation:pulse 2.4s ease-in-out infinite;
}
.map-node span{
  color:#071735;
  font-size:23px;
  font-weight:900;
  direction:ltr;
}
.map-content{
  border-radius:28px;
  border:1px solid rgba(244,199,90,.16);
  background:rgba(7,23,53,.72);
  backdrop-filter:blur(14px);
  padding:22px;
  min-height:178px;
  box-shadow:0 22px 60px rgba(0,0,0,.28);
  transition:.35s ease;
}
.map-step:hover .map-content{
  transform:translateY(-8px);
  border-color:rgba(244,199,90,.44);
  background:rgba(255,255,255,.10);
}
.map-content h3{
  color:var(--gold);
  font-size:22px;
  line-height:1.45;
  margin:0 0 12px;
}
.map-content p{
  color:rgba(255,255,255,.74);
  font-size:15px;
  line-height:1.9;
  margin:0;
}
html[dir="rtl"] .map-content{
  text-align:right;
}
html[dir="ltr"] .map-content{
  text-align:left;
}
@media(max-width:1050px){
  .growth-map{
    min-height:auto;
    padding:42px 28px;
    display:grid;
    gap:24px;
  }
  .map-line{
    left:auto;
    right:50%;
    top:42px;
    bottom:42px;
    width:4px;
    height:auto;
    transform:translateX(50%);
  }
  html[dir="ltr"] .map-line{
    right:auto;
    left:50%;
    transform:translateX(-50%);
  }
  .map-step{
    position:relative;
    width:100%;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    display:grid;
    grid-template-columns:100px 1fr;
    gap:20px;
    align-items:center;
  }
  html[dir="rtl"] .map-step{
    grid-template-columns:1fr 100px;
  }
  html[dir="rtl"] .map-node{
    grid-column:2;
    grid-row:1;
    margin:0;
  }
  html[dir="rtl"] .map-content{
    grid-column:1;
    grid-row:1;
  }
  .map-node{
    margin:0;
  }
}
@media(max-width:620px){
  .growth-map{
    border-radius:30px;
    padding:28px 20px;
  }
  .map-line{
    display:none;
  }
  .map-step,
  html[dir="rtl"] .map-step{
    grid-template-columns:1fr;
  }
  .map-node,
  html[dir="rtl"] .map-node{
    grid-column:1;
    grid-row:auto;
    margin-inline:auto;
  }
  .map-content,
  html[dir="rtl"] .map-content{
    grid-column:1;
    grid-row:auto;
    text-align:center;
  }
}


/* V28: Replace growth map with compact premium workflow board */
.growth-map,
.growth-map-section .map-line,
.growth-map-section .map-step{
  display:none!important;
}
.workflow-section{
  position:relative;
  overflow:hidden;
}
.workflow-section:before{
  content:"";
  position:absolute;
  inset:8% 0 auto;
  height:620px;
  background:
    radial-gradient(circle at 18% 34%,rgba(255,74,0,.13),transparent 32%),
    radial-gradient(circle at 82% 60%,rgba(244,199,90,.10),transparent 34%);
  pointer-events:none;
}
.workflow-board{
  position:relative;
  max-width:1220px;
  margin:44px auto 0;
  padding:26px;
  border-radius:38px;
  border:1px solid rgba(244,199,90,.16);
  background:
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  box-shadow:0 30px 86px rgba(0,0,0,.28);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  overflow:hidden;
}
.workflow-board:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:70px 70px;
  opacity:.5;
  pointer-events:none;
}
.workflow-progress{
  position:absolute;
  left:42px;
  right:42px;
  top:73px;
  height:3px;
  background:rgba(255,255,255,.10);
  border-radius:999px;
  z-index:1;
}
.workflow-progress span{
  display:block;
  width:100%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),var(--gold),var(--orange));
  box-shadow:0 0 26px rgba(244,199,90,.28);
}
html[dir="rtl"] .workflow-progress span{
  background:linear-gradient(270deg,var(--orange),var(--gold),var(--orange));
}
.workflow-step{
  position:relative;
  z-index:2;
  min-height:310px;
  padding:24px 22px 26px;
  border-radius:30px;
  border:1px solid rgba(244,199,90,.14);
  background:
    radial-gradient(circle at 50% 0%,rgba(244,199,90,.11),transparent 48%),
    rgba(7,23,53,.58);
  backdrop-filter:blur(14px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  transition:.35s ease;
}
html[dir="rtl"] .workflow-step{
  text-align:right;
}
html[dir="ltr"] .workflow-step{
  text-align:left;
}
.workflow-step:hover{
  transform:translateY(-8px);
  border-color:rgba(244,199,90,.44);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,74,0,.13),transparent 48%),
    rgba(255,255,255,.09);
}
.workflow-index{
  width:70px;
  height:70px;
  border-radius:22px;
  display:grid;
  place-items:center;
  color:#071735;
  font-size:24px;
  font-weight:900;
  direction:ltr;
  background:linear-gradient(145deg,var(--gold),var(--orange));
  box-shadow:0 18px 44px rgba(255,74,0,.22);
  margin-bottom:34px;
  position:relative;
}
.workflow-index:after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:26px;
  border:1px solid rgba(244,199,90,.20);
}
.workflow-content h3{
  color:var(--gold);
  margin:0 0 14px;
  font-size:clamp(20px,1.45vw,26px);
  line-height:1.45;
  min-height:72px;
  display:flex;
  align-items:flex-end;
}
.workflow-content p{
  color:rgba(255,255,255,.74);
  margin:0;
  font-size:15px;
  line-height:1.95;
}
@media(max-width:1100px){
  .workflow-board{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .workflow-progress{
    display:none;
  }
  .workflow-step{
    min-height:270px;
  }
}
@media(max-width:620px){
  .workflow-board{
    grid-template-columns:1fr;
    padding:18px;
    border-radius:30px;
  }
  .workflow-step{
    min-height:auto;
    padding:22px;
  }
  .workflow-index{
    margin-bottom:22px;
  }
  .workflow-content h3{
    min-height:auto;
  }
}


/* V29: Proposal and Contact refinements */
.proposal-premium{
  grid-template-columns:.9fr 1.1fr!important;
  align-items:center;
  gap:46px!important;
}
.proposal-intro{
  max-width:560px;
}
.proposal-note{
  margin-top:26px;
  border-radius:24px;
  border:1px solid rgba(244,199,90,.18);
  background:rgba(244,199,90,.08);
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.proposal-note strong{
  color:var(--gold);
  font-size:17px;
}
.proposal-note span{
  color:rgba(255,255,255,.74);
  line-height:1.8;
}
.proposal-form{
  border-radius:30px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(244,199,90,.14);
  padding:24px;
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.proposal-form input,
.proposal-form select,
.proposal-form textarea{
  min-height:56px;
}
.proposal-form textarea{
  min-height:140px;
}
.form-note{
  font-size:13px!important;
  line-height:1.8!important;
  color:rgba(255,255,255,.62)!important;
}

/* Contact */
.contact-premium{
  align-items:stretch!important;
}
.contact-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.contact-details{
  display:grid;
  gap:14px;
  margin:28px 0 24px;
}
.contact-details div{
  display:flex;
  align-items:center;
  gap:14px;
  border-radius:20px;
  border:1px solid rgba(244,199,90,.14);
  background:rgba(255,255,255,.065);
  padding:14px 16px;
}
.contact-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(244,199,90,.12);
  color:var(--gold);
  flex:0 0 auto;
}
.contact-details p{
  margin:0!important;
  color:rgba(255,255,255,.80)!important;
  line-height:1.7!important;
}
.social-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
}
.social-actions a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border-radius:999px;
  border:1px solid rgba(244,199,90,.18);
  background:rgba(255,255,255,.07);
  color:#fff;
  padding:12px 16px;
  transition:.3s ease;
}
.social-actions a:hover{
  transform:translateY(-5px);
  border-color:rgba(244,199,90,.48);
  background:rgba(244,199,90,.10);
}
.social-actions span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,var(--gold),var(--orange));
  color:#071735;
  font-weight:900;
}
.social-actions b{
  font-size:14px;
}
.map-embed{
  min-height:430px!important;
  position:relative;
}
.map-embed iframe{
  width:100%;
  height:100%;
  min-height:430px;
  border:0;
  display:block;
  filter:saturate(.9) contrast(1.05);
}
.map-open{
  position:absolute;
  left:20px;
  bottom:20px;
  z-index:2;
  border-radius:999px;
  padding:12px 18px;
  background:rgba(7,23,53,.82);
  border:1px solid rgba(244,199,90,.22);
  color:var(--gold);
  backdrop-filter:blur(12px);
  font-weight:900;
}
html[dir="ltr"] .map-open{
  left:auto;
  right:20px;
}
@media(max-width:900px){
  .proposal-premium,
  .contact-premium{
    grid-template-columns:1fr!important;
  }
  .proposal-intro{
    max-width:100%;
  }
}
@media(max-width:620px){
  .form-row{
    grid-template-columns:1fr;
  }
  .social-actions a{
    width:100%;
    justify-content:center;
  }
}

/* V30 real: Proposal/contact final fixes + process header link */
.nav-links{gap:18px!important}
.proposal-premium{
  grid-template-columns:.92fr 1.08fr!important;
  align-items:center!important;
  gap:42px!important;
}
.proposal-intro h2{margin-bottom:18px!important}
.proposal-intro p{line-height:1.95!important;max-width:560px!important}
.proposal-note{display:none!important}
.proposal-form{
  border-radius:30px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(244,199,90,.14)!important;
  padding:26px!important;
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.budget-group{display:grid;gap:10px;margin-bottom:14px}
.budget-group label{color:var(--gold);font-weight:900;font-size:14px}
#customBudget[hidden]{display:none!important}
.form-note{font-size:13px!important;color:rgba(255,255,255,.62)!important;line-height:1.8!important}
.proposal-form input,.proposal-form select,.proposal-form textarea{min-height:56px}
.proposal-form textarea{min-height:132px}
.contact-title{}
.contact-premium{align-items:stretch!important}
.contact-info{display:flex;flex-direction:column;justify-content:center}
.contact-info h2{line-height:1.18!important}
.contact-details{display:grid;gap:14px;margin:28px 0 24px}
.contact-details div{display:flex;align-items:center;gap:14px;border-radius:20px;border:1px solid rgba(244,199,90,.14);background:rgba(255,255,255,.065);padding:14px 16px}
.contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(244,199,90,.12);color:var(--gold);flex:0 0 auto}
.contact-details p{margin:0!important;color:rgba(255,255,255,.82)!important;line-height:1.7!important}
.phone-ltr{direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important;font-family:Arial,sans-serif!important;letter-spacing:.03em}
html[dir="rtl"] .phone-ltr{text-align:right!important}
.social-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.social-actions a{display:inline-flex;align-items:center;gap:10px;border-radius:999px;border:1px solid rgba(244,199,90,.18);background:rgba(255,255,255,.07);color:#fff;padding:12px 16px;transition:.3s ease}
.social-actions a:hover{transform:translateY(-5px);border-color:rgba(244,199,90,.48);background:rgba(244,199,90,.10)}
.social-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:900;background:linear-gradient(145deg,var(--gold),var(--orange));color:#071735}
.instagram-icon{font-size:18px}
.facebook-icon{font-family:Arial,sans-serif;font-size:20px}
.whatsapp-icon{font-size:17px}
.map-embed{min-height:430px!important;position:relative;overflow:hidden}
.map-embed iframe{width:100%;height:100%;min-height:430px;border:0;display:block;filter:saturate(.9) contrast(1.05)}
.map-open{position:absolute;left:20px;bottom:20px;z-index:2;border-radius:999px;padding:12px 18px;background:rgba(7,23,53,.82);border:1px solid rgba(244,199,90,.22);color:var(--gold);backdrop-filter:blur(12px);font-weight:900}
html[dir="ltr"] .map-open{left:auto;right:20px}
@media(max-width:980px){.proposal-premium,.contact-premium{grid-template-columns:1fr!important}.proposal-intro p{max-width:100%!important}}
@media(max-width:620px){.form-row{grid-template-columns:1fr}.social-actions a{width:100%;justify-content:center}}


/* V31: final proposal/contact polish */
.proposal-premium{
  grid-template-columns:1fr 1.15fr!important;
  align-items:center!important;
  gap:36px!important;
  padding:42px!important;
}
.proposal-intro{
  align-self:center!important;
}
.proposal-intro .section-label{
  margin-bottom:16px!important;
}
.proposal-intro h2{
  font-size:clamp(32px,3vw,52px)!important;
  line-height:1.3!important;
  margin:0 0 18px!important;
  text-wrap:balance;
}
.proposal-intro p{
  font-size:17px!important;
  line-height:2!important;
  margin:0!important;
  color:rgba(255,255,255,.74)!important;
}
.proposal-form{
  padding:24px!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;
}
.proposal-form .form-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.proposal-form input,
.proposal-form select,
.proposal-form textarea{
  font-family:inherit!important;
  border-radius:18px!important;
  min-height:54px!important;
  padding:0 16px!important;
  border:1px solid rgba(244,199,90,.14)!important;
}
.proposal-form textarea{
  min-height:118px!important;
  padding-top:16px!important;
  resize:vertical;
}
.budget-group{
  margin:0 0 12px!important;
  gap:8px!important;
}
.budget-group label{
  margin-inline-start:4px;
}
.proposal-form button.btn,
.nav-actions .btn,
.btn{
  font-family:inherit!important;
  font-weight:900!important;
}
.form-note{
  display:none!important;
}

/* final contact icons and address/phone polish */
.contact-details p{
  font-size:17px!important;
}
.phone-ltr{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-family:Arial, sans-serif!important;
  letter-spacing:.02em;
}
.social-actions a{
  min-height:54px;
  padding:12px 18px!important;
}
.social-icon{
  width:34px!important;
  height:34px!important;
  background:rgba(244,199,90,.12)!important;
  border:1px solid rgba(244,199,90,.26);
  color:var(--gold)!important;
}
.social-icon svg{
  width:20px;
  height:20px;
  display:block;
}
.social-icon svg *{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.facebook-icon svg path{
  fill:currentColor!important;
  stroke:none!important;
}
.social-actions a:hover .social-icon{
  background:linear-gradient(145deg,var(--gold),var(--orange))!important;
  color:#071735!important;
  border-color:transparent;
}
.instagram-icon svg rect,
.instagram-icon svg circle{
  fill:none!important;
}
.whatsapp-icon svg path{
  fill:none!important;
}
@media(max-width:980px){
  .proposal-premium{
    grid-template-columns:1fr!important;
    padding:34px!important;
  }
}
@media(max-width:640px){
  .proposal-form .form-row{
    grid-template-columns:1fr!important;
  }
}


/* V32: final hero, spacing, services, licenses */
.symbol-ring,
.symbol-dot{
  display:none!important;
}
.hero-title-custom,
.hero h1{
  max-width:720px!important;
}
html[dir="rtl"] .hero-title-custom,
html[dir="rtl"] .hero h1{
  line-height:1.14!important;
}
html[dir="ltr"] .hero-title-custom,
html[dir="ltr"] .hero h1{
  max-width:760px!important;
}
.hero-card-title-nowrap{
  white-space:nowrap!important;
  max-width:none!important;
  font-size:clamp(30px,2.9vw,48px)!important;
  line-height:1.25!important;
}
.graph-mode > h3{
  white-space:nowrap!important;
}
.kpi-hero-card.graph-mode{
  min-height:500px!important;
  padding:36px!important;
}
.achievement-chart{
  height:300px!important;
}

/* More controlled section spacing */
.section{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
.hero.section{
  padding-top:118px!important;
  padding-bottom:56px!important;
}
.about.section,
.services.section,
.testimonials.section,
.clients.section,
.business-talk.section,
.workflow-section,
.proposal.section,
.contact.section{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
.section-head{
  margin-bottom:34px!important;
}

/* Services: reduce empty space and improve icon relevance */
.services-showcase{
  gap:18px!important;
}
.premium-service{
  min-height:310px!important;
  padding:26px!important;
}
.premium-service h3{
  margin-top:86px!important;
  margin-bottom:12px!important;
  min-height:0!important;
  white-space:nowrap!important;
  font-size:clamp(21px,1.45vw,27px)!important;
}
.premium-service p{
  min-height:0!important;
  font-size:15px!important;
  line-height:1.85!important;
}
.service-icon{
  width:66px!important;
  height:66px!important;
  border-radius:22px!important;
}

/* New social media icon: phone with posts/reels */
.service-icon.social-icon b:nth-child(1),
.service-icon.social-icon b:nth-child(2),
.service-icon.social-icon b:nth-child(3){
  display:none!important;
}
.service-icon.social-icon:before{
  content:"";
  width:32px;
  height:44px;
  border:2px solid rgba(244,199,90,.85);
  border-radius:9px;
  position:absolute;
}
.service-icon.social-icon:after{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--orange);
  position:absolute;
  top:18px;
  animation:pulse 1.8s infinite;
}
.service-icon.social-icon{
  position:absolute;
}
.service-icon.social-icon .dummy{display:none}

/* Institution icon: document + media frame */
.institution-icon span{
  display:none!important;
}
.institution-icon:before{
  content:"";
  width:38px;
  height:46px;
  border:2px solid rgba(244,199,90,.82);
  border-radius:8px;
  position:absolute;
}
.institution-icon:after{
  content:"";
  width:22px;
  height:16px;
  border-radius:4px;
  background:linear-gradient(145deg,var(--gold),var(--orange));
  position:absolute;
  bottom:18px;
  animation:iconFloat 2.2s ease-in-out infinite;
}

/* Procurement icon: booth/signboard + location */
.procurement-icon i{
  display:none!important;
}
.procurement-icon:before{
  content:"";
  width:46px;
  height:28px;
  border-radius:8px 8px 4px 4px;
  border:2px solid rgba(244,199,90,.85);
  position:absolute;
  top:18px;
}
.procurement-icon:after{
  content:"";
  width:16px;
  height:16px;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:var(--orange);
  position:absolute;
  bottom:16px;
  animation:pinBounce 1.8s ease-in-out infinite;
}
@keyframes pinBounce{
  50%{transform:translateY(-6px) rotate(-45deg)}
}

/* License section */
.license-section{
  padding-top:58px!important;
  padding-bottom:58px!important;
}
.license-panel{
  max-width:1180px;
  margin:auto;
  border-radius:36px;
  border:1px solid rgba(244,199,90,.18);
  background:
    radial-gradient(circle at 20% 35%,rgba(255,74,0,.12),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  box-shadow:0 28px 80px rgba(0,0,0,.24);
  padding:34px;
  display:grid;
  grid-template-columns:1fr .95fr;
  align-items:center;
  gap:30px;
}
.license-text h2{
  color:#fff;
  font-size:clamp(30px,3vw,48px);
  line-height:1.25;
  margin:12px 0;
}
.license-text p{
  color:rgba(255,255,255,.72);
  line-height:1.9;
  margin:0;
}
.license-logos{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.license-logo-card{
  min-height:170px;
  border-radius:28px;
  border:1px solid rgba(244,199,90,.16);
  background:rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  transition:.35s ease;
}
.license-logo-card:hover{
  transform:translateY(-6px);
  border-color:rgba(244,199,90,.44);
  background:rgba(244,199,90,.10);
}
.license-logo-card img{
  max-width:100%;
  max-height:135px;
  object-fit:contain;
}
@media(max-width:950px){
  .license-panel{
    grid-template-columns:1fr;
    text-align:center;
  }
}
@media(max-width:760px){
  .section{padding-top:58px!important;padding-bottom:58px!important}
  .hero-card-title-nowrap,
  .graph-mode > h3{
    white-space:normal!important;
  }
  .license-logos{
    grid-template-columns:1fr;
  }
  .premium-service h3{
    white-space:normal!important;
  }
}


/* V33: final service icons and hero two-line title */
.hero-title-custom{
  white-space:normal!important;
  text-wrap:balance;
}
html[dir="rtl"] .hero-title-custom{
  max-width:760px!important;
  line-height:1.16!important;
}
html[dir="ltr"] .hero-title-custom{
  max-width:780px!important;
}

/* remove old pseudo icons from previous versions */
.service-icon.social-icon:before,
.service-icon.social-icon:after,
.institution-icon:before,
.institution-icon:after,
.procurement-icon:before,
.procurement-icon:after{
  display:none!important;
}

.social-media-service-icon,
.institution-media-icon,
.ad-ops-icon{
  position:absolute!important;
  display:grid!important;
  place-items:center!important;
}
.social-media-service-icon svg,
.institution-media-icon svg,
.ad-ops-icon svg{
  width:46px;
  height:46px;
  overflow:visible;
}
.social-media-service-icon .phone,
.institution-media-icon .doc,
.ad-ops-icon .board{
  fill:none;
  stroke:var(--gold);
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.social-media-service-icon .lens,
.social-media-service-icon .pulse-dot,
.institution-media-icon .play,
.ad-ops-icon .pin{
  fill:var(--orange);
  stroke:none;
}
.social-media-service-icon .reel,
.institution-media-icon .fold,
.institution-media-icon .line,
.ad-ops-icon .stand,
.ad-ops-icon .spark{
  fill:none;
  stroke:rgba(255,255,255,.78);
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.social-media-service-icon .pulse-dot{
  animation:socialPing 1.8s ease-in-out infinite;
}
@keyframes socialPing{
  50%{transform:scale(1.25);opacity:.72}
}
.institution-media-icon .play{
  transform-origin:center;
  animation:playNudge 2.2s ease-in-out infinite;
}
@keyframes playNudge{
  50%{transform:translateX(3px)}
}
.ad-ops-icon .pin{
  animation:pinFloat 2s ease-in-out infinite;
}
@keyframes pinFloat{
  50%{transform:translateY(-5px)}
}
.ad-ops-icon .spark{
  stroke-dasharray:44;
  animation:lineGlow 2.6s ease-in-out infinite;
}
@keyframes lineGlow{
  50%{stroke:var(--gold);stroke-dashoffset:12}
}

/* License section stability */
.license-logo-card img[src*="license-moic"]{
  max-height:145px!important;
}
.license-logo-card img[src*="license-commerce"]{
  max-height:150px!important;
}


/* Global Presence Section - V33 Add-on */
.global-presence{
  position:relative;
  overflow:hidden;
}
.global-presence::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 30%, rgba(255,74,0,.13), transparent 34%),
    radial-gradient(circle at 78% 64%, rgba(244,199,90,.10), transparent 34%);
  pointer-events:none;
}
.global-head{
  text-align:center!important;
}
.global-head .section-label,
.global-head h2,
.global-head p{
  margin-inline:auto!important;
  text-align:center!important;
}
.global-head h2{
  white-space:nowrap;
}
.world-map-card{
  position:relative;
  max-width:1120px;
  margin:44px auto 0;
  border-radius:38px;
  border:1px solid rgba(244,199,90,.18);
  background:
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.035));
  box-shadow:0 30px 86px rgba(0,0,0,.28);
  padding:34px 34px 28px;
  overflow:hidden;
}
.world-map-card::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:64px 64px;
  opacity:.55;
  pointer-events:none;
}
.world-map{
  position:relative;
  z-index:1;
  width:100%;
}
.world-map svg{
  width:100%;
  max-height:470px;
  display:block;
}
.continent{
  fill:rgba(255,255,255,.055);
  stroke:rgba(244,199,90,.16);
  stroke-width:2;
}
.map-pin{
  cursor:pointer;
}
.pin-glow{
  fill:url(#mapGlow);
  animation:globalPulse 2.2s ease-in-out infinite;
  transform-origin:center;
}
.pin-core{
  fill:#ff4a00;
  stroke:#f4c75a;
  stroke-width:3;
  filter:drop-shadow(0 0 8px rgba(255,74,0,.75));
}
.pin-ir .pin-glow{animation-delay:.15s}
.pin-tr .pin-glow{animation-delay:.3s}
.pin-cn .pin-glow{animation-delay:.45s}
.pin-fr .pin-glow{animation-delay:.6s}
.pin-it .pin-glow{animation-delay:.75s}
@keyframes globalPulse{
  50%{opacity:.55; transform:scale(1.24)}
}
.map-pin:hover .pin-core{
  fill:#f4c75a;
  stroke:#ff4a00;
}
.country-list{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:22px;
}
.country-list span{
  border-radius:999px;
  border:1px solid rgba(244,199,90,.18);
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.84);
  padding:12px 20px;
  font-weight:900;
  line-height:1;
  transition:.3s ease;
}
.country-list span:hover{
  transform:translateY(-4px);
  color:#f4c75a;
  border-color:rgba(244,199,90,.42);
  background:rgba(244,199,90,.10);
}
@media(max-width:760px){
  .global-head h2{
    white-space:normal;
  }
  .world-map-card{
    padding:22px 18px;
    border-radius:30px;
  }
  .country-list span{
    padding:10px 16px;
  }
}


/* V34 Global Presence 3D Map - coded SVG */
.global-3d-section{
  position:relative;
  overflow:hidden;
}
.global-3d-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,74,0,.12),transparent 34%),
    radial-gradient(circle at 80% 58%,rgba(244,199,90,.10),transparent 36%);
  pointer-events:none;
}
.global-head{
  text-align:center!important;
}
.global-head .section-label,
.global-head h2,
.global-head p{
  margin-inline:auto!important;
  text-align:center!important;
}
.global-head h2{
  color:var(--gold);
  white-space:nowrap;
}
.map3d-card{
  position:relative;
  max-width:1220px;
  margin:44px auto 0;
  border-radius:42px;
  border:1px solid rgba(244,199,90,.20);
  background:
    radial-gradient(circle at 62% 34%, rgba(255,74,0,.13), transparent 30%),
    linear-gradient(180deg, rgba(11,38,78,.94), rgba(6,23,51,.98));
  box-shadow:0 42px 120px rgba(0,0,0,.42);
  padding:28px 28px 24px;
  overflow:hidden;
}
.map3d-card::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:58px 58px;
  opacity:.72;
  pointer-events:none;
}
.map3d-stage{
  position:relative;
  z-index:1;
  perspective:1200px;
}
.map3d-svg{
  width:100%;
  display:block;
  transform:rotateX(8deg);
  transform-origin:50% 60%;
  filter:drop-shadow(0 28px 36px rgba(0,0,0,.32));
}
.map3d-ocean{
  fill:transparent;
}
.world-shadow path{
  fill:rgba(0,0,0,.32);
  filter:blur(2px);
}
.world-land .land{
  fill:url(#landBase);
  stroke:rgba(255,255,255,.23);
  stroke-width:1.4;
}
.country-shape{
  fill:url(#activeGold);
  stroke:rgba(255,226,122,.85);
  stroke-width:1.6;
  filter:url(#countryGlow);
  cursor:pointer;
  transition:.35s ease;
}
.active-country:hover .country-shape{
  transform:translateY(-6px);
  filter:url(#countryGlow) brightness(1.12);
}
.map-pin-glow{
  fill:url(#pinGlow);
  animation:mapPulse 2.2s ease-in-out infinite;
  transform-box:fill-box;
  transform-origin:center;
}
.map-pin-core{
  fill:#ff4a00;
  stroke:#ffe27a;
  stroke-width:4;
  filter:drop-shadow(0 0 10px rgba(255,74,0,.9));
}
.country-fr .map-pin-glow{animation-delay:.1s}
.country-it .map-pin-glow{animation-delay:.25s}
.country-tr .map-pin-glow{animation-delay:.4s}
.country-ir .map-pin-glow{animation-delay:.55s}
.country-af .map-pin-glow{animation-delay:.7s}
.country-cn .map-pin-glow{animation-delay:.85s}
@keyframes mapPulse{
  50%{opacity:.55; transform:scale(1.18)}
}
.country-label{
  opacity:.94;
  fill:#f4c75a;
  font-size:18px;
  font-weight:900;
  text-anchor:middle;
  paint-order:stroke;
  stroke:#071735;
  stroke-width:8;
  stroke-linejoin:round;
  pointer-events:none;
}
.active-country:hover .country-label{
  opacity:1;
  fill:#fff;
}
.map3d-country-list{
  position:relative;
  z-index:2;
  margin:8px auto 0;
  padding:14px 20px;
  width:max-content;
  max-width:92%;
  border-radius:999px;
  border:1px solid rgba(244,199,90,.45);
  background:rgba(7,23,53,.72);
  backdrop-filter:blur(14px);
}
.map3d-country-list span{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  padding:10px 18px!important;
  position:relative;
}
.map3d-country-list span:not(:last-child)::after{
  content:"";
  position:absolute;
  inset-inline-end:-7px;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  transform:translateY(-50%);
}
@media(max-width:900px){
  .global-head h2{white-space:normal}
  .map3d-card{padding:18px 14px;border-radius:30px}
  .country-label{font-size:22px}
  .map3d-country-list{border-radius:24px;width:auto}
}


/* V33 Global Presence — polished 3D reference map */
.global-reference-section{
  position:relative;
  overflow:hidden;
}
.global-reference-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 22%,rgba(255,74,0,.12),transparent 34%),
    radial-gradient(circle at 82% 62%,rgba(244,199,90,.09),transparent 36%);
  pointer-events:none;
}
.global-head{
  text-align:center!important;
}
.global-head .section-label,
.global-head h2,
.global-head p{
  margin-inline:auto!important;
  text-align:center!important;
}
.global-head h2{
  color:var(--gold)!important;
  white-space:nowrap;
}
.global-reference-card{
  position:relative;
  max-width:1220px;
  margin:42px auto 0;
  border-radius:42px;
  border:1px solid rgba(244,199,90,.20);
  background:
    radial-gradient(circle at 60% 45%,rgba(255,74,0,.10),transparent 32%),
    linear-gradient(180deg,rgba(7,31,69,.96),rgba(4,18,42,.98));
  overflow:hidden;
  box-shadow:0 42px 120px rgba(0,0,0,.42);
  isolation:isolate;
}
.global-reference-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(3,14,34,.20),transparent 18%,transparent 80%,rgba(3,14,34,.25)),
    radial-gradient(circle at 62% 48%,rgba(244,199,90,.08),transparent 34%);
  z-index:2;
}
.global-reference-map{
  display:block;
  width:100%;
  height:auto;
  transform:scale(1.006);
  transform-origin:center;
  filter:saturate(1.02) contrast(1.03);
}

/* Invisible hover layer with country labels */
.country-hotspot{
  position:absolute;
  z-index:5;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  transform:translate(-50%,-50%);
}
.country-hotspot::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  background:rgba(255,74,0,.92);
  box-shadow:0 0 22px rgba(255,74,0,.8), 0 0 36px rgba(244,199,90,.35);
  opacity:0;
  transition:.25s ease;
}
.country-hotspot span{
  position:absolute;
  left:50%;
  bottom:38px;
  transform:translateX(-50%) translateY(8px);
  background:rgba(7,23,53,.94);
  border:1px solid rgba(244,199,90,.46);
  color:var(--gold);
  padding:9px 13px;
  border-radius:10px;
  font-weight:900;
  font-size:13px;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:.28s ease;
  box-shadow:0 12px 28px rgba(0,0,0,.26);
}
.country-hotspot:hover::before,
.country-hotspot:focus-visible::before{
  opacity:1;
  transform:scale(1.22);
}
.country-hotspot:hover span,
.country-hotspot:focus-visible span{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

/* Coordinates based on the approved reference artwork */
.hs-fr{left:43.7%;top:36.4%}
.hs-it{left:48.9%;top:54.2%}
.hs-tr{left:53.9%;top:41.5%}
.hs-ir{left:60.0%;top:58.0%}
.hs-af{left:64.6%;top:48.2%}
.hs-cn{left:76.9%;top:54.8%}

.global-reference-countries{
  position:absolute;
  left:50%;
  bottom:5.7%;
  z-index:6;
  transform:translateX(-50%);
  width:max-content;
  max-width:88%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:14px 26px;
  border-radius:999px;
  border:1px solid rgba(244,199,90,.58);
  background:rgba(7,23,53,.74);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 48px rgba(0,0,0,.26);
}
.global-reference-countries span{
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  font-weight:900;
  padding:8px 20px!important;
  line-height:1;
  position:relative;
  white-space:nowrap;
}
.global-reference-countries span:not(:last-child)::after{
  content:"";
  position:absolute;
  inset-inline-end:-4px;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  transform:translateY(-50%);
}
.global-reference-countries span:hover{
  color:var(--gold)!important;
  transform:translateY(-2px);
}
@media(max-width:900px){
  .global-head h2{
    white-space:normal;
  }
  .global-reference-card{
    border-radius:30px;
  }
  .global-reference-countries{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    margin:14px auto 18px;
    width:calc(100% - 28px);
    flex-wrap:wrap;
    border-radius:22px;
    padding:12px;
  }
  .global-reference-countries span{
    padding:8px 14px!important;
  }
  .country-hotspot{
    display:none;
  }
}

.worldmap-shell{max-width:1200px;margin:40px auto;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#0b244d,#071735);border:1px solid rgba(244,199,90,.2)}
.worldmap-shell iframe{width:100%;height:700px;border:0;display:block}
.country-pill{padding:18px;text-align:center;color:#f4c75a;font-weight:700}
.global-head{text-align:center}


/* V40 Germany world map polish */
.country-pill{
  display:flex!important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:0!important;
  color:#fff;
}
.country-pill span{
  position:relative;
  padding:0 14px;
  font-weight:900;
  white-space:nowrap;
}
.country-pill span:not(:last-child)::after{
  content:"";
  position:absolute;
  inset-inline-end:-3px;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  transform:translateY(-50%);
}
.country-pill span:hover{
  color:var(--gold);
}
.worldmap-shell iframe{
  background:#071735;
}


/* V Portfolio Showcase Slider */
.portfolio-showcase-section{
  position:relative;
  overflow:hidden;
}
.portfolio-showcase-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 26%,rgba(255,74,0,.12),transparent 32%),
    radial-gradient(circle at 82% 64%,rgba(244,199,90,.09),transparent 34%);
  pointer-events:none;
}
.portfolio-showcase-head{
  text-align:center!important;
}
.portfolio-showcase-head .section-label,
.portfolio-showcase-head h2,
.portfolio-showcase-head p{
  margin-inline:auto!important;
  text-align:center!important;
}
.portfolio-showcase-head p{
  max-width:850px;
  color:rgba(255,255,255,.72);
  line-height:1.9;
}
.portfolio-showcase{
  position:relative;
  max-width:1180px;
  margin:38px auto 0;
  padding:0 70px 42px;
}
.portfolio-track{
  position:relative;
  min-height:455px;
  border-radius:38px;
  overflow:hidden;
}
.portfolio-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transform:translateX(28px) scale(.985);
  transition:.48s ease;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:0;
  border-radius:38px;
  border:1px solid rgba(244,199,90,.20);
  background:
    radial-gradient(circle at 22% 18%,rgba(244,199,90,.13),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  box-shadow:0 34px 95px rgba(0,0,0,.30);
  overflow:hidden;
}
html[dir="ltr"] .portfolio-slide{
  transform:translateX(-28px) scale(.985);
}
.portfolio-slide.active{
  opacity:1;
  pointer-events:auto;
  transform:translateX(0) scale(1);
}
.portfolio-brand-panel{
  position:relative;
  padding:34px 28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,74,0,.16),transparent 42%),
    rgba(7,23,53,.42);
  border-inline-end:1px solid rgba(244,199,90,.12);
}
html[dir="ltr"] .portfolio-brand-panel{
  border-inline-end:0;
  border-inline-start:1px solid rgba(244,199,90,.12);
}
.portfolio-brand-panel::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:30px;
  border:1px solid rgba(244,199,90,.10);
  pointer-events:none;
}
.portfolio-logo-box{
  width:154px;
  height:154px;
  border-radius:30px;
  background:rgba(255,255,255,.085);
  border:1px solid rgba(244,199,90,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-shadow:0 24px 68px rgba(0,0,0,.26);
  margin-bottom:20px;
}
.portfolio-logo-box img{
  max-width:100%;
  max-height:112px;
  object-fit:contain;
}
.portfolio-brand-name{
  color:var(--gold);
  font-size:20px;
  font-weight:900;
  letter-spacing:.06em;
  direction:ltr;
}
.portfolio-brand-type{
  margin-top:8px;
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.7;
}
.portfolio-case-content{
  padding:34px 38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.portfolio-case-label{
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  direction:ltr;
  margin-bottom:10px;
}
.portfolio-case-content h3{
  color:#fff;
  font-size:clamp(30px,3vw,50px);
  line-height:1.15;
  margin:0 0 14px;
}
.portfolio-case-content p{
  color:rgba(255,255,255,.76);
  line-height:1.95;
  font-size:15.5px;
  margin:0 0 18px;
  max-width:760px;
}
.portfolio-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.portfolio-mini-grid div{
  border-radius:18px;
  border:1px solid rgba(244,199,90,.13);
  background:rgba(255,255,255,.055);
  padding:13px 15px;
}
.portfolio-mini-grid strong{
  display:block;
  color:var(--gold);
  font-size:13px;
  margin-bottom:6px;
}
.portfolio-mini-grid span{
  color:rgba(255,255,255,.70);
  font-size:13.5px;
  line-height:1.65;
}
.portfolio-services{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.portfolio-services span{
  border-radius:999px;
  border:1px solid rgba(244,199,90,.16);
  background:rgba(244,199,90,.075);
  color:rgba(255,255,255,.84);
  padding:9px 13px;
  font-size:13px;
  font-weight:800;
}
.portfolio-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}
.portfolio-social{
  min-width:150px;
  text-align:center;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  border-radius:16px;
  padding:12px 16px;
  transition:.3s ease;
}
.portfolio-social:hover{
  transform:translateY(-4px);
}
.portfolio-social.instagram{
  background:linear-gradient(135deg,#fdc468,#df4996,#6c38c4);
}
.portfolio-social.facebook{
  background:#1877F2;
}
.portfolio-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid rgba(244,199,90,.22);
  background:rgba(7,23,53,.78);
  color:var(--gold);
  font-size:34px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 0 4px;
  cursor:pointer;
  transition:.3s ease;
}
.portfolio-arrow:hover{
  background:var(--orange);
  color:#fff;
}
.portfolio-prev{right:0}
.portfolio-next{left:0}
html[dir="ltr"] .portfolio-prev{left:0;right:auto}
html[dir="ltr"] .portfolio-next{right:0;left:auto}
.portfolio-dots{
  position:absolute;
  left:50%;
  bottom:2px;
  transform:translateX(-50%);
  display:flex;
  gap:9px;
  z-index:5;
}
.portfolio-dots button{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.28);
  cursor:pointer;
  transition:.3s ease;
}
.portfolio-dots button.active{
  width:34px;
  background:linear-gradient(90deg,var(--gold),var(--orange));
}
@media(max-width:980px){
  .portfolio-showcase{
    padding-inline:52px;
  }
  .portfolio-track{
    min-height:720px;
  }
  .portfolio-slide{
    grid-template-columns:1fr;
  }
  .portfolio-brand-panel{
    min-height:250px;
    border-inline-end:0;
    border-bottom:1px solid rgba(244,199,90,.12);
  }
  .portfolio-case-content{
    padding:28px;
  }
}
@media(max-width:620px){
  .portfolio-showcase{
    padding-inline:0;
    padding-bottom:42px;
  }
  .portfolio-track{
    min-height:760px;
  }
  .portfolio-arrow{
    display:none;
  }
  .portfolio-mini-grid{
    grid-template-columns:1fr;
  }
}


/* Portfolio final polish requested */
.portfolio-showcase-head p{
  max-width:none!important;
  white-space:nowrap!important;
  line-height:1.7!important;
}
.portfolio-showcase{
  max-width:1200px!important;
}
.portfolio-track{
  min-height:500px!important;
}
.portfolio-slide{
  grid-template-columns:285px minmax(0,1fr)!important;
}
.portfolio-brand-panel{
  padding:28px 24px!important;
}
.portfolio-logo-box{
  width:138px!important;
  height:138px!important;
  border-radius:28px!important;
  margin-bottom:16px!important;
}
.portfolio-logo-box img{
  max-height:100px!important;
}
.asa-logo-box span{
  color:var(--gold);
  font-size:42px;
  font-weight:900;
  direction:ltr;
}
.portfolio-case-content{
  padding:30px 34px 34px!important;
  min-height:500px!important;
}
.portfolio-case-content h3{
  margin-bottom:12px!important;
}
.portfolio-case-content p{
  line-height:1.85!important;
  margin-bottom:16px!important;
}
.portfolio-mini-grid{
  margin-bottom:14px!important;
}
.portfolio-services{
  gap:8px!important;
}
.portfolio-services span{
  padding:8px 12px!important;
  font-size:12.5px!important;
}
.portfolio-links{
  margin-top:18px!important;
  padding-bottom:2px!important;
}
.portfolio-social{
  padding:13px 16px!important;
}
.portfolio-links.single-link .portfolio-social{
  max-width:240px;
}
.portfolio-slide[data-project="khushbakht"]{
  background:
    radial-gradient(circle at 22% 18%,rgba(8,43,112,.22),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;
}
.portfolio-slide[data-project="gulbahar"]{
  background:
    radial-gradient(circle at 22% 18%,rgba(244,199,90,.15),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;
}
.portfolio-slide[data-project="asa"]{
  background:
    radial-gradient(circle at 22% 18%,rgba(255,74,0,.14),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;
}
@media(max-width:1100px){
  .portfolio-showcase-head p{
    white-space:normal!important;
  }
}
@media(max-width:980px){
  .portfolio-track{
    min-height:760px!important;
  }
  .portfolio-slide{
    grid-template-columns:1fr!important;
  }
  .portfolio-case-content{
    min-height:auto!important;
  }
}
@media(max-width:620px){
  .portfolio-track{
    min-height:820px!important;
  }
}


/* Portfolio expanded slides polish */
.portfolio-logo-box img[src*="client-galaxy"],
.portfolio-logo-box img[src*="client-kahkeshan"],
.portfolio-logo-box img[src*="client-mubarak"],
.portfolio-logo-box img[src*="client-mehrpack"]{
  max-height:118px!important;
  max-width:118px!important;
  object-fit:contain!important;
}
.portfolio-slide[data-project="galaxy"]{
  background:radial-gradient(circle at 22% 18%,rgba(18,110,180,.16),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;
}
.portfolio-slide[data-project="kahkeshan"],
.portfolio-slide[data-project="mubarak"],
.portfolio-slide[data-project="mehrpack"]{
  background:radial-gradient(circle at 22% 18%,rgba(35,190,92,.13),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;
}
.portfolio-slide[data-project="creative-portfolio"]{
  background:radial-gradient(circle at 22% 18%,rgba(244,199,90,.15),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;
}
@media(max-width:980px){
  .portfolio-track{min-height:790px!important}
}
@media(max-width:620px){
  .portfolio-track{min-height:860px!important}
}


/* Final logo replacements polish */
.portfolio-slide[data-project="asa"] .portfolio-logo-box img{
  max-width:160px!important;
  max-height:88px!important;
  object-fit:contain!important;
}
.portfolio-slide[data-project="galaxy"] .portfolio-logo-box img{
  max-width:140px!important;
  max-height:118px!important;
  object-fit:contain!important;
}


/* Publish-ready final fixes */
.proposal-status{
  margin:10px 0 0;
  min-height:22px;
  color:var(--gold);
  font-weight:800;
  line-height:1.7;
}
.proposal-status.error{color:#ffb6a0}
.proposal-status.success{color:#f4c75a}
img{max-width:100%}
@media(max-width:768px){
  .section{padding-top:56px!important;padding-bottom:56px!important}
  .hero-title, .hero h1{font-size:clamp(42px,12vw,72px)!important}
  .worldmap-shell iframe{min-height:430px!important}
}


/* Final publish fix: reliable font loading across laptops and mobiles.
   Vazirmatn loads from Google Fonts; Bahij remains as local fallback if font files are uploaded later. */
html, body, button, input, textarea, select, a, p, span, div, h1, h2, h3, h4, h5, h6 {
  font-family: "Vazirmatn", "Bahij TheSansArabic", Tahoma, Arial, sans-serif !important;
}
html[lang="en"], html[lang="en"] body, html[dir="ltr"], html[dir="ltr"] body {
  font-family: "Vazirmatn", "Inter", Arial, sans-serif !important;
}