@import url(https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200;500;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200;500;700&display=swap);body{background-color:#1f1e1e;background-image:linear-gradient(90deg,#0000 0 49px,#eee1 49px),linear-gradient(180deg,#0000 0 49px,#eee1 49px);background-size:50px 50px;color:#eee;font-family:Poppins;font-size:15px;margin:0;min-height:100vh;&:before{background-image:linear-gradient(90deg,#ea2705,#b8b8b8);border-radius:50% 50% 0 0;content:"";filter:blur(250px);height:400px;left:calc(50% - 200px);pointer-events:none;position:fixed;top:-200px;width:400px;z-index:-1}}canvas{left:0;position:absolute;top:0;z-index:-1}main{margin:auto;max-width:100%;width:1300px}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;height:60px;justify-content:space-between;left:50%;padding:0 20px;position:fixed;transform:translateX(-50%);z-index:100;& img{width:80px}& .logo,nav{align-items:center;display:flex;gap:40px;& span{cursor:pointer}& .active{color:#e94545;text-shadow:0 0 5px #ca1717}}& .icon-bar{display:none;width:30px}}header,section{box-sizing:border-box;max-width:100%;top:0;width:1300px}section{margin:auto;padding:50px}section.home{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);justify-content:space-between;padding-top:150px;& .content{font-family:MuseoModerno,system-ui;& .name{font-size:7em;font-weight:700;line-height:1em;& span{-webkit-text-fill-color:#0000;animation:shine 5s linear infinite;background:linear-gradient(90deg,#000,red 30%,#fff 60%,#000);-webkit-background-clip:text;background-size:200% auto}}& .des{border-left:.7em solid #e94545;color:#eee5;margin:30px 0;padding-left:2em}& a{background-color:initial;border:1px solid #ea2705;border-radius:40px;box-shadow:0 0 20px #ea2705;color:#eee;display:block;font-size:large;font-weight:700;padding:10px 30px;text-decoration:none;width:-webkit-max-content;width:max-content}}}.avatar{text-align:right;& .card{box-shadow:0 150px 150px #f06d6d33;display:inline-flex;flex-direction:column;min-width:0;transition:.5s;width:min(100%,400px);&:hover{box-shadow:0 150px 150px #eca6a855}& .logo-video{aspect-ratio:16/9;background:#000;-webkit-clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0);clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0);height:auto;max-height:320px;min-width:0;object-fit:contain;width:100%}& .info{grid-gap:20px;background-color:#eee;border:3px solid #000;color:#010824;display:grid;font-size:1.2em;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px;text-align:center;& div:first-child,div:nth-child(2),div:nth-child(3){font-weight:700}}}}section.services{& .title{font-family:MuseoModerno,system-ui;font-size:5vw}& .des,& .title{text-align:center}& .des{color:#eee5;margin:auto;max-width:500px}& .list{grid-gap:3vw;display:grid;gap:3vw;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:space-between;margin-top:50px;position:relative;&:before{background-image:linear-gradient(-45deg,#fff,#f40202);background-size:200% auto;content:"";height:85%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}& .item,&:before{border-radius:20px}& .item{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#01082488;padding:20px;& svg{background-color:#eee2;border-radius:10px;font-size:30px;padding:10px}& .des{font-size:small;text-align:left;width:100%}}}}.services .item{cursor:pointer;position:relative;transition:.6s ease}.services .item.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.services .item.active{transform:scale(1);z-index:10}.services .item .details{animation:fadeUp .6s ease forwards;margin-top:20px}.services .item .back{background:#0000;border:2px solid #ea2705;border-radius:40px;bottom:15px;box-shadow:0 0 20px #ea2705;color:#fff;cursor:pointer;font-size:1.1rem;left:49%;padding:10px 40px;position:absolute;transform:translateX(-50%);transition:.4s;z-index:1}.services .item .back:hover{background:#ea2705;color:#010824}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.services .list{position:relative}.services .item.active{grid-column:unset;grid-column:1/-1;grid-row:unset;height:100%;inset:0;margin:0 auto;max-width:900px;position:absolute;transition:all .5s ease;width:100%}@media (min-width:1024px){.services .item.active{max-width:950px}}@media (max-width:768px){.services .item.active{margin:0 auto;max-width:360px;width:90%}}.service-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr;height:100%}.service-text{color:#837e7e}.service-text h2{color:#ea2705;font-size:2.5rem;margin-top:-150px}.service-text ul{color:#7b7776;line-height:1.8;margin-top:20px}.services .item.active>.des,.services .item.active>h3{opacity:0;pointer-events:none;transform:translateY(-10px);transition:.3s ease}.services .item.active svg{transform:scale(1.2);transition:.3s ease}@media (max-width:768px){.service-content{gap:25px;grid-template-columns:1fr;padding:20px 10px;text-align:center}.service-text h2{font-size:1.9rem;margin-top:0}.service-text p,.service-text ul{font-size:.95rem}.service-text ul{list-style-position:inside;padding-left:0}}.service-media{align-items:center;display:flex;height:100%;justify-content:center}.service-media video{animation:fadeUp .6s ease forwards;border:1px solid #ea2705;border-radius:18px;box-shadow:0 20px 40px #00000073;box-shadow:0 0 20px #ea2705;cursor:pointer;height:220px;margin-top:-80px;max-width:500px;object-fit:cover;width:100%}html[lang=ar] .service-text h2{font-family:Cairo,Tajawal,sans-serif;font-weight:700}html[lang=ar] .service-text p,html[lang=ar] .service-text ul{font-family:Cairo,Tajawal,sans-serif;font-weight:500}@media (max-width:768px){html[lang=ar] .service-text h2{font-size:2.2rem}html[lang=ar] .service-text p{font-size:1.9}html[lang=ar] .service-text ul{font-size:1.2rem}}.lang-btn-wrapper{position:fixed;top:13px;z-index:1000}.lang-btn-wrapper.left{left:150px}.dropdown{display:inline-block;position:relative}.dropdown-toggle{background:#0000;border:1px solid #ea2705;border-radius:10px;box-shadow:0 0 20px #ea2705;color:#fff;cursor:pointer;padding:8px 14px;transition:.3s ease}.dropdown-toggle:hover{background:#0ea27a26}.dropdown-toggle .chevron{margin-left:8px;transition:.3s ease}.dropdown-toggle .chevron.open{transform:rotate(180deg)}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown-menu{background:#0000;border-radius:6px;display:flex;flex-direction:column;gap:5px;left:0;min-width:140px;padding:5px;position:absolute;top:110%}.lang-btn{background:#0000;border:1px solid #ea2705;border-radius:5px;box-shadow:0 0 20px #ea2705;cursor:pointer;font-size:12px;padding:8px 15px;text-align:left;transition:all .2s}.lang-btn.ar,.lang-btn.en{border-color:#ea2705;color:#fff}.lang-btn:hover{transform:scale(1.05)}section.projects{& .title{font-family:MuseoModerno,system-ui;font-size:5vw;margin-top:100px}& .des,& .title{text-align:center}& .des{color:#eee5;margin:auto;max-width:500px}& .list{margin-top:50px;& .item{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-content:space-between;margin-bottom:100px;& .images{background-image:linear-gradient(-45deg,#e31111,#746e6e);border-radius:20px;overflow:hidden;padding:40px;text-align:center;& img{border-radius:10px;box-shadow:0 20px 40px #010824;height:400px}}& .content{& h3{font-size:3em;margin:0}& .des{text-align:left;width:100%}& .mission{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:70px 1fr;margin-top:10px;& div:first-child svg{background-color:#eee3;border-radius:15px;font-size:20px;padding:20px}}}}& .item:nth-child(2n){& .images{grid-column-end:3;grid-column-start:2}& .content{grid-column-end:2;grid-column-start:1;grid-row-start:1}}}}.cta{margin-top:2rem;text-align:center;width:100%}.btn-cta{background:#0000;border:1px solid #ea2705;border-radius:6px;box-shadow:0 0 20px #ea2705;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:12px 26px;text-decoration:none;transition:all .3s ease-in-out}.btn-cta:hover{background:#ea2705;color:#010824;transform:scale(1.08)}@media (max-width:768px){.cta{align-items:center;display:flex;justify-content:center;margin-top:1.5rem}.btn-cta{font-size:.9rem;padding:10px 20px}}.social-icons{left:0;margin:0;padding:0;position:fixed;top:45%;transform:translateY(-50%);width:50px;z-index:1200}.social-icons li{list-style-type:none;padding:0}.social-icons img{cursor:pointer;display:block;margin:0 auto 20px;transition:.6s;width:20px}.social-icons img:hover{transform:rotate(1turn)}@media (max-width:768px){.social-icons{bottom:20px;display:flex;gap:16px;left:50%;top:auto;transform:translateX(-50%);width:auto}.social-icons img{margin:0;width:22px}}.projects .image-box{height:400px;perspective:1000px;position:relative;width:100%}.projects .image-box img{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;height:100%;inset:0;object-fit:cover;position:absolute;transition:transform 1s ease;width:100%}.projects .image-box .back,.projects .item:hover .image-box .front{transform:rotateY(180deg)}.projects .item:hover .image-box .back{transform:rotateY(1turn)}.projects[dir=rtl] .content h3,.projects[dir=rtl] .content p,.projects[dir=rtl] .content small{font-family:Cairo,Tajawal,system-ui;letter-spacing:0}.projects[dir=rtl] .content h3{color:#ea2705;font-size:2.4rem}.projects[dir=rtl] .long-text{font-size:1.05rem;line-height:1.9}@media (max-width:768px){.projects .item{grid-template-columns:1fr}.projects .images{margin-bottom:20px}.projects .image-box{height:260px}.projects .content h3{font-size:1.7rem}.projects .long-text{font-size:1rem}}section.contacts{padding-bottom:220px;& .title{font-family:MuseoModerno,system-ui;font-size:5vw}& .des,& .title{text-align:center}& .des{color:#eee5;margin:auto;max-width:500px}& .list{text-align:center;& .item{margin-top:50px}}}.animation{filter:blur(20px);opacity:0;transform:translateY(50px);transition:.5s}.animation.active{filter:blur(0);opacity:1;transform:translateY(0)}@keyframes shine{to{background-position:200%}}@media screen and (max-width:1023px){section.home{& .content{& .name{font-size:4em}}& .avatar{& img{max-height:500px}}}}@media screen and (max-width:767px){section{padding:20px;&.home{grid-template-columns:1fr;padding-top:70px;& .content{& a{font-size:small;margin:auto}}& .avatar{grid-row-start:1}}&.projects{& .list{& .item{grid-template-columns:1fr;& .content{& h3{font-size:1.2em;margin-bottom:1em}}}& .item:nth-child(2n){& .content,.images{grid-column-end:auto;grid-column-start:auto;grid-row-start:auto}}}}}header{& nav{align-items:start;background-color:#eee;box-sizing:border-box;color:#0f1225;flex-direction:column;font-weight:700;height:100vh;inset:0 auto 0 0;justify-content:start;left:-100%;padding:50px;position:fixed;transition:.5s;width:80%}& .icon-bar{display:block}& nav.active{left:0}}}
/*# sourceMappingURL=main.362da80c.css.map*/