:root{--navy:#082d55;--navy2:#0e477e;--ink:#111820;--muted:#5f6b76;--paper:#f4f7fa;--line:#dfe6ed;--gold:#c79232;--shadow:0 18px 48px rgba(9,45,85,.11);--radius:22px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.62;background:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.skip{position:absolute;left:-9999px}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(8,45,85,.08)}.hamb{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;width:44px;height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:10px;border:1px solid transparent;font-weight:800;cursor:pointer}.btn-primary{background:var(--navy);color:#fff}.btn-light{background:#fff;color:var(--navy)}.btn-dark{background:#101820;color:#fff}.btn-outline{border-color:#bdc9d3;background:#fff;color:var(--navy)}.btn-ghost{background:transparent;border-color:#d9e1e7}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#071f39,#0b3b6b 55%,#0b4b79);color:#fff}.hero-grid-bg{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle at 78% 22%,rgba(255,255,255,.28),transparent 20%),linear-gradient(30deg,transparent 24%,rgba(255,255,255,.08) 25%,rgba(255,255,255,.08) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.06) 75%,rgba(255,255,255,.06) 76%,transparent 77%);background-size:auto,48px 48px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.45fr .75fr;gap:60px;min-height:590px;align-items:center}.hero-copy{padding:88px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.hero h1,.pagehero h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.04em;margin:18px 0}.hero-lead{font-size:1.18rem;color:#eaf2f8}.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-panel{background:rgba(3,25,47,.58);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);padding:30px;border-radius:22px}.hero-panel h2{font-size:1rem;margin:18px 0 4px}.hero-panel p{margin:0;color:#e7f0f6}.hero-panel hr{border:0;border-top:1px solid rgba(255,255,255,.18);margin:22px 0}.trustbar{border-bottom:1px solid var(--line)}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustgrid div{display:flex;align-items:center;gap:13px;padding:22px;border-right:1px solid var(--line)}.trustgrid b{font-size:1.6rem;color:var(--navy)}.section{padding:88px 0}.soft{background:var(--paper)}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.03em;margin:12px 0 18px}.lead{font-size:1.1rem;color:#42515f}.authority-card{border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.agency-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.agency-flow div:not(.arrow){display:flex;flex-direction:column;gap:7px}.agency-flow b{color:var(--navy)}.arrow{font-size:2rem;color:var(--gold)}.section-head{text-align:center;max-width:850px;margin:0 auto 36px}.cards{display:grid;gap:18px;margin:28px 0}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.num{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:#edf4fa;color:var(--navy);font-size:.76rem;font-weight:900}.standard h3{font-size:1.45rem;margin:18px 0 8px;color:var(--navy)}.tag{display:inline-block;background:#f5f0e6;color:#7f5a18;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:800}.center{text-align:center;margin-top:26px}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sector{display:flex;align-items:center;gap:12px;min-height:78px;padding:14px;border:1px solid var(--line);border-radius:16px}.sector span,.sector h3{font-weight:750}.expanded .sector{display:block;min-height:205px}.expanded .sector h3{margin:16px 0 8px;color:var(--navy)}.expanded .sector p{font-size:.88rem;color:var(--muted)}.presence-strip{background:linear-gradient(135deg,#062846,#0a3d6d);color:#fff}.presence-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.presence-grid>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);padding:24px;border-radius:20px}.place{display:inline-block;padding:7px 10px;margin:4px;background:rgba(255,255,255,.1);border-radius:999px;font-size:.85rem}.pagehero{background:linear-gradient(135deg,#071f39,#0b467a);color:#fff;padding:74px 0}.pagehero p{max-width:850px;color:#e2edf5}.pagehero h1{font-size:clamp(2.5rem,5vw,4.7rem)}.content{max-width:900px}.content h2{font-size:1.75rem;margin-top:38px;color:var(--navy)}.notice{margin-top:30px;padding:22px;border-left:4px solid var(--gold);background:#f7f5ef;border-radius:0 12px 12px 0}.mt{margin-top:60px}.presence-card h3{margin:14px 0 4px;color:var(--navy)}.steps{display:grid}.step{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.step h2{font-size:1.55rem;margin:0 0 8px}.avatar{display:flex;width:76px;height:76px;border-radius:20px;background:var(--navy);color:#fff;align-items:center;justify-content:center;font-weight:900;font-size:1.35rem}.person h2{margin:20px 0 6px}.contact-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:30px}.contact-card,.contact-aside{border:1px solid var(--line);border-radius:24px;padding:30px}.contact-aside{background:#f6f9fb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:7px;font-size:.88rem;font-weight:750;margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #cbd6df;border-radius:10px;padding:12px;background:#fff;color:#111}.consent{grid-template-columns:auto 1fr!important;align-items:start}.consent input{width:auto;margin-top:5px}.hp{position:absolute!important;left:-9999px!important}.legal-grid{display:grid;grid-template-columns:250px 1fr;gap:45px}.legal-toc{position:sticky;top:110px;align-self:start;display:grid;gap:7px;border:1px solid var(--line);border-radius:18px;padding:18px}.legal-toc a{font-size:.83rem;padding:6px}.legal .content{text-align:justify}.legal .content h2{text-align:left}.updated{font-size:.82rem;color:var(--muted)}.footer{background:#5a5d61;color:#fff;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:1.15fr 1.15fr 1fr .8fr;gap:28px}.footer-logo{filter:grayscale(1);background:#fff;border-radius:12px;padding:8px;width:160px;height:62px;object-fit:contain}.footer p,.footer a{font-size:.85rem;color:#f4f4f4}.footer-links{display:grid;gap:8px}.cookie-open{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff;padding:9px 12px;border-radius:9px;margin-top:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:34px;padding:20px 0;display:flex;justify-content:space-between;font-size:.78rem}.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:110;max-width:1000px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 20px 70px rgba(0,0,0,.22);display:none;align-items:center;justify-content:space-between;gap:20px}.cookie-banner.show{display:flex}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:120;display:grid;place-items:center;padding:20px}.cookie-modal[hidden]{display:none}.cookie-card{width:min(520px,100%);background:#fff;border-radius:20px;padding:28px;position:relative}.cookie-card label{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.cookie-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px}[dir=rtl] .menu{margin-left:0;margin-right:auto}[dir=rtl] .notice{border-left:0;border-right:4px solid var(--gold);border-radius:12px 0 0 12px}[dir=rtl] .legal .content h2{text-align:right}@media(max-width:1080px){.head-cta{display:none}.menu{display:none;position:absolute;left:0;right:0;top:84px;background:#fff;flex-direction:column;padding:14px 20px;border-bottom:1px solid var(--line)}.menu.open{display:flex}.hamb{display:block;margin-left:auto}.brand{min-width:0}.trustgrid{grid-template-columns:repeat(2,1fr)}.cards.four{grid-template-columns:repeat(2,1fr)}.sector-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:min(100% - 26px,var(--max))}.nav{min-height:72px;gap:9px}.brand img{width:92px;max-height:46px}.brand span{display:none}.menu{top:72px}.langs{margin-left:auto}.hamb{margin-left:0}.hero-grid{grid-template-columns:1fr;gap:0;min-height:auto}.hero-copy{text-align:center;padding:76px 0 34px}.hero h1{font-size:clamp(2.45rem,12vw,4rem)}.hero-lead{font-size:1rem}.btnrow{justify-content:center;flex-wrap:nowrap}.btnrow .btn{flex:1;font-size:.8rem;padding:10px}.hero-panel{margin:0 0 30px;text-align:center}.trustgrid{grid-template-columns:repeat(2,1fr)}.trustgrid div{padding:16px 10px;justify-content:center;text-align:center;flex-direction:column}.section{padding:58px 0}.split,.contact-layout,.legal-grid{grid-template-columns:1fr}.split{text-align:center}.agency-flow{grid-template-columns:1fr}.agency-flow .arrow{transform:rotate(90deg)}.cards.four,.cards.three,.cards.two{grid-template-columns:1fr}.sector-grid{grid-template-columns:repeat(2,1fr)}.sector{min-height:112px;display:flex;flex-direction:column;justify-content:center;text-align:center}.sector .num{width:34px;height:34px}.presence-grid{grid-template-columns:1fr}.step{grid-template-columns:48px 1fr}.form-grid{grid-template-columns:1fr}.legal-toc{position:static}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-logo{margin:auto}.footer-bottom{flex-direction:column;gap:5px;text-align:center}.cookie-banner.show{display:block;text-align:center}.cookie-actions{justify-content:center;margin-top:12px}.pagehero{text-align:center;padding:58px 0}.legal .content h2{text-align:center}.card,.presence-card{text-align:center}.card .num{margin:auto}}@media(max-width:420px){.brand img{width:82px}.sector-grid{grid-template-columns:1fr 1fr}.sector{font-size:.82rem}.cookie-actions{display:grid}}
/* IWZ Syria v2 — official composite logo, grouped enterprise navigation, flag language selector */
.nav{min-height:84px;display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:12px;min-width:360px}
.brand img{display:block;width:235px;height:auto;max-height:54px;object-fit:contain}
.brand span{display:flex;flex-direction:column;color:var(--navy);line-height:1.15;white-space:nowrap}
.brand strong{font-size:.88rem}
.brand small{font-size:.72rem;margin-top:4px}

.menu{display:flex;align-items:center;gap:4px;margin-left:auto}
.menu-link,.dropbtn{font-size:.84rem;font-weight:800;padding:9px 10px;border-radius:9px;color:var(--ink);background:transparent;border:0;cursor:pointer;white-space:nowrap}
.menu-link:hover,.menu-link.active,.dropbtn:hover,.dropdown.active>.dropbtn{background:#edf3f8;color:var(--navy2)}
.dropdown{position:relative}
.dropbtn{display:flex;align-items:center;gap:6px}
.chev{font-size:.9em;transition:transform .2s ease}
.dropdown-panel{position:absolute;top:calc(100% + 9px);left:0;min-width:225px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 18px 44px rgba(8,45,85,.15);opacity:0;visibility:hidden;transform:translateY(5px);transition:.18s;z-index:90}
.dropdown-panel a{display:block;padding:10px 11px;border-radius:9px;font-size:.82rem;font-weight:700;color:var(--ink)}
.dropdown-panel a:hover{background:#edf3f8;color:var(--navy)}
.dropdown:hover>.dropdown-panel,.dropdown:focus-within>.dropdown-panel,.dropdown.open>.dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown:hover>.dropbtn .chev,.dropdown.open>.dropbtn .chev{transform:rotate(180deg)}

.langs{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:4px;background:#fff;flex:0 0 auto}
.langs a{display:grid;place-items:center;width:36px;height:28px;border-radius:999px;transition:.18s;border:1px solid transparent}
.langs a:hover{background:#edf3f8}
.langs a.active{background:#e6eef6;border-color:#b8cadb;box-shadow:inset 0 0 0 1px rgba(8,45,85,.04)}
.langs img{display:block;width:28px;height:17px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}

.footer-logo{width:245px;height:auto;max-height:60px;object-fit:contain;filter:grayscale(1);background:transparent;border-radius:0;padding:0}

[dir=rtl] .dropdown-panel{left:auto;right:0}

@media(max-width:1180px){
  .brand{min-width:300px}
  .brand img{width:205px}
  .brand span{display:none}
  .head-cta{display:none}
}
@media(max-width:1080px){
  .menu{display:none;position:absolute;left:0;right:0;top:84px;background:#fff;flex-direction:column;align-items:stretch;padding:14px 20px;border-bottom:1px solid var(--line);box-shadow:0 18px 32px rgba(8,45,85,.10)}
  .menu.open{display:flex}
  .menu-link,.dropbtn{width:100%;justify-content:center;text-align:center;padding:12px}
  .dropdown{width:100%}
  .dropdown-panel{position:static;min-width:0;box-shadow:none;border:0;border-radius:12px;padding:0 8px;max-height:0;overflow:hidden;opacity:1;visibility:visible;transform:none;transition:max-height .22s ease,padding .22s ease;background:#f7fafc}
  .dropdown.open>.dropdown-panel{max-height:260px;padding:7px 8px}
  .dropdown:hover>.dropdown-panel:not(.force-open){max-height:0;padding:0 8px}
  .dropdown.open:hover>.dropdown-panel{max-height:260px;padding:7px 8px}
  .dropdown-panel a{text-align:center;padding:10px}
  .hamb{display:block;margin-left:auto}
  [dir=rtl] .hamb{margin-left:0;margin-right:auto}
}
@media(max-width:760px){
  .nav{min-height:72px;gap:8px}
  .brand{min-width:0;flex:1}
  .brand img{width:min(215px,55vw);max-height:46px}
  .brand span{display:none}
  .menu{top:72px}
  .langs{gap:2px;padding:3px}
  .langs a{width:31px;height:25px}
  .langs img{width:24px;height:15px}
  .footer-logo{width:210px;max-height:52px}
}
/* ==========================================================
   IWZ SYRIA — WIDE LAYOUT +30%
   Desktop + Tablet
   Mobile unchanged
   ========================================================== */


/* ----------------------------------------------------------
   DESKTOP
   Original max-width: 1240px
   New max-width: circa +30% = 1612px
   ---------------------------------------------------------- */

@media (min-width: 1281px) {

  :root {
    --max: 1612px;
  }

  .container {
    width: min(
      var(--max),
      calc(100% - 48px)
    ) !important;

    max-width: 1612px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* Hero */

  .hero-grid {
    width: 100%;
  }


  /* Main content */

  .content {
    max-width: 1170px;
  }


  /* Section headings */

  .section-head {
    max-width: 1105px;
  }


  /* Page hero text */

  .pagehero p {
    max-width: 1105px;
  }


  /* Presence section */

  .iwz-presence-content {
    max-width: 1612px !important;
  }


  /* Legal pages */

  .legal-grid {
    width: 100%;
  }


  /* Contact */

  .contact-layout {
    width: 100%;
  }


  /* Footer */

  .cb-footer .container,
  .footer .container {
    width: min(
      1612px,
      calc(100% - 48px)
    ) !important;

    max-width: 1612px !important;
  }

}



/* ==========================================================
   LARGE TABLET / SMALL LAPTOP
   993px → 1280px

   Almost full viewport width.
   No horizontal overflow.
   ========================================================== */

@media (min-width: 993px) and (max-width: 1280px) {

  :root {
    --max: none;
  }


  .container {
    width: calc(100% - 28px) !important;

    max-width: none !important;

    margin-left: 14px !important;
    margin-right: 14px !important;
  }


  .iwz-presence-content {
    width: calc(100% - 28px) !important;

    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  .content {
    max-width: 100%;
  }


  .section-head {
    max-width: 1000px;
  }


  .pagehero p {
    max-width: 1000px;
  }


  .cb-footer .container,
  .footer .container {
    width: calc(100% - 28px) !important;

    max-width: none !important;

    margin-left: 14px !important;
    margin-right: 14px !important;
  }

}



/* ==========================================================
   TABLET PORTRAIT
   761px → 992px

   Use almost all available width while keeping safe margins.
   ========================================================== */

@media (min-width: 761px) and (max-width: 992px) {

  .container {
    width: calc(100% - 24px) !important;

    max-width: none !important;

    margin-left: 12px !important;
    margin-right: 12px !important;
  }


  .section {
    padding-left: 0;
    padding-right: 0;
  }


  .content,
  .section-head,
  .pagehero p,
  .iwz-presence-content {
    width: 100%;

    max-width: 100% !important;
  }


  .cards,
  .sector-grid,
  .presence-grid,
  .contact-layout,
  .legal-grid {
    width: 100%;
  }

}



/* ==========================================================
   DESKTOP GRID OPTIMIZATION
   Makes use of the extra horizontal space
   ========================================================== */

@media (min-width: 1281px) {

  .cards {
    gap: 24px;
  }


  .cards.four {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));
  }


  .cards.three {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }


  .cards.two {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .sector-grid {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));

    gap: 16px;
  }


  .presence-grid {
    gap: 30px;
  }


  .split {
    gap: 72px;
  }


  .contact-layout {
    gap: 38px;
  }


  .footer-grid {
    gap: 36px;
  }

}



/* ==========================================================
   TABLET GRID OPTIMIZATION
   ========================================================== */

@media (min-width: 761px) and (max-width: 1280px) {

  .cards {
    gap: 18px;
  }


  .cards.four {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .cards.three {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .sector-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }


  .split {
    gap: 38px;
  }


  .presence-grid {
    gap: 20px;
  }

}



/* ==========================================================
   HEADER
   Extend navigation to new site width
   ========================================================== */

@media (min-width: 993px) {

  .header .container,
  .nav.container {

    width: min(
      1612px,
      calc(100% - 32px)
    ) !important;

    max-width: 1612px !important;

  }

}



/* ==========================================================
   HERO
   Better proportions on wide screens
   ========================================================== */

@media (min-width: 1281px) {

  .hero-grid {

    grid-template-columns:
      1.55fr
      .75fr;

    gap: 78px;

  }


  .hero-copy {

    max-width: 980px;

  }


  .hero-panel {

    width: 100%;

    max-width: 520px;

    justify-self: end;

  }

}



/* ==========================================================
   PAGE HERO
   ========================================================== */

@media (min-width: 1281px) {

  .pagehero .container {

    width: min(
      1612px,
      calc(100% - 48px)
    ) !important;

  }

}



/* ==========================================================
   DO NOT CHANGE MOBILE
   <= 760px keeps existing mobile design
   ========================================================== */

@media (max-width: 760px) {

  .container {

    width:
      min(
        100% - 26px,
        var(--max)
      ) !important;

    margin-left:
      auto !important;

    margin-right:
      auto !important;

  }

}