*{padding:0;margin:0;border-radius:15px;font-family:'Cairo',sans-serif}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}.logo1{height:100%;border-radius:50%}.logo,.links{background-position:top;display:inline-block;position:fixed;z-index:300000000000}nav{height:80px;background:rgba(0,0,0,.2);z-index:1000000000000000;border-radius:0;position:fixed;width:-webkit-fill-available}nav img{width:80px;position:absolute;left:12%}nav ul{float:right;margin-right:25px}nav ul li{display:inline-block;line-height:80px;margin:0 15px}nav ul li a{font-family:'Cairo',sans-serif;position:relative;font-size:18px;padding:5px 0;text-decoration:none;text-transform:uppercase;color:rgb(83,117,163);text-align:-webkit-center}nav ul li a::before{position:absolute;content:'';left:0;bottom:0;height:3px;width:100%;background:rgb(83,117,163);transform:scaleX(0);transform-origin:right;transition:transform .4s linear}nav ul li a:hover::before{transform:scaleX(1);transform-origin:left}label #btnnn,label #cancelll{color:rgb(0,69,121);font-size:30px;float:right;line-height:80px;margin-right:40px;cursor:pointer;display:none}#checkkk{display:none}@media (max-width:1118px){nav img{left:8%}}@media (max-width:944px){nav img{left:0%}}@media (max-width:860px){label #btnnn{display:block}nav ul{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,.2);text-align:center;border-radius:0;top:80px;left:-100%;transition:all .5s}nav ul li{display:block;margin:50px 0;line-height:30px}nav ul li a{font-size:20px}#checkkk:checked~ul{left:0;color:#40d3dc;text-align:-webkit-center}#checkkk:checked~label #btnnn{display:none}#checkkk:checked~label #cancelll{display:block}.link1,.link2,.link3,.link4,.link5,.link6{display:flex;align-items:center;flex-direction:column}}@media (max-width:566px){#PROJECTS,#Sections,#about,#contact,#service{font-size:xxx-large!important}}.about:hover,.Sections:hover,.service:hover,.Projects:hover,.contact:hover{color:rgb(0,69,121);border-bottom:3px solid rgb(0,69,121);border-radius:0}.home{border-radius:0;color:rgb(0,69,121);border-bottom:3px solid rgb(0,69,121)}.link1,.link2,.link3,.link4,.link5,.link6{width:100px}.hero{height:57.5%;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url();background-position:center;background-size:cover;position:relative;z-index:10000;text-align:center;top:25%;right:0}.form-box{width:290px;height:480px;position:relative;margin:1% 1%;background:#fff;padding:5px;overflow:hidden;align-items:center}.botton-box{width:220px;margin:35px auto;position:relative;box-shadow:0 0 20px 9px #b693f2;border-radius:30px}.toggle-btn{padding:10px 30px;cursor:pointer;background:transparent;border:0;outline:none;position:relative}#btn{top:0;left:0;position:absolute;width:110px;height:100%;background:linear-gradient(to right,#b693f2,#0082fe,#b693f2);border-radius:30px;transition:.5s}.socaial-icons{margin:30px auto;text-align:center}.socaial-icons img{width:30px;height:30px;margin:0 12px;box-shadow:0 0 20px 0 #b693f2;cursor:pointer}.input-group{top:150px;position:absolute;transition:.5s}.input-field{width:100%;padding:10px 0;margin:5px 0;border-left:0;border-top:0;border-right:0;border-bottom:1px solid #0082fe;outline:none;background:transparent;border-radius:0}.submit-btn{width:85%;padding:10px 30px;cursor:pointer;display:block;margin:auto;background:linear-gradient(to right,#b693f2,#0082fe,#b693f2);border:0;outline:none;border-radius:30px}.check-box{position:relative;right:68px;margin:30px 10px 30px 0}span.span.re-pas{color:#777;font-size:12px;bottom:68px;position:absolute;right:35px}#login{left:50px}#signup{left:450px}.logo-width{width:100%;position:absolute;z-index:1000000}.big-logo{height:100%;width:24%;background:center;background-repeat:no-repeat;background-image:url(logo.png);background-attachment:scroll;background-size:97%;z-index:30000}div.welcome{height:fit-content}------ .section1{position:relative;width:100%;height:100vh;display:flex;overflow:hidden;border-radius:0}.video-container video{position:absolute;top:0;left:0;width:100%;height:100vh;object-fit:cover;opacity:.8;border-radius:0!important}.color-overlay{position:absolute;top:0;left:0;background-color:lightblue;width:100%;height:100vh;mix-blend-mode:overlay;border-radius:0}h1.h1{padding-top:4%;z-index:10;text-align:center}.home-hero{position:absolute;width:100%}.homewidth{margin:0;padding:0}#home{font-family:'Cairo',sans-serif;color:#fff;top:20%;left:20%;z-index:1000;height:100vh;width:100%}.hero-head{z-index:1000;position:relative;align-items:center;top:30%;display:grid;grid-template-columns:33% 1fr 1fr;gap:0 0}.big-logo,.welcome,.log-and-sign-td{border:0 solid #000;height:100vh;text-align:-webkit-center}.big-logo{width:100%}.log-and-sign-td{display:grid;justify-content:center;justify-items:center}.welcome div{border:0 solid #000;text-align:center;position:relative;top:40%;width:max-content}@media screen and (max-width:1390px){.log-and-sign-td{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;justify-items:center}.form-box{grid-column:2/3}}@media screen and (max-width:1112px){.big-logo{width:50%}}@media screen and (max-width:1111px){.homewidth{height:212vh}.color-overlay{height:212vh}.video-container video{height:212vh}.hero-head{width:100%;display:inline-flex;flex-wrap:wrap;justify-content:center;flex-direction:column}.log-and-sign-td{grid-template-columns:1fr;justify-items:center;justify-content:center;height:auto}}@media screen and (max-width:1041px){div.welcome{width:auto}}@media screen and (max-width:1031px){h1.h1{font-size:26px}}@media screen and (max-width:840px){h1.h1{font-size:20px}}@media screen and (max-width:388px){h1.h1{font-size:large}}@media screen and (max-width:651px){.hero-head{width:100%;display:inline-flex;flex-wrap:wrap;justify-content:center;flex-direction:column;justify-content:flex-start}}@media screen and (max-wdth:650px){h1.h1{font-size:x-large}div.welcome{width:fit-content}.big-logo,.welcome,.log-and-sign-td{width:100%}.hero-head{display:inline-flex;flex-wrap:wrap;justify-content:center}.log-and-sign-td{grid-template-columns:1fr;justify-items:center;justify-content:center}}@media (max-width:530px){#service,#PROJECTS,#Sections,#about p,#contact{font:1fr}}span{color:rgb(0,69,121)}#PROJECTS,#Sections,#about,#contact{font-family:'Cairo',sans-serif;color:rgb(83,117,163);text-align:center;font-size:100px}#service{font-family:'Cairo',sans-serif;color:#fff;text-align:center;font-size:100px}#service span,#Sections span{color:rgb(0,69,121)}.big-servise{background:linear-gradient(to bottom,#6089c3,#fff);border-radius:0}.wrapper{position:relative;width:320px;height:640px;margin:150px auto;perspective:1000px;margin-bottom:500px}.img-area{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(-360deg) translateZ(-300px);animation:animate 25s steps(1000,end) infinite}.single-img{position:absolute;width:300px;height:200px;top:10px;left:10px}.single-img img{width:300px;height:600px;border:5px solid rgb(255,255,255)}.single-img.img-1{transform:rotateY(0deg) translateZ(300px)}.single-img.img-2{transform:rotateY(51.428deg) translateZ(300px)}.single-img.img-3{transform:rotateY(102.856deg) translateZ(300px)}.single-img.img-4{transform:rotateY(154.284deg) translateZ(300px)}.single-img.img-5{transform:rotateY(205.712deg) translateZ(300px)}.single-img.img-6{transform:rotateY(257.14deg) translateZ(300px)}.single-img.img-7{transform:rotateY(308.568deg) translateZ(300px)}img{transition:1s;cursor:pointer}@keyframes animate{from{transform:rotateY(-360deg)}to{transform:rotateY(0deg)}}@media (max-width:753px){.wrapper{width:160px;height:320px}.single-img{width:150px;height:100px}.single-img img{width:150px;height:300px}.single-img.img-1{transform:rotateY(0deg) translateZ(150px)}.single-img.img-2{transform:rotateY(51.428deg) translateZ(150px)}.single-img.img-3{transform:rotateY(102.856deg) translateZ(150px)}.single-img.img-4{transform:rotateY(154.284deg) translateZ(150px)}.single-img.img-5{transform:rotateY(205.712deg) translateZ(150px)}.single-img.img-6{transform:rotateY(257.14deg) translateZ(150px)}.single-img.img-7{transform:rotateY(308.568deg) translateZ(150px)}}.main-body{height:100vh;display:flex;Justify-content:center;align-items:center}.main1{Width:1000px;height:700px;overflow:hidden}.sub-main{width:500%;height:700px;display:flex}.sub-main input{display:none}.photoo{width:20%;transition:2s}.photoo img{Width:1000px;height:700px}.auto-use{position:absolute;width:inherit;margin-top:-40px;display:flex;justify-content:center}.label-use{border:2px solid rgba(0,0,0,.2);padding:5px;cursor:pointer;transition:1s}.label-use:not(:last-child){margin-right:40px}.label-use:hover{background-color:#40d3dc}#case1:checked~.one{margin-left:0}#case2:checked~.one{margin-left:-20%}#case3:checked~.one{margin-left:-40%}#case4:checked~.one{margin-left:-60%}.auto-move{position:absolute;display:flex;width:1000px;justify-content:center;margin-top:660px}.auto-move div{border:0 solid #40d3dc;padding:5px;transition:1s}.auto-move div:not(:last-child){margin:40px}@media (max-width:1011px){.auto-move{width:auto}}@media (max-width:1000px){.main1{width:500px;height:350px}.sub-main{height:359px}.photoo img{width:500px;height:350px}}@media (max-width:1000px){.main1{width:340px;height:262px}.sub-main{height:262px}.photoo img{width:340px;height:262px}}#case1 :checked~.auto-move .auto-one{background-color:#40d3dc}#case1 :checked~.auto-move .auto-two{background-color:#40d3dc}#case1 :checked~.auto-move .auto-three{background-color:#40d3dc}#case1 :checked~.auto-move .auto-four{background-color:#40d3dc}.site-container{margin:2rem auto;max-width:calc(100% - 80px);text-align:center}.articale-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:2rem}.article-img{margin:0;pad:0;overflow:hidden;border-radius:20px 20px 0 0!important}.article-img img{max-width:100%;height:auto;border-radius:20px 20px 0 0!important}.article-card{background-color:rgba(86,162,224,.3);border-radius:20px;transition:.3s}.article-card:hover{position:relative;bottom:5px;box-shadow:0 4px 20px 0 rgba(0,0,0,.5);cursor:pointer}.articale-content{padding:1rem}.articale-content h1{margin-bottom:7%;font-size:2rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:rgb(53 100 146);display:block;text-decoration:none;text-align:center}.articale-content p{font-family:'Cairo',sans-serif;text-align:center;color:rgb(53 100 146);font-size:1.11rem;direction:rtl}@media screen and (min-width:768px){.site-container{max-width:608px}.article-card{display:grid;grid-template-rows:220px 1fr}}@media screen and (min-width:1280px){.site-container{max-width:1156px}}.container3 p a{color:#fff}.lederphoto{margin:200px 250px 200px 0;border:10px solid rgb(0,69,121);display:inline-block;width:500px;text-align:center;box-shadow:10px 10px 10px;box-shadow:rgba(104,151,216,.5)}.main{height:100vh;border-radius:0;background-image:linear-gradient(rgba(121,147,180,.9),rgba(121,147,180,.9)),url(back.jpeg);background-position:center;background-size:contain}.contentt{height:100%}.content-left{flex-basis:70%;position:relative;border-radius:0}.upper-text{left:4%;top:3%;position:absolute;color:#fff;opacity:.5}.upper-text h1{font-size:150px;margin-left:150px;line-height:90px;font-style:italic}.upper-text h2{font-size:30px;text-align:-webkit-center}.middle-text{top:160px;font-size:small;position:relative;text-align:-webkit-center;color:#fff;direction:rtl;opacity:.5}.bottom-text{right:20px;top:-20%;direction:rtl;position:relative;color:#fff;opacity:.5}@media (max-width:1162px){.main{height:125vh}.middle-text{font-size:x-small}}@media (max-width:713px){.main{height:150vh}}@media (max-width:755px){.upper-text h2{font-size:20px}}@media (max-width:604px){.upper-text h1{margin-left:65px}}@media (max-width:478px){.upper-text h1{margin-left:0;font-size:127px}}@media (max-width:421px){.bottom-text{top:-11%}.bottom-text h1{font-size:75px!important}.bottom-text h2{font-size:45px!important}.bottom-text h3{font-size:30px!important}.main{height:180vh}.upper-text{top:0%}.bottom-text h1{line-height:23px!important}.bottom-text h3{line-height:0px!important}}.bottom-text h1{font-size:100px;margin-left:100px;line-height:50px}.bottom-text h2{font-size:60px}.bottom-text h3{font-size:40px;margin-left:225px;line-height:10px}.footerrr{padding-top:40px;padding-bottom:40px;background-color:rgb(0,69,121);position:relative;color:rgb(83,117,163);text-align:center;border-radius:0}.footerrr::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0/ 50%)}.footerrr .container2{position:relative}.logo11{width:100px;height:100px;margin-bottom:20px}.footerrr p:not(.copyright){text-transform:uppercase;padding:20px;border-bottom:1px solid #fff;border-radius:0;font-size:22px;width:fit-content;margin:20px auto}@media (max-width:558px){.footerrr p:not(.copyright){font-size:18px;width:331px}}.footerrr .socials i{padding:10px 15px;margin:0 10px}.socials{list-style:none;display:flex;align-items:center;justify-content:center;margin:1rem 0 3rem 0}.socials{text-decoration:none;color:#fff}.socials li a{height:10px;width:10px}.socials a i{font-size:1.1rem;transition:color .4s ease;color:#fff}.socials a:hover i{color:aqua}.footer-bottom{z-index:1000000000}p.copyright{z-index:1000000000}a.my-acc{z-index:1000000000;position:relative;font-size:20px!important;color:rgb(127 127 127)!important}.footerrr .copyright{margin-top:60px;font-size:x-large;color:rgb(125 197 255);z-index:1000000000}.footerrr .copyright .my-acc{font-size:20px;color:#fff;z-index:1000000000}.footerrr .copyright .ayda1{font-weight:700;color:#fff}section{background-color:rgb(86,162,224);height:350px;width:400px;margin:200px auto 0 auto;position:relative;transition:all 1s}.contact1{width:300px;height:300px;position:absolute;left:50px;top:-30px;transition:all .5s}section:hover .contact1{top:-100px;border-radius:50%;transform:rotate(720deg)}@media (max-width:383px){.contact1{left:37px}}@media (max-width:370px){.contact1{left:30px}}@media (max-width:355px){.contact1{left:25px}}@media (max-width:340px){.contact1{left:15px}}section:hover{height:400px}.container3{position:absolute;bottom:0;padding:10px;text-align:center;border:0 solid #fff;opacity:0;transition:all .5s;width:100%;height:100%;font-size:0;color:#fff}section:hover .container3:hover{transition:all .5;opacity:1;height:55%;font-size:25px}.bigcontact{display:flex;flex-wrap:wrap}