@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@font-face{font-family:Thmanyah Serif Display;src:url(/fonts/Display400.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Thmanyah Serif Display;src:url(/fonts/Display500.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Thmanyah Serif Display;src:url(/fonts/Display700.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Thmanyah Serif Display;src:url(/fonts/Display900.woff2)format("woff2");font-style:normal;font-weight:900}@font-face{font-family:Thmanyah Serif Text;src:url(/fonts/Text400.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Thmanyah Serif Text;src:url(/fonts/Text500.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Thmanyah Serif Text;src:url(/fonts/Text700.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:700}:root{--bg-color:#fff;--text-primary:#171717;--text-secondary:#5e5e5e;--btn-primary-bg:#0a0a0a;--btn-primary-text:#fff;--btn-secondary-bg:#ebebeb;--btn-secondary-text:#0a0a0a;--success-color:#22c55e;--font-arabic-display:"Thmanyah Serif Display", serif;--font-arabic-text:"Thmanyah Serif Text", serif;--font-english:"Inter", sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{font-family:var(--font-arabic-text);background-color:var(--bg-color);color:var(--text-primary);direction:rtl;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-container{width:100%;min-height:100vh}.navbar-wrapper{z-index:1000;width:100%;max-width:1200px;padding:10px 20px;position:fixed;top:0;left:50%;transform:translate(-50%)}.navbar{-webkit-backdrop-filter:blur(10px);background-color:#ffffffb3;border-radius:20px;width:100%}.navbar-wrapper{z-index:1000;width:100%;position:fixed;top:0;left:50%;transform:translate(-50%)}.navbar{-webkit-backdrop-filter:blur(10px);background-color:#ffffffb3;width:100%}.navbar-container{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:12px 20px;display:flex}.nav-logo a{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-text{font-family:var(--font-arabic-display);color:#171717;white-space:nowrap;font-size:24px;font-weight:700}.logo-img-wrapper{border:2px solid #fff;border-radius:12px;width:48px;height:48px;overflow:hidden;box-shadow:0 15px 15px -3.75px #0000000f,0 4.7px 4.7px -2.8px #00000026,0 1.8px 1.8px -1.8px #0000002b}.logo-img-wrapper img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{font-family:var(--font-arabic-text);color:#0a0a0a;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1;font-size:18px;font-weight:400;text-decoration:none;transition:opacity .2s,transform .2s}.nav-link:hover{opacity:.7;transform:translateY(-2px)}.nav-action .btn-small{color:#fff;background-color:#0a0a0a;border-radius:99px;height:44px;padding:0 24px;font-size:14px;box-shadow:0 20px 20px -2px #0000000f,0 6px 6px -1.5px #0000000d}.nav-mobile-menu{display:none}.mobile-menu-btn{cursor:pointer;background-color:#0a0a0a;border:none;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;box-shadow:0 4px 10px #0000001a}.mobile-menu-icon{background-color:#1a1a1a;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}@media (width<=900px){.nav-links,.nav-action{display:none}.nav-mobile-menu{display:block}}.hero{flex-direction:column;align-items:center;width:100%;padding:160px 0 0;display:flex;position:relative;overflow:hidden}.hero-container{z-index:10;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:800px;margin-bottom:60px;padding:0 20px;display:flex}.hero-text-group{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.hero-badge{background-color:#f7f7f7;border-radius:100px;justify-content:center;align-items:center;gap:10px;width:max-content;height:30px;padding:5px 16px 4px;display:flex;overflow:hidden}.badge-text{font-family:var(--font-arabic-display);color:#1f1f1f;font-size:14px;font-weight:400;line-height:1.6}.availability-dot-wrapper{flex-shrink:0;width:10px;height:10px;position:relative}.availability-dot{background-color:#22c55e;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.availability-dot-pulse{transform-origin:50%;background-color:#22c55e;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite availability-pulse;position:absolute;inset:0}@keyframes availability-pulse{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.hero-title{font-family:var(--font-arabic-display);color:#171717;text-align:center;font-feature-settings:"ss01" 1;font-size:56px;font-weight:900;line-height:1.4}.hero-subtitle{font-family:var(--font-arabic-text);color:#5e5e5e;text-align:center;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1;max-width:623px;font-size:20px;font-weight:400;line-height:1.4}.en-font{font-family:var(--font-english)}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.btn{height:56px;font-family:var(--font-arabic-text);font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;cursor:pointer;border-radius:99px;justify-content:center;align-items:center;padding:0 32px;font-size:16px;font-weight:500;transition:transform .2s,opacity .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.btn-small{height:48px;padding:0 20px}.btn:hover{transform:scale(1.02)}.btn-content-wrapper{flex-direction:row-reverse;align-items:center;gap:10px;height:100%;display:flex}.btn-text-anim,.btn-icon-anim{flex-direction:column;justify-content:center;height:24px;display:flex;position:relative;overflow:hidden}.btn-text,.btn-icon{transition:transform .3s cubic-bezier(.2,0,0,1);display:block;transform:translateY(0)}.btn-text-hover,.btn-icon-hover{width:100%;position:absolute;top:100%;left:0}.btn:hover .btn-text,.btn:hover .btn-icon{transform:translateY(-100%)}.btn-primary{color:#fff;background-color:#0a0a0a;box-shadow:0 .8px .8px -.5px #0000000a,0 2.4px 2.4px -1px #0000000a,0 6.4px 6.4px -1.5px #0000000d,0 20px 20px -2px #0000000f}.btn-inverse{color:#171717;background-color:#fff;box-shadow:0 .8px .8px -.5px #0000000a,0 2.4px 2.4px -1px #0000000a,0 6.4px 6.4px -1.5px #0000000d,0 20px 20px -2px #0000000f}.btn-secondary{color:#0a0a0a;background-color:#ebebeb;box-shadow:0 .8px .8px -.5px #0000000a,0 2.4px 2.4px -1px #0000000a,0 6.4px 6.4px -1.5px #0000000d,0 20px 20px -2px #0000000f}.btn-icon,.whatsapp-icon{width:20px;height:20px}.hero-visual{direction:ltr;justify-content:center;width:100%;height:450px;margin-top:40px;display:flex;position:relative;overflow:hidden}.visual-link{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.visual-column{box-sizing:border-box;align-items:center;display:flex;position:absolute;overflow:hidden}.marquee-track{will-change:transform;align-items:center;width:max-content;height:100%;animation:20s ease-in-out infinite slideshow;display:flex}.portfolio-img-wrapper{flex:none;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.portfolio-img-wrapper img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.col-left{z-index:1;border-radius:32px;width:380px;height:260px;margin-top:-130px;margin-left:-190px;top:50%;left:calc(50% - 365px);transform:rotate(-5deg)}.col-left .portfolio-img-wrapper{width:380px}.col-center{z-index:3;border-radius:44px;width:480px;height:360px;margin-top:-180px;margin-left:-240px;top:calc(50% - 21px);left:50%;box-shadow:0 5px 20px #00000029}.col-center .portfolio-img-wrapper{width:480px}.center-border-overlay{z-index:4;pointer-events:none;border:11px solid #fff;border-radius:44px;position:absolute;inset:0}.col-right{z-index:2;border-radius:32px;width:380px;height:260px;margin-top:-130px;margin-left:-190px;top:50%;left:calc(50% + 365px);transform:rotate(5deg)}.col-right .portfolio-img-wrapper{width:380px}.hero-bg-frame{z-index:0;opacity:.1;pointer-events:none;width:266px;height:197px;position:absolute;top:20px;right:20px}.hero-bg-frame img{object-fit:cover;width:100%;height:100%}@media (width<=1024px){.col-left{width:300px;height:220px;left:calc(50% - 250px)}.col-right{width:300px;height:220px;left:calc(50% + 250px)}.col-left .portfolio-img-wrapper,.col-right .portfolio-img-wrapper{width:300px}}@media (width<=900px){.hero{padding-top:80px}.hero-container{gap:60px;padding:32px 20px 0}.hero-title{font-size:40px;line-height:1.4}.hero-subtitle{max-width:100%;font-size:16px}.hero-actions{flex-wrap:nowrap;gap:8px;width:100%;max-width:400px}.hero-actions .btn{white-space:nowrap;flex:1;height:48px;padding:0 12px;font-size:14px}.btn-icon,.whatsapp-icon{width:18px;height:18px}.hero-visual{height:250px;margin-top:0}.col-center{border-radius:24px;width:280px;height:210px;margin-top:-105px;margin-left:-140px}.col-center .portfolio-img-wrapper{width:280px}.center-border-overlay{border-width:6px;border-radius:24px}.col-left{border-radius:16px;width:200px;height:140px;margin-top:-70px;margin-left:-100px;left:calc(50% - 130px)}.col-left .portfolio-img-wrapper{width:200px}.col-right{border-radius:16px;width:200px;height:140px;margin-top:-70px;margin-left:-100px;left:calc(50% + 130px)}.col-right .portfolio-img-wrapper{width:200px}}.projects-section{background-color:var(--bg-color);z-index:10;width:100%;padding-top:120px;position:relative}.projects-container{flex-direction:column;align-items:center;width:100%;margin-bottom:120px;display:flex}.projects-header{text-align:center;z-index:20;flex-direction:column;align-items:center;gap:16px;margin-bottom:60px;display:flex}.projects-badge{background:0 0;border:1px solid #0000000d;border-radius:50px;padding:6px 16px}.projects-badge-text{font-family:var(--font-arabic-display);color:var(--text-secondary);font-size:16px;font-weight:500}.projects-title{font-family:var(--font-arabic-display);color:var(--text-primary);font-size:clamp(28px,4vw,48px);font-weight:500;line-height:1.4}.projects-grid{grid-template-columns:repeat(2,1fr);gap:32px;width:100%;max-width:1100px;padding:0 20px;display:grid}.project-card{cursor:pointer;transform-origin:50%;will-change:transform;flex-direction:column;gap:20px;width:100%;text-decoration:none;display:flex}.project-img-container{aspect-ratio:4/3;background-color:var(--bg-secondary,#f8f9fa);border-radius:28px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000000a}.project-img-container img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s;display:block}.project-card:hover .project-img-container img{transform:scale(1.05)}.project-footer{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.project-info{flex-direction:column;gap:4px;display:flex}.project-title{font-family:var(--font-arabic-text);color:var(--text-primary);font-size:22px;font-weight:700}.project-type{font-family:var(--font-arabic-text);color:var(--text-secondary);font-size:15px}.project-view-btn{color:var(--text-secondary);align-items:center;gap:8px;transition:color .3s;display:flex}.project-card:hover .project-view-btn{color:var(--text-primary)}.project-view-text{font-family:var(--font-arabic-text);font-size:15px;font-weight:500}.project-view-icon{width:18px;height:18px;transition:transform .3s}.project-card:hover .project-view-icon{transform:translate(-4px,-4px)}.load-more-container{justify-content:center;width:100%;margin-top:48px;display:flex}.load-more-btn{color:#fff;font-family:var(--font-arabic-display);background-color:#0a0a0a;border-radius:99px;padding:14px 32px;font-size:16px;font-weight:600;transition:opacity .3s,transform .3s,box-shadow .3s;box-shadow:0 10px 20px #0000000d}.load-more-btn:hover{opacity:.9;transform:translateY(-4px);box-shadow:0 15px 25px #0000001a}@media (width<=900px){.projects-grid{grid-template-columns:1fr;max-width:500px}}.services-section{background-color:#f9f9f9;justify-content:center;width:100%;padding:100px 20px;display:flex}.services-container{flex-direction:column;align-items:center;gap:48px;width:100%;max-width:1100px;display:flex}.services-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.services-badge{background:0 0}.services-badge-text{font-family:var(--font-arabic-display);color:#5e5e5e;font-size:16px;font-weight:500}.services-title{font-family:var(--font-arabic-display);color:#171717;font-size:clamp(32px,5vw,48px);font-weight:500;line-height:1.4}.services-title span{display:inline-block}.services-grid{flex-wrap:wrap;gap:12px;width:100%;display:flex}.service-card{text-align:start;background-color:#fff;border-radius:24px;flex-direction:column;align-items:flex-start;height:229px;padding:32px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #00000008}.service-card:first-child{width:calc(45% - 6px)}.service-card:nth-child(2),.service-card:nth-child(3){width:calc(55% - 6px)}.service-card:nth-child(4){width:calc(45% - 6px)}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.service-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.service-icon svg{width:28px;height:28px}.service-text{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.service-card-title{font-family:var(--font-arabic-display);color:#171717;font-size:22px;font-weight:500}.service-card-desc{font-family:var(--font-arabic-text);color:#5e5e5e;max-width:100%;font-size:15px;line-height:1.7}.cta-button{color:#fff;font-family:var(--font-arabic-text);cursor:pointer;background-color:#0a0a0a;border:none;border-radius:99px;padding:16px 36px;font-size:16px;font-weight:500;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px #0000000d}.cta-button:hover{transform:scale(1.03);box-shadow:0 15px 30px #0000001a}@media (width<=900px){.services-container{gap:40px}.services-grid{flex-direction:column;max-width:500px}.service-card:first-child,.service-card:nth-child(2),.service-card:nth-child(3),.service-card:nth-child(4){width:100%}}.about-section{background-color:#fff;justify-content:center;width:100%;padding:180px 20px 80px;display:flex}.about-container{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:60px;width:100%;max-width:980px;display:flex}.about-right-col{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:32px;width:421px;display:flex}.about-title-wrapper{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.about-badge-text{font-family:var(--font-arabic-display);color:#5e5e5e;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;font-size:16px;font-weight:500;line-height:1.6}.about-title{font-family:var(--font-arabic-display);color:#171717;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;font-size:40px;font-weight:700;line-height:1.3}.about-stats-box{background-color:#fff;border:1px solid #ebebeb;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;gap:24px;width:100%;padding:10px 24px 16px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-item h3{color:#09090b;font-family:Inter,sans-serif;font-size:24px;font-weight:600}.stat-item p{font-family:var(--font-arabic-text);color:#5e5e5e;text-align:center;font-size:14px}.stat-divider{background-color:#ebebeb;width:1px;height:45px}.about-tools-box{background-color:#fff;border:1px solid #ebebeb;border-radius:20px;flex-direction:row;justify-content:flex-end;align-items:center;gap:22px;width:100%;padding:18px 24px;display:flex;overflow:hidden}.tools-title{font-family:var(--font-arabic-display);color:#171717;flex-shrink:0;font-size:16px;font-weight:600}.tools-ticker-wrapper{flex-grow:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.tools-ticker{flex-direction:row;align-items:center;gap:48px;width:max-content;animation:20s linear infinite scroll-ticker;display:flex}.tool-img-container{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tool-img-container img{object-fit:contain;width:100%;height:100%}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(50%)}}.about-left-col{flex-direction:column;flex:1;align-items:flex-start;gap:32px;min-width:0;display:flex}.about-paragraph-group{flex-direction:column;gap:10px;display:flex}.about-paragraph-group h4{font-family:var(--font-arabic-display);color:#171717;font-feature-settings:"ss01" 1;font-size:24px;font-weight:500;line-height:1.4}.about-paragraph-group p{font-family:var(--font-arabic-text);color:#707070;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1;font-size:18px;font-weight:400;line-height:1.5}@media (width<=900px){.about-container{flex-direction:column;align-items:center;gap:32px}.about-right-col,.about-left-col{display:contents}.about-title-wrapper{order:1;width:100%}.about-paragraph-group{order:2;width:100%}.about-stats-box{order:3;width:100%}.about-tools-box{order:4;width:100%}.about-title{font-size:32px}.about-paragraph-group h4{font-size:20px}.about-paragraph-group p{font-size:16px;line-height:1.5}}.process-section{background-color:#fff;justify-content:center;align-items:center;width:100%;padding:120px 20px 80px;display:flex}.process-container{flex-direction:column;align-items:center;gap:80px;width:100%;max-width:1000px;display:flex}.process-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.process-badge-text{font-family:var(--font-arabic-display);color:#5e5e5e;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;font-size:16px;font-weight:500;line-height:1.6}.process-title{font-family:var(--font-arabic-display);color:#171717;text-align:center;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.3}.process-steps-container{flex-direction:row;justify-content:center;gap:24px;width:100%;display:flex}.process-step-card{background-color:#fff;border:1px solid #ebebeb;border-radius:24px;flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;gap:8px;min-height:196px;padding:32px 24px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.process-step-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.step-icon{z-index:2;background-color:#f7f7f7;border-radius:13.33px;flex-direction:row;justify-content:center;align-items:center;gap:13.33px;width:min-content;height:min-content;padding:6px 12px;transition:transform .3s;display:flex}.process-step-card:hover .step-icon{transform:rotate(-8deg)}.step-icon p{color:#171717;font-family:Inter,sans-serif;font-size:16px;font-weight:600}.step-content{z-index:2;flex-direction:column;gap:12px;display:flex}.step-content h3{font-family:var(--font-arabic-display);color:#171717;text-align:right;font-size:24px;font-weight:600}.step-content p{font-family:var(--font-arabic-text);color:#5e5e5e;text-align:right;font-size:16px;font-weight:400;line-height:1.6}.step-big-number{z-index:1;pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:32px;left:12px;transform:translateY(20px)scale(.9)}.process-step-card:hover .step-big-number{opacity:.08;transform:translateY(0)scale(1)}.step-big-number span.gradient-text{letter-spacing:-.02em;-webkit-text-fill-color:transparent;color:#0000;background-image:linear-gradient(#000 17.3%,#0000 77.3%);-webkit-background-clip:text;background-clip:text;font-family:Inter,sans-serif;font-size:160px;font-weight:900;line-height:204px}.process-footer{margin-top:16px}.process-footer p{font-family:var(--font-arabic-text);color:#929292;text-align:center;font-size:16px}@media (width<=900px){.process-steps-container{flex-direction:column}}.testimonials-section{background-color:#fff;justify-content:center;align-items:center;width:100%;padding:80px 20px;display:flex}.testimonials-container{flex-direction:column;align-items:center;gap:48px;width:100%;max-width:920px;display:flex}.testimonials-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.testimonials-badge-text{font-family:var(--font-arabic-display);color:#5e5e5e;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;font-size:16px;font-weight:500;line-height:1.6}.testimonials-title{font-family:var(--font-arabic-display);color:#171717;font-size:40px;font-weight:700;line-height:1.3}.testimonials-carousel{flex-direction:column;align-items:center;gap:32px;width:100%;display:flex}.testimonial-card{width:100%}.testimonial-content-wrapper{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:625px;margin:0 auto;display:flex}.testimonial-stars{color:#171717;flex-direction:row;justify-content:center;gap:2px;display:flex}.testimonial-stars svg{width:16px;height:16px}.testimonial-text{font-family:var(--font-arabic-display);text-align:center;color:#171717;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;width:100%;font-size:24px;font-weight:500;line-height:1.4}.testimonial-author{flex-direction:column;align-items:center;gap:8px;margin-top:16px;display:flex}.testimonial-author h4{font-family:var(--font-arabic-display);color:#171717;text-align:center;font-size:18px;font-weight:600}.testimonial-author p{font-family:var(--font-arabic-text);color:#929292;text-align:center;font-size:16px}.testimonials-dots{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.testimonials-dots .dot{cursor:pointer;background-color:#d0d0d0;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background-color .3s}.testimonials-dots .dot.active{background-color:#111}.faq-section{background-color:#f9fafb;justify-content:center;align-items:center;width:100%;padding:100px 20px;display:flex}.faq-container{flex-direction:row;justify-content:space-between;align-items:stretch;gap:64px;width:100%;max-width:1100px;display:flex}.faq-info{flex-direction:column;flex:1;justify-content:space-between;gap:64px;max-width:400px;display:flex}.faq-heading-wrapper{flex-direction:column;gap:12px;display:flex}.faq-badge{font-family:var(--font-arabic-display);color:#5e5e5e;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;font-size:16px;font-weight:500;line-height:1.6}.faq-title{font-family:var(--font-arabic-display);color:#171717;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;font-size:40px;font-weight:700;line-height:1.3}.faq-contact{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.faq-contact-text{flex-direction:column;gap:4px;display:flex}.faq-contact h3{font-family:var(--font-arabic-display);color:#171717;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;margin:0;font-size:20px;font-weight:500}.faq-contact p{font-family:var(--font-arabic-text);color:#5e5e5e;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;margin:0;font-size:16px;font-weight:400;line-height:1.6}.faq-socials{flex-direction:row;justify-content:flex-start;gap:8px;display:flex}.faq-socials a{color:#141b34;cursor:pointer;background-color:#0000;border:1px solid #707070;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.faq-socials a:hover{color:#fff;border-color:#0000;transform:scale(1.2)rotate(-5deg)}.faq-socials a.social-email:hover{background-color:#171717}.faq-socials a.social-behance:hover{background-color:#1769ff}.faq-socials a.social-x:hover{background-color:#171717}.faq-socials a.social-linkedin:hover{background-color:#0a66c2}.faq-socials a.social-whatsapp:hover{background-color:#25d366}.faq-socials a svg{width:24px;height:24px}.faq-accordion{flex-direction:column;flex:1;gap:16px;max-width:600px;display:flex}.faq-item{cursor:pointer;background-color:#fff;border-radius:20px;flex-direction:column;width:100%;padding:16px 20px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 3px 2px #0000000a}.faq-item:hover{box-shadow:0 6px 15px #0000000d}.faq-item-header{justify-content:space-between;align-items:center;width:100%;display:flex}.faq-item-header h5{font-family:var(--font-arabic-display);color:#171717;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;margin:0;font-size:18px;font-weight:500;line-height:1.4}.faq-icon{color:#999;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .3s;display:flex}.faq-icon.rotated{transform:rotate(45deg)}.faq-item-content-wrapper{overflow:hidden}.faq-item-content{padding-top:16px}.faq-item-content p{font-family:var(--font-arabic-text);color:#5e5e5e;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;margin:0;font-size:16px;line-height:1.6}@media (width<=900px){.faq-container{flex-direction:column;align-items:center;gap:48px}.faq-info{text-align:center;align-items:center;max-width:100%}.faq-accordion{max-width:100%}.faq-item-header h5{text-align:right}}.footer-section{background-color:#f7f7f7;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:694px;padding:32px 20px;display:flex;position:relative;overflow:hidden}.footer-container{background-color:#0a0a0a;border-radius:40px;flex-direction:column;flex:1;align-items:center;width:100%;height:auto;min-height:100%;padding:70px 36px 60px;display:flex;position:relative;overflow:hidden}.footer-section.footer-minimal{background-color:#0000;min-height:auto;padding:0 20px 32px}.footer-section.footer-minimal .footer-container{justify-content:center;height:129px;min-height:129px;padding:0 36px}.footer-section.footer-minimal .footer-content{justify-content:center}.footer-section.footer-minimal .footer-bottom{padding-top:0}.footer-bg{z-index:1;pointer-events:none;background:radial-gradient(100% 100% at 0 0,#2e2e2e 0%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(125% 100% at 0 0,#000 0%,#00000039 88.28%,#0000 100%);mask-image:radial-gradient(125% 100% at 0 0,#000 0%,#00000039 88.28%,#0000 100%)}.footer-gradient-1,.footer-gradient-2,.footer-gradient-3,.footer-gradient-4,.footer-gradient-5{opacity:.05;background:linear-gradient(#fff 0% 83.9%,#fff0 100%);width:100%;height:100%;position:absolute;top:0;left:0;transform:skew(45deg)}.footer-gradient-1{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20%,#0000 36%,#000 55%,#00000021 67%,#000 78%,#0000 97%);mask-image:linear-gradient(90deg,#0000 0%,#000 20%,#0000 36%,#000 55%,#00000021 67%,#000 78%,#0000 97%)}.footer-gradient-2{-webkit-mask-image:linear-gradient(90deg,#0000 11%,#000 25%,#0000008c 41%,#00000021 67%,#000 78%,#0000 97%);mask-image:linear-gradient(90deg,#0000 11%,#000 25%,#0000008c 41%,#00000021 67%,#000 78%,#0000 97%)}.footer-gradient-3{-webkit-mask-image:linear-gradient(90deg,#0000 9%,#000 20%,#0000008c 28%,#0000006b 40%,#000 48%,#00000042 54%,#00000021 78%,#000 88%,#0000 97%);mask-image:linear-gradient(90deg,#0000 9%,#000 20%,#0000008c 28%,#0000006b 40%,#000 48%,#00000042 54%,#00000021 78%,#000 88%,#0000 97%)}.footer-gradient-4{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 17%,#0000008c 26%,#000 35%,#0000 47%,#00000021 69%,#000 79%,#0000 97%);mask-image:linear-gradient(90deg,#0000 0%,#000 17%,#0000008c 26%,#000 35%,#0000 47%,#00000021 69%,#000 79%,#0000 97%)}.footer-gradient-5{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20%,#0000008c 27%,#000 42%,#0000 48%,#00000021 67%,#000 74% 82%,#00000078 88%,#0000 97%);mask-image:linear-gradient(90deg,#0000 0%,#000 20%,#0000008c 27%,#000 42%,#0000 48%,#00000021 67%,#000 74% 82%,#00000078 88%,#0000 97%)}.footer-noise{opacity:.1;border-radius:inherit;background-image:url(https://framerusercontent.com/images/6mcf62RlDfRfU61Yg5vb2pefpi4.png?width=256&height=256);background-position:0 0;background-repeat:repeat;background-size:150px;border:0;position:absolute;inset:0}.footer-content{z-index:2;flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;max-width:1000px;display:flex;position:relative}.footer-cta{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;max-width:800px;display:flex}.footer-text-content{flex-direction:column;align-items:center;gap:32px;max-width:620px;display:flex}.footer-title{font-family:var(--font-arabic-display);color:#fff;font-feature-settings:"ss01" 1;max-width:590px;margin:0;font-size:56px;font-weight:900;line-height:1.4}.footer-subtitle{font-family:var(--font-arabic-text);color:#d6d6d6;text-align:center;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1;max-width:431px;margin-bottom:0;font-size:18px;font-weight:400;line-height:1.5}.footer-bottom{direction:ltr;flex-direction:row;align-items:center;width:100%;padding-top:40px;display:flex}.footer-socials{flex:1;justify-content:flex-start;gap:8px;display:flex}.footer-socials a{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #707070;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.footer-socials a svg{width:24px;height:24px}.footer-socials a:hover{border-color:#0000;transform:scale(1.2)rotate(-5deg)}.footer-socials a.social-email:hover{background-color:#ea4335}.footer-socials a.social-behance:hover{background-color:#053eff}.footer-socials a.social-x:hover{background-color:#14171a}.footer-socials a.social-linkedin:hover{background-color:#0077b5}.footer-socials a.social-whatsapp:hover{background-color:#25d366}.footer-copyright{font-family:var(--font-arabic-text);color:#d6d6d6;text-align:center;direction:rtl;flex:1;margin:0;font-size:18px}.footer-logo{direction:rtl;flex:1;justify-content:flex-start;align-items:center;gap:12px;text-decoration:none;display:flex}.footer-logo-text{font-family:var(--font-arabic-display);color:#fff;white-space:nowrap;font-size:24px;font-weight:700}.footer-avatar{border:2px solid #fff;border-radius:12px;width:44px;height:44px;overflow:hidden;box-shadow:0 4px 15px #0003}.footer-avatar img{object-fit:cover;width:100%;height:100%}@media (width<=900px){.footer-bottom{flex-direction:column-reverse;gap:24px}.footer-socials,.footer-logo{justify-content:center;width:100%}.footer-title{font-size:40px}.footer-section.footer-minimal .footer-container{height:auto;padding:40px 20px}}.project-details-page{background-color:#fff;flex-direction:column;width:100%;min-height:100vh;display:flex}.project-details-container{flex-direction:column;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:120px 20px 80px;display:flex}.back-button{font-family:var(--font-arabic-text);color:#929292;align-self:flex-start;align-items:center;gap:8px;margin-bottom:40px;font-size:16px;text-decoration:none;transition:color .3s;display:flex}.back-button:hover{color:#171717}.project-details-header{flex-direction:column;align-items:flex-start;width:100%;margin-bottom:40px;display:flex}.project-details-title{font-family:var(--font-arabic-display);color:#171717;text-align:right;text-wrap:balance;font-feature-settings:"ss01" 1;max-width:670px;margin-bottom:24px;font-size:clamp(32px,5vw,56px);font-weight:900}.project-details-description{font-family:var(--font-arabic-text);color:#5e5e5e;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1;max-width:614px;margin-bottom:40px;font-size:18px;line-height:1.5}.project-header-divider{background-color:#ebebeb;width:100%;height:1px;margin-top:24px;margin-bottom:0}.project-facts-container{flex-flow:wrap;justify-content:flex-start;gap:56px;width:100%;display:flex}.project-fact-item{flex-direction:column;flex:none;align-items:flex-start;gap:8px;display:flex}.fact-label{font-family:var(--font-arabic-text);color:#5e5e5e;margin:0;font-size:14px}.fact-value{font-family:var(--font-arabic-display);color:#171717;text-align:right;margin:0;font-size:20px;font-weight:600}.fact-platforms-list{flex-direction:row;gap:12px;display:flex}.platform-btn{color:#fff;height:40px;font-family:var(--font-arabic-text);background-color:#0a0a0a;border:none;border-radius:99px;flex-direction:row;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .3s,transform .3s,box-shadow .3s;display:flex}.platform-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.project-details-image{border-radius:24px;width:100%;overflow:hidden;box-shadow:0 20px 40px #0000000d}.project-details-image img{object-fit:cover;width:100%;height:auto;display:block}@media (width<=768px){.project-facts-container{flex-direction:column;align-items:center;gap:32px}.project-fact-item{align-items:center}.fact-value{text-align:center}}.project-text-section{flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:820px;margin:56px auto 0;display:flex}.section-heading{font-family:var(--font-arabic-display);color:#171717;text-align:right;text-wrap:balance;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1;width:100%;font-size:28px;font-weight:500;line-height:1.4}.section-paragraph{font-family:var(--font-arabic-text);color:#5e5e5e;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1;width:100%;font-size:18px;line-height:1.5}.mockups-placeholder{margin:40px 0}.project-gallery-section{flex-direction:column;align-items:flex-start;gap:24px;width:100%;margin:64px auto 0;display:flex}.project-gallery-grid{grid-template-columns:1fr;gap:40px;width:100%;display:grid}.gallery-item{cursor:pointer;background-color:#f9f9f9;border-radius:20px;width:100%;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0000001a}.gallery-item img{object-fit:cover;width:100%;height:auto;transition:opacity .3s;display:block}.gallery-item:hover img{opacity:.9}.enlarge-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#171717;opacity:0;z-index:2;background-color:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .3s,transform .3s,box-shadow .3s;display:flex;position:absolute;top:16px;right:16px;transform:scale(.8);box-shadow:0 4px 12px #0000001a}.gallery-item:hover .enlarge-btn{opacity:1;transform:scale(1)}.enlarge-btn:hover{background-color:#fff;transform:scale(1.05);box-shadow:0 6px 16px #00000026}.image-lightbox-overlay{z-index:9999;cursor:pointer;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-image{object-fit:contain;cursor:default;border-radius:12px;max-width:100%;max-height:100%;animation:.3s scaleIn;box-shadow:0 20px 60px #00000080}.close-lightbox-btn{color:#fff;z-index:10000;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:background .2s,transform .2s;display:flex;position:absolute;top:24px;right:24px}.close-lightbox-btn:hover{background:#fff3;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.project-gallery-grid{grid-template-columns:1fr;gap:16px}}.other-projects-section{background-color:#fff;width:100%;padding:80px 20px 0}.other-projects-section .projects-header{flex-direction:column;align-items:flex-start;gap:16px;width:100%;max-width:1100px;margin-bottom:40px;padding:0 20px;display:flex}.other-projects-section .projects-title{font-family:var(--font-arabic-display);color:#171717;text-align:right;font-feature-settings:"blwf" 1, "cv03" 1, "cv04" 1, "cv09" 1, "cv11" 1, "ss01" 1;margin:0;font-size:40px;font-weight:700;line-height:1.3}.other-projects-grid{grid-template-columns:repeat(2,1fr)!important}@media (width<=768px){.other-projects-grid{grid-template-columns:1fr!important}}.project-footer-cta{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:60px 0 48px;display:flex}.cta-content{flex-direction:column;align-items:center;gap:32px;margin-bottom:80px;display:flex}.cta-heading{font-family:var(--font-arabic-display);color:#171717;text-align:center;font-feature-settings:"ss01" 1;font-size:56px;font-weight:900;line-height:1.4}.cta-paragraph{font-family:var(--font-arabic-text);color:#5e5e5e;max-width:600px;font-size:20px;line-height:1.6}.cta-primary-btn{color:#fff;font-family:var(--font-arabic-display);background-color:#0a0a0a;border-radius:99px;padding:16px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:opacity .3s,transform .3s}.cta-primary-btn:hover{opacity:.9;transform:translateY(-4px)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background-color:#0006;width:100%;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-container{z-index:1001;background-color:#fff;border-radius:24px;flex-direction:column;width:500px;max-width:calc(100% - 24px);padding:40px 32px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:12px;bottom:12px;left:12px;overflow-y:auto;transform:translate(-120%);box-shadow:0 0 40px #0000001a}.drawer-container.open{transform:translate(0)}@media (width<=768px){.drawer-container{border-radius:0;width:100%;max-width:100%;padding:32px 24px;top:0;bottom:0;left:0;transform:translate(-100%)}}.drawer-close-btn{color:#171717;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:absolute;top:24px;left:24px}.drawer-close-btn:hover{background-color:#f3f4f6}.drawer-content{margin-top:40px}.drawer-title{font-family:var(--font-arabic-display);color:#171717;text-align:center;margin-bottom:16px;font-size:2.5rem;font-weight:700}.drawer-subtitle{color:#5e5e5e;text-align:center;margin-bottom:40px;font-size:.95rem;line-height:1.6}.drawer-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#171717;font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{color:#171717;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#171717;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:120px}.drawer-submit-btn{color:#fff;background-color:#0a0a0a;border-radius:24px;justify-content:center;align-items:center;width:100%;margin-top:10px;padding:16px;font-size:1rem;font-weight:600;transition:transform .2s,background-color .2s;display:flex}.drawer-submit-btn:hover{background-color:#171717;transform:translateY(-2px)}.drawer-submit-btn:active{transform:translateY(0)}.drawer-submit-btn.loading{cursor:wait;opacity:.8}.drawer-submit-btn.success{color:#fff;cursor:default;background-color:#10b981}.drawer-submit-btn.success:hover{background-color:#10b981;transform:none}.spinner-loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
