#background_images,.background-image div,.first-section video{position:absolute;height:100%;width:100%}:root{--color_1:rgb(110, 140, 175);--color_2:rgb(80, 140, 205);--color_3:rgb(10, 60, 90)}.background-color{position:absolute;z-index:-100;height:100vh;width:100vw;background:linear-gradient(45deg,var(--color_1) 0,var(--color_1) 10%,var(--color_2) 20%,var(--color_2) 30%,var(--color_1) 40%,var(--color_1) 50%,var(--color_2) 60%,var(--color_2) 70%,var(--color_1) 80%,var(--color_1) 90%,var(--color_2) 100%);background-repeat:no-repeat;background-attachment:fixed}.background-image div,.first-section{background-position:center;background-size:cover;background-repeat:no-repeat}.first-section{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:transparent;width:max(100vw,260px);overflow-y:auto;overflow-x:hidden}.first-section video{object-fit:cover;z-index:-3;filter:brightness(70%);overflow:auto}#background_images{z-index:-10}.background-image{position:relative;height:100%;width:100%}.background-image div{background-attachment:fixed}#background_image_1{background-image:url('/images/webp/2.webp');animation:25s linear infinite background_image_1_animation}#background_image_2{background-image:url('/images/webp/1.webp');animation:25s linear infinite background_image_2_animation}#background_image_3{background-image:url('/images/webp/3.webp');animation:25s linear infinite background_image_3_animation}#background_image_4{background-image:url('/images/webp/6.webp');animation:25s linear infinite background_image_4_animation}#background_image_5{background-image:url('/images/webp/4.webp');animation:25s linear infinite background_image_5_animation}@keyframes background_image_1_animation{0%,100%,16%{opacity:0}12%,4%{opacity:1}}@keyframes background_image_2_animation{0%,100%,12%,32%{opacity:0}16%,28%{opacity:1}}@keyframes background_image_3_animation{0%,100%,28%,48%{opacity:0}32%,44%{opacity:1}}@keyframes background_image_4_animation{0%,100%,44%,64%{opacity:0}48%,60%{opacity:1}}@keyframes background_image_5_animation{0%,100%,60%,90%{opacity:0}64%,86%{opacity:1}}@keyframes header_logo_animation{0%,100%,83.33%{transform:rotateX(0) rotateZ(0)}25%,8.33%{transform:rotateX(180deg) rotateZ(0)}33.33%,50%{transform:rotateX(180deg) rotateZ(180deg)}58.33%,75%{transform:rotateX(0) rotateZ(180deg)}}@keyframes rotate{100%{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes a_animation{100%{transform:translateX(-100%)}}@keyframes logo_background_animation{0%,100%{width:50%}50%{width:100%}}@media (min-width:700px){.about-us-div .logo img,.first-section header .logo img{object-fit:cover;transform-style:preserve-3d;filter:brightness(150%)}.about-us-a a,.about-us-div .arabic-p{font-size:max(1.5vw, 15px)}#second_logo,#second_navbar{display:none}.first-section header{display:flex;flex-direction:row;align-items:center;width:100vw;height:max(10vw,150px);padding:0 2%;justify-content:center;gap:3%;margin-top:3vw;overflow:hidden}.first-section header .logo{width:20vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden;perspective:10000000000px}.first-section header .logo p{font-size:max(1.1vw, 11px);color:#4678aa;font-weight:700;filter:brightness(150%);text-shadow:max(.1vw,1px) max(.1vw,1px) max(.1vw,1px) #0a3c5a,min(-.1vw,-1px) max(.1vw,1px) max(.1vw,1px) #0a3c5a,max(.1vw,1px) min(-.1vw,-1px) max(.1vw,1px) #0a3c5a,min(-.1vw,-1px) min(-.1vw,-1px) max(.1vw,1px) #0a3c5a}.first-section header .lang-button button,.first-section header nav .navbar a{border-radius:max(3vw,30px);display:flex;font-size:max(1vw, 10px);text-align:center;text-decoration:none;transition:.3s}.first-section header .logo img{height:max(7vw,70px);animation:12s linear infinite header_logo_animation}.first-section header nav{width:75%;height:100%;display:flex;align-items:center;justify-content:center}.first-section header nav .navbar{width:100%;height:40%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);border-style:solid;border-color:#000;border-width:max(.1vw,1px);border-radius:max(3vw,30px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5%;padding:1%;overflow:hidden}.first-section header nav .navbar a{width:18%;height:95%;align-items:center;justify-content:center}.first-section header nav .navbar .unselected-a{font-weight:400;color:#fff}.first-section header nav .navbar .unselected-a:hover{background-color:#fff;color:#000;font-weight:700;transition:.3s}.first-section header nav .navbar .selected-a{background-color:#fff;color:#000;font-weight:700;pointer-events:none}.first-section header .lang-button{width:15%;height:100%;display:flex;align-items:center;justify-content:center}.first-section header .lang-button form{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.first-section header .lang-button button{background-color:#000;padding:2%;width:90%;height:40%;align-items:center;justify-content:center;color:#fff;font-weight:400;border:none}.about-us-div,.c_and_l{display:flex;flex-direction:column}.first-section header .lang-button button:hover{cursor:pointer;font-weight:700;transition:.3s;font-size:max(1.3vw, 13px);color:#000;background-color:#fff}.about-us-div{margin:auto;width:max(30vw,350px);height:max(30vw,400px);border-radius:max(2vw,20px);z-index:2;position:relative;overflow:hidden;align-items:center;justify-content:space-between;transition:.3s}.about-us-a,.about-us-a a{border-radius:max(3vw,30px);padding:2%}.about-us-div::after,.about-us-div::before{content:"";position:absolute;z-index:-1;height:150%;width:150%;top:50%;left:50%;transform:translate(-50%,-50%)}.about-us-a,.about-us-div .logo{position:relative;overflow:hidden}.about-us-div::before{background:conic-gradient(from 0deg at center,#0a3c5a,#fff,#0a3c5a,#fff);box-shadow:max(.5vw 5px) max(.5vw 5px) max(.5vw 5px) #0a3c5a,min(-.5vw -5px) min(-.5vw -5px) max(.5vw 5px) #fff,min(-.5vw -5px) max(.5vw 5px) max(.5vw 5px) #0a3c5a,max(.5vw 5px) min(-.5vw -5px) max(.5vw 5px) #fff;filter:blur(10px);animation:5s linear infinite rotate}.about-us-div::after{height:97%;width:97%;border-radius:.1vw;background-image:url('/images/webp/9.webp');background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;opacity:1;filter:brightness(30%);box-shadow:inset max(.5vw,5px) max(.5vw,5px) max(.5vw,5px) #000,inset min(-.5vw,-5px) min(-.5vw,-5px) max(.5vw,5px) #000,inset min(-.5vw,-5px) max(.5vw,5px) max(.5vw,5px) #000,inset max(.5vw,5px) min(-.5vw,-5px) max(.5vw,5px) #000;filter:blur(5px)}.c_and_l{width:100%;height:70%;align-items:center;justify-content:flex-start}#logo_background_3,.about-us-div .logo{border-radius:50%;flex-direction:column;display:flex}.about-us-div .logo{align-items:center;justify-content:center;margin-top:-15%;aspect-ratio:1/1;-webkit-aspect-ratio:1/1;width:50%}#logo_background_1{position:absolute;z-index:1;aspect-ratio:1/1;border-radius:50%;background-color:#6e8caf;filter:blur(5px);animation:2s linear infinite logo_background_animation}#logo_background_2{position:absolute;z-index:2;aspect-ratio:1/1;background-color:rgb(255,255,255,.25);border-radius:50%;filter:blur(5px);animation:4s linear infinite logo_background_animation}#logo_background_3{z-index:3;position:absolute;height:100%;width:100%;align-items:center;justify-content:center;gap:1%}.about-us-div .logo img{width:50%;aspect-ratio:1/1;transition:.3s}.about-us-div .logo p{color:#0a3c5a;font-weight:700;text-shadow:max(.1vw,1px) max(.1vw,1px) max(.1vw,1px) #6e8caf,min(-.1vw,-1px) max(.1vw,1px) max(.1vw,1px) #6e8caf,max(.1vw,1px) min(-.1vw,-1px) max(.1vw,1px) #6e8caf,min(-.1vw,-1px) min(-.1vw,-1px) max(.1vw,1px) #6e8caf}.about-us-div .english-p{font-size:max(1.2vw, 12px)}#camera{width:35%;aspect-ratio:1/1;background-color:transparent;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;margin-top:-5%}.about-us-a,.about-us-a-div{align-items:center;display:flex}#camera_model{height:100%;width:100%;display:block;line-height:0}.about-us-a-div{height:12%;width:90%;justify-content:center;margin-bottom:7%}.about-us-a-background,.about-us-a-front{height:100%;width:100%;position:absolute}.about-us-a{width:100%;height:100%;justify-content:center}.about-us-a-background{z-index:1;background-color:#0a3c5a;filter:blur(5px)}.about-us-a-front{z-index:2;background-color:#fff;filter:blur(5px);animation:5s linear infinite a_animation}.about-us-a a{position:absolute;width:98%;height:85%;z-index:3;background-color:#6e8caf;filter:blur(0px);display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#000;text-shadow:max(.1vw,1px) max(.1vw,1px) max(.1vw,1px) #000;font-weight:400;overflow:hidden;transition:.3s}.about-us-a a:hover{background-color:#000;color:#fff;text-shadow:max(.1vw,1px) max(.1vw,1px) max(.1vw,1px) #fff;font-size:max(1.7vw, 17px);transition:.3s}}@media (max-width:700px){#second_logo,#second_navbar nav a{align-items:center;overflow:hidden}#second_navbar footer h5,#second_navbar nav{background-color:rgba(0,0,0,.5);display:flex;pointer-events:all}#second_navbar nav a,.about-us-a a{text-align:center;text-decoration:none;transition:.3s}.first-section header{display:none}#second_logo{display:flex;justify-content:center;flex-direction:column;gap:max(1vh,5px);width:100vw;height:max(20vh,100px);background:linear-gradient(45deg,rgba(10,60,90,.25) 0,rgba(110,140,175,.25) 50%,rgba(10,60,90,.25) 100%);backdrop-filter:blur(5px)}#second_logo img{height:60%;animation:12s linear infinite header_logo_animation}#second_logo p{font-size:max(1.5vw, 15px);color:#4678aa;font-weight:700;filter:brightness(150%);text-shadow:max(.1vw,1px) max(.1vw,1px) max(1vw,10px) #0a3c5a,min(-.1vw,-1px) max(.1vw,1px) max(1vw,10px) #0a3c5a,max(.1vw,1px) min(-.1vw,-1px) max(1vw,10px) #0a3c5a,min(-.1vw,-1px) min(-.1vw,-1px) max(1vw,10px) #0a3c5a}#second_navbar{position:fixed;inset:0;z-index:5;display:flex;flex-direction:row;align-items:flex-start;justify-content:right;width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;margin-right:-60vw;transition:none;pointer-events:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}#second_navbar nav{width:50vw;height:max(100vh,100px);backdrop-filter:blur(20px);border-style:solid;border-width:max(.1vw,1px);border-color:#000;border-right:none;border-top:none;border-bottom:none;flex-direction:column;align-items:flex-end;padding:2vh 0;gap:2vh}#second_navbar nav a{width:90%;height:max(10%,50px);display:flex;justify-content:center;border-top-right-radius:max(3vh,10px);border-bottom-right-radius:max(3vh,10px);font-weight:700}#second_navbar nav .unselected-a{pointer-events:all;font-size:max(2.5vh, 10px);color:#fff;background-color:rgba(0,0,0,0)}#second_navbar nav .unselected-a:hover{font-size:max(2.6vh, 12px);color:#000;background-color:#fff}#second_navbar nav .selected-a{font-size:max(2.6vh, 12px);color:#000;background-color:#fff;pointer-events:none}#second_navbar nav form{height:max(12%,60px);width:90%;display:flex;align-items:center;justify-content:center}#second_navbar nav form button{height:85%;width:100%;background-color:#000;color:#fff;font-size:max(2.5vh, 10px);font-weight:700;border:none;border-top-right-radius:max(3vh,10px);border-bottom-right-radius:max(3vh,10px);transition:.3s;pointer-events:all}#second_navbar nav form button:hover{background-color:#508ccd;color:#000;font-size:max(2.8vh, 12px);cursor:pointer;transition:.3s}#second_navbar footer{width:50vw;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2vh 0;gap:2vh}#second_navbar footer h5{font-size:max(5vh, 15px);color:#fff;height:max(7vh,20px);aspect-ratio:1/1;align-items:center;justify-content:center;text-align:center;border-radius:max(1vh,2px);border:.1vh solid #fff;transition:.3s}.about-us-div,.c_and_l{display:flex;flex-direction:column}#second_navbar footer h5:hover{transition:.3s;background-color:#fff;color:#000;border-color:#000;cursor:pointer}.about-us-div{margin:auto;width:max(70vw,280px);height:max(60vh,290px);border-radius:max(2vw,20px);z-index:2;position:relative;overflow:hidden;align-items:center;justify-content:space-between;transition:.3s}.about-us-a,.about-us-a a{border-radius:max(3vw,30px);padding:2%}.about-us-div::after,.about-us-div::before{content:"";position:absolute;z-index:-1;height:150%;width:150%;top:50%;left:50%;transform:translate(-50%,-50%)}.about-us-a,.about-us-div .logo{position:relative;overflow:hidden}.about-us-div::before{background:conic-gradient(from 0deg at center,#0a3c5a,#fff,#0a3c5a,#fff);box-shadow:max(.5vw 5px) max(.5vw 5px) max(.5vw 5px) #0a3c5a,min(-.5vw -5px) min(-.5vw -5px) max(.5vw 5px) #fff,min(-.5vw -5px) max(.5vw 5px) max(.5vw 5px) #0a3c5a,max(.5vw 5px) min(-.5vw -5px) max(.5vw 5px) #fff;filter:blur(10px);animation:5s linear infinite rotate}.about-us-div::after{height:97%;width:97%;border-radius:.1vw;background-image:url('/images/webp/9.webp');background-position:center;background-repeat:no-repeat;background-size:cover;opacity:1;filter:brightness(30%);box-shadow:inset max(.5vw,5px) max(.5vw,5px) max(.5vw,5px) #000,inset min(-.5vw,-5px) min(-.5vw,-5px) max(.5vw,5px) #000,inset min(-.5vw,-5px) max(.5vw,5px) max(.5vw,5px) #000,inset max(.5vw,5px) min(-.5vw,-5px) max(.5vw,5px) #000;filter:blur(5px)}.c_and_l{width:100%;height:70%;align-items:center;justify-content:flex-start}#logo_background_3,.about-us-div .logo{border-radius:50%;flex-direction:column;display:flex}.about-us-div .logo{align-items:center;justify-content:center;margin-top:-15%;aspect-ratio:1/1;-webkit-aspect-ratio:1/1;width:50%}#logo_background_1{position:absolute;z-index:1;aspect-ratio:1/1;border-radius:50%;background-color:#6e8caf;filter:blur(5px);animation:2s linear infinite logo_background_animation}#logo_background_2{position:absolute;z-index:2;aspect-ratio:1/1;background-color:rgb(255,255,255,.25);border-radius:50%;filter:blur(5px);animation:4s linear infinite logo_background_animation}#logo_background_3{z-index:3;position:absolute;height:100%;width:100%;align-items:center;justify-content:center;gap:1%}.about-us-div .logo img{width:50%;aspect-ratio:1/1;object-fit:cover;transform-style:preserve-3d;filter:brightness(150%);transition:.3s}.about-us-div .logo p{color:#0a3c5a;font-weight:700;text-shadow:max(.1vw,1px) max(.1vw,1px) max(.1vw,1px) #6e8caf,min(-.1vw,-1px) max(.1vw,1px) max(.1vw,1px) #6e8caf,max(.1vw,1px) min(-.1vw,-1px) max(.1vw,1px) #6e8caf,min(-.1vw,-1px) min(-.1vw,-1px) max(.1vw,1px) #6e8caf}.about-us-div .arabic-p{font-size:max(1.5vw, 12px)}.about-us-div .english-p{font-size:max(1.2vw, 10px)}#camera{width:35%;aspect-ratio:1/1;background-color:transparent;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;margin-top:-5%}.about-us-a,.about-us-a-div{align-items:center;display:flex}#camera_model{height:100%;width:100%;display:block;line-height:0}.about-us-a-div{height:12%;width:90%;justify-content:center;margin-bottom:7%}.about-us-a-background,.about-us-a-front{height:100%;width:100%;position:absolute}.about-us-a{width:100%;height:100%;justify-content:center}.about-us-a-background{z-index:1;background-color:#0a3c5a;filter:blur(5px)}.about-us-a-front{z-index:2;background-color:#fff;filter:blur(5px);animation:5s linear infinite a_animation}.about-us-a a{position:absolute;width:98%;height:85%;z-index:3;background-color:#6e8caf;filter:blur(0px);display:flex;align-items:center;justify-content:center;color:#000;text-shadow:max(.1vw,1px) max(.1vw,1px) max(.1vw,1px) #000;font-size:max(2vw, 20px);font-weight:400;overflow:hidden}.about-us-a a:hover{background-color:#000;color:#fff;text-shadow:max(.1vw,1px) max(.1vw,1px) max(.1vw,1px) #fff;transition:.3s}}