/* ==========================================================================
   Theme 2 — light, editorial. Loaded only on the v2./alt. host (see t2() in front.php).
   Same markup + content as the main theme; only the skin and the home layout differ.
   ========================================================================== */
.t2{--bg:#f6f1e6;--bg2:#ece4d3;--bg3:#e2d8c1;--paper:#fcfaf4;--gold:#a67f26;--gold2:#8a6a1c;--white:#10261a;--text:#44524a;--line:rgba(16,38,26,.15)}
.t2 ::selection{background:#c49a3c;color:#10261a}

/* dark islands keep the original palette */
.t2 .ph,.t2 .cta,.t2 .ft,.t2 .mq,.t2 .cc,.t2 .pre,.t2 .t2h__tag-dark{--bg:#07150f;--bg2:#0b1d15;--bg3:#102a1f;--gold:#c49a3c;--gold2:#e3c176;--white:#fbf8ef;--text:rgba(239,231,210,.78);--line:rgba(196,154,60,.24)}
.t2 .pre{background:#f6f1e6}.t2 .pre__bar{background:rgba(16,38,26,.12)}.t2 .pre__bar i{background:#a67f26}

/* header: always a light bar so it reads over any section */
.t2 .hd{background:rgba(246,241,230,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.t2 .hd.sc{background:rgba(246,241,230,.97);border-color:var(--line)}
.t2 .hd__wm{filter:brightness(0) opacity(.86)}
.t2 .hd__nav>a,.t2 .hd__dd>a{color:#23362b}
.t2 .hd__nav>a:hover,.t2 .hd__dd:hover>a,.t2 .hd__nav .on{color:#8a6a1c}
.t2 .hd__nav>a::after,.t2 .hd__dd>a::after{background:#a67f26}
.t2 .hd__menu{background:var(--paper);border-color:var(--line);box-shadow:0 24px 50px -24px rgba(16,38,26,.35)}
.t2 .hd__menu a:hover{background:rgba(166,127,38,.1)}
.t2 .hd__menu small{color:#66726b}
.t2 .lang a{color:#46544c}.t2 .lang a:hover{color:#10261a}.t2 .lang a.on{background:#c49a3c;color:#10261a}
.t2 .enqb{color:#10261a}.t2 .enqb:hover{border-color:#a67f26;color:#8a6a1c}
.t2 .enqb__n{background:#10261a;color:#f6f1e6}
.t2 .burger i{background:#10261a}
.t2 .mnav{background:var(--bg)}.t2 .mnav nav>a{border-bottom-color:var(--line)}.t2 .mnav__sub a{color:#23362b}
.t2 .hd__r .lang--f a{color:inherit}

/* buttons */
.t2 .btn--gold{background:#c49a3c;border-color:#c49a3c;color:#10261a}.t2 .btn--gold::before{background:#10261a}.t2 .btn--gold:hover{color:#fbf8ef;border-color:#10261a}
.t2 .btn--dark{background:#10261a;border-color:#10261a;color:#f6f1e6}.t2 .btn--dark::before{background:#c49a3c}.t2 .btn--dark:hover{color:#10261a;border-color:#c49a3c}
.t2 .btn--line{color:#8a6a1c}
.t2 .cta .btn--gold::before,.t2 .ph .btn--gold::before{background:#fbf8ef}.t2 .cta .btn--gold:hover,.t2 .ph .btn--gold:hover{color:#10261a;border-color:#fbf8ef}
.t2 .btn--ghost{color:#fbf8ef;border-color:rgba(251,248,239,.55)}
.t2 .eye{color:#8a6a1c}.t2 .eye i{background:#a67f26}
.t2 .cta .eye,.t2 .ph .eye{color:#e3c176}.t2 .cta .eye i,.t2 .ph .eye i{background:#c49a3c}

/* ---------- home hero: animated dot-map ---------- */
.t2h{position:relative;display:flex;min-height:max(640px,min(100svh,940px));padding-top:calc(var(--hd) + 20px);padding-bottom:30px;background:var(--bg);overflow:hidden}
.t2h::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 64% 40%,rgba(196,154,60,.14),transparent 70%);pointer-events:none}
.t2h__map{position:absolute;inset:0}
.t2h__map canvas{width:100%;height:100%;display:block}
.t2h::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,var(--bg) 0,rgba(246,241,230,.92) 34%,rgba(246,241,230,0) 58%)}
html[dir=rtl] .t2h::after{background:linear-gradient(to left,var(--bg) 0,rgba(246,241,230,.92) 34%,rgba(246,241,230,0) 58%)}
.t2h__in{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.t2h__tx{max-width:min(580px,47vw);padding-top:clamp(14px,5vh,64px)}
.t2h__t{font-size:clamp(40px,4.7vw,74px);line-height:1.02;margin:0 0 22px;color:var(--white)}
html[lang=ar] .t2h__t{line-height:1.3;font-size:clamp(38px,4.3vw,66px)}
.t2h__t .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.t2h__t .w>span{display:inline-block}
.t2h__p{max-width:50ch;font-size:clamp(15px,1.1vw,17px);line-height:1.7;color:#33463b;margin:0 0 26px}
.t2h__a{display:flex;flex-wrap:wrap;gap:10px}
.t2h__a .btn{padding-inline:18px;letter-spacing:.1em}
.t2h__s{display:inline-flex;align-self:flex-start;gap:clamp(22px,3.2vw,52px);padding:18px clamp(20px,2.4vw,34px);background:rgba(252,250,244,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:4px;box-shadow:0 20px 44px -28px rgba(16,38,26,.45)}
.t2h__s li{display:grid;gap:6px}
.t2h__s b{display:block;font-family:var(--disp);font-size:clamp(32px,3.2vw,46px);font-weight:600;line-height:1;color:var(--white);direction:ltr;unicode-bidi:isolate;text-align:start}
.t2h__s b[data-plus]::after{content:'+';color:#a67f26}
.t2h__s span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-weight:600;max-width:15ch;line-height:1.35}
html[lang=ar] .t2h__s span{font-size:14px}
/* industry photo cards */
.t2h__ph{position:absolute;z-index:2;inset-inline-end:clamp(14px,2.2vw,40px);bottom:34px;display:flex;align-items:flex-end;gap:0}
.t2h__c{position:relative;display:block;width:clamp(140px,12vw,185px);aspect-ratio:3/4;overflow:hidden;border-radius:4px;border:5px solid #fcfaf4;box-shadow:0 30px 50px -22px rgba(16,38,26,.6);transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:t2f 7s ease-in-out infinite}
.t2h__c img{width:100%;height:100%;object-fit:cover;display:block}
.t2h__c span{position:absolute;inset-inline:0;bottom:0;padding:26px 10px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#fff;background:linear-gradient(to top,rgba(7,21,15,.78),transparent);text-align:center}
html[lang=ar] .t2h__c span{font-size:14px;letter-spacing:0}
.t2h__c--1{transform:rotate(-5deg) translateY(10px);margin-inline-end:-26px;z-index:1}
.t2h__c--2{transform:rotate(2deg) translateY(-30px);z-index:3;animation-delay:-2.3s}
.t2h__c--3{transform:rotate(6deg);margin-inline-start:-26px;z-index:2;animation-delay:-4.6s}
.t2h__c:hover{transform:rotate(0) translateY(-12px) scale(1.05);z-index:5;animation-play-state:paused}
@keyframes t2f{0%,100%{translate:0 0}50%{translate:0 -9px}}
.t2h.pre-go .t2h__c{opacity:0;translate:0 40px}
.t2h__c{transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity 1s ease,translate 1.1s cubic-bezier(.2,.8,.2,1)}
.t2h.go .t2h__c--1{transition-delay:0s,1.9s,1.9s}.t2h.go .t2h__c--2{transition-delay:0s,2.1s,2.1s}.t2h.go .t2h__c--3{transition-delay:0s,2.3s,2.3s}
@media(max-width:1180px){.t2h__c{width:clamp(120px,12vw,150px)}}
/* map labels */
.t2h__labels{position:absolute;inset:0;pointer-events:none}
.t2h__l{position:absolute;transform:translate(-50%,-190%) scale(.7);opacity:0;transition:opacity .6s,transform .7s cubic-bezier(.2,.9,.3,1.3);background:rgba(252,250,244,.96);color:#10261a;border:1px solid var(--line);border-radius:99px;padding:5px 13px;font-size:12px;font-weight:700;letter-spacing:.04em;white-space:nowrap;box-shadow:0 8px 20px -10px rgba(16,38,26,.5)}
.t2h__l.on{opacity:1;transform:translate(-50%,-190%) scale(1)}
.t2h__l--hub{background:#c49a3c;border-color:#c49a3c;font-size:13px;padding:6px 15px;transform:translate(-50%,-250%) scale(.7)}
.t2h__l--hub.on{transform:translate(-50%,-250%) scale(1)}
html[lang=ar] .t2h__l{font-size:14px;letter-spacing:0}
.t2h__l--egypt{transform:translate(-100%,-50%) scale(.7);margin-left:-12px}.t2h__l--egypt.on{transform:translate(-100%,-50%) scale(1)}
.t2h__l--africa,.t2h__l--india{transform:translate(-50%,70%) scale(.7)}.t2h__l--africa.on,.t2h__l--india.on{transform:translate(-50%,70%) scale(1)}
/* entrance (only armed by JS, so the hero is never hidden without it) */
.t2h.pre-go .t2h__e,.t2h.pre-go .t2h__p,.t2h.pre-go .t2h__a,.t2h.pre-go .t2h__s{opacity:0;transform:translateY(22px)}
.t2h.pre-go .t2h__t .w>span{transform:translateY(112%)}
.t2h.pre-go .t2h__map canvas{opacity:0}
.t2h__e,.t2h__p,.t2h__a,.t2h__s{transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.t2h__t .w>span{transition:transform 1.05s cubic-bezier(.2,.8,.2,1)}
.t2h__map canvas{transition:opacity 1.2s ease}
.t2h.go .t2h__e{transition-delay:.15s}.t2h.go .t2h__p{transition-delay:.85s}.t2h.go .t2h__a{transition-delay:1.05s}.t2h.go .t2h__s{transition-delay:1.5s}
.t2h.go .t2h__e,.t2h.go .t2h__p,.t2h.go .t2h__a,.t2h.go .t2h__s{opacity:1;transform:none}
.t2h.go .t2h__c{opacity:1;translate:0 0}.t2h.go .t2h__t .w>span{transform:none}.t2h.go .t2h__map canvas{opacity:1}
.t2h.go-now *{transition:none!important}
@media(prefers-reduced-motion:reduce){.t2h *{transition:none!important}}
@media(max-width:900px){
  .t2h{display:flex;flex-direction:column;min-height:0;padding-top:var(--hd);padding-bottom:26px}
  .t2h::before,.t2h::after{display:none}
  .t2h__map{position:relative;inset:auto;height:340px;order:1;margin-bottom:6px}
  .t2h__in{position:static;display:block;order:2}
  .t2h__tx{max-width:none;padding-top:4px}
  .t2h__t{font-size:clamp(36px,10.4vw,48px);margin-bottom:14px}html[lang=ar] .t2h__t{font-size:clamp(34px,9.4vw,44px)}
  .t2h__p{font-size:15px;line-height:1.65;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .t2h__a{flex-direction:column}.t2h__a .btn{justify-content:center;width:100%}
  .t2h__ph{position:static;margin:30px 0 4px;justify-content:center;gap:10px}
  .t2h__c{width:31%;border-width:3px;transform:none!important;margin:0!important;animation:none}
  .t2h__c:nth-child(2){transform:translateY(-14px)!important}
  .t2h__c span{font-size:11px;padding:18px 6px 7px}
  .t2h__s{position:static;display:flex;margin-top:22px;justify-content:space-between;gap:10px;padding:14px 16px;width:100%}
  .t2h__s b{font-size:28px}.t2h__s span{font-size:10px;letter-spacing:.06em}html[lang=ar] .t2h__s span{font-size:12px}
  .t2h__l{font-size:11px;padding:4px 10px}
  .t2h__l--me{display:none}
}

/* marquee: deep green bar */
.t2 .mq{background:#0d2a1c;color:#efe7d2;border-block:0}
.t2 .mq__g em{background:#c49a3c}

/* ---------- category grid ---------- */
.t2c{background:var(--bg)}
.t2c__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,34px)}
.t2c__i{display:block;background:var(--paper);border:1px solid var(--line);border-radius:3px;overflow:hidden;transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-color .4s}
.t2c__i:hover{transform:translateY(-6px);box-shadow:0 28px 54px -30px rgba(16,38,26,.5);border-color:rgba(166,127,38,.5)}
.t2c__im{aspect-ratio:16/11;overflow:hidden;background:var(--bg3)}
.t2c__im img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}
.t2c__i:hover .t2c__im img{transform:scale(1.06)}
.t2c__b{padding:22px 26px 28px}
.t2c__n{display:block;font-family:var(--disp);font-size:15px;color:#8a6a1c;letter-spacing:.22em;margin-bottom:8px}
.t2c__b h3{font-size:clamp(24px,2vw,31px);color:var(--white);margin-bottom:8px}
.t2c__b p{font-size:15px;color:var(--text);margin:0 0 16px;line-height:1.65}
.t2c__go{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8a6a1c}
html[lang=ar] .t2c__go{font-size:15px;letter-spacing:0;text-transform:none}
html[dir=rtl] .t2c__go .ico{transform:scaleX(-1)}
.t2c__i:hover .t2c__go .ico{transform:translateX(5px)}html[dir=rtl] .t2c__i:hover .t2c__go .ico{transform:scaleX(-1) translateX(5px)}
@media(max-width:1000px){.t2c__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.t2c__g{grid-template-columns:1fr}}

/* ---------- map ---------- */
.t2 .sec--map,.t2 .t2m{background:var(--bg2)}
.t2 .map__leg{color:#23362b}
.t2 .arc--out{stroke:#10261a}
.t2 .arc--in{stroke:#a67f26;filter:none}
.t2 .node__c{fill:#a67f26}.t2 .node__p{stroke:#a67f26}.t2 .node--hub .node__c{fill:#10261a}
.t2 .map__l{background:rgba(252,250,244,.94);color:#10261a;border-color:var(--line);box-shadow:0 6px 16px -8px rgba(16,38,26,.4)}
.t2 .map__l--hub{background:#c49a3c;border-color:#c49a3c;color:#10261a}

/* ---------- why / pillars ---------- */
.t2 .sec--cream{background:var(--paper)}
.t2 .sec--cream::before{background:radial-gradient(60% 50% at 90% 0,rgba(196,154,60,.12),transparent 70%)}

/* ---------- inner pages ---------- */
.t2 .sec--vm,.t2 .sec--note,.t2 .sec--more{background:var(--bg2)}
.t2 .vm__c{background:var(--paper);border-color:var(--line)}
.t2 .vm__c::before{background:radial-gradient(rgba(196,154,60,.2),transparent 70%)}
.t2 .vm__c p{color:var(--text)}
.t2 .vm__k{color:#8a6a1c}
.t2 .split2__img::after{border-color:rgba(166,127,38,.5)}
.t2 .cinfo a,.t2 .cinfo span{color:#23362b}.t2 .cinfo .ico,.t2 .cinfo small{color:#8a6a1c}
.t2 .cg__form{background:var(--paper);border-color:var(--line);box-shadow:0 30px 60px -40px rgba(16,38,26,.4)}
.t2 .fg label>span{color:#23362b}.t2 .fg em,.t2 .fg small{color:#6b776f}
.t2 .fg input,.t2 .fg select,.t2 .fg textarea{background:#fff;color:#10261a;border-color:rgba(16,38,26,.22)}
.t2 .fg input:focus,.t2 .fg select:focus,.t2 .fg textarea:focus{background:#fff;border-color:#a67f26}
.t2 .fg input::placeholder{color:rgba(16,38,26,.38)}
.t2 .form__err{color:#9a2f1e;background:rgba(224,122,107,.12)}
.t2 .pr+.pr{border-top-color:var(--line)}
.t2 .pr__pack p{color:#23362b}
.t2 .pr__pack h3{color:#8a6a1c}
.t2 .step{border-color:var(--line)}
.t2 .step__n,.t2 .pil__n{-webkit-text-stroke-color:#a67f26}
.t2 .sec:not(.sec--cream) .pil__n{-webkit-text-stroke-color:#a67f26}
.t2 .sec:not(.sec--cream) .pil__i{border-color:var(--line)}
.t2 .sec:not(.sec--cream) .pil__i:hover{background:rgba(166,127,38,.07)}
.t2 .oc__i span{color:#fbf8ef}
.t2 .note p{color:var(--white)}
.t2 .chips a{border-color:rgba(239,231,210,.4)}
.t2 .nf{background:var(--bg)}

/* enquiry drawer + toast + floating button */
.t2 .drawer{background:var(--paper);border-inline-start-color:var(--line);box-shadow:-20px 0 60px -30px rgba(16,38,26,.4)}
.t2 html[dir=rtl] .drawer,html[dir=rtl] .t2 .drawer{box-shadow:20px 0 60px -30px rgba(16,38,26,.4)}
.t2 .drawer__hint,.t2 .drawer__clear{color:#5b6861}
.t2 .drawer__list li{background:#fff;border-color:var(--line)}
.t2 .drawer__list .empty{color:#5b6861}
.t2 .drawer__list button{color:#8a6a1c}
.t2 .drawer__h button{color:#10261a}
.t2 .scrim{background:rgba(16,38,26,.5)}
.t2 .enqfab{background:#10261a;color:#f6f1e6}.t2 .enqfab b{background:#c49a3c;color:#10261a}
.t2 .toast{background:#10261a;color:#f6f1e6}

/* footer stays deep green; logo is already light-on-dark */
.t2 .ft{background:#0b1d15}

/* body copy that relied on the dark theme's cream text */
.t2 .sec .lead{color:#1c3326}
.t2 .ph .lead,.t2 .cta .lead{color:rgba(251,248,239,.9)}