:root{--navy:#09254b;--ink:#0c2b52;--muted:#60738a;--green:#20b96f;--teal:#0b9e9b;--blue:#087bc2;--paper:#f5f8fb;--offwhite:#f2f5ee;--border:#e1e9ef;--shadow:0 18px 48px rgba(8,43,77,.075);--font:'Poppins',Arial,sans-serif;--heading:'Lexend','Poppins',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;color:var(--ink);font-family:var(--font);background:#fff;-webkit-font-smoothing:antialiased}body[dir=rtl],html[dir=rtl] body{font-family:'Cairo','Poppins',sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Cairo','Lexend',sans-serif}h1,h2,h3,h4{font-family:var(--heading);letter-spacing:-.039em;line-height:1.19}h1,h2,h3,p{margin-block-start:0}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}a,button{transition:color .22s ease,background-color .24s ease,box-shadow .24s ease,transform .24s ease,border-color .24s ease}:focus-visible{outline:3px solid #13ad84;outline-offset:3px}.container{max-width:1240px;width:calc(100% - 64px);margin:auto}.skip{position:absolute;top:-100px;left:16px;background:#fff;padding:9px 15px;z-index:9999}.skip:focus{top:0}.site-header{position:sticky;top:0;z-index:200;background:rgba(249,252,254,.97);border-bottom:1px solid #dce8ed;backdrop-filter:blur(17px);box-shadow:0 3px 20px rgba(2,40,77,.045)}.header-inner{max-width:1510px;min-height:94px;padding:10px 30px;margin:auto;display:flex;gap:21px;justify-content:space-between;align-items:center}.brand{width:263px;min-width:220px;display:flex;align-items:center;padding:7px 12px;background:#fff;border:1px solid #edf3f4;border-radius:15px;box-shadow:0 5px 16px rgba(8,47,72,.035)}.brand img{width:100%;max-height:65px;object-fit:contain}.nav{display:flex;align-items:center;gap:3px;margin-inline:auto}.nav-link{font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:600;white-space:nowrap;padding:10px 9px;border-radius:11px;color:#183f5d}.nav-link:hover{color:#139c62;background:#e8f6ee}.nav-link.active{background:#1fb779;color:white;box-shadow:0 7px 17px rgba(17,174,108,.18)}.nav-link.active:hover{color:#fff;background:#12a86b}.nav-quote{color:#0b8254;border:1px solid #b9e8d4;margin-inline-start:3px}.nav-quote.active{color:white;border-color:#1fb779}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.language-switch{font-family:'Poppins',sans-serif;font-size:12px;color:#174c74;background:#ebf1f7;border-radius:11px;padding:10px 11px;font-weight:600}.language-switch:hover{background:#d9f6e6;color:#0b8254}.head-chat{display:flex;gap:9px;justify-content:center;align-items:center;color:#fff;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;padding:13px 16px;white-space:nowrap;border-radius:14px;background:linear-gradient(115deg,#23c979,#079d84);box-shadow:0 8px 18px rgba(11,164,124,.2)}.head-chat:hover,.btn--gradient:hover{transform:translateY(-2px);box-shadow:0 12px 23px rgba(5,137,116,.24);background:linear-gradient(110deg,#07b8a0,#27c96f)}.chat-bubble{font-size:15px;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;background:#fff;color:#0a9f77;position:relative}.chat-bubble:after{content:'';width:7px;height:7px;border-radius:0 0 3px 0;position:absolute;background:#fff;bottom:1px;right:0;transform:rotate(35deg)}.menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:43px;height:43px;background:#edf4f7;border:0;border-radius:11px}.menu-toggle span{width:20px;height:2px;border-radius:2px;background:#153c63;display:block}
/* Slides: dissolve and slow zoom rather than neon, preserve readable text */
.hero-carousel{position:relative;height:clamp(530px,48vw,630px);min-height:530px;background:#edf5f9;overflow:hidden;isolation:isolate}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.25s ease,visibility 1.25s ease}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-photo{position:absolute;inset:0;background-position:right center;background-size:cover;transform:scale(1.04);filter:saturate(.78) contrast(.96);transition:transform 9s ease,opacity 1.1s ease}.hero-slide.is-active .hero-photo{transform:scale(1.0)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(224,240,247,.16));pointer-events:none}.hero-shell{position:relative;z-index:1;height:100%;display:flex;align-items:center}.hero-words{max-width:600px;padding:30px 0 62px}.eyebrow,.overline{color:#0e9b76;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;display:inline-block;margin-bottom:18px}.eyebrow{background:rgba(230,250,243,.95);padding:9px 15px;border:1px solid rgba(22,170,122,.18);border-radius:30px;letter-spacing:.10em}.hero-words :is(h1,h2){font-size:clamp(3.15rem,5.2vw,5.3rem);line-height:1.1;margin-bottom:22px;color:#072c59;font-weight:750}.hero-words p{max-width:490px;color:#3e627d;font-size:1.06rem;line-height:1.95;margin-bottom:31px}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{border:0;min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 22px;font-family:var(--font);font-size:.86rem;font-weight:700;border-radius:13px;text-align:center}.btn--gradient{background:linear-gradient(115deg,#22c773,#008d9b);color:white;box-shadow:0 8px 19px rgba(8,143,123,.18)}.btn--outline{color:#123d66;background:rgba(255,255,255,.76);border:1px solid #a9cad8}.btn--outline:hover{background:#e5f7ed;color:#128456;border-color:#64cda0}.controls-shell{position:absolute;inset-inline:0;bottom:32px;z-index:5;pointer-events:none}.slide-controls{display:flex;align-items:center;gap:13px;pointer-events:auto;width:max-content;margin-inline-start:auto}.slide-arrow{border:1px solid #bcd2da;background:rgba(255,255,255,.88);height:40px;width:40px;border-radius:50%;font-size:28px;color:#164968;display:grid;place-items:center;line-height:1}.slide-arrow:hover{background:#19b77b;color:white;border-color:#19b77b}.slide-dots{display:flex;align-items:center;gap:8px}.slide-dot{border:0;background:#91adb9;opacity:.8;width:9px;height:9px;border-radius:12px;padding:0}.slide-dot.is-active{background:#1bb77a;width:25px;opacity:1}.trustline{background:#f1f8fa;border-bottom:1px solid #e1edf0}.trustline-inner{display:flex;align-items:center;justify-content:center;gap:50px;min-height:61px;color:#366377;font-size:.81rem;font-weight:600}.trustline span{white-space:nowrap}
.section{padding:100px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:32px}.section-top h2,.details-grid h2,.about-copy h2,.story-content h2,.contact-card h2,.quote-intro h2{font-size:clamp(2.1rem,3vw,3.15rem);color:#0b315e;line-height:1.2;margin-bottom:0}.section-top p{max-width:370px;font-size:.96rem;line-height:1.85;color:var(--muted);margin:0}.solutions{background:#f8fbfd}.solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.solution-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2eaf0;border-radius:20px;overflow:hidden;box-shadow:0 12px 24px rgba(18,73,98,.035);transform:translateY(0);will-change:transform}.solution-card:hover,.solution-card:focus-visible{background:#f3f4ed;border-color:#d0e4d7;transform:translateY(-12px) scale(1.015);box-shadow:0 24px 48px rgba(6,51,72,.14)}.solution-pic{aspect-ratio:1.75;overflow:hidden;background:#dbe6ed}.solution-pic img{width:100%;height:100%;object-fit:cover;filter:saturate(.81);transition:transform .5s ease,filter .5s}.solution-card:hover .solution-pic img{transform:scale(1.075);filter:saturate(.95)}.solution-body{padding:25px 23px 24px;display:flex;flex:1;flex-direction:column}.solution-body h3{font-size:1.08rem;letter-spacing:-.03em;margin-bottom:12px}.solution-body p{color:#647789;font-size:.84rem;line-height:1.9;min-height:82px;flex:1}.discover-link{display:flex;justify-content:space-between;align-items:center;font-size:.83rem;font-weight:700;color:#0676b0;margin-top:8px}.discover-link b{font-size:1.22rem}.solution-card:hover .discover-link{color:#11a968}.about-preview{background:#fff}.about-layout{display:grid;grid-template-columns:1fr .91fr;gap:65px;align-items:center}.about-image{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.about-image img{height:410px;width:100%;object-fit:cover}.about-copy>p,.details-grid>div>p,.story-content p,.contact-card p,.quote-intro p{color:var(--muted);line-height:1.95;font-size:.96rem}.about-copy h2{margin-bottom:23px}.check-list{list-style:none;padding:0;margin:25px 0;display:grid;gap:14px}.check-list li{position:relative;padding-inline-start:29px;line-height:1.65;color:#365b76;font-size:.93rem}.check-list li:before{content:'✓';position:absolute;inset-inline-start:0;top:1px;color:#17a775;font-weight:800}.text-button{font-size:.95rem;font-weight:700;color:#017baf;display:inline-flex;gap:12px;align-items:center;margin-top:15px}.text-button:hover{color:#0aa16d;gap:17px}
.interior-hero{background:linear-gradient(125deg,#f7fbfe,#e9f4f5);min-height:500px}.interior-wrap{display:grid;grid-template-columns:1.06fr .96fr;align-items:center;gap:48px;min-height:500px;padding-block:66px}.interior-copy h1{font-size:clamp(2.7rem,4.8vw,4.7rem);line-height:1.14;margin-bottom:20px;max-width:700px}.interior-copy .intro{font-size:1.17rem;color:#205d70;font-weight:600;margin-bottom:14px}.light-desc{font-size:.96rem;line-height:1.85;color:#647a8b;max-width:580px}.interior-copy .button-row{margin-top:25px}.interior-image{position:relative;max-width:100%;overflow:hidden;border-radius:31px;box-shadow:0 25px 60px rgba(9,45,84,.14)}.interior-image img{width:100%;height:353px;object-fit:cover;filter:saturate(.81)}.image-chip{position:absolute;bottom:18px;inset-inline-start:18px;background:rgba(255,255,255,.95);color:#176c70;padding:9px 16px;border-radius:20px;font-size:.73rem;font-weight:700}.details-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center}.details-grid h2{margin-bottom:22px}.list-box{background:#f8fbfc;border-radius:26px;border:1px solid var(--border);padding:38px 39px;box-shadow:var(--shadow)}.list-box h3{font-size:1.32rem;margin:0 0 26px}.list-box .check-list{gap:24px}.caution{padding:17px 20px;border-inline-start:4px solid #11a97b;background:#eef9f2;border-radius:9px;color:#315e67;line-height:1.8;margin:25px 0}.process-section{background:#f4f9fc}.process-section h2{font-size:clamp(1.9rem,3vw,2.9rem)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.process-card{background:#fff;border:1px solid #e3eaed;padding:29px;border-radius:20px;transition:transform .3s,background .3s}.process-card:hover{transform:translateY(-8px);background:#f1f6f0}.process-no{display:block;color:#08a681;font-family:var(--heading);font-size:2rem;font-weight:700;margin-bottom:12px}.process-card p{color:#507287;line-height:1.75;font-size:.94rem;margin:0}.story-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:75px}.story-content h2{margin-bottom:24px}.story-content p{margin-bottom:20px}.story-aside{align-self:start;border-radius:25px;overflow:hidden;background:#f1f7f8;border:1px solid #e3ebee}.story-aside img{width:100%;height:285px;object-fit:cover}.aside-content{display:grid;gap:11px;padding:23px}.aside-content strong{font-family:var(--heading);font-size:1.15rem}.aside-content span{font-size:.88rem;color:var(--muted);line-height:1.8}.contact-grid{display:grid;grid-template-columns:.78fr 1fr;gap:35px}.contact-card,.map-card,.form-card{border:1px solid #e0eaf0;border-radius:25px;padding:35px;box-shadow:var(--shadow);background:#fff}.contact-card h2{margin-bottom:18px}.contact-method{border-block-end:1px solid #e6edf0;padding:19px 0;display:grid;gap:8px;color:#426b7d;font-size:.93rem}.contact-method b{color:#0a375c}.contact-method a{color:#098eb1;overflow-wrap:anywhere}.contact-method a:hover{text-decoration:underline;color:#0aa476}.contact-card>.btn{margin-top:27px}.map-card{padding:19px}.map-title{padding:12px 13px}.map-title h3{font-size:1.3rem;margin-bottom:8px}.map-title p{color:var(--muted);font-size:.84rem;line-height:1.7}.map-card iframe{display:block;width:100%;height:360px;border:0;border-radius:15px;background:#e8f1f1}.quote-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start}.quote-intro h2{margin-bottom:22px}.form-card{padding:36px}.form-card form{display:grid;gap:21px}.form-card label{display:grid;gap:8px;font-size:.84rem;color:#2c526d;font-weight:600}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea{border:1px solid #d6e1e6;border-radius:11px;padding:13px 14px;min-height:50px;width:100%;background:#f9fcfd;color:#183c57;outline:none;transition:background .24s,border-color .24s,box-shadow .24s}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#0bb57b;background:#effcf6;box-shadow:0 0 0 3px rgba(13,177,117,.09)}.form-card textarea{resize:vertical}.form-card .btn{justify-self:start}.form-note,.form-warning{font-size:.78rem!important;color:#6a8291!important;line-height:1.75}.status{color:#087c5c;font-size:.85rem;margin:0}.honey{position:absolute;opacity:0;height:0;width:0;pointer-events:none}.email-link{margin-top:25px;display:grid;gap:6px}.email-link a{color:#018ba8;font-weight:600;overflow-wrap:anywhere}
.cta-section{padding:50px 0 100px}.cta-banner{background:linear-gradient(120deg,#0d3261,#095e77 80%,#118c78);border-radius:28px;padding:50px 54px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.cta-banner:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;width:300px;height:300px;top:-190px;right:60px;pointer-events:none}.cta-banner>div{position:relative;z-index:1}.cta-banner span{color:#aee9db;font-size:.82rem;font-weight:600}.cta-banner h2{font-size:clamp(1.5rem,2.45vw,2.4rem);color:#fff;margin:13px 0 0;max-width:540px}.btn--white{background:#fff;color:#174b68}.btn--white:hover{background:#e7fff1;transform:translateY(-2px)}.btn--transparent{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}.btn--transparent:hover{background:rgba(255,255,255,.13)}.footer{background:#eaf3f5;padding:62px 0 20px}.footer-columns{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}.footer-about img{width:260px;height:auto;max-height:90px;object-fit:contain;object-position:left}.footer-about p{color:#54748a;max-width:335px;font-size:.88rem;line-height:1.9;margin-top:20px}.footer-about span{font-size:.82rem;color:#51817d}.footer h3{font-size:1.1rem;margin-bottom:16px}.footer-columns>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-columns a:not(.footer-about a){color:#52728a;font-size:.88rem}.footer-columns a:hover{color:#0d9e70}.footer-bottom{border-top:1px solid #d5e5e8;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:12px;color:#668296;font-size:.75rem}.floating-chat{position:fixed;right:24px;bottom:22px;z-index:150;display:flex;gap:10px;align-items:center;justify-content:center;border-radius:40px;padding:13px 19px;background:linear-gradient(135deg,#25c96d,#05a991);color:#fff;box-shadow:0 10px 32px rgba(5,106,84,.28);font-size:.84rem;font-weight:700}.floating-chat:hover{transform:translateY(-4px);background:linear-gradient(135deg,#0fbd8a,#09a0bc)}.floating-chat>span:first-child{font-size:1.15rem}.back-to-top{position:fixed;z-index:140;bottom:84px;right:30px;border:0;border-radius:13px;background:#f5fdfb;color:#158e74;box-shadow:0 5px 20px #07345a23;width:41px;height:41px;font-size:24px;opacity:0;visibility:hidden}.back-to-top.visible{opacity:1;visibility:visible}.reveal{opacity:0;transform:translateY(21px);transition:opacity .66s,transform .66s}.reveal.visible{opacity:1;transform:translateY(0)}html[dir=rtl] .footer-about img{object-position:right}html[dir=rtl] .floating-chat,html[dir=rtl] .back-to-top{right:auto;left:24px}html[dir=rtl] .controls-shell .slide-controls{margin-inline-start:auto}
/* Digital NFC card - independent, original script and content kept */
.card-page{min-height:100vh;background:radial-gradient(circle at 80% 7%,#134d7a 0,transparent 45%),linear-gradient(145deg,#07172f,#0c335d);display:grid;place-items:center;padding:32px 18px;color:#e8f8ff}.nfc{width:min(510px,100%);background:#fff;color:#173851;border-radius:30px;overflow:hidden;box-shadow:0 28px 85px rgba(0,0,0,.3)}.nfc__top{background:linear-gradient(140deg,#0d2d58,#0c6a8d);padding:29px 36px 45px;color:white;position:relative}.nfc__top:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;top:-125px;right:-67px;background:rgba(86,230,177,.14)}.nfc__icon{width:106px;height:106px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 7px 13px rgba(0,0,0,.22))}.nfc__top h1{text-align:center;margin:0;font-size:1.75rem;letter-spacing:-.04em}.nfc__top p{text-align:center;color:#c8e9f0;margin:3px 0}.nfc__body{padding:32px 35px 35px}.nfc__line{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #e5edf4;overflow-wrap:anywhere}.nfc__line .mark{width:41px;height:41px;border-radius:12px;background:#e6f6f7;color:#128e9f;display:grid;place-items:center;flex-shrink:0}.nfc__buttons{display:grid;gap:11px;margin-top:27px}.nfc__buttons .btn{width:100%}.nfc__buttons .btn--secondary{background:#edf6fa;border:1px solid #d3e5ed;color:#165373!important;box-shadow:none}.nfc__small{text-align:center;color:#648199;font-size:.76rem;padding-top:15px}.nfc__lang{position:absolute;top:17px;inset-inline-end:18px;z-index:3}.lang{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.1);color:#fff;padding:8px 14px;border-radius:9px;font-size:.8rem}.nfc__top .nfc__lang{z-index:3}
@media(max-width:1400px){.header-inner{gap:11px;padding-inline:22px}.brand{width:225px;min-width:205px}.nav-link{font-size:11.6px;padding:9px 7px}.head-chat{padding:12px;font-size:12px}.language-switch{padding:9px;font-size:11px}.solution-grid{gap:14px}.solution-body{padding:22px 18px}}
@media(max-width:1160px){.menu-toggle{display:flex}.nav{position:absolute;top:100%;inset-inline:0;display:none;background:#fbfdfd;box-shadow:0 20px 30px #143b5224;border-top:1px solid #ddebef;padding:15px 28px 25px;max-height:calc(100vh - 80px);overflow:auto;flex-wrap:wrap;z-index:202}.nav.is-open{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nav-link{padding:13px;font-size:13px;text-align:center;background:#f0f6f8}.nav-link.active{background:#20b779}.header-inner{min-height:82px}.brand{width:247px}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution-card{min-height:320px}.solution-body p{min-height:0}.story-layout,.details-grid{gap:44px}}
@media(max-width:840px){.container{width:calc(100% - 36px)}.hero-carousel{height:620px}.hero-photo{background-position:60% center;opacity:.74}.hero-words{max-width:520px;padding-top:50px}.hero-words :is(h1,h2){font-size:clamp(2.75rem,7vw,4.3rem)}.hero-shell{align-items:start}.hero-words{padding-top:84px}.trustline-inner{flex-wrap:wrap;gap:13px 25px;justify-content:center;padding:12px 0;font-size:.72rem}.about-layout,.interior-wrap,.details-grid,.story-layout,.quote-layout,.contact-grid{grid-template-columns:1fr}.interior-wrap{padding-block:52px;gap:27px}.interior-image img{height:305px}.process-grid{gap:13px}.section{padding:75px 0}.about-layout{gap:34px}.about-image img{height:330px}.cta-banner{padding:38px;display:block}.cta-banner .button-row{margin-top:24px}.footer-columns{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer{padding-top:46px}}
@media(max-width:580px){.header-inner{min-height:71px;padding:9px 13px;gap:5px}.brand{width:180px;min-width:0;padding:3px 6px;border-radius:10px}.brand img{max-height:52px}.header-actions{gap:6px}.language-switch{padding:8px 7px;font-size:10px}.head-chat{font-size:0;padding:8px;width:36px;height:36px;border-radius:11px}.head-chat .chat-bubble{width:21px;height:21px;font-size:12px}.menu-toggle{height:37px;width:37px}.nav.is-open{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px;gap:8px}.nav-link{font-size:12px;padding:11px 8px}.hero-carousel{height:590px;min-height:0}.hero-words{padding-top:72px;padding-bottom:100px}.hero-words :is(h1,h2){font-size:clamp(2.65rem,10vw,3.7rem);max-width:390px}.hero-words p{font-size:.93rem;line-height:1.8;max-width:340px}.hero-photo{background-position:63% center;opacity:.7}.eyebrow{font-size:.65rem}.button-row{gap:10px}.btn{padding:12px 14px;font-size:.76rem;min-height:46px}.controls-shell{bottom:22px}.slide-controls{gap:10px}.slide-arrow{height:34px;width:34px;font-size:23px}.trustline-inner{gap:9px;justify-content:center}.trustline-inner span{font-size:.65rem}.section{padding:65px 0}.section-top{flex-direction:column;align-items:start;gap:14px;margin-bottom:23px}.section-top h2,.details-grid h2,.about-copy h2,.story-content h2,.contact-card h2,.quote-intro h2{font-size:clamp(1.9rem,8vw,2.5rem)}.solution-grid{grid-template-columns:1fr}.solution-pic{aspect-ratio:2.1}.solution-card{min-height:0}.solution-body{padding:22px}.solution-body p{font-size:.9rem}.about-image img{height:240px}.interior-copy h1{font-size:clamp(2.4rem,9vw,3.5rem)}.interior-image img{height:230px}.list-box,.contact-card,.form-card{padding:25px}.process-grid{grid-template-columns:1fr}.contact-grid{gap:20px}.map-card iframe{height:280px}.form-two{grid-template-columns:1fr}.cta-section{padding:30px 0 75px}.cta-banner{padding:28px}.cta-banner h2{font-size:1.7rem}.footer-columns{grid-template-columns:1fr;gap:31px}.footer-about{grid-column:auto}.footer-bottom{flex-direction:column}.floating-chat{padding:11px 13px;right:12px;bottom:14px;font-size:.75rem}.back-to-top{right:15px;bottom:74px}.nfc__body{padding:25px 21px}.nfc__top{padding:28px 24px 42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-slide,.hero-photo{transition:none!important}.reveal{opacity:1;transform:none}.solution-card:hover{transform:none}}
[hidden]{display:none!important}


/* ===============================================================
   ALNOOR SMART HOME — V3 BRAND-COLOUR REFINEMENT
   Source colours from the supplied original wordmark:
   Alnoor blue ~ #064899; Home green ~ #53bf43.
   Backgrounds use light, legible tints of the same blue→green blend.
   Header and footer: light navy. Logo artwork itself is unchanged.
   =============================================================== */
:root {
  --logo-blue: #064899;
  --logo-green: #53bf43;
  --light-navy: #3e688d;
  --light-navy-deep: #345f84;
  --brand-background: linear-gradient(112deg,
       rgba(6,72,153,.20) 0%,
       rgba(25,127,180,.15) 37%,
       rgba(36,169,140,.16) 69%,
       rgba(83,191,67,.24) 100%);
}
/* The unified background is shared by all eight public pages in both languages. */
body:not(.card-page) { background: #f8fbfa; }
body:not(.card-page) main {
  background-image: var(--brand-background);
  background-color: #fafdfc;
}
/* Keep the logo-colour fade visible between sections without sacrificing contrast. */
body:not(.card-page) .solutions { background: rgba(255,255,255,.31); }
body:not(.card-page) .about-preview { background: rgba(255,255,255,.24); }
body:not(.card-page) .process-section { background: rgba(255,255,255,.25); }
body:not(.card-page) .trustline {
  background: rgba(236,250,246,.65);
  border-bottom-color: rgba(32,115,119,.14);
}
body:not(.card-page) .interior-hero {
  background: linear-gradient(112deg,
    rgba(9,72,151,.17) 0%,
    rgba(27,140,169,.13) 48%,
    rgba(85,194,66,.23) 100%);
}
body:not(.card-page) .hero-carousel {
  background: linear-gradient(112deg,#e0ebf9 0%,#e5f5f0 58%,#ddf3d4 100%);
}
body:not(.card-page) .hero-photo:after {
  background: linear-gradient(110deg,
    rgba(8,72,154,.095) 0%,
    rgba(23,129,164,.05) 49%,
    rgba(83,191,67,.14) 100%);
}
/* Slightly brighter navy for the complete top navigation bar. */
body:not(.card-page) .site-header {
  background: rgba(62,104,141,.98);
  border-bottom: 1px solid rgba(255,255,255,.23);
  box-shadow: 0 6px 22px rgba(18,52,88,.12);
}
body:not(.card-page) .brand {
  background: #fff;
  border-color: rgba(255,255,255,.90);
  box-shadow: 0 6px 17px rgba(6,35,71,.15);
}
body:not(.card-page) .nav-link {
  color: #fff;
  font-size: 15px; /* visibly larger than the V2 12.5px */
  padding: 10px 9px;
  font-weight: 600;
}
body:not(.card-page) .nav-link:hover {
  color: #fff;
  background: rgba(255,255,255,.17);
}
body:not(.card-page) .nav-link.active {
  color: #fff;
  background: #109f66;
  box-shadow: 0 7px 17px rgba(5,58,59,.20);
}
body:not(.card-page) .nav-link.active:hover { background: #078b59; }
body:not(.card-page) .nav-quote:not(.active) {
  color: #f4fff8;
  border-color: rgba(211,255,234,.57);
}
body:not(.card-page) .language-switch {
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.28);
  color: #fff;
  font-size: 12.5px;
}
body:not(.card-page) .language-switch:hover {
  background: rgba(255,255,255,.23);
  color: #fff;
}
body:not(.card-page) .menu-toggle { background: rgba(255,255,255,.88); }
body:not(.card-page) .menu-toggle span { background:#245273; }
/* Footer matches header, with a white plate for the original logo. */
body:not(.card-page) .footer {
  background: var(--light-navy);
  color: #fff;
}
body:not(.card-page) .footer h3 { color: #fff; }
body:not(.card-page) .footer-about > a {
  display: inline-flex;
  background: #fff;
  padding: 8px 13px;
  border-radius: 14px;
  box-shadow: 0 7px 20px rgba(13,46,74,.16);
}
body:not(.card-page) .footer-about p,
body:not(.card-page) .footer-about span,
body:not(.card-page) .footer-columns a:not(.footer-about a),
body:not(.card-page) .footer-bottom { color: #f1f7fc; }
body:not(.card-page) .footer-columns a:hover { color: #b9ffc9; }
body:not(.card-page) .footer-bottom { border-top-color: rgba(255,255,255,.28); }
/* Desktop: keep the larger Poppins labels legible and switch to mobile menu
   before eight links begin crowding the logo, language and chat controls. */
@media (max-width: 1460px) {
  body:not(.card-page) .nav-link { font-size: 14.25px; padding-inline: 7px; }
}
@media (max-width: 1320px) {
  body:not(.card-page) .menu-toggle { display: flex; }
  body:not(.card-page) .nav {
    position: absolute;
    top: 100%;
    inset-inline: 0;
    display: none;
    background: var(--light-navy-deep);
    box-shadow: 0 20px 30px rgba(20,59,82,.22);
    border-top: 1px solid rgba(255,255,255,.18);
    padding: 15px 28px 25px;
    max-height: calc(100vh - 80px);
    overflow: auto;
    flex-wrap: wrap;
    z-index: 202;
  }
  body:not(.card-page) .nav-link {
    font-size: 14px;
    padding: 13px;
    background: rgba(255,255,255,.08);
    text-align: center;
  }
  body:not(.card-page) .nav-link.active { background: #109f66; }
}
@media (max-width: 580px) {
  body:not(.card-page) .nav-link { font-size: 14px; }
  body:not(.card-page) .site-header { backdrop-filter: blur(12px); }
}

/* V3 responsive navigation: opened menu must remain visible up to 1320px. */
@media (max-width: 1320px) {
  body:not(.card-page) .nav.is-open {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
}
@media (max-width: 580px) {
  body:not(.card-page) .nav.is-open {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 13px;
    gap: 8px;
  }
}
/* The standalone NFC contact page also carries the logo's blue-to-green identity. */
body.card-page {
  background: linear-gradient(115deg,#164e92 0%,#338dac 54%,#68c85d 100%);
}


/* ==============================================================
   ALNOOR SMART HOME V4 — blue typography, fading contact ribbon,
   light-navy reference footer, accessible social icons.
   Source brand blue #064899, V3 light navy #3e688d.
   Logo files themselves remain unchanged.
   ============================================================== */
:root { --v4-alnoor-blue: #064899; --v4-alnoor-body: #245787; }
/* Use Alnoor wordmark blue rather than heavy black text. Maintain sufficient
   contrast on dark navigation and footer by keeping their words white. */
body:not(.card-page) main { color: var(--v4-alnoor-blue); }
body:not(.card-page) main h1,
body:not(.card-page) main h2,
body:not(.card-page) main h3,
body:not(.card-page) main h4,
body:not(.card-page) .section-top h2,
body:not(.card-page) .details-grid h2,
body:not(.card-page) .about-copy h2,
body:not(.card-page) .story-content h2,
body:not(.card-page) .contact-card h2,
body:not(.card-page) .quote-intro h2,
body:not(.card-page) .hero-words :is(h1,h2) {
  color: var(--v4-alnoor-blue);
  font-weight: 500;
  letter-spacing: -.028em;
}
body:not(.card-page) main p,
body:not(.card-page) main li,
body:not(.card-page) main .light-desc,
body:not(.card-page) main .section-top p,
body:not(.card-page) main .hero-words p,
body:not(.card-page) main .about-copy p,
body:not(.card-page) main .story-content p,
body:not(.card-page) main .solution-body p,
body:not(.card-page) main .check-list li {color: var(--v4-alnoor-body);font-weight:400;}
body:not(.card-page) main .hero-words :is(h1,h2) {font-weight: 500;}
body:not(.card-page) main strong,body:not(.card-page) main b {font-weight:600;}
body:not(.card-page) .solution-body h3 {font-weight:500;}
body:not(.card-page) .discover-link,
body:not(.card-page) .text-button {color:var(--v4-alnoor-blue);font-weight:600;}
body:not(.card-page) .solution-card:hover .discover-link,
body:not(.card-page) .discover-link:hover {color:#087e55;}
body:not(.card-page) .overline,body:not(.card-page) .eyebrow {font-weight:600;}
/* Only the narrow upper contact strip disappears when scrolling. The main
   navigation stays available and maintains the chosen page's green state. */
.site-header {transition:box-shadow .25s ease;}
.top-info-bar {
  background:#0b2848;color:#eaf6ff;overflow:hidden;
  max-height:47px;opacity:1;visibility:visible;
  transition:max-height .3s ease,opacity .25s ease,visibility .3s ease;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.site-header.is-scrolled .top-info-bar {max-height:0;opacity:0;visibility:hidden;border-bottom:0;}
.top-info-inner {max-width:1510px;min-height:41px;margin:auto;padding:6px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.81rem;}
.top-info-location {display:inline-flex;align-items:center;gap:11px;letter-spacing:.005em;white-space:nowrap;}
.online-dot {width:7px;height:7px;background:#32d3bc;display:inline-block;border-radius:50%;flex:0 0 auto;}
.top-info-contact {display:flex;align-items:center;gap:17px;min-width:0;}
.top-email, .top-wa-number {color:#f3fbff;text-decoration:none;white-space:nowrap;}
.top-wa-number {display:flex;align-items:center;gap:6px;font-weight:500;}
.top-email:hover,.top-wa-number:hover{color:#7aecc1;}
.social-links {display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.social-icon {height:33px;width:33px;border:1px solid rgba(240,255,255,.33);border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;color:#f9ffff;
  transition:transform .22s ease,background .22s ease,border-color .22s ease;}
.social-icon:hover {background:#187d85;border-color:#8debcf;transform:translateY(-2px);}
.social-icon.social-pending {opacity:.75;cursor:default;}
.social-icon.social-pending:hover {transform:none;background:transparent;border-color:rgba(240,255,255,.33);}
.social-links--top {gap:5px;}
.social-links--top .social-icon {height:28px;width:28px;border-color:transparent;}
.social-links--top .social-icon svg {height:17px;width:17px;}
.social-links--top .social-icon:hover {background:rgba(255,255,255,.16);border-color:transparent;}
.social-links--top .social-icon.social-pending:hover {background:transparent;}
/* Footer layout inspired by the 4-column reference, in Alnoor light navy. */
body:not(.card-page) .footer {background:#3e688d;color:#f7fbff;padding:67px 0 22px;}
body:not(.card-page) .footer-columns-v4 {display:grid;grid-template-columns:1.5fr .75fr .98fr 1.14fr;gap:45px;align-items:start;}
body:not(.card-page) .footer-columns-v4 > div:not(:first-child) {display:flex;flex-direction:column;align-items:flex-start;gap:13px;}
body:not(.card-page) .footer h3 {font-family:'Poppins',sans-serif;color:#fff;font-size:1.04rem;font-weight:600;letter-spacing:0;margin:0 0 8px;}
body:not(.card-page) .footer-about p {color:#edf6ff;font-size:.9rem;font-weight:400;line-height:1.95;}
body:not(.card-page) .footer-about span {color:#deeffa;}
body:not(.card-page) .footer-columns a:not(.footer-about a) {color:#f3f9ff;font-size:.85rem;font-weight:400;overflow-wrap:anywhere;}
body:not(.card-page) .footer-columns a:not(.footer-about a):hover {color:#b8f7d3;}
body:not(.card-page) .footer-location {color:#ecf6ff;font-size:.9rem;}
body:not(.card-page) .footer-contact .footer-phone {display:inline-flex;align-items:center;gap:9px;}
body:not(.card-page) .footer-contact .social-links {display:flex;flex-direction:row;align-items:center;gap:9px;margin-top:6px;}
body:not(.card-page) .footer-contact .social-icon {color:white;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.30);}
body:not(.card-page) .footer-about > a {display:inline-flex;background:#fff;padding:9px 13px;border-radius:13px;max-width:100%;}
body:not(.card-page) .footer-bottom {color:#e5f3ff;}
html[dir=rtl] .footer-columns-v4>div:not(:first-child) {align-items:flex-start;}
@media(max-width:1200px) {
 body:not(.card-page) .footer-columns-v4 {grid-template-columns:1.4fr 1fr;column-gap:35px;row-gap:33px;}
}
@media(max-width:750px) {
 .top-info-inner{padding:5px 18px;}
 .top-info-location,.top-email {display:none;}
 .top-info-contact {width:100%;justify-content:space-between;gap:8px;}
 .top-wa-number {font-size:.76rem;}
 body:not(.card-page) .footer-columns-v4 {grid-template-columns:1fr 1fr;gap:25px 17px;}
 body:not(.card-page) .footer{padding-top:46px;}
 body:not(.card-page) .footer-bottom {flex-direction:column;align-items:flex-start;}
}
@media(max-width:460px) {
 body:not(.card-page) .footer-columns-v4 {grid-template-columns:1fr;gap:24px;}
 body:not(.card-page) .footer-columns-v4 > div:not(:first-child) {gap:8px;}
}
@media(prefers-reduced-motion:reduce) {
 .top-info-bar,.social-icon {transition:none;}
}

/* Preserve readable light text inside intentionally dark call-to-action panels. */
body:not(.card-page) main .cta-banner h2 {color:#ffffff;font-weight:500;}
body:not(.card-page) main .cta-banner span {color:#b9f5e3;}


/* ================================================================
   ALNOOR SMART HOME V5 — solid page backgrounds, logo-blue header,
   stable disappearing contact strip and dual-channel contact widget.
   Original logos, individual page routes and four home slides unchanged.
   ================================================================ */
:root { --logo-blue: #064899; --logo-green: #53bf43; --brand-background: none; }
body:not(.card-page),body.card-page {background:#f7f9fc;}
body:not(.card-page) main {background:#f7f9fc!important;background-image:none!important;}
body:not(.card-page) .solutions,body:not(.card-page) .about-preview,
body:not(.card-page) .process-section {background:#f7f9fc!important;}
body:not(.card-page) .interior-hero {background:#f2f6fb!important;}
body:not(.card-page) .hero-carousel {background:#f3f7fb!important;}
body:not(.card-page) .hero-photo:after {background:rgba(255,255,255,.05)!important;}
body:not(.card-page) .trustline {background:#edf4f9!important;}
/* Keep gradient buttons from the original requested design. */
body:not(.card-page) .site-header {background:#064899!important;backdrop-filter:none!important;border-bottom-color:rgba(255,255,255,.19)!important;}
body:not(.card-page) .site-header .header-inner {background:transparent;}
body:not(.card-page) .nav {will-change:auto;transform:none;}
body:not(.card-page) .footer {background:#3e688d;}
/* Eliminate layout-animation feedback loop when sticky top bar collapses. */
.site-header .top-info-bar {transition:none!important;opacity:1!important;visibility:visible!important;max-height:none!important;}
.site-header.is-scrolled .top-info-bar {display:none!important;}
body.card-page {background:#f2f6fb!important;}
/* Email/WhatsApp widget shared by English and Arabic pages */
.contact-widget-panel {position:fixed;bottom:88px;right:24px;width:min(392px,calc(100vw - 30px));max-height:min(650px,calc(100dvh - 114px));overflow:auto;z-index:400;box-shadow:0 24px 65px rgba(5,37,77,.24);background:#fff;border:1px solid #d8e5f2;border-radius:20px;overscroll-behavior:contain;font-family:'Poppins',sans-serif;color:#15416d;}
.contact-widget-panel[hidden] {display:none!important;}
.contact-widget-header {padding:18px 19px;background:#064899;color:#fff;display:flex;justify-content:space-between;align-items:start;gap:8px;}
.contact-widget-header strong {display:inline-block;font-size:1rem;font-weight:600;}
.contact-widget-header small {display:block;font-size:.72rem;color:#dcefff;margin:6px 0 0 18px;}
.widget-online-dot {width:9px;height:9px;display:inline-block;background:#53df90;border-radius:50%;margin-inline-end:8px;box-shadow:0 0 0 5px #ffffff25;}
.widget-close {background:rgba(255,255,255,.16);color:#fff;border:0;border-radius:11px;font-size:26px;line-height:1;width:34px;height:34px;flex:0 0 auto;}
.widget-close:hover {background:rgba(255,255,255,.28);}
.contact-widget-content {padding:19px;}
.widget-intro {font-size:.84rem;line-height:1.7;margin-bottom:14px;color:#4d6887;}
.widget-message-form {display:grid;gap:11px;}
.widget-message-form label {display:grid;gap:5px;font-weight:500;font-size:.77rem;}
.widget-message-form input,.widget-message-form textarea {width:100%;border-radius:10px;border:1px solid #cedce7;background:#fafcfe;color:#15416d;padding:10px 12px;font-size:.83rem;outline:none;resize:vertical;}
.widget-message-form input:focus,.widget-message-form textarea:focus {border-color:#008f9d;box-shadow:0 0 0 3px rgba(0,151,152,.13);}
.widget-honeypot {display:none!important;}
.widget-send {width:100%;display:flex;justify-content:center;align-items:center;gap:9px;background:#064899;color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:600;font-size:.85rem;}
.widget-send:hover {background:#117d8d;transform:translateY(-1px);}
.widget-send:disabled {opacity:.55;cursor:wait;}
.widget-delivery-note {font-size:.7rem;color:#6a7784;line-height:1.6;margin:1px 0 0;}
.widget-status {font-size:.77rem;font-weight:500;color:#1a775f;margin:0;line-height:1.5;}
.widget-status:empty{display:none;}
.widget-divider {text-align:center;position:relative;margin:16px 0;display:grid;place-items:center;}
.widget-divider:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#dbe5eb;}
.widget-divider span{z-index:1;background:#fff;padding:0 16px;color:#73879c;font-size:.73rem;}
.widget-wa-button {display:flex;gap:9px;justify-content:center;align-items:center;padding:11px 16px;border-radius:12px;background:#13a86b;color:#fff;font-size:.85rem;font-weight:600;}
.widget-wa-button:hover {background:#0b8f6c;transform:translateY(-1px);}
.widget-wa-unavailable {background:#f3f7f9;border:1px dashed #c4dbe4;border-radius:11px;font-size:.73rem;line-height:1.5;color:#58748b;text-align:center;padding:10px;margin:0;}
.widget-email {font-size:.72rem;color:#5e758e;text-align:center;margin:12px 0 0;overflow-wrap:anywhere;}
html[dir=rtl] .contact-widget-panel {right:auto;left:24px;font-family:'Cairo',sans-serif;direction:rtl;}
html[dir=rtl] .contact-widget-header small {margin:6px 18px 0 0;}
@media(max-width:580px){.contact-widget-panel{right:12px;bottom:68px;width:calc(100vw - 24px);max-height:calc(100dvh - 84px);border-radius:16px;}html[dir=rtl] .contact-widget-panel{left:12px;right:auto;}}
@media(prefers-reduced-motion:reduce){.contact-widget-panel *{transition:none!important;}}


/* ===== ALNOOR V6 — clean solid surfaces, no page fade/gradient overlays ===== */
body:not(.card-page), body:not(.card-page) main {background:#f8fbfd!important;background-image:none!important;}
body:not(.card-page) .solutions,body:not(.card-page) .about-preview,
body:not(.card-page) .process-section,body:not(.card-page) .section {background-color:#f8fbfd!important;background-image:none!important;}
body:not(.card-page) .interior-hero,body:not(.card-page) .hero-carousel {background:#f1f6fa!important;background-image:none!important;}
body:not(.card-page) .trustline {background:#ecf4f8!important;}
body:not(.card-page) .hero-photo:after {display:none!important;content:none!important;}
body:not(.card-page) .hero-photo {inset:0 0 0 48%;filter:none!important;opacity:1!important;background-repeat:no-repeat;background-position:center center;background-size:cover;transform:scale(1.02);transition:transform 9s ease;}
html[dir=rtl] body:not(.card-page) .hero-photo {inset:0 48% 0 0;}
body:not(.card-page) .hero-shell {background:transparent;}
body:not(.card-page) .hero-words {max-width:555px;}
body:not(.card-page) .hero-carousel :is(h1,h2) {font-size:clamp(2.9rem,4.45vw,4.8rem);}
body:not(.card-page) .cta-banner {background:#064899!important;}
body:not(.card-page) .solution-pic img,body:not(.card-page) .interior-image img,
body:not(.card-page) .about-image img {filter:none!important;}
body:not(.card-page) .solution-card:hover .solution-pic img {filter:none!important;}
body:not(.card-page) .reveal {opacity:1!important;transform:none!important;transition:none!important;}
body.card-page .nfc__top {background:#064899!important;}
/* Distinct clean image blocks rather than faded overlays. */
body:not(.card-page) .interior-image {border-radius:20px;box-shadow:0 20px 40px rgba(6,55,95,.12);}
body:not(.card-page) .interior-image img {object-position:center center;}
body:not(.card-page) .payment-methods-section {padding-block:76px 94px;}
.payment-method-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;max-width:1000px;margin:auto;}
.payment-method-card {background:white;border:1px solid #dce8f0;border-radius:22px;padding:32px 36px;box-shadow:0 12px 28px rgba(16,58,90,.045);}
.payment-method-icon {display:grid;place-items:center;width:59px;height:59px;border-radius:16px;color:#064899;background:#e2f5ec;font-family:'Poppins',sans-serif;font-weight:600;font-size:30px;line-height:1;margin-bottom:22px;}
.payment-method-card h3 {font-family:var(--heading);font-size:1.55rem;font-weight:550;color:#064899;margin:0 0 10px;}
.payment-method-card p {font-size:.98rem;color:#466b81;line-height:1.85;margin:0;}
@media(max-width:1050px){
 body:not(.card-page) .hero-photo {inset:0 0 0 49%;}
 html[dir=rtl] body:not(.card-page) .hero-photo {inset:0 49% 0 0;}
 body:not(.card-page) .hero-words {max-width:49%;}
 body:not(.card-page) .hero-words :is(h1,h2) {font-size:clamp(2.4rem,5vw,4rem);}
}
@media(max-width:750px){
 body:not(.card-page) .hero-carousel {height:710px;min-height:710px;}
 body:not(.card-page) .hero-photo,html[dir=rtl] body:not(.card-page) .hero-photo {inset:49% 0 0 0;opacity:1!important;}
 body:not(.card-page) .hero-words {padding:37px 0 0;max-width:100%;}
 body:not(.card-page) .hero-words :is(h1,h2) {font-size:clamp(2.35rem,7.8vw,3.55rem);margin-bottom:12px;}
 body:not(.card-page) .hero-words p {line-height:1.6;margin-bottom:18px;}
 body:not(.card-page) .hero-shell {align-items:flex-start;}
 .payment-method-grid {grid-template-columns:1fr;gap:15px;}
 .payment-method-card {padding:25px;}
}
@media(max-width:430px){
 body:not(.card-page) .hero-carousel {height:730px;min-height:730px;}
 body:not(.card-page) .hero-photo,html[dir=rtl] body:not(.card-page) .hero-photo {inset:54% 0 0 0;}
 body:not(.card-page) .hero-words {padding-top:24px;}
 body:not(.card-page) .hero-words :is(h1,h2) {font-size:clamp(2.1rem,8.8vw,3rem);}
 body:not(.card-page) .hero-words p {font-size:.9rem;}
}


/* --- V7: feature hero + 4-step process + unified footer --- */
body:not(.card-page)[data-page="networking"]{--feature-image:url('../img/network.webp');}
body:not(.card-page)[data-page="security"]{--feature-image:url('../img/security.webp');}
body:not(.card-page)[data-page="smart-home"]{--feature-image:url('../img/smarthome.webp');}
body:not(.card-page)[data-page="payments"]{--feature-image:url('../img/payment-methods.webp');}
body:not(.card-page) .interior-hero--feature{position:relative;overflow:hidden;min-height:620px;background:#062744!important;isolation:isolate;}
body:not(.card-page) .interior-hero--feature:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,36,.92) 0%,rgba(4,18,36,.84) 34%,rgba(4,18,36,.60) 62%,rgba(4,18,36,.34) 100%),var(--feature-image) center/cover no-repeat;z-index:-2;}
body:not(.card-page) .interior-hero--feature:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 24% 40%,rgba(34,181,255,.20),transparent 26%),linear-gradient(0deg,rgba(255,255,255,.04),rgba(255,255,255,.04));mix-blend-mode:screen;opacity:.9;z-index:-1;}
body:not(.card-page) .interior-hero--feature .interior-wrap{grid-template-columns:1fr;min-height:620px;gap:0;padding-block:72px 82px;align-items:center;}
body:not(.card-page) .interior-hero--feature .interior-copy{max-width:760px;color:#fff;}
body:not(.card-page) .interior-hero--feature .hero-breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:1rem;color:#f1fbff;font-weight:500;opacity:.95;}
body:not(.card-page) .interior-hero--feature .hero-breadcrumbs .sep{opacity:.72;}
body:not(.card-page) .interior-hero--feature .hero-breadcrumbs .current{color:#58f2d6;font-weight:600;}
body:not(.card-page) .interior-hero--feature .eyebrow{display:inline-flex;align-items:center;gap:16px;color:#fff;margin-bottom:18px;letter-spacing:.16em;}
body:not(.card-page) .interior-hero--feature .eyebrow:before{content:'';width:62px;height:4px;border-radius:999px;background:#39d0be;box-shadow:0 0 18px rgba(57,208,190,.45);}
body:not(.card-page) .interior-hero--feature h1{font-size:clamp(3rem,6vw,5.45rem);line-height:1.02;color:#fff;max-width:880px;text-shadow:0 10px 30px rgba(2,12,26,.22);}
body:not(.card-page) .interior-hero--feature .intro{font-size:1.24rem;color:#f4fbff;font-weight:500;max-width:900px;line-height:1.75;margin-bottom:0;}
body:not(.card-page) .interior-hero--feature .light-desc{display:none;}
body:not(.card-page) .interior-hero--feature .interior-image{display:none;}
body:not(.card-page) .process-section{background:#f4f8fc;}
body:not(.card-page) .process-section .section-top{margin-bottom:18px;}
body:not(.card-page) .process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:stretch;}
body:not(.card-page) .process-card{background:#fff;border:1px solid #dbe6ee;border-radius:28px;padding:34px 26px 30px;min-height:220px;box-shadow:0 10px 28px rgba(6,45,88,.05);}
body:not(.card-page) .process-card:hover{transform:translateY(-8px);background:#fbfcff;}
body:not(.card-page) .process-no{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:58px;padding:0 16px;border-radius:16px;background:linear-gradient(135deg,#22c978,#0f97cb);color:#fff;font-size:1.65rem;font-weight:800;letter-spacing:.02em;box-shadow:0 14px 24px rgba(15,151,203,.22);margin-bottom:24px;}
body:not(.card-page) .process-card p{margin:0;color:#244e70;font-size:1rem;line-height:1.72;max-width:240px;}
body:not(.card-page) .footer{background:#064899!important;padding-bottom:0;}
body:not(.card-page) .footer-bottom{background:#064899!important;color:#edf7ff;border-top:1px solid rgba(255,255,255,.18);margin-top:34px;padding:20px 0 22px;}
@media(max-width:1180px){body:not(.card-page) .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:840px){body:not(.card-page) .interior-hero--feature{min-height:540px;}body:not(.card-page) .interior-hero--feature .interior-wrap{min-height:540px;padding-block:64px 66px;}body:not(.card-page) .interior-hero--feature h1{font-size:clamp(2.7rem,9vw,4.1rem);}body:not(.card-page) .interior-hero--feature .intro{font-size:1.05rem;}body:not(.card-page) .process-grid{gap:18px;}}
@media(max-width:580px){body:not(.card-page) .interior-hero--feature{min-height:500px;}body:not(.card-page) .interior-hero--feature .interior-wrap{min-height:500px;padding-block:54px 60px;}body:not(.card-page) .interior-hero--feature .hero-breadcrumbs{font-size:.83rem;gap:7px;margin-bottom:14px;}body:not(.card-page) .interior-hero--feature .eyebrow{font-size:.67rem;gap:11px;margin-bottom:16px;}body:not(.card-page) .interior-hero--feature .eyebrow:before{width:38px;height:3px;}body:not(.card-page) .interior-hero--feature h1{font-size:clamp(2.35rem,12vw,3.45rem);}body:not(.card-page) .interior-hero--feature .intro{font-size:.98rem;line-height:1.65;}body:not(.card-page) .process-grid{grid-template-columns:1fr;}body:not(.card-page) .process-card{min-height:0;padding:28px 22px;}body:not(.card-page) .process-card p{max-width:none;}}

/* =====================================================================
   ALNOOR V8 — A1-inspired full-bleed homepage, bilingual blog, brand lockup
   ===================================================================== */
body:not(.card-page) .brand,
body:not(.card-page) .footer-about > a {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;}
body:not(.card-page) .brand img {width:100%;max-height:55px;object-fit:contain;}
body:not(.card-page) .brand-tagline {display:block;flex-shrink:0;font-family:'Poppins',sans-serif;font-size:10.5px;line-height:1.15;color:#067d62;font-weight:600;letter-spacing:.13em;text-transform:uppercase;text-align:center;}
body:not(.card-page) .footer-about .brand-tagline {font-size:10px;color:#0b8465;margin-top:5px;letter-spacing:.12em;}
body:not(.card-page) .brand {min-height:77px;padding:6px 11px;}
body:not(.card-page) .header-inner {gap:11px;}
body:not(.card-page) .nav {gap:0;}
body:not(.card-page) .nav-link {padding-inline:7px;font-size:12.5px;}
body:not(.card-page) .footer {background:#064899!important;}
body:not(.card-page) .footer-bottom {background:#064899!important;}
body:not(.card-page) .hero-carousel {width:100%;height:calc(100svh - 102px)!important;min-height:630px!important;max-height:980px;background:#0b2142!important;isolation:isolate;}
body:not(.card-page) .hero-slide {overflow:hidden;}
body:not(.card-page) .hero-photo,
html[dir=rtl] body:not(.card-page) .hero-photo {position:absolute!important;inset:0!important;background-size:cover!important;background-position:center center!important;opacity:1!important;filter:none!important;transform:scale(1);transition:transform 8s ease, opacity 1.15s ease!important;}
body:not(.card-page) .hero-slide.is-active .hero-photo {transform:scale(1.055);}
html[dir=rtl] body:not(.card-page) .hero-photo {transform:scaleX(-1)!important;}
html[dir=rtl] body:not(.card-page) .hero-slide.is-active .hero-photo {transform:scaleX(-1) scale(1.055)!important;}
body:not(.card-page) .hero-photo::after,
html[dir=rtl] body:not(.card-page) .hero-photo::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,35,.90) 0%,rgba(5,22,45,.77) 36%,rgba(8,26,50,.34) 72%,rgba(8,26,50,.16) 100%)!important;}
body:not(.card-page) .hero-shell {height:100%;align-items:center!important;}
body:not(.card-page) .hero-words {max-width:790px!important;padding:18px 0 86px!important;margin:0!important;z-index:2;position:relative;text-align:start;}
body:not(.card-page) .hero-words .hero-breadcrumbs {font-family:'Poppins',sans-serif;display:flex;align-items:center;gap:12px;color:#fff;font-size:.94rem;line-height:1.5;margin-bottom:20px;}
body:not(.card-page) .hero-words .hero-breadcrumbs .current{color:#63f5db;}
body:not(.card-page) .hero-words .eyebrow {color:#f6fffd!important;font-weight:600;letter-spacing:.14em;font-size:.78rem;display:inline-flex;align-items:center;gap:14px;margin-bottom:22px;}
body:not(.card-page) .hero-words .eyebrow:before{content:'';width:35px;height:3px;background:#28bdf3;display:block;flex-shrink:0;border-radius:3px;}
body:not(.card-page) .hero-words :is(h1,h2) {color:#fff!important;font-family:'Lexend',sans-serif;font-size:clamp(3rem,5.9vw,6.2rem)!important;line-height:1.04!important;font-weight:600!important;letter-spacing:-.055em!important;text-shadow:0 6px 24px rgba(0,0,0,.15);max-width:850px!important;}
body:not(.card-page) .hero-words :is(h1,h2) em {font-style:normal;color:#47ceff;}
body:not(.card-page) .hero-words p {font-family:'Poppins',sans-serif;color:#f2f7ff!important;font-size:clamp(1rem,1.4vw,1.18rem)!important;line-height:1.8!important;font-weight:400;max-width:680px!important;margin:24px 0 30px;}
body:not(.card-page) .hero-words .btn--outline {border:1px solid rgba(255,255,255,.74)!important;color:#fff!important;background:rgba(255,255,255,.08)!important;}
body:not(.card-page) .hero-words .btn--outline:hover {background:rgba(255,255,255,.24)!important;}
body:not(.card-page) .controls-shell {bottom:26px!important;}
body:not(.card-page) .slide-arrow{color:#fff!important;background:rgba(0,16,40,.30)!important;border:1px solid rgba(255,255,255,.56)!important;}
body:not(.card-page) .slide-dot {background:#d8e6f2!important;}
body:not(.card-page) .slide-dot.is-active{background:#34ce8e!important;}
html[dir=rtl] body:not(.card-page) .hero-words {margin-inline:0 auto!important;}
html[dir=rtl] body:not(.card-page) .hero-words :is(h1,h2) {font-family:'Cairo','Lexend',sans-serif!important;font-weight:700!important;letter-spacing:0!important;}
html[dir=rtl] body:not(.card-page) .hero-words p{font-family:'Cairo',sans-serif;}
html[dir=rtl] body:not(.card-page) .hero-words .eyebrow {letter-spacing:0;}
/* Floating contact button gently attracts attention while respecting reduced-motion preference. */
@keyframes alnoor-chat-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
body:not(.card-page) .floating-chat {position:fixed!important;inset-inline-start:auto!important;left:auto!important;right:20px!important;bottom:18px!important;animation:alnoor-chat-float 3.6s ease-in-out infinite;will-change:transform;}
body:not(.card-page) .floating-chat:hover {animation-play-state:paused;transform:translateY(-4px);}
body:not(.card-page) .contact-widget-panel {left:auto!important;right:20px!important;}
/* Blog previews, hub and long-form content. */
body:not(.card-page) .blog-teaser-section,body:not(.card-page) .blog-list-section,body:not(.card-page) .article-body{background:#f8fbfd!important;}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:33px;}
.blog-list-section .blog-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:34px;}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce8f1;border-radius:23px;overflow:hidden;box-shadow:0 13px 30px rgba(7,44,75,.055);transition:transform .3s ease,box-shadow .3s ease,background .3s ease;}
.blog-card:hover{transform:translateY(-8px);box-shadow:0 23px 42px rgba(7,44,75,.10);background:#fbfaf6;}
.blog-card-photo{display:block;height:240px;position:relative;overflow:hidden;background:#dce9f3;}
.blog-card-photo img{height:100%;width:100%;object-fit:cover;transition:transform .6s ease;}
.blog-card:hover .blog-card-photo img{transform:scale(1.055);}
.blog-card-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:27px;}
.blog-kicker{color:#048871;font-weight:700;letter-spacing:.13em;font-size:.72rem;}
.blog-card h3,.blog-card h2{color:#064899;font-size:1.35rem;line-height:1.4;letter-spacing:-.025em;margin:0;}
.blog-card h3:hover,.blog-card h2:hover{color:#0c936a;}
.blog-card-body p{font-size:.91rem;color:#466885;line-height:1.78;margin:0 0 12px;}
.blog-read{display:inline-flex;gap:10px;color:#0456a3;font-weight:700;font-size:.87rem;margin-top:auto;}
.blog-read:hover,.all-articles:hover{color:#00a76c;}
.all-articles{display:inline-block;margin-top:30px;color:#064899;font-weight:700;}
.photo-credit{position:absolute;bottom:0;inset-inline:0;background:rgba(2,21,43,.78);color:#fff;font-size:.62rem;padding:5px 8px;line-height:1.4;}
.blog-list-hero{padding:90px 0 86px;background:#eef5fc!important;}
.blog-list-hero h1,.article-hero h1 {font-size:clamp(2.3rem,5vw,4.5rem);font-weight:600;color:#064899;max-width:1000px;line-height:1.18;}
.blog-list-hero p,.article-lead{color:#35618a;font-size:1.15rem;line-height:1.8;max-width:820px;}
.blog-list-hero .btn{margin-top:18px;}
.article-narrow{max-width:920px;}
.article-hero{padding:72px 0 60px;background:#eef5fc!important;}
.article-back{display:inline-block;color:#0e926b;font-weight:600;margin-bottom:30px;}
.article-hero .overline{display:block;margin-bottom:18px;}
.article-hero h1{margin-bottom:20px;}
.article-body{padding:65px 0 110px;}
.article-image{margin:0 0 42px;overflow:hidden;border-radius:25px;background:#e8f1f7;border:1px solid #d9e6ed;}
.article-image img{width:100%;height:450px;object-fit:cover;}
.article-image figcaption{color:#577183;font-size:.75rem;padding:12px 20px;line-height:1.7;}
.article-image figcaption a{color:#0456a3;text-decoration:underline;}
.article-prose{max-width:830px;margin:auto;}
.article-prose section{margin:0 0 34px;}
.article-prose h2{color:#064899;font-weight:600;font-size:1.65rem;margin-bottom:10px;}
.article-prose p{line-height:2;color:#31536e;font-size:1.03rem;}
.article-takeaway{padding:24px 28px;margin-top:40px;background:#e9f7f0;border-inline-start:5px solid #0aaa79;border-radius:13px;color:#0d4c40;}
.article-takeaway strong{display:block;margin-bottom:8px;}
.article-takeaway p{margin:0;color:#235965;}
.article-cta{margin-top:45px;background:#064899;color:#fff;border-radius:24px;padding:38px;}
.article-cta h2{color:#fff;font-size:1.7rem;margin-bottom:8px;}
.article-cta p{color:#e7f1fc;line-height:1.8;}
.article-cta .btn{margin-top:8px;}
html[dir=rtl] .article-hero h1,html[dir=rtl] .blog-list-hero h1{font-family:'Cairo',sans-serif;font-weight:700;letter-spacing:0;}
html[dir=rtl] .blog-card h2,html[dir=rtl] .blog-card h3{font-family:'Cairo',sans-serif;letter-spacing:0;}
.nfc-tagline{display:block;text-align:center;color:#04866e;font-size:10px;font-weight:700;letter-spacing:.13em;margin:4px 0 15px;}
@media(max-width:1120px){body:not(.card-page) .nav-link{font-size:12px;}.blog-grid{gap:16px;}}
@media(max-width:840px){
 body:not(.card-page) .hero-carousel{height:calc(100svh - 75px)!important;min-height:650px!important;max-height:870px;}
 body:not(.card-page) .hero-words{max-width:680px;padding-bottom:85px!important;}
 body:not(.card-page) .hero-words :is(h1,h2){font-size:clamp(2.8rem,7.8vw,4.5rem)!important;}
 body:not(.card-page) .blog-grid,body:not(.card-page) .blog-list-section .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .article-image img{height:350px;}
}
@media(max-width:580px){
 body:not(.card-page) .brand{min-height:65px;width:164px;padding:3px 7px;}
 body:not(.card-page) .brand img{max-height:45px;}
 body:not(.card-page) .brand-tagline{font-size:7px;letter-spacing:.08em;white-space:nowrap;}
 body:not(.card-page) .hero-carousel{height:calc(100svh - 71px)!important;min-height:650px!important;max-height:820px!important;}
 body:not(.card-page) .hero-photo,html[dir=rtl] body:not(.card-page) .hero-photo{background-position:59% center!important;}
 body:not(.card-page) .hero-photo::after{background:linear-gradient(90deg,rgba(3,15,35,.89) 0%,rgba(3,15,35,.68) 58%,rgba(3,15,35,.38) 100%)!important;}
 body:not(.card-page) .hero-shell{align-items:center!important;}
 body:not(.card-page) .hero-words{padding:35px 0 110px!important;max-width:none!important;}
 body:not(.card-page) .hero-words :is(h1,h2){font-size:clamp(2.6rem,11.5vw,3.8rem)!important;line-height:1.09!important;}
 body:not(.card-page) .hero-words p{font-size:.94rem!important;line-height:1.7!important;margin:22px 0!important;}
 body:not(.card-page) .hero-words .hero-breadcrumbs{font-size:.8rem;margin-bottom:14px;gap:8px;}
 body:not(.card-page) .hero-words .eyebrow{font-size:.63rem;margin-bottom:15px;}
 body:not(.card-page) .blog-grid,body:not(.card-page) .blog-list-section .blog-grid{grid-template-columns:1fr;}
 .blog-card-photo{height:210px;}
 .article-hero{padding:55px 0 42px;}
 .article-body{padding:35px 0 75px;}
 .article-image img{height:250px;}
 .article-cta{padding:28px;}
 body:not(.card-page) .floating-chat{right:12px!important;bottom:13px!important;}
 body:not(.card-page) .contact-widget-panel{right:12px!important;}
}
@media(prefers-reduced-motion:reduce){body:not(.card-page) .floating-chat{animation:none!important;}body:not(.card-page) .hero-photo,html[dir=rtl] body:not(.card-page) .hero-photo{transition:none!important;}}
/* Restore A1-style dark text-contrast overlay (V6 previously disabled photo pseudo-elements). */
body:not(.card-page) .hero-photo::after,
html[dir=rtl] body:not(.card-page) .hero-photo::after{
 display:block!important;content:''!important;opacity:1!important;
 background:linear-gradient(90deg,rgba(2,15,34,.88) 0%,rgba(3,19,42,.75) 36%,rgba(6,21,42,.28) 74%,rgba(6,21,42,.12) 100%)!important;
}
@media(max-width:580px){
 body:not(.card-page) .hero-photo::after,html[dir=rtl] body:not(.card-page) .hero-photo::after{
  background:linear-gradient(90deg,rgba(2,15,34,.89) 0%,rgba(2,15,34,.68) 56%,rgba(2,15,34,.36) 100%)!important;
 }
}
/* Final V8 legibility polish on the full-bleed hero. */
body:not(.card-page) .hero-words .eyebrow,
html[dir=rtl] body:not(.card-page) .hero-words .eyebrow {
 background:rgba(3,31,61,.60)!important;
 color:#effff9!important;
 border:1px solid rgba(255,255,255,.26)!important;
 border-radius:40px;
}


/* V9: A brighter original-photo hero, no image darkening or tinted filter. */
body:not(.card-page) .hero-photo, html[dir=rtl] body:not(.card-page) .hero-photo{
 filter:none!important;opacity:1!important;}
body:not(.card-page) .hero-photo::after,html[dir=rtl] body:not(.card-page) .hero-photo::after{
 display:none!important;content:none!important;background:none!important;opacity:0!important;}
body:not(.card-page) .hero-words,html[dir=rtl] body:not(.card-page) .hero-words{
 background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.78);
 padding:clamp(22px,3vw,42px)!important;border-radius:24px;
 box-shadow:0 20px 65px rgba(5,39,78,.12);backdrop-filter:blur(6px);
 max-width:650px!important;margin:0!important;
 }
body:not(.card-page) .hero-words :is(h1,h2) {font-size:clamp(2.6rem,4.45vw,4.55rem)!important;color:#064899!important;text-shadow:none!important;font-weight:600!important;}
body:not(.card-page) .hero-words :is(h1,h2) em{color:#00a46e!important;}
body:not(.card-page) .hero-words p{color:#245071!important;margin:16px 0 24px!important;font-size:clamp(.94rem,1.2vw,1.1rem)!important;}
body:not(.card-page) .hero-words .hero-breadcrumbs{color:#245071!important;margin-bottom:12px!important;font-size:.79rem!important;}
body:not(.card-page) .hero-words .hero-breadcrumbs .current{color:#008968!important;}
body:not(.card-page) .hero-words .eyebrow{background:#eaf7f3!important;color:#08765c!important;border-color:#cceade!important;margin-bottom:15px!important;}
body:not(.card-page) .hero-words .btn--outline{background:transparent!important;border-color:#2d669d!important;color:#064899!important;}
body:not(.card-page) .hero-words .btn--outline:hover{background:#eaf6f5!important;}
/* Make controls centered at bottom of full-screen slides for LTR and RTL. */
body:not(.card-page) .controls-shell{position:absolute!important;inset-inline:0!important;left:0!important;right:0!important;bottom:24px!important;width:100%!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important;}
body:not(.card-page) .slide-controls,html[dir=rtl] body:not(.card-page) .slide-controls{margin:0 auto!important;display:flex!important;align-items:center;justify-content:center;gap:15px;pointer-events:auto;direction:ltr;}
body:not(.card-page) .slide-arrow{background:rgba(255,255,255,.93)!important;color:#064899!important;border:1px solid #d9e6f2!important;box-shadow:0 3px 12px rgba(6,72,153,.12);}
body:not(.card-page) .slide-arrow:hover{background:#0eae78!important;color:white!important;}
body:not(.card-page) .slide-dot{background:#d1dce5!important;}
body:not(.card-page) .slide-dot.is-active{background:#17bc83!important;}
/* Single brand statement outside the logo box: dark blue band below navigation. */
body:not(.card-page) .brand-statement{background:#071e37;color:#e9f8ff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.09);}
body:not(.card-page) .brand-statement__inner{max-width:1510px;margin:auto;padding:10px 32px;min-height:38px;display:flex;align-items:center;gap:11px;font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;letter-spacing:.19em;}
body:not(.card-page) .brand-statement__accent{height:4px;width:28px;border-radius:8px;background:#28c793;box-shadow:0 0 10px rgba(43,205,149,.35);}
html[dir=rtl] body:not(.card-page) .brand-statement__inner{font-family:'Cairo',sans-serif;font-size:13px;letter-spacing:0;}
body:not(.card-page) .brand{min-height:auto!important;}
/* Responsive: retain full images and text legibility, with visible controls. */
@media(max-width:840px){body:not(.card-page) .hero-words,html[dir=rtl] body:not(.card-page) .hero-words{max-width:565px!important;padding:25px!important;}body:not(.card-page) .brand-statement__inner{padding:8px 19px;}}
@media(max-width:580px){
 body:not(.card-page) .hero-photo,html[dir=rtl] body:not(.card-page) .hero-photo{background-position:center!important;filter:none!important;opacity:1!important;}
 body:not(.card-page) .hero-shell{align-items:flex-start!important;}
 body:not(.card-page) .hero-words,html[dir=rtl] body:not(.card-page) .hero-words{margin-top:25px!important;padding:18px!important;max-width:100%!important;border-radius:19px;}
 body:not(.card-page) .hero-words :is(h1,h2){font-size:clamp(2.05rem,9vw,2.9rem)!important;line-height:1.13!important;}
 body:not(.card-page) .hero-words p{font-size:.89rem!important;line-height:1.63!important;margin:11px 0 17px!important;}
 body:not(.card-page) .hero-words .eyebrow{font-size:.59rem!important;padding:6px 8px!important;}
 body:not(.card-page) .hero-words .hero-breadcrumbs{font-size:.69rem!important;margin-bottom:7px!important;}
 body:not(.card-page) .hero-words .button-row{gap:7px!important;}
 body:not(.card-page) .hero-words .btn{padding:11px 12px!important;font-size:.71rem!important;}
 body:not(.card-page) .controls-shell{bottom:17px!important;}
 body:not(.card-page) .brand-statement__inner{font-size:10px;padding:7px 14px;min-height:32px;}
}

/* V9 viewport fitting: keep the centered carousel controls visible without scrolling. */
@media(min-width:841px){
 body:not(.card-page) .hero-carousel{height:calc(100svh - 177px)!important;min-height:580px!important;max-height:920px!important;}
}
@media(min-width:581px) and (max-width:840px){
 body:not(.card-page) .hero-carousel{height:calc(100svh - 150px)!important;min-height:580px!important;max-height:850px!important;}
}
@media(max-width:580px){
 body:not(.card-page) .hero-carousel{height:calc(100svh - 147px)!important;min-height:515px!important;max-height:740px!important;}
 body:not(.card-page) .hero-words,html[dir=rtl] body:not(.card-page) .hero-words{margin-top:10px!important;}
 body:not(.card-page) .slide-controls{gap:10px;}
 body:not(.card-page) .slide-arrow{height:40px;width:40px;}
}
/* Keep the centered slider arrows unobstructed by the floating chat on phones. */
@media(max-width:580px){
 body[data-page="home"]:not(.card-page) .floating-chat{bottom:79px!important;}
}


/* V10: NFC details, consistent contact data, upper band and hero positioning. */
body[data-page="home"]:not(.card-page) .hero-words,html[dir=rtl] body[data-page="home"]:not(.card-page) .hero-words{background:rgba(255,255,255,.90)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;border:1px solid rgba(255,255,255,.90)!important;box-shadow:0 18px 48px rgba(7,46,84,.13)!important;}
body:not(.card-page) .interior-hero .interior-wrap{transform:translateY(-26px);}
body:not(.card-page) .footer-contact .footer-office-line,body:not(.card-page) .footer-contact .footer-website-line{display:inline-flex;align-items:center;line-height:1.5;}
body:not(.card-page) .footer-contact .footer-office-line:hover,body:not(.card-page) .footer-contact .footer-website-line:hover{color:#c0ffdb!important;}
body:not(.card-page) .top-wa-number [data-whatsapp-number]{direction:ltr;unicode-bidi:isolate;white-space:nowrap;}
.nfc{width:min(720px,100%);}
.nfc__top{background:linear-gradient(145deg,#064899,#0a6579);}
.nfc__top h1{font-size:clamp(1.45rem,4vw,2.15rem);font-family:'Poppins',sans-serif;}
.nfc__body{padding:26px 34px 38px;}
.nfc__line a{color:#07559b;overflow-wrap:anywhere;}
.nfc__line a:hover{color:#0aa977;text-decoration:underline;}
.nfc__card-preview{margin:30px 0 0;padding:16px;background:#f3f7fb;border:1px solid #dfebf2;border-radius:18px;}
.nfc__card-preview img{width:100%;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 9px 26px rgba(9,55,90,.12);}
.nfc__card-preview figcaption{text-align:center;font-size:.8rem;color:#416c85;margin:12px auto 0;line-height:1.6;}
@media(max-width:580px){body:not(.card-page) .interior-hero .interior-wrap{transform:translateY(-12px);}.nfc__body{padding:22px 18px 28px;}.nfc__card-preview{padding:9px;margin-top:22px;}.nfc__top h1{font-size:1.52rem;}}

/* V10 legibility and NFC save-to-contacts primary CTA. */
body:not(.card-page) .interior-hero--feature .eyebrow{color:#075c66!important;letter-spacing:.11em;}
.nfc__buttons > a.nfc__save{display:flex;align-items:center;justify-content:center;min-height:52px;padding:14px 16px;text-align:center;color:#fff!important;background:linear-gradient(110deg,#1ec477,#008f93);border-radius:13px;box-shadow:0 10px 21px rgba(2,140,134,.18);font-weight:700;}
.nfc__buttons > a.nfc__save:hover{background:linear-gradient(110deg,#008f93,#1ec477);transform:translateY(-2px);}

/* V10 home cards & public contact update: Damascus overview on Blog and fixed LTR phones */
body:not(.card-page) .blog-list-hero.blog-list-hero--damascus {
  background: url('../img/damascus-overview-hero.webp') center 52% / cover no-repeat !important;
  min-height: min(48vw, 580px); display:flex; align-items:center; padding:76px 0;
}
body:not(.card-page) .blog-list-hero--damascus>.container {
  background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.7);
  border-radius:24px;padding:36px 42px;max-width:810px;
  width:calc(100% - 64px);margin-inline-start:max(32px,calc((100vw - 1240px)/2));
  margin-inline-end:auto;box-shadow:0 20px 55px rgba(0,25,50,.16);
}
[dir=rtl] body:not(.card-page) .blog-list-hero--damascus>.container {
  margin-inline-start:max(32px,calc((100vw - 1240px)/2));margin-inline-end:auto;
}
body:not(.card-page) .phone-ltr,body:not(.card-page) bdi.phone-ltr {
  direction:ltr !important;unicode-bidi:isolate;white-space:nowrap;display:inline-block;
  font-variant-numeric:lining-nums tabular-nums;
}
body:not(.card-page) .phone-label {direction:rtl;unicode-bidi:isolate;}
body:not(.card-page) .footer-contact .footer-office-line {direction:rtl;unicode-bidi:isolate;flex-wrap:wrap;gap:4px;}
html:not([dir=rtl]) body:not(.card-page) .footer-contact .footer-office-line {direction:ltr;}
@media(max-width:800px){
  body:not(.card-page) .blog-list-hero.blog-list-hero--damascus{min-height:360px;padding:40px 0;}
  body:not(.card-page) .blog-list-hero--damascus>.container{width:calc(100% - 36px);margin-inline-start:18px;margin-inline-end:18px;padding:24px;}
}


/* Arabic-only layout corrections: anchor the floating chat and its panel on left.
   These overrides intentionally follow V8/V9 rules that positioned it on the right. */
html[dir="rtl"] body:not(.card-page) .floating-chat {
  right:auto!important;
  left:20px!important;
}
html[dir="rtl"] body:not(.card-page) .contact-widget-panel {
  right:auto!important;
  left:20px!important;
}
html[dir="rtl"] body:not(.card-page) .back-to-top {right:20px;left:auto;}
/* Compact right-to-left services strip; replace only the Arabic tagline. */
html[dir="rtl"] body:not(.card-page) .brand-statement__services {
  display:flex;direction:rtl;flex-wrap:wrap;gap:5px 0;align-items:center;
  font-family:'Cairo',sans-serif;font-size:clamp(12px,1.25vw,17px);
  letter-spacing:0;line-height:1.6;font-weight:600;
}
html[dir="rtl"] body:not(.card-page) .brand-statement__service {
  display:inline-flex;align-items:center;white-space:nowrap;color:#f5fbff;
}
html[dir="rtl"] body:not(.card-page) .brand-statement__service + .brand-statement__service::before {
  content:'';height:17px;width:2px;margin-inline:17px;
  background:#24d28e;border-radius:2px;
}
@media(max-width:580px){
  html[dir="rtl"] body:not(.card-page) .floating-chat {left:12px!important;right:auto!important;}
  html[dir="rtl"] body:not(.card-page) .contact-widget-panel {left:12px!important;right:auto!important;}
  html[dir="rtl"] body:not(.card-page) .brand-statement__inner {padding:8px 12px;gap:8px;}
  html[dir="rtl"] body:not(.card-page) .brand-statement__services {font-size:11px;gap:3px 0;}
  html[dir="rtl"] body:not(.card-page) .brand-statement__service + .brand-statement__service::before {height:12px;margin-inline:8px;width:2px;}
}
@media(max-width:390px){
  html[dir="rtl"] body:not(.card-page) .brand-statement__services {font-size:10px;}
  html[dir="rtl"] body:not(.card-page) .brand-statement__service + .brand-statement__service::before {margin-inline:5px;}
}

/* Step 5: consistent trust strip below the main visual throughout the site. */
body:not(.card-page) .trustline{background:#eaf4fb!important;border-block:1px solid #cddfea;}
body:not(.card-page) .trustline-inner{max-width:1280px;min-height:68px;padding:14px 18px;gap:clamp(16px,3.5vw,52px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;color:#2d5d80;font-weight:600;}
body:not(.card-page) .trustline-inner span{white-space:normal;line-height:1.55;}
html[dir=rtl] body:not(.card-page) .trustline-inner{font-family:'Cairo',sans-serif;direction:rtl;}
/* Only the four service hero photographs: pure unfiltered photography. */
body:not(.card-page):is([data-page="networking"],[data-page="security"],[data-page="smart-home"],[data-page="payments"]) .interior-hero--feature::before{
  background-image:var(--feature-image)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:none!important; opacity:1!important;
}
body:not(.card-page):is([data-page="networking"],[data-page="security"],[data-page="smart-home"],[data-page="payments"]) .interior-hero--feature::after{display:none!important;content:none!important;}
html[dir=rtl] body:not(.card-page):is([data-page="networking"],[data-page="security"],[data-page="smart-home"],[data-page="payments"]) .interior-hero--feature::before{transform:scaleX(-1)!important;}
/* Keep the headlines readable over the photo without placing a dark filter across it. */
body:not(.card-page):is([data-page="networking"],[data-page="security"],[data-page="smart-home"],[data-page="payments"]) .interior-hero--feature .interior-copy{
 background:rgba(255,255,255,.84)!important;border:1px solid rgba(255,255,255,.93);
 border-radius:25px;padding:clamp(20px,3.5vw,38px);box-shadow:0 14px 38px rgba(0,35,70,.10);
 max-width:760px;color:#064899!important;
}
body:not(.card-page) .interior-hero--feature .interior-copy h1{color:#064899!important;text-shadow:none!important;}
body:not(.card-page) .interior-hero--feature .interior-copy .intro{color:#285b78!important;}
body:not(.card-page) .interior-hero--feature .interior-copy .hero-breadcrumbs{color:#234e72!important;}
body:not(.card-page) .interior-hero--feature .interior-copy .hero-breadcrumbs .current{color:#008f6a!important;}
body:not(.card-page) .interior-hero--feature .interior-copy .eyebrow{color:#07765e!important;}
body:not(.card-page) .interior-hero--feature .interior-copy .btn--outline{background:rgba(255,255,255,.86);color:#07509a;border-color:#4385ad;}
/* NFC strip is inside the standalone card and does not change NFC navigation. */
.card-page .nfc-trustline{margin-top:24px;border-top:1px solid #d8e7ed;background:#eaf4fb;}
.card-page .nfc-trustline .trustline-inner{width:100%;padding:15px 12px;min-height:0;display:flex;gap:9px 14px;flex-wrap:wrap;justify-content:center;font-size:.72rem;color:#315d7c;}
.card-page .nfc-trustline .trustline-inner span{white-space:normal;}
@media(max-width:640px){
 body:not(.card-page) .trustline-inner{font-size:.72rem!important;gap:8px 18px;padding:10px 12px;min-height:54px;}
 body:not(.card-page) .interior-hero--feature .interior-copy{padding:19px 17px;border-radius:18px;}
}


/* Step 6 — Service hero typography only (EN/AR). No white text box.
   Clear unfiltered and RTL-mirrored hero photography from step 5 is preserved. */
body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed{
 background:transparent!important;
 background-image:none!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
 padding:0!important;
 margin:0!important;
 max-width:1040px!important;
 color:#fff!important;
}
body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed h1{
 color:#fff!important;
 font-size:clamp(3rem,5.25vw,5.4rem)!important;
 line-height:1.08!important;
 letter-spacing:-.045em!important;
 font-weight:650!important;
 max-width:1050px!important;
 margin:20px 0 24px!important;
 text-shadow:0 3px 16px rgba(2,13,31,.75),0 1px 3px rgba(2,13,31,.7)!important;
}
body:not(.card-page) .interior-hero--feature .interior-copy--unboxed .service-headline-line{display:block;}
body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed .hero-breadcrumbs,
body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed .intro{
 color:#fff!important;
 text-shadow:0 2px 10px rgba(0,13,32,.9)!important;
}
body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed .hero-breadcrumbs .current{
 color:#5ff0d5!important;
}
body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed .intro{
 font-size:clamp(1rem,1.6vw,1.25rem)!important;
 line-height:1.55!important;
 font-weight:550!important;
 max-width:950px!important;
 margin-bottom:0!important;
}
body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed .eyebrow{
 background:rgba(222,249,243,.94)!important;
 color:#075b66!important;
 text-shadow:none!important;
 border-color:rgba(255,255,255,.6)!important;
}
body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed .btn--outline{
 background:rgba(4,29,59,.30)!important;color:#fff!important;
 border-color:rgba(255,255,255,.9)!important;
 text-shadow:0 1px 4px rgba(0,0,0,.5)!important;
}
body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-wrap{
 min-height:clamp(540px,calc(100svh - 275px),700px)!important;
 padding-block:32px 46px!important;
 transform:none!important;
 align-items:center!important;
}
body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature{
 min-height:540px!important;height:auto!important;
}
html[dir=rtl] body:not(.card-page) .interior-hero--feature .interior-copy--unboxed h1{
 font-family:'Cairo','Lexend',sans-serif!important;
 font-weight:700!important;
 letter-spacing:0!important;
 line-height:1.28!important;
}
@media(max-width:840px){
 body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-wrap{
  min-height:590px!important; padding-block:35px 50px!important;
 }
 body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed h1{
  font-size:clamp(2.7rem,7.5vw,4.25rem)!important;
 }
}
@media(max-width:580px){
 body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-wrap{
  min-height:560px!important;padding-block:28px 40px!important;
 }
 body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed h1{
  font-size:clamp(2.2rem,9.7vw,3.1rem)!important;
  letter-spacing:-.035em!important;
  line-height:1.14!important;
  margin:14px 0 18px!important;
 }
 html[dir=rtl] body:not(.card-page) .interior-hero--feature .interior-copy--unboxed h1{font-size:clamp(2.1rem,8.7vw,2.8rem)!important;line-height:1.33!important;}
 body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed .intro{font-size:.95rem!important;line-height:1.6!important;}
 body:not(.card-page):is([data-page="smart-home"],[data-page="security"],[data-page="networking"],[data-page="payments"]) .interior-hero--feature .interior-copy--unboxed .hero-breadcrumbs{font-size:.78rem!important;}
}


/* V10 scoped hero image and blog box adjustments — everything else unchanged. */
body:not(.card-page)[data-page="payments"] {
  --feature-image: url('../img/payments-hero-new.webp') !important;
}
body:not(.card-page) .blog-list-hero.blog-list-hero--damascus > .container {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}


/* TARGETED UPDATE: Arabic payment banner uses natural (not mirrored) orientation. */
html[dir="rtl"] body:not(.card-page)[data-page="payments"] .interior-hero--feature::before {
  transform: none !important;
}
/* Top band WhatsApp label: keep English word + LTR digits legible in both locales. */
body:not(.card-page) .top-wa-number {display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
body:not(.card-page) .top-wa-number .top-wa-label {font-family:'Poppins',sans-serif;font-weight:600;font-size:inherit;direction:ltr;white-space:nowrap;}
body:not(.card-page) .top-wa-number [data-whatsapp-number] {direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap;}
/* Correct Arabic slide title wrapping, line heights and positioning; English unchanged. */
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words {
  box-sizing:border-box;min-width:0!important;max-width:min(800px,68vw)!important;
  text-align:right!important;direction:rtl;
}
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words :is(h1,h2) {
  font-family:'Cairo',sans-serif!important;
  font-size:clamp(2.45rem,5.1vw,4.8rem)!important;
  line-height:1.4!important;
  font-weight:700!important;
  letter-spacing:0!important;
  margin-block:0 13px!important;
  overflow-wrap:normal;word-break:normal;
}
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words :is(h1,h2) em {font-family:inherit;line-height:inherit;}
html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words p {font-family:'Cairo',sans-serif!important;line-height:1.65!important;}
@media(max-width:900px){
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words {max-width:100%!important;}
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words :is(h1,h2) {font-size:clamp(2.15rem,5.7vw,3.55rem)!important;line-height:1.43!important;}
}
@media(max-width:580px){
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words {max-width:100%!important;transform:translateY(-26px)!important;padding:0!important;margin:0!important;}
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words :is(h1,h2) {font-size:clamp(1.75rem,7.65vw,2.55rem)!important;line-height:1.43!important;margin-bottom:10px!important;}
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words p {font-size:.85rem!important;line-height:1.58!important;margin:10px 0 14px!important;}
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words .eyebrow {margin-bottom:10px!important;}
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words .hero-breadcrumbs {margin-bottom:9px!important;}
 html[dir="rtl"] body[data-page="home"] .hero-carousel .hero-words .button-row {gap:8px!important;flex-wrap:wrap;}
}


/* BLOG APPROVED REVISION: original uploaded Damascus Overview2 (3),
   heading sized like home hero; only subtitle has 50%-white backdrop. */
body:not(.card-page) .blog-list-hero.blog-list-hero--damascus {
  background: url('../img/damascus-overview-user-v10.webp') center center / cover no-repeat!important;
  min-height: clamp(520px, 48vw, 650px)!important;
  padding: 58px 0 64px!important;
  align-items:center!important;
}
body:not(.card-page) .blog-list-hero--damascus > .container {
  margin:0 auto!important;
  width:calc(100% - 64px)!important;
  max-width:1240px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body:not(.card-page) .blog-hero-crumbs {
  display:flex;align-items:center;gap:15px;margin-bottom:22px;
  color:#fff;font-family:'Poppins',sans-serif;font-size:17px;font-weight:600;
  text-shadow:0 2px 10px rgba(0,14,30,.75);
}
body:not(.card-page) .blog-hero-crumbs .blog-crumb-current {color:#00a46e;}
body:not(.card-page) .blog-hero-badge {
  display:table;background:rgba(222,250,243,.96);color:#174768;
  border-radius:999px;padding:12px 23px;
  font-family:'Poppins',sans-serif;font-weight:700;font-size:.88rem;
  letter-spacing:.09em;margin-bottom:30px;
}
body:not(.card-page) .blog-hero-badge:before {
  content:'';display:inline-block;vertical-align:middle;width:44px;height:4px;
  border-radius:999px;background:#1abcb1;margin-inline-end:17px;
}
body:not(.card-page) .blog-list-hero .blog-hero-title {
  max-width:1050px!important;
  color:#fff!important;
  font-family:'Lexend',sans-serif!important;
  font-size:clamp(3.15rem,5.2vw,5.3rem)!important;
  font-weight:750!important;letter-spacing:-.04em!important;
  line-height:1.12!important;
  margin:0 0 22px!important;
  text-shadow:0 3px 13px rgba(6,24,48,.78);
}
body:not(.card-page) .blog-hero-title .blog-title-primary,
body:not(.card-page) .blog-hero-title .blog-title-accent {display:block;}
body:not(.card-page) .blog-hero-title .blog-title-accent {color:#00A46E!important;text-shadow:0 2px 10px rgba(0,22,24,.64)!important;}
body:not(.card-page) .blog-list-hero .blog-hero-subtitle {
  display:table;max-width:900px!important;
  margin:16px 0 18px!important;
  padding:15px 19px!important;
  background:rgba(255,255,255,.5)!important;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px!important;
  color:#0f3759!important;
  font-size:clamp(1.08rem,1.6vw,1.44rem)!important;
  line-height:1.58!important;font-weight:500!important;
  backdrop-filter:none!important;
}
body:not(.card-page) .blog-list-hero .btn {margin-top:9px!important;}
html[dir=rtl] body:not(.card-page) .blog-hero-crumbs,
html[dir=rtl] body:not(.card-page) .blog-hero-badge,
html[dir=rtl] body:not(.card-page) .blog-list-hero .blog-hero-title,
html[dir=rtl] body:not(.card-page) .blog-list-hero .blog-hero-subtitle {
  font-family:'Cairo',sans-serif!important;
  letter-spacing:0!important;
}
html[dir=rtl] body:not(.card-page) .blog-list-hero .blog-hero-title {line-height:1.28!important;font-size:clamp(2.85rem,5.1vw,4.75rem)!important;}
@media(max-width:840px) {
  body:not(.card-page) .blog-list-hero.blog-list-hero--damascus {padding:54px 0 59px!important;min-height:500px!important;}
  body:not(.card-page) .blog-list-hero .blog-hero-title {font-size:clamp(2.65rem,7.5vw,4.15rem)!important;}
  html[dir=rtl] body:not(.card-page) .blog-list-hero .blog-hero-title {font-size:clamp(2.45rem,6.5vw,3.7rem)!important;}
}
@media(max-width:580px) {
  body:not(.card-page) .blog-list-hero.blog-list-hero--damascus {min-height:545px!important;padding:34px 0 42px!important;}
  body:not(.card-page) .blog-list-hero--damascus > .container {width:calc(100% - 36px)!important;}
  body:not(.card-page) .blog-hero-crumbs {font-size:13px;gap:9px;margin-bottom:15px;}
  body:not(.card-page) .blog-hero-badge {font-size:.75rem;padding:9px 14px;margin-bottom:19px;}
  body:not(.card-page) .blog-hero-badge:before {width:27px;margin-inline-end:9px;}
  body:not(.card-page) .blog-list-hero .blog-hero-title {font-size:clamp(2.35rem,9vw,3rem)!important;line-height:1.13!important;margin-bottom:18px!important;}
  html[dir=rtl] body:not(.card-page) .blog-list-hero .blog-hero-title {font-size:clamp(2.25rem,8.9vw,2.95rem)!important;line-height:1.29!important;}
  body:not(.card-page) .blog-list-hero .blog-hero-subtitle {font-size:.99rem!important;padding:12px 14px!important;line-height:1.58!important;}
}


/* CONTACT PREVIEW ONLY — no changes to other pages */
body[data-contact-inline="true"] .contact-grid--messages {
    grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
    gap:30px;align-items:stretch;
}
body[data-contact-inline="true"] .contact-grid--messages>.contact-card {min-width:0;}
body[data-contact-inline="true"] .contact-widget-panel.contact-widget-inline {
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    z-index:1!important;display:block!important;visibility:visible!important;opacity:1!important;
    transform:none!important;overflow:visible!important;width:100%!important;max-height:none!important;
    height:auto!important;max-width:none!important;min-width:0!important;
    margin:0!important;border-radius:25px!important;box-shadow:0 12px 34px rgba(6,45,88,.08)!important;
    border:1px solid #dce7f0!important;
}
body[data-contact-inline="true"] .contact-widget-inline .contact-widget-header{padding:22px 28px;border-radius:24px 24px 0 0;}
body[data-contact-inline="true"] .contact-widget-inline .contact-widget-header strong{font-size:1.12rem;}
body[data-contact-inline="true"] .contact-widget-inline .contact-widget-content{padding:25px 29px 27px;}
body[data-contact-inline="true"] .contact-widget-inline .widget-message-form{gap:13px;}
body[data-contact-inline="true"] .contact-widget-inline .widget-message-form label{font-size:.86rem;}
body[data-contact-inline="true"] .contact-widget-inline .widget-message-form input,
body[data-contact-inline="true"] .contact-widget-inline .widget-message-form textarea{font-size:.9rem;padding:13px 14px;}
body[data-contact-inline="true"] .contact-widget-inline .widget-message-form textarea{min-height:94px;}
body[data-contact-inline="true"] .contact-widget-inline .widget-send {background:linear-gradient(115deg,#18bd7b,#079c99);}
body[data-contact-inline="true"] .map-card--wide {width:100%;margin-top:44px;border:0;border-top:1px solid #dce8ed;
  border-radius:0;box-shadow:none;padding:34px 0 0;background:#f4f8fc;}
body[data-contact-inline="true"] .map-card--wide .map-title {max-width:1240px;width:calc(100% - 64px);margin:0 auto;padding:10px 0 23px;}
body[data-contact-inline="true"] .map-card--wide .map-title h3 {font-size:clamp(1.4rem,2.3vw,2rem);margin-bottom:6px;}
body[data-contact-inline="true"] .map-card--wide iframe{height:450px;width:100%;display:block;border-radius:0;border:0;background:#e2eef4;}
@media(max-width:840px){
 body[data-contact-inline="true"] .contact-grid--messages {grid-template-columns:1fr;gap:26px;}
 body[data-contact-inline="true"] .map-card--wide iframe{height:370px;}
}
@media(max-width:580px){
 body[data-contact-inline="true"] .contact-widget-inline .contact-widget-content{padding:18px;}
 body[data-contact-inline="true"] .contact-widget-inline .contact-widget-header{padding:18px;}
 body[data-contact-inline="true"] .map-card--wide .map-title {width:calc(100% - 36px);}
 body[data-contact-inline="true"] .map-card--wide iframe{height:340px;}
}

/* Focused Contact layout approval preview: map is an independent, full-browser-width row */
body[data-contact-inline="true"] .contact-section-revised {padding-block:70px 48px;}
body[data-contact-inline="true"] .contact-section-revised .contact-grid--messages{align-items:stretch;}
body[data-contact-inline="true"] .contact-section-revised .contact-grid--messages>.contact-card{display:flex;flex-direction:column;align-items:flex-start;}
body[data-contact-inline="true"] .contact-map-fullbleed{width:100%;max-width:100%;margin:0;padding:0;background:#f4f8fc;overflow:hidden;}
body[data-contact-inline="true"] .contact-map-fullbleed .map-card--wide{width:100%;margin:0;padding:28px 0 0;border-top:1px solid #dae6ed;}
body[data-contact-inline="true"] .contact-map-fullbleed .map-title{padding:12px 0 20px;}
body[data-contact-inline="true"] .contact-map-fullbleed iframe{width:100%;height:390px;border-radius:0;margin:0;}
@media(max-width:840px){body[data-contact-inline="true"] .contact-section-revised{padding-block:42px 36px;}body[data-contact-inline="true"] .contact-map-fullbleed iframe{height:350px;}}
@media(max-width:580px){body[data-contact-inline="true"] .contact-map-fullbleed iframe{height:320px;}}


/* Contact revision: approved two-column layout and map staying inside page */
body[data-contact-inline="true"] .contact-message-target{min-width:0;align-self:stretch;scroll-margin-top:130px;}
body[data-contact-inline="true"] .contact-message-target .contact-widget-inline{height:100%!important;}
body[data-contact-inline="true"] .contact-office-label{display:block;font-weight:650;color:#064899;margin-top:9px;margin-bottom:-4px;}
body[data-contact-inline="true"] iframe.noninteractive-google-map{pointer-events:none!important;user-select:none!important;}
html{scroll-padding-top:130px;}
@media(max-width:840px){body[data-contact-inline="true"] .contact-message-target{scroll-margin-top:90px;}}


/* Contact V10 -- coordinate-pinned Google map and inline office telephone */
body[data-contact-inline="true"] .contact-office-phone {
    display: inline-flex!important;
    width: fit-content;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
    color: #098eb1!important;
    direction: ltr;
    text-decoration: none;
    margin-top: 7px;
}
body[data-contact-inline="true"] .contact-office-phone .contact-office-label {
    display: inline!important;
    color: #098eb1!important;
    font-weight: 600;
    margin: 0!important;
}
html[dir="rtl"] body[data-contact-inline="true"] .contact-office-phone {
    direction: rtl;
}
body[data-contact-inline="true"] .contact-office-phone bdi {white-space: nowrap;unicode-bidi:isolate;}
body[data-contact-inline="true"] .contact-office-phone:hover,
body[data-contact-inline="true"] .contact-office-phone:hover .contact-office-label {color:#00866d!important;}
body[data-contact-inline="true"] .alnoor-map-viewport {
    position:relative;
    isolation:isolate;
    height: min(490px, 56vw);
    min-height:340px;
    overflow:hidden;
    background: #dce8ef;
}
body[data-contact-inline="true"] .alnoor-map-viewport iframe {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    border-radius:0;
    pointer-events:none!important;
}
body[data-contact-inline="true"] .alnoor-map-address {
    position:absolute;
    top:18px;
    left:clamp(14px, 4vw, 64px);
    z-index:2;
    display:flex;
    align-items:flex-start;
    gap:11px;
    max-width:min(340px, calc(100% - 28px));
    background:#fff;
    border-radius:4px;
    padding:17px 19px;
    box-shadow:0 5px 22px rgba(9,37,63,.20);
    color:#263544;
    text-align:left;
    direction:ltr;
    pointer-events:none;
}
body[data-contact-inline="true"] .alnoor-map-address-marker {color:#d42b31;font-size:1.1rem;line-height:1.2}
body[data-contact-inline="true"] .alnoor-map-address-copy {display:grid;gap:5px;font-family:Poppins, sans-serif;font-size:.91rem;line-height:1.5;}
body[data-contact-inline="true"] .alnoor-map-address-copy strong {font-size:.95rem;color:#1c2936;}
body[data-contact-inline="true"] .alnoor-map-address-copy span {color:#657381;}
html[dir="rtl"] body[data-contact-inline="true"] .alnoor-map-address {right:clamp(14px, 4vw, 64px);left:auto;text-align:right;direction:rtl;}
@media (max-width:640px){
  body[data-contact-inline="true"] .alnoor-map-viewport{height:360px;min-height:0;}
  body[data-contact-inline="true"] .alnoor-map-address{top:12px;padding:12px 14px;max-width:calc(100% - 26px);}
}

/* Contact: Phone Number / رقم الهاتف matches the adjacent WhatsApp text exactly. */
body[data-contact-inline="true"] .contact-method .contact-office-phone,
body[data-contact-inline="true"] .contact-method .contact-office-phone .contact-office-label,
body[data-contact-inline="true"] .contact-method .contact-office-phone bdi {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: #098eb1 !important;
    text-transform: none !important;
}
body[data-contact-inline="true"] .contact-method .contact-office-phone .contact-office-label {
    margin: 0 !important;
}


/* Contact map V10 — visible map/satellite and +/- controls; embedded map never navigates away. */
body[data-contact-inline="true"] .contact-office-phone {display:inline-flex!important;align-items:baseline;justify-content:flex-start;gap:5px;white-space:normal;}
html[dir="ltr"] body[data-contact-inline="true"] .contact-office-phone {direction:ltr!important;}
html[dir="rtl"] body[data-contact-inline="true"] .contact-office-phone {direction:rtl!important;}
body[data-contact-inline="true"] .contact-office-phone .contact-office-label {display:inline!important;flex:none;}
body[data-contact-inline="true"] .contact-office-phone .phone-ltr {direction:ltr!important;unicode-bidi:isolate;white-space:nowrap;}
body[data-contact-inline="true"] .alnoor-map-type-control,
body[data-contact-inline="true"] .alnoor-map-zoom-control {position:absolute;z-index:6;display:flex;gap:0;background:#fff;border:1px solid #d7e3e9;box-shadow:0 5px 18px rgba(7,37,60,.24);border-radius:8px;overflow:hidden;direction:ltr;}
body[data-contact-inline="true"] .alnoor-map-type-control {top:18px;right:clamp(14px,4vw,64px);}
body[data-contact-inline="true"] .alnoor-map-zoom-control {bottom:22px;right:clamp(14px,4vw,64px);flex-direction:column;}
body[data-contact-inline="true"] .alnoor-map-control-btn,
body[data-contact-inline="true"] .alnoor-map-zoom-btn {appearance:none;border:0;background:#fff;color:#1c4261;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1.1;display:grid;place-items:center;min-height:42px;transition:background .15s,color .15s;}
body[data-contact-inline="true"] .alnoor-map-control-btn {padding:12px 14px;}
body[data-contact-inline="true"] .alnoor-map-control-btn+button {border-left:1px solid #d7e3e9;}
body[data-contact-inline="true"] .alnoor-map-zoom-btn {width:45px;min-height:43px;font-size:24px;}
body[data-contact-inline="true"] .alnoor-map-zoom-btn+button {border-top:1px solid #d7e3e9;}
body[data-contact-inline="true"] .alnoor-map-control-btn[aria-pressed="true"] {background:#064899;color:#fff;}
body[data-contact-inline="true"] .alnoor-map-control-btn:hover:not([aria-pressed="true"]),
body[data-contact-inline="true"] .alnoor-map-zoom-btn:hover:not(:disabled) {background:#e8f6f1;color:#00876b;}
body[data-contact-inline="true"] .alnoor-map-control-btn:focus-visible,
body[data-contact-inline="true"] .alnoor-map-zoom-btn:focus-visible {outline:3px solid #1acfa0;outline-offset:-3px;}
body[data-contact-inline="true"] .alnoor-map-zoom-btn:disabled {color:#8fa1ae;cursor:default;background:#f1f4f6;}
body[data-contact-inline="true"] .alnoor-map-zoom-status {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
html[dir="rtl"] body[data-contact-inline="true"] .alnoor-map-type-control {left:clamp(14px,4vw,64px);right:auto;}
html[dir="rtl"] body[data-contact-inline="true"] .alnoor-map-zoom-control {left:clamp(14px,4vw,64px);right:auto;}
@media(max-width:640px){
 body[data-contact-inline="true"] .alnoor-map-type-control {top:88px;right:12px;}
 html[dir="rtl"] body[data-contact-inline="true"] .alnoor-map-type-control {top:88px;left:12px;right:auto;}
 body[data-contact-inline="true"] .alnoor-map-zoom-control {right:12px;bottom:12px;}
 html[dir="rtl"] body[data-contact-inline="true"] .alnoor-map-zoom-control {left:12px;right:auto;}
 body[data-contact-inline="true"] .alnoor-map-control-btn {font-size:12px;min-height:37px;padding:9px 11px;}
 body[data-contact-inline="true"] .alnoor-map-zoom-btn {width:40px;min-height:39px;}
}

/* Same-page Web3Forms status */
.widget-status[data-state="error"],.status[data-state="error"] {color:#a32630;}
.widget-status[data-state="success"],.status[data-state="success"] {color:#087c5c;}
.widget-status[data-state="pending"],.status[data-state="pending"] {color:#245884;}
.widget-message-form[aria-busy="true"] .widget-send {opacity:.65;cursor:wait;}

/* V10 cross-desktop navigation: retain a visible link bar on medium-size desktop
   viewports (e.g. 1920px monitor with 150% Windows display scaling).
   A wrapped desktop navigation row is preferable to unexpectedly hiding all links.
   Mobile drawers remain active at 840px and below. */
@media (min-width: 841px) and (max-width: 1320px) {
  body:not(.card-page) .site-header .header-inner {
    display: grid;
    grid-template-columns: minmax(185px, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 5px 16px;
    padding: 9px 22px 10px;
  }
  body:not(.card-page) .site-header .brand {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    width: min(100%, 225px);
    justify-self: start;
  }
  body:not(.card-page) .site-header .header-actions {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    gap: 9px;
  }
  body:not(.card-page) .site-header .menu-toggle { display: none; }
  body:not(.card-page) .site-header .nav,
  body:not(.card-page) .site-header .nav.is-open {
    grid-column: 1 / -1;
    grid-row: 2;
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3px 6px;
    width: 100%;
    margin: 0;
    padding: 3px 0 0;
    max-height: none;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
    inset: auto;
    z-index: auto;
  }
  body:not(.card-page) .site-header .nav-link {
    font-size: 13px;
    padding: 8px 11px;
    background: transparent;
    white-space: nowrap;
  }
  body:not(.card-page) .site-header .nav-link.active { background: #109f66; }
}
