@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-600:oklch(54.6% .245 262.881);--color-gray-600:oklch(44.6% .03 256.802);--spacing:.25rem;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-blue-600{color:var(--color-blue-600)}.text-gray-600{color:var(--color-gray-600)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--blue-950:#06172b;--blue-900:#082847;--blue-800:#0a3c73;--blue-700:#0b58a6;--blue-600:#1378ca;--blue-500:#2c9ee9;--blue-100:#dcefff;--blue-50:#f2f9ff;--ink:#111820;--muted:#607080;--line:#d7e3ee;--white:#fff;--shadow:0 24px 60px #06244221}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Tajawal,sans-serif;line-height:1.8}body,button,a{font-family:Tajawal,sans-serif}h1,h2,h3,b,strong{font-family:Cairo,sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}.container{width:min(1180px,100% - 40px);margin-inline:auto}.section{padding:104px 0;scroll-margin-top:90px}.topbar{background:var(--blue-950);color:#c9d9e8;font-size:13px}.topbar-inner,.topbar span,.topbar a{align-items:center;gap:7px;display:flex}.topbar-inner{justify-content:space-between;min-height:39px}.topbar-contact{gap:22px!important}.topbar a:hover{color:var(--white)}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #d7e3eebf;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.brand{align-items:center;gap:12px;min-width:max-content;display:flex}.brand img{object-fit:contain;width:58px;height:52px}.brand span{color:var(--blue-900);font-family:Cairo,sans-serif;font-size:18px;font-weight:900;line-height:1.3}.brand small{color:var(--muted);font-family:Tajawal,sans-serif;font-size:11px;font-weight:600;display:block}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:#354657;font-size:14px;font-weight:700;position:relative}.nav-links a:after{content:"";background:var(--blue-600);width:0;height:2px;transition:width .25s;position:absolute;bottom:-8px;right:0}.nav-links a:hover{color:var(--blue-700)}.nav-links a:hover:after{width:100%}.nav-actions{align-items:center;gap:8px;display:flex}.menu-button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:10px 22px;font-weight:800;transition:transform .22s,background .22s,color .22s,border-color .22s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-small{min-height:40px;padding:8px 15px;font-size:13px}.button-blue{color:var(--white);background:var(--blue-700)}.button-blue:hover{background:var(--blue-800)}.button-outline{border-color:var(--blue-700);color:var(--blue-700)}.button-white{background:var(--white);color:var(--blue-800)}.button-ghost{color:var(--white);border-color:#ffffff73}.hero{color:var(--white);background:linear-gradient(115deg,var(--blue-950) 0%,var(--blue-800) 56%,var(--blue-600) 100%);position:relative;overflow:hidden}.hero-pattern{opacity:.16;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000 15%,#0000 85%);mask-image:linear-gradient(270deg,#000 15%,#0000 85%)}.hero-grid{z-index:1;grid-template-columns:1.18fr .82fr;align-items:center;gap:80px;min-height:690px;padding-block:86px;display:grid;position:relative}.eyebrow{color:var(--blue-700);letter-spacing:.02em;align-items:center;gap:9px;font-size:13px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:28px;height:2px}.eyebrow.light{color:var(--blue-100)}.eyebrow.light span{background:var(--blue-500);border-radius:50%;width:7px;height:7px}.eyebrow.light:has(span):before{display:none}.hero h1{max-width:760px;margin:22px 0;font-size:clamp(38px,5vw,68px);font-weight:900;line-height:1.28}.hero h1 strong{color:#a9dcff;display:block}.hero-copy>p{color:#d7e5f2;max-width:700px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;margin:32px 0 36px;display:flex}.facts{flex-wrap:wrap;gap:9px;display:flex}.facts span{color:#cfe0ef;background:#ffffff14;border:1px solid #ffffff2e;border-radius:7px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.facts b{color:var(--white);font-family:Tajawal,sans-serif}.hero-logo-card{position:relative}.logo-frame{background:var(--white);border:1px solid #ffffff80;padding:20px;position:relative;box-shadow:0 30px 70px #010f1f66}.logo-frame:before{content:"";z-index:-1;border:1px solid #ffffff47;position:absolute;inset:-13px 13px 13px -13px}.logo-frame img{aspect-ratio:1/.82;object-fit:contain;width:100%}.logo-caption{background:var(--blue-950);border-right:4px solid var(--blue-500);color:var(--white);box-shadow:var(--shadow);padding:12px 18px;font-weight:800;position:absolute;bottom:-22px;left:-24px}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:86px;display:grid}.image-card{position:relative}.about-image:before,.media-photo:before{content:"";z-index:-1;background:var(--blue-100);width:70%;height:70%;position:absolute;top:-18px;right:-18px}.about-image img{object-fit:cover;width:100%;height:470px}.location-card{min-width:240px;color:var(--white);background:var(--blue-900);box-shadow:var(--shadow);align-items:center;gap:12px;padding:16px 18px;display:flex;position:absolute;bottom:-26px;left:-24px}.location-card svg{color:var(--blue-500)}.location-card span{flex-direction:column;font-size:13px;line-height:1.5;display:flex}.location-card b{font-size:15px}.section-copy h2,.media-copy h2{color:var(--blue-950);margin:14px 0 22px;font-size:clamp(30px,3vw,43px);line-height:1.35}.section-copy p,.section-heading p{color:var(--muted)}.badges{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.badges span{border:1px solid var(--line);background:var(--blue-50);color:var(--blue-900);align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.badges svg{width:17px;color:var(--blue-600)}.dark-section{color:var(--white);background:var(--blue-950)}.chairman-grid{grid-template-columns:280px 1fr;align-items:center;gap:80px;max-width:1000px;display:grid}.chairman-photo{aspect-ratio:4/6;border:1px solid #a9dcff66;width:240px;padding:9px}.chairman-photo img{object-fit:cover;object-position:center;filter:saturate(.88);width:100%;height:100%}.chairman-copy blockquote{color:#e6f0f8;margin:24px 0 30px;font-family:Cairo,sans-serif;font-size:clamp(21px,2.3vw,30px);line-height:1.85;position:relative}.chairman-copy blockquote:before{content:"“";color:var(--blue-500);opacity:.45;font-size:96px;position:absolute;top:-35px;right:-38px}.signature{border-right:3px solid var(--blue-500);flex-direction:column;padding-right:16px;display:flex}.signature span{color:#9db4c7;font-size:14px}.section-heading{max-width:720px;margin-bottom:50px}.section-heading h2{color:var(--blue-950);margin:12px 0 14px;font-size:clamp(30px,3.5vw,46px);line-height:1.35}.section-heading p{max-width:650px;font-size:17px}.dark-heading h2{color:var(--white)}.dark-heading p{color:#b9cbda}.services-grid{grid-template-columns:1fr 1.12fr 1fr;align-items:center;gap:18px;display:grid}.service-card{border:1px solid var(--line);background:var(--white);min-height:330px;padding:34px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-7px)}.service-card.featured{min-height:380px;color:var(--white);background:var(--blue-800);border-color:var(--blue-800)}.service-icon{background:var(--blue-100);width:58px;height:58px;color:var(--blue-700);place-items:center;margin-bottom:44px;display:grid}.featured .service-icon{color:var(--white);background:#ffffff1f}.service-card h3{max-width:270px;color:var(--blue-950);margin-bottom:14px;font-size:21px;line-height:1.55}.service-card p{color:var(--muted);font-size:15px}.featured h3,.featured p{color:var(--white)}.featured p{color:#c7dbeb}.card-number{color:#d7e3ee;font:900 28px Cairo;position:absolute;top:24px;left:24px}.featured .card-number{color:#ffffff2e}.media-section{color:var(--white);background:var(--blue-900)}.media-grid{grid-template-columns:.72fr 1.28fr;align-items:center;gap:84px;display:grid}.media-photo{max-width:380px}.media-photo:before{background:var(--blue-500);opacity:.5}.media-photo img{object-fit:cover;width:100%;height:480px}.media-copy h2{color:var(--white)}.media-copy p{color:#bdd0df;font-size:17px}.social-links{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.social-links a{background:#ffffff0d;border:1px solid #ffffff4d;align-items:center;gap:8px;padding:9px 14px;font-weight:700;display:flex}.social-links a:hover{background:var(--white);color:var(--blue-900)}.social-links svg{width:18px}.projects-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.project-card{border:1px solid var(--line);background:var(--white);grid-template-rows:auto auto;grid-template-columns:56px 1fr auto;align-items:center;column-gap:20px;padding:28px;transition:border-color .2s,background .2s;display:grid}.project-card:hover{border-color:var(--blue-500);background:var(--blue-50)}.project-icon{width:48px;height:48px;color:var(--blue-700);background:var(--blue-100);grid-row:1/3;padding:11px}.project-card h3{color:var(--blue-950);margin:0;font-size:18px}.project-card p{color:var(--muted);margin:4px 0 0;font-size:14px}.project-card a{color:var(--blue-700);grid-area:1/3/3;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.team-section{background:var(--blue-50)}.team-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px;display:flex}.team-card{text-align:center;width:min(100%,270px)}.team-photo{aspect-ratio:4/6;background:var(--white);width:176px;box-shadow:12px 12px 0 var(--blue-100);border:1px solid #bdd5e9;margin:0 auto 20px;padding:7px}.team-photo img{object-fit:cover;object-position:center;width:100%;height:100%}.team-info h3{color:var(--blue-950);margin-bottom:3px;font-size:20px}.team-info span{min-height:28px;color:var(--blue-700);font-size:13px;font-weight:800;display:block}.team-info a{color:var(--muted);direction:ltr;align-items:center;gap:5px;margin-top:8px;font-size:12px;display:inline-flex}.gallery-section{padding-top:92px}.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:12px;display:grid}.gallery-grid figure{margin:0;position:relative;overflow:hidden}.gallery-grid .gallery-wide{grid-column:span 2}.gallery-grid img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-grid figure:hover img{transform:scale(1.04)}.gallery-grid figcaption{color:var(--white);background:#06172bdb;padding:6px 11px;font-size:12px;font-weight:800;position:absolute;bottom:13px;right:13px}.contact-section{color:var(--white);background:var(--blue-950)}.contact-grid{grid-template-columns:.88fr 1.12fr;align-items:stretch;gap:48px;display:grid}.contact-details{gap:18px;display:grid}.contact-block{border-bottom:1px solid #ffffff1f;grid-template-columns:46px 1fr;gap:16px;padding-bottom:18px;display:grid}.contact-icon{width:42px;height:42px;color:var(--blue-500);background:#ffffff14;place-items:center;display:grid}.contact-icon svg{width:20px}.contact-block h3{margin-bottom:6px;font-size:17px}.contact-block p,.contact-block a{color:#aec3d4;align-items:center;gap:6px;margin:2px 0;font-size:14px;display:flex}.contact-block a:hover{color:var(--white)}.whatsapp-list{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.whatsapp-list a{color:var(--white);border:1px solid #ffffff2e;padding:5px 9px}.map-wrap{background:#ffffff0d;border:1px solid #ffffff2b;min-height:520px;padding:8px}.map-wrap iframe{filter:grayscale(.2)contrast(1.05);border:0;width:100%;height:100%;min-height:502px}footer{color:#8fa6ba;background:#030d18;padding:28px 0;font-size:13px}.footer-inner{align-items:center;gap:16px;display:flex}.footer-inner img{object-fit:contain;background:var(--white);width:65px;height:50px}.footer-inner div{flex-direction:column;display:flex}.footer-inner b{color:var(--white);font-size:14px}.footer-inner p{text-align:left;margin:0 0 0 auto}.floating-whatsapp{z-index:20;width:54px;height:54px;color:var(--white);background:var(--blue-600);border:3px solid var(--white);border-radius:50%;place-items:center;transition:transform .2s;display:grid;position:fixed;bottom:20px;left:20px;box-shadow:0 10px 30px #0319304d}.floating-whatsapp:hover{transform:translateY(-4px)}@media(max-width:1060px){.nav-links{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0;padding:12px;display:none;position:fixed;top:82px;left:20px;right:20px}.nav-links.open{display:flex}.nav-links a{padding:10px 12px}.menu-button{display:inline-flex}.hero-grid{grid-template-columns:1fr .72fr;gap:45px}.projects-grid{grid-template-columns:1fr}}@media(max-width:800px){.section{padding:76px 0}.topbar-inner{justify-content:center;padding:8px 0}.topbar-inner>span:first-child{display:none}.hero-grid,.about-grid,.chairman-grid,.media-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{min-height:auto;padding-block:68px}.hero-logo-card{grid-row:1;width:min(100%,430px);margin-inline:auto}.hero-copy{grid-row:2}.about-grid,.media-grid{gap:62px}.about-image{width:min(100%,520px)}.chairman-grid{gap:45px}.chairman-photo{width:190px}.services-grid{grid-template-columns:1fr}.service-card,.service-card.featured{min-height:auto}.media-photo{max-width:320px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid .gallery-wide{grid-column:span 1}.map-wrap{min-height:390px}.map-wrap iframe{min-height:372px}}@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.topbar-contact a:first-child{display:none}.brand img{width:47px;height:44px}.brand span{font-size:15px}.brand small{font-size:9px}.nav-whatsapp,.nav-actions>.button-outline{display:none}.hero h1{font-size:36px}.hero-copy>p{font-size:16px}.hero-actions .button{width:100%}.logo-caption{font-size:13px;left:-5px}.about-image img{height:340px}.location-card{min-width:215px;left:-5px}.chairman-copy blockquote{font-size:19px}.project-card{grid-template-columns:48px 1fr}.project-card a{grid-area:3/2;margin-top:10px}.project-icon{width:44px;height:44px}.team-grid{gap:38px}.team-photo{width:150px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:230px}.footer-inner{flex-wrap:wrap}.footer-inner p{text-align:right;width:100%;margin:4px 0 0}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}