@import url(https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&family=Tajawal:wght@300;400;500;700;900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#fafbfc;background-color:var(--clr-bg);color:#0f1419;color:var(--clr-text);font-family:Tajawal,Alan Sans,sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}img{display:block;height:auto;max-width:100%}:root{--clr-bg:#fafbfc;--clr-bg-secondary:#fff;--clr-text:#0f1419;--clr-text-muted:#536471;--clr-accent:#1a73e8;--clr-accent-hover:#1557b0;--clr-btn-bg:#1a73e8;--clr-btn-hover:#1557b0;--clr-btn-text:#fff;--clr-border:#e8ecf0;--clr-shadow:#00000014;--clr-card-bg:#fffffff2;--clr-overlay:#0009;--fs-h1:clamp(2.25rem,5vw,4rem);--fs-h2:clamp(1.75rem,4vw,2.5rem);--fs-body:clamp(1rem,2vw,1.125rem);--fs-small:0.875rem;--space-4:0.25rem;--space-8:0.5rem;--space-12:0.75rem;--space-16:1rem;--space-24:1.5rem;--space-32:2rem;--space-48:3rem;--space-64:4rem;--space-96:6rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001f;--shadow-xl:0 20px 60px #00000026;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:1000}.header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fff;background-color:var(--clr-bg-secondary);border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--clr-border);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1.5rem 3rem;padding:var(--space-24) var(--space-48);position:sticky;top:0;z-index:200;z-index:var(--z-sticky)}.header__logo{color:#1a73e8;color:var(--clr-accent);font-size:1.5rem;font-weight:700}.header__nav{display:flex;gap:2rem;gap:var(--space-32)}.header__link{color:#0f1419;color:var(--clr-text);font-size:1.125rem;font-weight:500;padding:.5rem 0;padding:var(--space-8) 0;position:relative;text-decoration:none}.hero_img{align-items:center;display:inline-block;display:flex;flex-direction:column;position:relative}.hero_img img{display:block;width:100vw}.hero_img:before{background:linear-gradient(180deg,#00000080,#0003);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.main_logo{color:#00108d82;font-size:50px;font-weight:700;position:absolute;right:41%;top:46%}.hero__content .p{padding:50px}.hero__content .p p{font-size:large;font-weight:700}.scroller{max-width:80vw}.scroller[data-animated=true]{-webkit-mask:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000);mask:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000)}.scroller__inner{gap:1rem}.scroller[data-animated=true] .scroller__inner{animation:scroll 120s linear infinite}.cards{bottom:-70px;flex-direction:row;gap:2rem;gap:var(--space-32);left:50%;padding:0 1.5rem;padding:0 var(--space-24);position:absolute;transform:translateX(-50%);z-index:3;z-index:calc(var(--z-base) + 2)}.cards,.cards .card{align-items:center;display:flex;justify-content:center}.cards .card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--clr-card-bg);border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);cursor:pointer;flex-direction:column;gap:.75rem;gap:var(--space-12);height:160px;transition:all .3s ease;transition:all var(--transition-base);width:280px}.cards .card:hover{border-color:#1a73e8;border-color:var(--clr-accent);box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-12px) scale(1.02)}.cards .card i{color:#1a73e8;color:var(--clr-accent);font-size:2.5rem;transition:transform .3s ease;transition:transform var(--transition-base)}.cards .card:hover i{transform:scale(1.15) rotate(5deg)}.cards .card h1{color:#0f1419;color:var(--clr-text);font-size:1.5rem;font-weight:700;margin:0}.hero__content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;padding:6rem 2rem 4rem;padding:var(--space-96) var(--space-32) var(--space-64);width:100%}.hero__title{color:#0f1419;color:var(--clr-text);font-size:clamp(2.25rem,5vw,4rem);font-size:var(--fs-h1);font-weight:800;margin-bottom:2rem;margin-bottom:var(--space-32);padding-bottom:1rem;padding-bottom:var(--space-16);position:relative;text-align:center}.hero__title:after{background:linear-gradient(90deg,#1a73e8,#1557b0);background:linear-gradient(90deg,var(--clr-accent),var(--clr-accent-hover));border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.hero__content .p{display:flex;flex-direction:column;justify-content:center;max-width:900px;padding:3rem 2rem;padding:var(--space-48) var(--space-32);text-align:center}.hero__content .p p{color:#536471;color:var(--clr-text-muted);direction:rtl;font-size:clamp(1rem,2vw,1.125rem);font-size:var(--fs-body);font-weight:400;line-height:2}.hero__buttons{display:flex;justify-content:center;margin-top:3rem;margin-top:var(--space-48);width:100%}.scroller{max-width:85vw;width:100%}.scroller[data-animated=true]{-webkit-mask:linear-gradient(90deg,#0000,#000 15%,#000 85%,#0000);mask:linear-gradient(90deg,#0000,#000 15%,#000 85%,#0000);overflow:hidden}.scroller__inner{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-24);padding-block:2rem;padding-block:var(--space-32)}.scroller[data-animated=true] .scroller__inner{animation:scroll 20s linear infinite;flex-wrap:nowrap;width:max-content}.scroller__inner img{border:2px solid #e8ecf0;border:2px solid var(--clr-border);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);height:200px;object-fit:cover;transition:all .3s ease;transition:all var(--transition-base)}.scroller__inner img:hover{border-color:#1a73e8;border-color:var(--clr-accent);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);transform:scale(1.15);z-index:2;z-index:calc(var(--z-base) + 1)}@keyframes scroll{to{transform:translate(calc(-50% - .75rem))}}.starting__company{background:#fff;background:var(--clr-bg-secondary);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);flex-direction:row;gap:4rem;gap:var(--space-64);margin:0 auto;max-width:1400px;padding:4rem 3rem;padding:var(--space-64) var(--space-48)}.starting__company,.starting__company .image{align-items:center;display:flex;justify-content:center}.starting__company .image{flex:1 1}.starting__company .image img{border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);max-width:600px;transition:transform .5s ease;transition:transform var(--transition-slow);width:100%}.starting__company .image img:hover{transform:scale(1.03)}.starting__company .right__content{flex:1 1;font-size:clamp(1rem,2vw,1.125rem);font-size:var(--fs-body);line-height:2;max-width:650px}.starting__company .right__content p{color:#536471;color:var(--clr-text-muted);direction:rtl;font-weight:400}@media (max-width:1024px){.header{padding:1rem 2rem;padding:var(--space-16) var(--space-32)}.hero__title{font-size:clamp(1.75rem,4vw,2.5rem);font-size:var(--fs-h2)}.cards{bottom:-60px;gap:1.5rem;gap:var(--space-24)}.cards .card{height:140px;width:240px}.starting__company{flex-direction:column;gap:3rem;gap:var(--space-48);padding:3rem 2rem;padding:var(--space-48) var(--space-32)}}@media (max-width:768px){.header__nav{display:none}.header{padding:1rem 1.5rem;padding:var(--space-16) var(--space-24)}.hero_img>img{height:50vh}.cards{bottom:0;flex-direction:column;margin-top:2rem;margin-top:var(--space-32);position:relative;transform:none}.cards .card{max-width:320px;width:90%}.hero__content{padding:3rem 1.5rem 2rem;padding:var(--space-48) var(--space-24) var(--space-32)}.hero__content .p{padding:2rem 1rem;padding:var(--space-32) var(--space-16)}.scroller{max-width:95vw}.scroller__inner img{height:60px}.starting__company{padding:2rem 1.5rem;padding:var(--space-32) var(--space-24)}.starting__company .image img{max-width:100%}}@media (max-width:480px){.btn{font-size:.875rem;padding:.5rem 1rem;padding:var(--space-8) var(--space-16)}.header__logo{font-size:1.25rem}.hero__title{font-size:1.75rem}.cards .card h1{font-size:1.25rem}.cards .card i{font-size:2rem}}:focus-visible{outline:2px solid #1a73e8;outline:2px solid var(--clr-accent);outline-offset:2px}::selection{background-color:#1a73e8;background-color:var(--clr-accent);color:#fff;color:var(--clr-btn-text)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fafbfc;background:var(--clr-bg)}::-webkit-scrollbar-thumb{background:#1a73e8;background:var(--clr-accent);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#1557b0;background:var(--clr-accent-hover)}.fade-in{animation:fadeIn .6s ease-out}.potfolio{flex-direction:column;gap:15px;padding:10px}.potfolio,.potfolio .show_more{align-items:center;display:flex}.potfolio .show_more{border:2px solid #1a73e8;border:2px solid var(--clr-accent);border-radius:14px;flex-direction:row-reverse;gap:10px;padding:15px}.imges{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.show_more{background-color:initial;border:#ffdead;cursor:pointer}.imges img{border-radius:14px;max-height:300px;max-width:300px}.vision__section{background:#fff;background:var(--clr-bg-secondary);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);flex-direction:row-reverse;gap:4rem;gap:var(--space-64);margin:0 auto;max-width:1400px;padding:4rem 3rem;padding:var(--space-64) var(--space-48)}.vision__image,.vision__section{align-items:center;display:flex;justify-content:center}.vision__image{flex:1 1}.vision__image img{border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);max-width:600px;padding:15px;transition:transform .5s ease;transition:transform var(--transition-slow);width:100%}.vision__image img:hover{transform:scale(1.03)}.vision__content{flex:1 1;font-size:clamp(1rem,2vw,1.125rem);font-size:var(--fs-body);line-height:2;max-width:650px}.vision__content p{color:#536471;color:var(--clr-text-muted);direction:rtl;font-weight:400}.values__section{margin:0 auto;max-width:1400px;padding:4rem 2rem;padding:var(--space-64) var(--space-32);text-align:center}.values__text{color:#536471;color:var(--clr-text-muted);direction:rtl;font-size:clamp(1rem,2vw,1.125rem);font-size:var(--fs-body);line-height:2;margin:0 auto 3rem;margin:0 auto var(--space-48);max-width:900px}.services__grid{grid-gap:2rem;grid-gap:var(--space-32);display:grid;gap:2rem;gap:var(--space-32);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service__card{background:#fffffff2;background:var(--clr-card-bg);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-32);text-align:center;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-base),box-shadow var(--transition-base)}.service__card:hover{box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.service__card i{color:#1a73e8;color:var(--clr-accent);font-size:2.5rem;margin-bottom:1rem;margin-bottom:var(--space-16)}.service__card h3{color:#0f1419;color:var(--clr-text);font-size:1.25rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-12)}.service__card p{color:#536471;color:var(--clr-text-muted);font-size:.875rem;font-size:var(--fs-small);line-height:1.8}.footer{background:linear-gradient(135deg,#0d47a1,#1976d2);border-top-left-radius:1rem;border-top-left-radius:var(--radius-lg);border-top-right-radius:1rem;border-top-right-radius:var(--radius-lg);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);color:#fff;flex-direction:row;flex-wrap:wrap;gap:1.5rem;gap:var(--space-24);justify-content:space-around;padding:2rem 1rem;padding:var(--space-32) var(--space-16)}.footer,.footer__item{align-items:center;display:flex}.footer__item{font-size:1rem;font-weight:500;gap:.75rem;gap:var(--space-12);transition:transform .3s ease}.footer__item i{color:#ffe082;font-size:1.3rem}.footer__item:hover{transform:translateY(-4px)}.footer__item span{direction:rtl;white-space:nowrap}.mission__section{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;justify-content:center;padding:4rem 2rem;padding:var(--space-64) var(--space-32)}.mission__card{background:#fff;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);max-width:1000px;padding:3rem;padding:var(--space-48);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.mission__card:hover{box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.mission__title{align-items:center;color:#1a73e8;color:var(--clr-accent,#1976d2);display:flex;font-size:2rem;font-weight:700;gap:.75rem;gap:var(--space-12);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-24)}.mission__title i{color:#ff9800;font-size:1.6rem}.mission__text{color:#536471;color:var(--clr-text-muted,#444);direction:rtl;font-size:clamp(1rem,2vw,1.125rem);font-size:var(--fs-body);line-height:2}.footer__link{align-items:center;color:#fff;display:flex;font-size:1rem;gap:.5rem;justify-content:center;text-decoration:none;transition:color .3s ease}.footer__link:hover{color:#fff;color:var(--clr-bg-secondary)}.footer__address{align-items:center;display:flex;font-size:1rem;gap:.5rem;justify-content:center}.footer i{color:#536471;color:var(--clr-text-muted)}.values-core-section{align-items:center;background:linear-gradient(135deg,#f5f9ff,#e3f2fd);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);direction:rtl;display:flex;justify-content:center;margin:4rem auto;margin:var(--space-64) auto;max-width:1300px;padding:6rem 2rem;padding:var(--space-96) var(--space-32);text-align:center}.values-core__content{max-width:1100px}.values-core__title{align-items:center;color:#1a73e8;color:var(--clr-accent);display:flex;font-size:clamp(1.75rem,4vw,2.5rem);font-size:var(--fs-h2);font-weight:800;gap:.75rem;gap:var(--space-12);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-24)}.values-core__title i{color:#ff9800;font-size:1.8rem}.values-core__content>p{color:#536471;color:var(--clr-text-muted);font-size:clamp(1rem,2vw,1.125rem);font-size:var(--fs-body);line-height:2;margin-bottom:3rem;margin-bottom:var(--space-48)}.values-core__items{grid-gap:2rem;grid-gap:var(--space-32);display:grid;gap:2rem;gap:var(--space-32);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.value-card{background:#fffffff2;background:var(--clr-card-bg);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-32);transition:all .3s ease;transition:all var(--transition-base)}.value-card:hover{box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.value-card i{color:#1a73e8;color:var(--clr-accent);font-size:2.5rem;margin-bottom:1rem;margin-bottom:var(--space-16);transition:transform .3s ease}.value-card:hover i{transform:scale(1.15) rotate(5deg)}.value-card h3{color:#0f1419;color:var(--clr-text);font-size:1.3rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-12)}.value-card p{color:#536471;color:var(--clr-text-muted);font-size:.875rem;font-size:var(--fs-small);line-height:1.9}@media (max-width:768px){.values-core-section{padding:3rem 1.5rem;padding:var(--space-48) var(--space-24)}.values-core__title{font-size:1.6rem}.value-card{padding:1.5rem;padding:var(--space-24)}}@media (max-width:480px){.hero_img:before{height:50%}html{font-size:14px}.header{flex-direction:column;gap:.5rem;gap:var(--space-8);padding:.75rem 1rem;padding:var(--space-12) var(--space-16)}.hero_img img{height:45vh;object-fit:cover}.hero__title{font-size:1.6rem;padding:0 .75rem;padding:0 var(--space-12)}.hero__content .p{padding:1rem;padding:var(--space-16)}.cards{bottom:0;gap:1rem;gap:var(--space-16);left:15%;position:absolute;transform:none}.cards,.contact-section{flex-direction:column}.cards .card{height:auto;max-width:300px;width:90%}.cards .card,.footer{padding:1.5rem;padding:var(--space-24)}.footer{flex-direction:column;gap:1rem;gap:var(--space-16);text-align:center}.footer__item span{font-size:.9rem}.starting__company,.vision__section{flex-direction:column;gap:1.5rem;gap:var(--space-24);padding:2rem 1rem;padding:var(--space-32) var(--space-16)}.starting__company .image img,.vision__image img{height:auto;max-width:100%}.values-core__title{font-size:1.4rem}.value-card{padding:1.5rem;padding:var(--space-24)}.mission__card{padding:2rem;padding:var(--space-32)}.mission__title{font-size:1.5rem}}@media (max-width:768px){.header{padding:1rem 1.5rem;padding:var(--space-16) var(--space-24)}.hero_img img{height:60vh}.hero__title{font-size:clamp(1.75rem,4vw,2.5rem);font-size:var(--fs-h2)}.hero__content{padding:3rem 1.5rem;padding:var(--space-48) var(--space-24)}.cards{flex-wrap:wrap;justify-content:center}.cards .card{height:140px;min-width:240px;width:45%}.starting__company{flex-direction:column;text-align:center}.starting__company .right__content,.vision__section{text-align:center}.vision__section{flex-direction:column-reverse}.values-core-section{padding:3rem 1.5rem;padding:var(--space-48) var(--space-24)}.values-core__items{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer{flex-wrap:wrap;gap:1rem;gap:var(--space-16);justify-content:center}}@media (max-width:1024px){.hero__title{font-size:clamp(1.8rem,4vw,2.5rem)}.starting__company,.vision__section{gap:2rem;gap:var(--space-32);padding:3rem 1.5rem;padding:var(--space-48) var(--space-24)}.values-core__title{font-size:clamp(1.8rem,4vw,2.2rem)}.mission__card{padding:var(--space-40)}}@media (min-width:1200px){.hero__title{font-size:clamp(2.25rem,5vw,4rem);font-size:var(--fs-h1)}.cards{margin:0 auto;max-width:1200px}.starting__company,.values-core-section,.vision__section{max-width:1300px}}.hero__content,.mission__section,.starting__company,.values-core-section,.vision__section{animation:fadeIn 1s ease forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.img_words{color:#fff;flex-direction:column;position:absolute;top:34%}.img_words,.login-page{align-items:center;display:flex}.login-page{background:linear-gradient(135deg,#0f2657,#1b4b9b,#3a66d3);font-family:Cairo,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;box-shadow:0 0 25px #0000004d;color:#fff;max-width:380px;padding:40px 30px;text-align:center;width:100%}.login-box h1{color:#fff;font-size:22px;font-weight:700;margin-bottom:25px}.login-box form{display:flex;flex-direction:column;gap:12px;text-align:right}.login-box label{color:#ddd;font-size:14px}.login-box input{background-color:#ffffff26;border:1px solid #fff6;border-radius:8px;color:#fff;font-size:15px;outline:none;padding:10px 12px;transition:all .2s ease}.login-box input::placeholder{color:#ccc}.login-box input:focus{border-color:#60a5fa;box-shadow:0 0 5px #60a5fa}.login-box button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:12px;transition:.3s}.login-box button:hover{background:#2563eb}.note{color:#d1d5db;font-size:14px;margin-top:18px}
/*# sourceMappingURL=main.51218e00.css.map*/