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

:root{
  --font-main:"Cairo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --navy:#071f33;
  --navy-2:#0b3049;
  --ink:#092f49;
  --text:#1b3a4e;
  --muted:#6d8190;
  --teal:#0f8a8a;
  --cyan:#12c9d5;
  --gold:#c99635;
  --cream:#f6f0e5;
  --soft:#f4f8fa;
  --white:#fff;
  --line:rgba(8,47,73,.12);
  --shadow:0 30px 90px rgba(0,32,56,.15);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#about,#services,#scope,#clients,#contact,#request{scroll-margin-top:112px}
body{
  margin:0;
  font-family:var(--font-main);
  background:var(--soft);
  color:var(--text);
  line-height:1.75;
  overflow-x:hidden;
}
body.menu-open{overflow:auto}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font-family:var(--font-main)}
.site-page{overflow:hidden}

.site-header{
  position:fixed;
  z-index:100;
  top:16px;
  left:50%;
  transform:translateX(-50%);
  width:min(1180px,calc(100% - 28px));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:26px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 48px rgba(6,31,50,.13);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.brand{display:flex;align-items:center;gap:12px;min-width:250px}
.brand-logo{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 30px rgba(8,47,73,.08);
  overflow:hidden;
}
.brand-logo img{width:54px;height:54px;object-fit:contain}
.brand-copy{display:grid;line-height:1.25}
.brand-copy strong{font-size:16px;color:var(--ink);font-weight:800}
.brand-copy small{font-size:10px;color:var(--muted);font-weight:800}

.site-nav{
  display:flex;
  align-items:center;
  gap:4px;
  padding:5px;
  border-radius:999px;
  background:#edf5f7;
}
.site-nav a{
  padding:8px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color:#35586b;
  white-space:nowrap;
}
.site-nav a:hover{background:#fff;color:var(--teal)}
.header-actions{display:flex;align-items:center;gap:8px}
.quiet-link,.lang-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border-radius:14px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.quiet-link{padding:8px 12px;background:#eef7f8;color:#0b607a}
.lang-link{min-width:78px;background:var(--navy);color:#fff}
.menu-toggle{
  display:none;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  width:42px;
  height:40px;
  border:0;
  border-radius:14px;
  background:#e8f6f7;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
}
.menu-toggle i{width:18px;height:2px;border-radius:999px;background:var(--ink)}

.hero{
  position:relative;
  min-height:820px;
  padding:130px 0 64px;
  color:#fff;
  background:
    radial-gradient(circle at 12% 12%,rgba(18,201,213,.22),transparent 28%),
    radial-gradient(circle at 84% 16%,rgba(201,150,53,.16),transparent 25%),
    linear-gradient(135deg,#031827 0%,#082f49 45%,#07596a 100%);
  overflow:hidden;
}
.hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:270px;
  background:linear-gradient(180deg,rgba(244,248,250,0),var(--soft));
  z-index:1;
}
.hero-bg-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:linear-gradient(180deg,#000,transparent 86%);
  opacity:.7;
}
.hero-inner{
  position:relative;
  z-index:2;
  width:min(1180px,calc(100% - 36px));
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);
  gap:46px;
  align-items:center;
}
.section-pill,.section-heading span,.request-card>span,.contact-card>span,.emay-mini span{
  display:inline-flex;
  width:max-content;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(18,201,213,.13);
  color:#0b7e83;
  font-size:11px;
  font-weight:800;
}
.hero .section-pill{
  color:#d9fbff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
}
.hero h1{
  margin:18px 0 16px;
  max-width:840px;
  color:#fff;
  font-size:clamp(34px,4.7vw,64px);
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:700;
}
html[dir="ltr"] .hero h1{letter-spacing:-.02em}
.hero p{
  margin:0;
  max-width:720px;
  color:rgba(255,255,255,.76);
  font-size:16px;
  line-height:1.95;
  font-weight:500;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:12px 20px;
  border:1px solid transparent;
  border-radius:16px;
  font-size:13px;
  font-weight:800;
  transition:.24s ease;
  cursor:pointer;
  text-align:center;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--teal));color:#fff;box-shadow:0 18px 44px rgba(18,201,213,.20)}
.btn-ghost{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.22);color:#fff}
.btn-dark{background:var(--navy);color:#fff}

.hero-visual{position:relative;min-height:560px}
.visual-frame{
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.15);
  border-radius:44px;
  overflow:hidden;
  background:rgba(255,255,255,.07);
  box-shadow:0 32px 90px rgba(0,0,0,.22);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.visual-frame img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.95;
}
.visual-frame:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,24,39,0),rgba(3,24,39,.36));
}
.visual-label{
  position:absolute;
  z-index:2;
  inset:auto 28px 28px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.visual-label small,.visual-label strong{display:block}
.visual-label small{font-size:11px;color:#a8f7fb;font-weight:800}
.visual-label strong{margin-top:5px;color:#fff;font-size:19px;font-weight:800}

.trust-strip{
  position:relative;
  z-index:3;
  width:min(1000px,calc(100% - 36px));
  margin:44px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  padding:10px;
  border-radius:30px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.trust-strip article{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.10);
}
.trust-strip strong,.trust-strip span{display:block}
.trust-strip strong{font-size:16px;font-weight:800;color:#fff}
.trust-strip span{margin-top:4px;font-size:12px;font-weight:700;color:rgba(255,255,255,.72)}

.section{
  width:min(1180px,calc(100% - 36px));
  margin:auto;
  padding:82px 0;
}
.about-section{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:52px;
  align-items:start;
}
.section-heading{max-width:790px}
.section-heading.wide{max-width:880px}
.section-heading.compact{max-width:none}
.section-heading h2,.request-card h2,.contact-card h2,.emay-mini h2{
  margin:12px 0 0;
  color:var(--ink);
  font-size:clamp(26px,3.2vw,42px);
  line-height:1.24;
  letter-spacing:-.018em;
  font-weight:700;
}
html[dir="ltr"] .section-heading h2,
html[dir="ltr"] .request-card h2,
html[dir="ltr"] .contact-card h2{letter-spacing:-.012em}
.about-content>p{
  margin:0;
  color:#39566a;
  font-size:16px;
  font-weight:500;
}
.process-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:24px;
}
.process-grid article{
  padding:18px;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 38px rgba(8,47,73,.055);
}
.process-grid b{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:15px;
  background:#e8f7f8;
  color:var(--teal);
  font-size:13px;
  font-weight:800;
}
.process-grid h3{
  margin:18px 0 6px;
  color:var(--ink);
  font-size:16px;
  font-weight:800;
}
.process-grid p{
  margin:0;
  color:#6b7f8e;
  font-size:13px;
  font-weight:500;
}

.services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:30px;
}
.service-card{
  position:relative;
  min-height:220px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:30px;
  background:#fff;
  box-shadow:0 16px 44px rgba(8,47,73,.055);
  overflow:hidden;
}
.service-card:before{
  content:"";
  position:absolute;
  inset:auto -70px -70px auto;
  width:190px;
  height:190px;
  border-radius:50%;
  background:rgba(18,201,213,.10);
}
.service-card small{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:15px;
  background:#f6f0e5;
  color:#a87316;
  font-weight:800;
}
.service-card h3{
  margin:20px 0 8px;
  color:var(--ink);
  font-size:18px;
  font-weight:800;
}
.service-card p{
  margin:0;
  color:#667e8d;
  font-size:14px;
  font-weight:500;
}

.scope-section{padding-top:32px}
.scope-panel{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:28px;
  padding:36px;
  border:1px solid var(--line);
  border-radius:40px;
  background:linear-gradient(135deg,#fff,#eef9fb);
  box-shadow:var(--shadow);
}
.scope-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.scope-list article{
  padding:18px;
  border:1px solid rgba(8,47,73,.10);
  border-radius:24px;
  background:#fff;
}
.scope-list strong{
  display:block;
  color:var(--ink);
  font-size:16px;
  font-weight:800;
}
.scope-list p{
  margin:8px 0 0;
  color:#607987;
  font-size:13px;
  font-weight:500;
}


.request-contact{
  display:grid;
  grid-template-columns:1.16fr .84fr;
  gap:18px;
}
.request-card,.contact-card{
  padding:30px;
  border-radius:34px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.request-card{background:#fff}
.request-card p{
  margin:12px 0 0;
  color:var(--muted);
  font-size:15px;
  font-weight:500;
}
form{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-top:22px;
}
label{display:grid;gap:6px}
label.full{grid-column:1/-1}
label small{
  color:#5d7484;
  font-size:11px;
  font-weight:800;
}
input,select,textarea{
  width:100%;
  min-height:48px;
  border:1px solid #d9e7ed;
  border-radius:15px;
  background:#f8fbfc;
  padding:10px 12px;
  color:var(--ink);
  outline:none;
  font-weight:500;
}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{
  border-color:var(--teal);
  box-shadow:0 0 0 4px rgba(18,201,213,.12);
}
form .btn{grid-column:1/-1;border:0}

.contact-card{
  background:
    radial-gradient(circle at 20% 10%,rgba(18,201,213,.16),transparent 28%),
    linear-gradient(135deg,#071f33,#0b4056);
  color:#fff;
}
.contact-card>span{color:#aafaff;background:rgba(18,201,213,.14)}
.contact-card h2{color:#fff}
.contact-card ul{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.contact-card li{
  padding:16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  background:rgba(255,255,255,.08);
}
.contact-card b{
  display:block;
  color:#8ff5fb;
  font-size:11px;
  font-weight:800;
}
.contact-card a,.contact-card span{
  display:block;
  margin-top:5px;
  color:#fff;
  direction:ltr;
  text-align:start;
  font-weight:800;
}

.site-footer{
  width:min(1180px,calc(100% - 36px));
  margin:0 auto 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px;
  border-radius:30px;
  background:var(--navy);
  color:#fff;
}
.site-footer strong{font-size:16px;font-weight:800}
.site-footer p{margin:5px 0 0;color:rgba(255,255,255,.68);font-size:13px;font-weight:500}
.site-footer a{color:#8ff5fb;font-weight:800}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}
.reveal.in-view{opacity:1;transform:none}
.delay-1{transition-delay:.1s}
.delay-2{transition-delay:.18s}

html[dir="ltr"] body{text-align:left}
html[dir="ltr"] .brand,html[dir="ltr"] .hero-actions{direction:ltr}
html[dir="ltr"] .contact-card a,html[dir="ltr"] .contact-card span{text-align:left}

@media(max-width:1080px){
  .brand{min-width:210px}
  .site-nav a{padding-inline:9px}
  .hero-inner{gap:30px}
  .process-grid,.services-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  .site-header{
    left:14px;
    right:14px;
    width:auto;
    transform:none;
  }
  body.menu-open:before{
    content:"";
    position:fixed;
    inset:0;
    z-index:98;
    background:rgba(3,24,39,.22);
  }
  .site-nav{
    position:fixed;
    top:0;
    bottom:0;
    width:min(330px,calc(100vw - 54px));
    min-height:100vh;
    height:100svh;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:104px 16px 24px;
    border-radius:0;
    background:rgba(255,255,255,.98);
    box-shadow:0 28px 90px rgba(3,24,39,.24);
    transform:translate3d(110%,0,0);
    opacity:1;
    pointer-events:none;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    transition:transform .22s ease;
    will-change:transform;
    backface-visibility:hidden;
    z-index:99;
  }
  html[dir="rtl"] .site-nav{right:0;left:auto;transform:translate3d(110%,0,0);border-radius:28px 0 0 28px}
  html[dir="ltr"] .site-nav{left:0;right:auto;transform:translate3d(-110%,0,0);border-radius:0 28px 28px 0}
  body.menu-open .site-nav{transform:translate3d(0,0,0);pointer-events:auto}
  .site-nav a{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-height:50px;
    padding:13px 16px;
    border-radius:16px;
    background:#f4f8fa;
    text-align:start;
    font-size:14px;
  }
  html[dir="rtl"] .site-nav a{justify-content:flex-end;text-align:right}
  html[dir="ltr"] .site-nav a{justify-content:flex-start;text-align:left}
  .site-nav a:hover{background:#fff;box-shadow:0 12px 32px rgba(8,47,73,.08)}
  .menu-toggle{display:flex;position:relative;z-index:102}
  .site-header{z-index:101}

  /* Mobile header fix: menu button follows language side correctly */
  .site-header{flex-direction:row-reverse}
  .header-actions{flex-direction:row-reverse}
  .quiet-link{display:none}

  html[dir="rtl"] .brand-copy{text-align:right}
  html[dir="ltr"] .brand-copy{text-align:left}
  html[dir="ltr"] .brand-copy strong{max-width:130px}
  .hero{padding-top:120px;min-height:auto}
  .hero-inner,.about-section,.scope-panel,.request-contact{grid-template-columns:1fr}
  .hero-visual{min-height:490px}
  .trust-strip{grid-template-columns:1fr}
  .scope-list{grid-template-columns:1fr}
  .emay-mini{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  .site-header{
    top:8px;
    width:calc(100% - 14px);
    padding:8px;
    border-radius:20px;
  }
  .brand{min-width:0;max-width:min(58vw,340px);gap:8px}
  .brand-logo{width:46px;height:46px;border-radius:14px;flex:0 0 auto}
  .brand-logo img{width:42px;height:42px}
  .brand-copy{display:grid;line-height:1.18;min-width:0}
  .brand-copy strong{font-size:11px;max-width:150px;white-space:normal;line-height:1.25;color:var(--ink)}
  .brand-copy small{display:none}
  .lang-link{min-width:68px;height:40px;font-size:11px}
  .hero{padding:104px 0 54px}
  .hero-inner,.section,.site-footer{width:min(100% - 22px,1180px)}
  .hero h1{font-size:clamp(30px,9vw,42px);line-height:1.2}
  .hero p{font-size:15px;line-height:1.9}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-visual{min-height:350px}
  .visual-frame{border-radius:30px}
  .visual-label{inset:auto 16px 16px;padding:14px;border-radius:20px}
  .visual-label strong{font-size:15px}
  .section{padding:58px 0}
  .section-heading h2,.request-card h2,.contact-card h2{font-size:28px}
  .process-grid,.services-grid,form{grid-template-columns:1fr}
  .process-grid article,.service-card{min-height:auto;border-radius:24px}
  .scope-panel,.request-card,.contact-card{padding:22px;border-radius:26px}
  .site-footer{display:grid;text-align:start;border-radius:24px}
}
@media(max-width:420px){
  .brand-copy strong{font-size:10px;max-width:122px}
  html[dir="ltr"] .brand-copy strong{max-width:105px}
  .hero-inner,.section,.site-footer{width:min(100% - 16px,1180px)}
  .site-header{width:calc(100% - 10px)}
  .hero h1{font-size:30px}
  .hero-visual{min-height:320px}
  .section-heading h2,.request-card h2,.contact-card h2{font-size:25px}
  .site-footer{padding:18px}
}


/* Official Info V4 - public contact replacement */
.official-contact{
  padding-top:48px;
}
.official-panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) minmax(260px,.52fr);
  gap:16px;
  align-items:stretch;
  padding:26px;
  border:1px solid rgba(8,47,73,.12);
  border-radius:38px;
  background:
    radial-gradient(circle at 12% 12%,rgba(18,201,213,.12),transparent 32%),
    linear-gradient(135deg,#ffffff,#eef9fb);
  box-shadow:0 30px 90px rgba(0,32,56,.13);
  overflow:hidden;
}
.official-panel:before{
  content:"";
  position:absolute;
  inset:auto -120px -160px auto;
  width:340px;
  height:340px;
  border-radius:50%;
  background:rgba(201,150,53,.10);
}
.official-copy,.official-grid,.qr-card{
  position:relative;
  z-index:1;
}
.official-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:8px 4px;
}
.official-copy span,.social-strip>span{
  display:inline-flex;
  width:max-content;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(18,201,213,.13);
  color:#0b7e83;
  font-size:11px;
  font-weight:800;
}
.official-copy h2{
  margin:14px 0 0;
  max-width:520px;
  color:var(--ink);
  font-size:clamp(25px,3.1vw,40px);
  line-height:1.24;
  letter-spacing:-.018em;
  font-weight:700;
}
.official-copy p{
  margin:12px 0 0;
  max-width:520px;
  color:#607987;
  font-size:14px;
  font-weight:500;
}
.official-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.btn-soft{
  background:#fff;
  color:#0b607a;
  border-color:#dbe7ee;
}
.official-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.official-data-card{
  min-width:0;
  padding:18px;
  border:1px solid rgba(8,47,73,.10);
  border-radius:22px;
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 34px rgba(8,47,73,.045);
}
.official-data-card.is-main{
  background:linear-gradient(135deg,#071f33,#0b4056);
}
.official-data-card.is-main small,
.official-data-card.is-main strong{
  color:#fff;
}
.official-data-card small{
  display:block;
  color:#6d8190;
  font-size:11px;
  font-weight:800;
}
.official-data-card strong,
.official-data-card a{
  display:block;
  margin-top:7px;
  color:var(--ink);
  font-size:17px;
  line-height:1.35;
  font-weight:800;
  overflow-wrap:anywhere;
}
.official-data-card strong{
  direction:ltr;
  text-align:start;
}
.contact-mini a{
  direction:ltr;
  text-align:start;
}
.official-data-card.is-wide{
  grid-column:1/-1;
}
.qr-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:100%;
  padding:18px;
  border:1px solid rgba(8,47,73,.12);
  border-radius:28px;
  background:#fff;
  box-shadow:0 16px 44px rgba(8,47,73,.06);
  text-align:center;
}
.qr-frame{
  display:grid;
  place-items:center;
  width:100%;
  max-width:220px;
  aspect-ratio:1;
  padding:12px;
  border:1px solid #dbe7ee;
  border-radius:24px;
  background:#fff;
}
.qr-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.qr-card small{
  display:block;
  margin-top:12px;
  color:#6d8190;
  font-size:11px;
  font-weight:800;
}
.qr-card strong{
  display:block;
  margin-top:4px;
  color:var(--ink);
  font-size:17px;
  font-weight:800;
  direction:ltr;
}
.social-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  padding:16px 18px;
  border:1px solid rgba(8,47,73,.10);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 34px rgba(8,47,73,.045);
}
.social-strip div{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.social-strip a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:#eef7f8;
  color:#0b607a;
  font-size:12px;
  font-weight:800;
}
.social-strip a:hover{
  background:#071f33;
  color:#fff;
}
.minimal-footer{
  margin-top:0;
  padding:18px 22px;
  border-radius:24px;
}
.minimal-footer,
.site-footer.minimal-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#071f33;
  color:#fff;
}
.minimal-footer span{
  color:rgba(255,255,255,.70);
  font-size:12px;
  font-weight:700;
}
.minimal-footer div{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.minimal-footer a{
  color:#8ff5fb;
  font-size:12px;
  font-weight:800;
}
@media(max-width:1040px){
  .official-panel{
    grid-template-columns:1fr 1fr;
  }
  .qr-card{
    grid-column:1/-1;
  }
  .qr-frame{
    max-width:190px;
  }
}
@media(max-width:760px){
  .official-panel{
    grid-template-columns:1fr;
    padding:22px;
    border-radius:30px;
  }
  .official-grid{
    grid-template-columns:1fr;
  }
  .official-copy h2{
    font-size:27px;
  }
  .qr-card{
    min-height:auto;
  }
  .social-strip,
  .minimal-footer{
    align-items:flex-start;
    flex-direction:column;
  }
  .social-strip div,
  .minimal-footer div{
    width:100%;
  }
  .social-strip a{
    flex:1;
  }
}


/* Official Info2 Fullfix */
.official-panel-clean{
  grid-template-columns:minmax(230px,.48fr) minmax(0,1.28fr) minmax(190px,.42fr);
  align-items:stretch;
}
.official-panel-clean .official-copy,
.social-strip{
  display:none !important;
}
.official-grid-clean{
  align-content:center;
}
.official-data-card{
  transition:transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease, color .24s ease;
}
.official-data-card:hover{
  transform:translateY(-4px);
  background:linear-gradient(135deg,#071f33,#0b4056);
  border-color:rgba(18,201,213,.26);
  box-shadow:0 20px 54px rgba(7,31,51,.16);
}
.official-data-card:hover small,
.official-data-card:hover strong,
.official-data-card:hover a{
  color:#fff;
}
.official-data-card:hover small{
  color:#8ff5fb;
}
.official-data-card.is-main:hover{
  background:linear-gradient(135deg,#0f8a8a,#071f33);
}
.qr-card{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.qr-card:hover{
  transform:translateY(-4px);
  border-color:rgba(18,201,213,.28);
  box-shadow:0 22px 58px rgba(7,31,51,.16);
}
.qr-frame{
  cursor:pointer;
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.qr-frame:hover{
  transform:scale(1.025);
  border-color:rgba(18,201,213,.44);
  box-shadow:0 18px 44px rgba(18,201,213,.12);
}
.qr-card small{
  display:none !important;
}
.quick-links-card{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  padding:18px;
  border:1px solid rgba(8,47,73,.12);
  border-radius:28px;
  background:linear-gradient(135deg,#ffffff,#eef9fb);
  box-shadow:0 16px 44px rgba(8,47,73,.055);
}
.quick-map{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:12px 18px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--cyan),var(--teal));
  color:#fff;
  font-size:14px;
  font-weight:800;
  box-shadow:0 18px 42px rgba(18,201,213,.18);
  transition:transform .24s ease, filter .24s ease;
}
.quick-map:hover{
  transform:translateY(-3px);
  filter:saturate(1.08);
}
.quick-socials{
  display:grid;
  gap:8px;
}
.quick-socials a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 14px;
  border:1px solid rgba(8,47,73,.10);
  border-radius:15px;
  background:#fff;
  color:#0b607a;
  font-size:12px;
  font-weight:800;
  transition:transform .24s ease, background .24s ease, color .24s ease;
}
.quick-socials a:hover{
  transform:translateY(-3px);
  background:#071f33;
  color:#fff;
}
.rights-footer,
.site-footer.rights-footer{
  justify-content:center;
  text-align:center;
  padding:18px 22px;
  margin-top:0;
  border-radius:24px;
}
.rights-footer p{
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:13px;
  font-weight:700;
}
@media(max-width:1040px){
  .official-panel-clean{
    grid-template-columns:1fr 1fr;
  }
  .quick-links-card{
    grid-column:1/-1;
    flex-direction:row;
    align-items:center;
  }
  .quick-map{
    min-width:170px;
  }
  .quick-socials{
    flex:1;
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:760px){
  .official-panel-clean{
    grid-template-columns:1fr;
  }
  .quick-links-card{
    flex-direction:column;
  }
  .quick-map,
  .quick-socials,
  .quick-socials a{
    width:100%;
  }
}


/* INFO3 English Fix + Google Maps Red Icon */
.quick-map-icon{
  min-height:64px;
  padding:0;
  background:#fff;
  border:1px solid rgba(8,47,73,.10);
  box-shadow:0 14px 34px rgba(8,47,73,.06);
}
.quick-map-icon img{
  width:38px;
  height:38px;
  object-fit:contain;
  transition:transform .24s ease;
}
.quick-map-icon:hover{
  background:#fff;
  transform:translateY(-3px);
  box-shadow:0 20px 54px rgba(234,67,53,.15);
}
.quick-map-icon:hover img{
  transform:scale(1.08);
}
html[dir="ltr"] .official-data-card strong,
html[dir="ltr"] .official-data-card a,
html[dir="ltr"] .qr-card strong{
  direction:ltr;
  text-align:left;
}
html[dir="ltr"] .official-data-card small{
  text-align:left;
}
html[dir="ltr"] .contact-mini small{
  direction:rtl;
  text-align:left;
}
@media(max-width:760px){
  .quick-map-icon{
    min-height:58px;
  }
}


/* CLIENTS1 - anonymous client logo section */
.clients-section{padding-top:34px;padding-bottom:76px;}
.clients-panel{position:relative;padding:44px;border:1px solid rgba(8,47,73,.10);border-radius:44px;background:radial-gradient(circle at 8% 8%,rgba(201,150,53,.10),transparent 28%),radial-gradient(circle at 94% 12%,rgba(18,201,213,.08),transparent 27%),linear-gradient(135deg,#ffffff,#f7f1e7 58%,#eef9fb);box-shadow:0 30px 90px rgba(8,47,73,.12);overflow:hidden;}
.clients-panel:before,.clients-panel:after{content:"";position:absolute;pointer-events:none;opacity:.34;filter:grayscale(1);}
.clients-panel:before{inset:0 auto 0 -120px;width:360px;background:linear-gradient(90deg,rgba(255,255,255,.15),transparent),url('../img/architectural-lines.svg') left center/cover no-repeat;}
.clients-panel:after{inset:0 -180px 0 auto;width:420px;background:linear-gradient(270deg,rgba(255,255,255,.18),transparent),url('../img/architectural-lines.svg') right center/cover no-repeat;transform:scaleX(-1);}
.clients-heading{position:relative;z-index:1;margin:0 auto 30px;text-align:center;}
.clients-heading span{margin:0 auto;background:rgba(201,150,53,.13);color:#a87316;}
.clients-heading h2{margin-top:10px;}
.clients-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.client-logo-card{display:flex;align-items:center;justify-content:center;min-height:150px;margin:0;padding:16px;border:1px solid rgba(8,47,73,.08);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 14px 36px rgba(8,47,73,.07);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.client-logo-card:hover{transform:translateY(-5px);border-color:rgba(18,201,213,.22);background:#fff;box-shadow:0 24px 56px rgba(8,47,73,.13);}
.client-logo-card img{width:100%;height:118px;object-fit:contain;}
@media(max-width:1040px){.clients-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.client-logo-card{min-height:145px;}}
@media(max-width:760px){.clients-section{padding-top:22px;padding-bottom:58px;}.clients-panel{padding:24px 16px;border-radius:30px;}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.client-logo-card{min-height:126px;padding:12px;border-radius:18px;}.client-logo-card img{height:98px;}}
@media(max-width:420px){.client-logo-card{min-height:112px;}.client-logo-card img{height:86px;}}


/* FINAL POLISH 1 */
.trust-strip{
  background:rgba(255,255,255,.22);
  border-color:rgba(255,255,255,.24);
  box-shadow:0 22px 70px rgba(0,0,0,.12);
}
.trust-strip article{
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .24s ease, background .24s ease, border-color .24s ease;
}
.trust-strip article:hover{
  transform:translateY(-4px);
  background:rgba(7,31,51,.36);
  border-color:rgba(18,201,213,.28);
}
.trust-strip strong{
  color:#fff;
  text-shadow:0 2px 14px rgba(0,0,0,.18);
}
.trust-strip span{
  color:rgba(255,255,255,.88);
}
.social-icon-link{
  width:48px !important;
  min-width:48px;
  height:48px;
  padding:0 !important;
  border-radius:18px !important;
  background:#fff !important;
}
.social-icon-link img{
  width:22px;
  height:22px;
  object-fit:contain;
  transition:transform .24s ease;
}
.social-icon-link:hover{
  background:#071f33 !important;
}
.social-icon-link:hover img{
  transform:scale(1.09);
}
.social-icon-link[href*="x.com"]{
  color:#071f33 !important;
}
.social-icon-link[href*="x.com"]:hover{
  color:#fff !important;
}
.social-icon-link[href*="instagram"] img{
  width:25px;
  height:25px;
}
.rights-footer p{
  letter-spacing:0;
}
@media(max-width:760px){
  .trust-strip article{
    background:rgba(255,255,255,.20);
  }
  .quick-socials{
    display:flex;
    justify-content:center;
  }
  .social-icon-link{
    flex:0 0 48px !important;
  }
}


/* PROJECTS BASIC1 - first simple portfolio section */
.projects-basic-section{padding-top:34px;padding-bottom:38px;}
.projects-basic-heading{text-align:center;margin:0 auto 26px;}
.projects-basic-heading span{margin:0 auto;background:rgba(201,150,53,.13);color:#a87316;}
.projects-basic-grid{display:grid;grid-template-columns:1fr;gap:22px;}
.project-basic-card{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:24px;align-items:center;padding:24px;border:1px solid rgba(8,47,73,.10);border-radius:36px;background:radial-gradient(circle at 8% 12%,rgba(201,150,53,.10),transparent 28%),linear-gradient(135deg,#fff,#fbf7ef 58%,#eef9fb);box-shadow:0 26px 76px rgba(8,47,73,.11);overflow:hidden;}
.project-basic-media{margin:0;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 22px 58px rgba(8,47,73,.14);}
.project-basic-media img{width:100%;height:auto;display:block;}
.project-basic-copy{display:grid;gap:13px;align-content:center;}
.project-basic-copy h3{margin:0;color:var(--ink);font-size:38px;line-height:1.2;}
.project-basic-copy p{margin:0;color:var(--muted);font-size:18px;line-height:1.9;}
.project-basic-copy strong{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(8,47,73,.10);box-shadow:0 12px 28px rgba(8,47,73,.08);color:#0d4764;font-size:15px;line-height:1.6;}
html[dir="ltr"] .project-basic-card{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);}
html[dir="ltr"] .project-basic-copy{order:1;}
html[dir="ltr"] .project-basic-media{order:2;}
@media(max-width:980px){
  .project-basic-card,html[dir="ltr"] .project-basic-card{grid-template-columns:1fr;}
  html[dir="ltr"] .project-basic-copy,html[dir="ltr"] .project-basic-media{order:initial;}
  .project-basic-copy h3{font-size:32px;}
}
@media(max-width:760px){
  .projects-basic-section{padding-top:22px;padding-bottom:28px;}
  .project-basic-card{padding:16px;border-radius:26px;gap:16px;}
  .project-basic-media{border-radius:20px;}
  .project-basic-copy{gap:10px;}
  .project-basic-copy h3{font-size:26px;}
  .project-basic-copy p{font-size:16px;line-height:1.8;}
  .project-basic-copy strong{width:100%;font-size:14px;padding:11px 14px;border-radius:18px;}
}


/* DKHOON DECOR1 - homepage teaser and standalone projects page */
.projects-teaser-section{padding-top:28px;padding-bottom:46px;}
.projects-teaser-card{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.78fr);
  gap:24px;
  align-items:center;
  padding:24px;
  border:1px solid rgba(8,47,73,.10);
  border-radius:36px;
  background:
    radial-gradient(circle at 8% 12%,rgba(201,150,53,.10),transparent 28%),
    linear-gradient(135deg,#fff,#fbf7ef 58%,#eef9fb);
  box-shadow:0 26px 76px rgba(8,47,73,.10);
  overflow:hidden;
}
.projects-teaser-media{
  margin:0;
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 22px 58px rgba(8,47,73,.14);
}
.projects-teaser-media img{width:100%;height:auto;display:block;}
.projects-teaser-copy{display:grid;gap:12px;align-content:center;}
.projects-teaser-copy span{
  display:inline-flex;
  width:max-content;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(201,150,53,.13);
  color:#a87316;
  font-size:12px;
  font-weight:900;
}
.projects-teaser-copy h2{margin:0;color:var(--ink);font-size:32px;line-height:1.35;}
.projects-teaser-copy h3{margin:0;color:#0d6f7f;font-size:22px;line-height:1.35;}
.projects-teaser-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.9;}
.projects-teaser-copy .btn{width:max-content;}

.projects-page-main{padding-top:112px;}
.projects-page-hero{
  padding-top:76px;
  padding-bottom:38px;
  color:#fff;
  background:
    radial-gradient(circle at 12% 15%,rgba(18,201,213,.20),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(201,150,53,.16),transparent 24%),
    linear-gradient(135deg,#031827 0%,#082f49 48%,#07596a 100%);
}
.projects-page-hero-inner{
  width:min(100% - 36px,980px);
  margin:0 auto;
  display:grid;
  gap:18px;
  text-align:center;
}
.projects-page-hero-inner .section-pill{margin:0 auto;}
.projects-page-hero h1{margin:0;font-size:clamp(34px,5vw,62px);line-height:1.16;}
.projects-page-hero p{margin:0 auto;max-width:760px;color:rgba(255,255,255,.82);font-size:18px;line-height:2;}
.projects-page-hero .btn{margin:6px auto 0;}

.projects-list-section{padding-top:44px;padding-bottom:76px;}
.projects-list-grid{display:grid;gap:26px;}
.project-full-card{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
  gap:26px;
  align-items:center;
  padding:26px;
  border:1px solid rgba(8,47,73,.10);
  border-radius:38px;
  background:linear-gradient(135deg,#fff,#fbf8f2 56%,#f2f9fb);
  box-shadow:0 26px 76px rgba(8,47,73,.10);
}
.project-full-media{margin:0;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 20px 56px rgba(8,47,73,.13);}
.project-full-media img{width:100%;height:auto;display:block;}
.project-full-copy{display:grid;gap:14px;}
.project-full-copy small{
  display:inline-flex;
  width:max-content;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(18,201,213,.10);
  color:#0b7080;
  font-weight:900;
}
.project-full-copy h2{margin:0;color:var(--ink);font-size:38px;line-height:1.2;}
.project-full-copy p{margin:0;color:var(--muted);font-size:18px;line-height:1.9;}
.project-full-copy strong{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:12px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(8,47,73,.10);
  box-shadow:0 12px 28px rgba(8,47,73,.08);
  color:#0d4764;
  line-height:1.6;
}
html[dir="ltr"] .projects-teaser-card,
html[dir="ltr"] .project-full-card{grid-template-columns:minmax(320px,.78fr) minmax(0,1.05fr);}
html[dir="ltr"] .projects-teaser-copy,
html[dir="ltr"] .project-full-copy{order:1;}
html[dir="ltr"] .projects-teaser-media,
html[dir="ltr"] .project-full-media{order:2;}
@media(max-width:980px){
  .projects-teaser-card,
  .project-full-card,
  html[dir="ltr"] .projects-teaser-card,
  html[dir="ltr"] .project-full-card{grid-template-columns:1fr;}
  html[dir="ltr"] .projects-teaser-copy,
  html[dir="ltr"] .project-full-copy,
  html[dir="ltr"] .projects-teaser-media,
  html[dir="ltr"] .project-full-media{order:initial;}
  .projects-teaser-copy h2{font-size:28px;}
  .project-full-copy h2{font-size:32px;}
}
@media(max-width:760px){
  .projects-teaser-section{padding-top:22px;padding-bottom:32px;}
  .projects-teaser-card,.project-full-card{padding:16px;border-radius:26px;gap:16px;}
  .projects-teaser-media,.project-full-media{border-radius:20px;}
  .projects-teaser-copy h2{font-size:24px;}
  .projects-teaser-copy h3{font-size:20px;}
  .projects-teaser-copy .btn{width:100%;}
  .projects-page-main{padding-top:88px;}
  .projects-page-hero{padding-top:54px;padding-bottom:30px;}
  .projects-page-hero-inner{width:min(100% - 22px,980px);}
  .projects-page-hero p{font-size:16px;line-height:1.85;}
  .projects-list-section{padding-top:34px;padding-bottom:56px;}
  .project-full-copy h2{font-size:26px;}
  .project-full-copy p{font-size:16px;line-height:1.8;}
  .project-full-copy strong{width:100%;justify-content:center;border-radius:18px;font-size:14px;}
}


/* DKHOON DECOR1 - refined perfume project presentation */
.projects-page-hero{padding-bottom:32px;}
.projects-page-hero-inner{max-width:820px;}
.projects-page-hero h1{font-size:clamp(34px,5vw,58px);}

.projects-teaser-copy h2{font-size:30px;}
.projects-teaser-card{
  border-color:rgba(201,150,53,.16);
  background:
    radial-gradient(circle at 12% 14%,rgba(201,150,53,.13),transparent 30%),
    radial-gradient(circle at 90% 12%,rgba(18,201,213,.10),transparent 26%),
    linear-gradient(135deg,#fff,#fbf7ef 58%,#eef9fb);
}
.projects-teaser-media{
  border:1px solid rgba(201,150,53,.18);
}

.project-full-card{
  position:relative;
  overflow:hidden;
  padding:30px;
  border-color:rgba(201,150,53,.18);
  background:
    radial-gradient(circle at 8% 8%,rgba(201,150,53,.16),transparent 28%),
    radial-gradient(circle at 92% 10%,rgba(18,201,213,.12),transparent 26%),
    linear-gradient(135deg,#ffffff 0%,#fbf6ec 54%,#effbfc 100%);
  box-shadow:0 32px 90px rgba(8,47,73,.13);
}
.project-full-card:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(201,150,53,.12);
  border-radius:30px;
  pointer-events:none;
}
.project-full-card:after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(201,150,53,.14),transparent 68%);
  inset:auto -90px -110px auto;
  pointer-events:none;
}
.project-full-card>*{position:relative;z-index:1;}
.project-full-media{
  border:1px solid rgba(201,150,53,.20);
  box-shadow:
    0 24px 64px rgba(8,47,73,.16),
    0 0 0 8px rgba(255,255,255,.60);
}
.project-full-copy small{
  background:rgba(201,150,53,.12);
  color:#9a6814;
  border:1px solid rgba(201,150,53,.16);
}
.project-full-copy h2{font-size:40px;}
.project-full-copy p{max-width:560px;}

.project-detail-pills{
  display:grid;
  gap:10px;
  margin-top:4px;
}
.project-detail-pills span{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border:1px solid rgba(8,47,73,.09);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 24px rgba(8,47,73,.06);
}
.project-detail-pills b{
  color:#9a6814;
  font-size:13px;
  line-height:1.4;
}
.project-detail-pills em{
  color:#0d4764;
  font-style:normal;
  font-weight:800;
  line-height:1.55;
}
html[dir="ltr"] .project-detail-pills span{grid-template-columns:110px minmax(0,1fr);}

@media(max-width:760px){
  .projects-page-hero{padding-bottom:26px;}
  .projects-teaser-copy h2{font-size:23px;}
  .project-full-card{padding:16px;}
  .project-full-card:before{inset:10px;border-radius:22px;}
  .project-full-copy h2{font-size:27px;}
  .project-detail-pills span{
    grid-template-columns:1fr;
    gap:4px;
    padding:12px;
  }
  html[dir="ltr"] .project-detail-pills span{grid-template-columns:1fr;}
}


/* DKHOON GALLERY1 - original gallery layout + lightbox */
.project-full-card{
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  align-items:start;
}
.project-full-copy{gap:16px;}
.project-full-copy p{max-width:100%;}
.project-full-gallery{
  display:grid;
  gap:14px;
}
.project-gallery-main,
.project-gallery-thumb{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(201,150,53,.18);
  background:#fff;
  box-shadow:0 18px 44px rgba(8,47,73,.14);
}
.project-gallery-main img{
  width:100%;
  height:min(42vw,420px);
  min-height:280px;
  object-fit:cover;
  display:block;
}
.project-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.project-gallery-thumb img{
  width:100%;
  aspect-ratio: 4 / 3;
  object-fit:cover;
  display:block;
}
.project-gallery-thumb.is-map{background:#f8f3ea;}
.project-gallery-thumb.is-map img{object-fit:contain;padding:10px;background:#fff;}
.project-gallery-main:after,
.project-gallery-thumb:after{
  content:none;
}
.project-gallery-tag{display:none !important;}

html[dir="ltr"] .project-full-card{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);}

.project-lightbox[hidden]{display:none !important;}
.project-lightbox{
  position:fixed;
  inset:0;
  z-index:3000;
  display:grid;
  place-items:center;
  padding:24px;
}
.project-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,24,39,.78);
  backdrop-filter:blur(6px);
}
.project-lightbox-dialog{
  position:relative;
  z-index:1;
  width:min(1100px,100%);
  display:grid;
  gap:14px;
  justify-items:center;
}
.project-lightbox img{
  width:auto;
  max-width:100%;
  max-height:82vh;
  display:block;
  border-radius:24px;
  background:#fff;
  box-shadow:0 26px 70px rgba(0,0,0,.32);
}
.project-lightbox-caption{
  margin:0;
  color:#fff;
  text-align:center;
  font-weight:700;
  font-size:15px;
  line-height:1.7;
}
.project-lightbox-close{
  position:absolute;
  inset:8px 8px auto auto;
  width:48px;
  height:48px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#082f49;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
body.lightbox-open, html.lightbox-open{overflow:hidden;}

@media(max-width:980px){
  .project-full-card, html[dir="ltr"] .project-full-card{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .project-full-gallery{gap:12px;}
  .project-gallery-main, .project-gallery-thumb{border-radius:18px;}
  .project-gallery-main img{height:auto;min-height:0;aspect-ratio:4 / 3;}
  .project-gallery-grid{grid-template-columns:1fr;}
  .project-gallery-tag{inset:auto 10px 10px;font-size:12px;padding:8px 10px;}
  .project-lightbox{padding:16px;}
  .project-lightbox img{max-height:74vh;border-radius:18px;}
  .project-lightbox-close{inset:4px 4px auto auto;width:42px;height:42px;font-size:28px;}
}


/* DKHOON GALLERY1 FIX1 - hide visible labels on gallery images */
.project-gallery-tag{display:none !important;}

/* PROFILE BUTTON1-COMBINEDFIX1 - company profile button, final override */
.rights-footer{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  text-align:center !important;
}

.rights-footer .profile-download-link,
.profile-download-link{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:50px !important;
  padding:13px 30px !important;
  border-radius:999px !important;
  border:1px solid rgba(221,178,94,.72) !important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.22),transparent 30%),
    linear-gradient(135deg,#10c7d8 0%,#087aa0 42%,#063c63 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-weight:900 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  box-shadow:
    0 18px 44px rgba(6,60,99,.28),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(0,0,0,.14) !important;
  overflow:hidden !important;
  isolation:isolate !important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    filter .22s ease !important;
}

.rights-footer .profile-download-link::before,
.profile-download-link::before{
  content:"" !important;
  position:absolute !important;
  inset:1px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

.rights-footer .profile-download-link::after,
.profile-download-link::after{
  content:"" !important;
  position:absolute !important;
  width:64px !important;
  height:130% !important;
  top:-15% !important;
  inset-inline-start:-86px !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent) !important;
  transform:skewX(-22deg) !important;
  transition:inset-inline-start .55s ease !important;
  pointer-events:none !important;
}

.rights-footer .profile-download-link:hover,
.profile-download-link:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(233,194,111,.95) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:none !important;
  filter:saturate(1.06) brightness(1.02) !important;
  box-shadow:
    0 24px 60px rgba(6,60,99,.34),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(0,0,0,.14) !important;
}

.rights-footer .profile-download-link:hover::after,
.profile-download-link:hover::after{
  inset-inline-start:calc(100% + 86px) !important;
}

@media(max-width:760px){
  .rights-footer .profile-download-link,
  .profile-download-link{
    width:min(100%,335px) !important;
    padding-inline:18px !important;
    font-size:14px !important;
  }
}

/* SERVICE-REQUEST1 - request a service page */
.service-request-page-main{
  padding-top:116px;
}
.service-request-hero{
  padding-top:44px;
  padding-bottom:18px;
}
.service-request-hero-inner{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:46px;
  color:#fff;
  background:
    radial-gradient(circle at 15% 18%,rgba(18,201,213,.22),transparent 28%),
    radial-gradient(circle at 84% 22%,rgba(201,150,53,.20),transparent 24%),
    linear-gradient(135deg,#031827 0%,#082f49 48%,#07596a 100%);
  box-shadow:var(--shadow);
}
.service-request-hero-inner:after{
  content:"";
  position:absolute;
  inset:auto -70px -120px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.07);
}
.service-request-hero-inner h1{
  position:relative;
  z-index:1;
  margin:14px 0 12px;
  max-width:760px;
  font-size:clamp(30px,4.2vw,54px);
  line-height:1.18;
  color:#fff;
}
.service-request-hero-inner p{
  position:relative;
  z-index:1;
  margin:0;
  max-width:740px;
  color:rgba(255,255,255,.78);
  font-size:16px;
}
.service-request-section{
  padding-top:20px;
}
.service-request-card{
  display:grid;
  grid-template-columns:.86fr 1.55fr;
  gap:26px;
  border:1px solid rgba(8,47,73,.10);
  border-radius:34px;
  padding:28px;
  background:#fff;
  box-shadow:0 24px 70px rgba(8,47,73,.10);
}
.service-request-heading{
  border-radius:26px;
  padding:26px;
  background:linear-gradient(180deg,#f6f0e5,#ffffff);
  border:1px solid rgba(201,150,53,.18);
}
.service-request-heading span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 12px;
  border-radius:999px;
  background:#e8f6f7;
  color:#087aa0;
  font-size:12px;
  font-weight:900;
}
.service-request-heading h2{
  margin:18px 0 10px;
  color:var(--ink);
  font-size:clamp(25px,3vw,38px);
  line-height:1.25;
}
.service-request-heading p{
  margin:0;
  color:var(--muted);
  font-weight:700;
}
.service-request-status{
  grid-column:1/-1;
  padding:14px 16px;
  border-radius:18px;
  font-size:14px;
  font-weight:900;
  border:1px solid transparent;
}
.service-request-status.is-sent{
  background:#e9fbf6;
  color:#0b6d56;
  border-color:rgba(11,109,86,.16);
}
.service-request-status.is-error,
.service-request-status.is-invalid{
  background:#fff1ee;
  color:#9a321f;
  border-color:rgba(154,50,31,.16);
}
.service-request-form{
  min-width:0;
}
.form-grid-two{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.service-request-form label{
  display:grid;
  gap:7px;
  margin:0;
}
.service-request-form label span{
  color:var(--ink);
  font-size:13px;
  font-weight:900;
}
.service-request-form input,
.service-request-form select,
.service-request-form textarea{
  width:100%;
  min-height:48px;
  border:1px solid rgba(8,47,73,.13);
  border-radius:16px;
  padding:12px 14px;
  background:#f8fbfc;
  color:var(--ink);
  font-size:14px;
  font-weight:700;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.service-request-form textarea{
  resize:vertical;
  min-height:138px;
}
.service-request-form input:focus,
.service-request-form select:focus,
.service-request-form textarea:focus{
  border-color:rgba(18,201,213,.70);
  background:#fff;
  box-shadow:0 0 0 4px rgba(18,201,213,.12);
}
.form-field-wide{
  grid-column:1/-1;
}
.form-actions-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:18px;
}
.form-actions-row small{
  color:var(--muted);
  font-weight:800;
}
.service-submit-btn{
  min-width:190px;
  border:0;
}
.sr-only-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
}
.site-nav a.is-active{
  background:#fff;
  color:var(--teal);
}
@media(max-width:900px){
  .service-request-card{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .service-request-page-main{
    padding-top:104px;
  }
  .service-request-hero-inner{
    border-radius:28px;
    padding:30px 22px;
  }
  .service-request-card{
    padding:16px;
    border-radius:28px;
  }
  .service-request-heading{
    padding:22px;
  }
  .form-grid-two{
    grid-template-columns:1fr;
  }
  .form-actions-row{
    align-items:stretch;
    flex-direction:column;
  }
  .service-submit-btn{
    width:100%;
  }
}

/* SERVICE-REQUEST1-FIX1 - stable form layout after validation return */
.service-request-section{
  width:min(1080px,calc(100% - 36px)) !important;
  margin-inline:auto !important;
  padding-top:22px !important;
}

.service-request-card{
  width:100% !important;
  max-width:1080px !important;
  margin-inline:auto !important;
  display:grid !important;
  grid-template-columns:minmax(250px,.88fr) minmax(0,1.65fr) !important;
  gap:24px !important;
  align-items:start !important;
  overflow:visible !important;
}

.service-request-card > .service-request-heading{
  grid-column:1 !important;
  grid-row:1 !important;
  min-width:0 !important;
}

.service-request-card > .service-request-panel{
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}

.service-request-panel .service-request-status{
  grid-column:auto !important;
  width:100% !important;
  margin:0 !important;
  text-align:inherit !important;
}

.service-request-panel .service-request-form{
  width:100% !important;
  min-width:0 !important;
}

.service-request-panel .form-grid-two{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(230px,1fr)) !important;
  gap:16px !important;
  align-items:start !important;
}

.service-request-panel .service-request-form label{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.service-request-panel .service-request-form label span{
  width:100% !important;
  display:block !important;
  white-space:normal !important;
  line-height:1.45 !important;
}

.service-request-panel .service-request-form input,
.service-request-panel .service-request-form select,
.service-request-panel .service-request-form textarea{
  width:100% !important;
  box-sizing:border-box !important;
  display:block !important;
}

.service-request-panel .form-field-wide{
  grid-column:1 / -1 !important;
}

.service-request-panel .form-actions-row{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}

html[dir="rtl"] .service-request-panel .service-request-form input,
html[dir="rtl"] .service-request-panel .service-request-form select,
html[dir="rtl"] .service-request-panel .service-request-form textarea{
  text-align:right !important;
}

html[dir="ltr"] .service-request-panel .service-request-form input,
html[dir="ltr"] .service-request-panel .service-request-form select,
html[dir="ltr"] .service-request-panel .service-request-form textarea{
  text-align:left !important;
}

@media(max-width:980px){
  .service-request-card{
    grid-template-columns:1fr !important;
  }
  .service-request-card > .service-request-heading,
  .service-request-card > .service-request-panel{
    grid-column:1 !important;
    grid-row:auto !important;
  }
}

@media(max-width:760px){
  .service-request-section{
    width:min(100% - 24px,1080px) !important;
  }
  .service-request-card{
    padding:16px !important;
    border-radius:28px !important;
  }
  .service-request-panel .form-grid-two{
    grid-template-columns:1fr !important;
  }
  .service-request-panel .form-actions-row{
    align-items:stretch !important;
    flex-direction:column !important;
  }
  .service-request-panel .service-submit-btn{
    width:100% !important;
  }
}

/* SERVICE-REQUEST1-STYLEFIX2 - refined professional form styling */
.service-request-section{
  padding-top:24px !important;
}

.service-request-card{
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.55fr) !important;
  gap:28px !important;
  align-items:start !important;
  padding:30px !important;
  border-radius:36px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fcfdfd 100%) !important;
  box-shadow:0 22px 64px rgba(8,47,73,.10) !important;
}

.service-request-card > .service-request-heading{
  position:sticky;
  top:112px;
  padding:32px 28px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#f7f2e9 0%,#ffffff 100%) !important;
  border:1px solid rgba(201,150,53,.20) !important;
  box-shadow:0 10px 30px rgba(8,47,73,.05) !important;
}

.service-request-heading span{
  align-self:flex-start;
  padding:6px 14px !important;
  font-size:12px !important;
  letter-spacing:.2px;
}

.service-request-heading h2{
  margin:18px 0 12px !important;
  font-size:clamp(28px,3.2vw,46px) !important;
  line-height:1.18 !important;
}

.service-request-heading p{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.9 !important;
  color:#60758a !important;
}

.service-request-panel{
  padding:28px !important;
  border-radius:28px !important;
  border:1px solid rgba(8,47,73,.10) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fcfd 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(8,47,73,.05) !important;
  gap:18px !important;
}

.service-request-panel .service-request-status{
  padding:16px 18px !important;
  border-radius:16px !important;
  font-size:14px !important;
  line-height:1.6 !important;
}

.service-request-panel .service-request-form{
  display:block !important;
}

.service-request-panel .form-grid-two{
  grid-template-columns:repeat(2,minmax(220px,1fr)) !important;
  gap:18px !important;
}

.service-request-panel .service-request-form label{
  gap:8px !important;
}

.service-request-panel .service-request-form label span{
  color:#0d3555 !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.service-request-panel .service-request-form input,
.service-request-panel .service-request-form select,
.service-request-panel .service-request-form textarea{
  min-height:54px !important;
  padding:15px 16px !important;
  border-radius:15px !important;
  border:1px solid rgba(8,47,73,.12) !important;
  background:#ffffff !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#17324a !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
}

.service-request-panel .service-request-form input::placeholder,
.service-request-panel .service-request-form textarea::placeholder{
  color:#8ea0b2 !important;
}

.service-request-panel .service-request-form textarea{
  min-height:170px !important;
  padding-top:14px !important;
}

.service-request-panel .service-request-form input:focus,
.service-request-panel .service-request-form select:focus,
.service-request-panel .service-request-form textarea:focus{
  border-color:rgba(18,201,213,.76) !important;
  box-shadow:0 0 0 4px rgba(18,201,213,.12) !important;
}

.service-request-panel .form-actions-row{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:12px !important;
  margin-top:22px !important;
  padding-top:22px !important;
  border-top:1px solid rgba(8,47,73,.09) !important;
}

.service-request-panel .form-actions-row small{
  order:2;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.7 !important;
  color:#6c7f90 !important;
  font-weight:800 !important;
}

.service-request-panel .service-submit-btn{
  order:1;
  min-width:220px !important;
  min-height:54px !important;
  padding:0 28px !important;
  border-radius:16px !important;
  box-shadow:0 12px 28px rgba(6,145,154,.18) !important;
}

html[dir="rtl"] .service-request-panel .form-actions-row,
html[dir="rtl"] .service-request-panel .service-submit-btn,
html[dir="rtl"] .service-request-heading span{
  align-items:flex-start !important;
}

@media(max-width:980px){
  .service-request-card > .service-request-heading{
    position:relative;
    top:auto;
  }
}

@media(max-width:760px){
  .service-request-card{
    padding:16px !important;
    gap:18px !important;
    border-radius:28px !important;
  }

  .service-request-card > .service-request-heading,
  .service-request-panel{
    padding:22px 18px !important;
    border-radius:22px !important;
  }

  .service-request-heading h2{
    font-size:clamp(24px,8vw,34px) !important;
  }

  .service-request-panel .form-grid-two{
    grid-template-columns:1fr !important;
    gap:15px !important;
  }

  .service-request-panel .service-submit-btn{
    width:100% !important;
    min-width:0 !important;
  }
}

/* SERVICE-REQUEST1-LUXURY1 - premium request form styling */
.service-request-page-main{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 12% 18%,rgba(18,201,213,.13),transparent 28%),
    radial-gradient(circle at 88% 30%,rgba(201,150,53,.14),transparent 26%),
    linear-gradient(180deg,#f6fafb 0%,#ffffff 44%,#f8fbfc 100%) !important;
}

.service-request-page-main::before{
  content:"" !important;
  position:absolute !important;
  inset:118px -90px auto auto !important;
  width:320px !important;
  height:320px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,rgba(18,201,213,.13),rgba(201,150,53,.10)) !important;
  filter:blur(8px) !important;
  pointer-events:none !important;
}

.service-request-page-main::after{
  content:"" !important;
  position:absolute !important;
  inset:auto auto 120px -120px !important;
  width:300px !important;
  height:300px !important;
  border-radius:50% !important;
  background:rgba(8,47,73,.05) !important;
  filter:blur(10px) !important;
  pointer-events:none !important;
}

.service-request-hero{
  padding-bottom:26px !important;
}

.service-request-hero-inner{
  border:1px solid rgba(255,255,255,.64) !important;
  border-radius:38px !important;
  background:
    radial-gradient(circle at 15% 18%,rgba(18,201,213,.30),transparent 30%),
    radial-gradient(circle at 82% 18%,rgba(201,150,53,.28),transparent 26%),
    linear-gradient(135deg,#021522 0%,#062e4b 46%,#075f71 100%) !important;
  box-shadow:0 30px 90px rgba(8,47,73,.20) !important;
}

.service-request-hero-inner::before{
  content:"" !important;
  position:absolute !important;
  inset:1px !important;
  border-radius:37px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  pointer-events:none !important;
}

.service-request-section{
  position:relative !important;
  z-index:2 !important;
  width:min(1140px,calc(100% - 36px)) !important;
  padding-top:12px !important;
  padding-bottom:92px !important;
}

.service-request-card{
  position:relative !important;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.55fr) !important;
  gap:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.88) !important;
  border-radius:38px !important;
  background:rgba(255,255,255,.74) !important;
  box-shadow:
    0 30px 90px rgba(8,47,73,.13),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  backdrop-filter:blur(18px) !important;
  overflow:hidden !important;
}

.service-request-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:5px !important;
  background:linear-gradient(90deg,#d4a34e,#12c9d5,#07596a) !important;
  z-index:3 !important;
}

.service-request-card > .service-request-heading{
  position:relative !important;
  top:auto !important;
  height:100% !important;
  min-height:100% !important;
  padding:42px 34px !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 20% 14%,rgba(18,201,213,.22),transparent 28%),
    radial-gradient(circle at 86% 82%,rgba(201,150,53,.24),transparent 30%),
    linear-gradient(160deg,#031827 0%,#082f49 55%,#064f63 100%) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.service-request-card > .service-request-heading::before{
  content:"" !important;
  position:absolute !important;
  inset:auto -72px -96px auto !important;
  width:220px !important;
  height:220px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.07) !important;
}

.service-request-card > .service-request-heading::after{
  content:"" !important;
  position:absolute !important;
  inset:28px auto auto 28px !important;
  width:86px !important;
  height:86px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.045) !important;
  transform:rotate(12deg) !important;
}

html[dir="rtl"] .service-request-card > .service-request-heading::after{
  left:auto !important;
  right:28px !important;
}

.service-request-heading span{
  position:relative !important;
  z-index:1 !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#d9fbff !important;
}

.service-request-heading h2{
  position:relative !important;
  z-index:1 !important;
  color:#ffffff !important;
  margin-top:22px !important;
  text-shadow:0 12px 28px rgba(0,0,0,.20) !important;
}

.service-request-heading p{
  position:relative !important;
  z-index:1 !important;
  color:rgba(255,255,255,.76) !important;
  line-height:2 !important;
  font-weight:800 !important;
}

.service-request-panel{
  padding:42px 38px !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(249,252,253,.96) 100%) !important;
  box-shadow:none !important;
}

.service-request-panel .service-request-status{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:16px 18px !important;
  border-radius:18px !important;
  border:1px solid rgba(10,122,92,.18) !important;
  background:linear-gradient(135deg,#e9fbf6,#f7fffc) !important;
  color:#08705b !important;
  box-shadow:0 12px 28px rgba(10,122,92,.07) !important;
}

.service-request-panel .service-request-status::before{
  content:"✓" !important;
  display:inline-grid !important;
  place-items:center !important;
  width:26px !important;
  height:26px !important;
  flex:0 0 26px !important;
  border-radius:50% !important;
  color:#fff !important;
  background:linear-gradient(135deg,#18c7a3,#0b7b61) !important;
  font-size:15px !important;
  font-weight:900 !important;
}

.service-request-panel .service-request-status.is-error,
.service-request-panel .service-request-status.is-invalid{
  background:linear-gradient(135deg,#fff1ee,#fffafa) !important;
  color:#9a321f !important;
  border-color:rgba(154,50,31,.16) !important;
}

.service-request-panel .service-request-status.is-error::before,
.service-request-panel .service-request-status.is-invalid::before{
  content:"!" !important;
  background:linear-gradient(135deg,#d9704f,#9a321f) !important;
}

.service-request-panel .form-grid-two{
  grid-template-columns:repeat(2,minmax(230px,1fr)) !important;
  gap:20px 18px !important;
}

.service-request-panel .service-request-form label span{
  margin-bottom:1px !important;
  color:#082f49 !important;
  font-size:13.5px !important;
  font-weight:950 !important;
}

.service-request-panel .service-request-form input,
.service-request-panel .service-request-form select,
.service-request-panel .service-request-form textarea{
  min-height:56px !important;
  border-radius:18px !important;
  border:1px solid rgba(8,47,73,.12) !important;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfdfe 100%) !important;
  color:#0b2438 !important;
  box-shadow:
    0 10px 22px rgba(8,47,73,.045),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.service-request-panel .service-request-form input:hover,
.service-request-panel .service-request-form select:hover,
.service-request-panel .service-request-form textarea:hover{
  border-color:rgba(18,201,213,.35) !important;
}

.service-request-panel .service-request-form input:focus,
.service-request-panel .service-request-form select:focus,
.service-request-panel .service-request-form textarea:focus{
  background:#fff !important;
  border-color:#12c9d5 !important;
  box-shadow:
    0 0 0 4px rgba(18,201,213,.13),
    0 12px 26px rgba(8,47,73,.06) !important;
}

.service-request-panel .service-request-form textarea{
  min-height:178px !important;
}

.service-request-panel .form-actions-row{
  margin-top:24px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(8,47,73,.085) !important;
  align-items:stretch !important;
}

.service-request-panel .service-submit-btn{
  width:max-content !important;
  min-width:240px !important;
  min-height:56px !important;
  border-radius:18px !important;
  background:
    linear-gradient(135deg,#12c9d5 0%,#0793a8 44%,#07596a 100%) !important;
  color:#fff !important;
  font-weight:950 !important;
  box-shadow:
    0 18px 38px rgba(7,147,168,.24),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.service-request-panel .service-submit-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    0 24px 52px rgba(7,147,168,.30),
    inset 0 1px 0 rgba(255,255,255,.38) !important;
}

.service-request-panel .form-actions-row small{
  max-width:360px !important;
  color:#6a7e8f !important;
}

@media(max-width:980px){
  .service-request-card{
    grid-template-columns:1fr !important;
  }

  .service-request-card > .service-request-heading{
    min-height:auto !important;
    padding:32px 28px !important;
  }

  .service-request-panel{
    padding:30px 24px !important;
  }
}

@media(max-width:760px){
  .service-request-section{
    width:min(100% - 24px,1140px) !important;
    padding-bottom:64px !important;
  }

  .service-request-card{
    border-radius:30px !important;
  }

  .service-request-card > .service-request-heading{
    padding:28px 22px !important;
  }

  .service-request-panel{
    padding:24px 18px !important;
  }

  .service-request-panel .form-grid-two{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .service-request-panel .service-submit-btn{
    width:100% !important;
    min-width:0 !important;
  }

  .service-request-panel .service-request-status{
    align-items:flex-start !important;
  }
}

/* SERVICE-REQUEST1-LUXURY1-FINAL1 - lighter form typography and centered note above button */
.service-request-panel .service-request-form label span{
  font-weight:700 !important;
}

.service-request-panel .service-request-form input,
.service-request-panel .service-request-form select,
.service-request-panel .service-request-form textarea{
  font-weight:500 !important;
}

.service-request-panel .form-actions-row{
  align-items:flex-start !important;
  gap:9px !important;
}

.service-request-panel .form-actions-row small{
  order:1 !important;
  display:block !important;
  width:240px !important;
  max-width:100% !important;
  margin:0 !important;
  text-align:center !important;
  font-weight:500 !important;
  font-size:12.5px !important;
  line-height:1.65 !important;
}

.service-request-panel .service-submit-btn{
  order:2 !important;
  font-weight:800 !important;
  text-align:center !important;
}

@media(max-width:760px){
  .service-request-panel .form-actions-row{
    align-items:stretch !important;
  }

  .service-request-panel .form-actions-row small{
    width:100% !important;
  }
}