@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#303030}*{scroll-behavior:smooth;margin:0;padding:0}html{overflow-x:hidden}*{scrollbar-width:none}.container{width:100vw}.ant-carousel{width:100%;position:relative;z-index:2!important}.ant-carousel .slick-slide img{width:100vw;height:100vh;object-fit:cover;z-index:2!important}.img-title{position:absolute;z-index:999;top:50%;left:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;gap:24px;transform:translate(-50%,-50%);opacity:0;transition:all .4s}.img-title .main-title{letter-spacing:36px;font-size:32px;opacity:0;transform:translateY(20px)}.img-title .upper{color:#858585;letter-spacing:8px;opacity:0;transform:translateY(-20px)}.img-title.animate{opacity:1;transition:all .4s}.img-title.animate .main-title{animation:mainTitleEnter 1s forwards}.img-title.animate .upper{animation:upperEnter 1s forwards}.img-title.reverse .main-title{animation:mainTitleExit 1s forwards}.img-title.reverse .upper{animation:upperExit 1s forwards}@keyframes upperEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes mainTitleEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes upperExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes mainTitleExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}header{z-index:9999;position:fixed;display:flex;justify-content:center;top:0;padding-block:10px;margin-left:auto;margin-right:auto;width:100%;min-height:70px}header.active{background-color:#00000080}header .header-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:60%}header .header-container nav{display:flex;flex-direction:row;letter-spacing:3px;text-transform:uppercase}header .header-container nav a{background-color:transparent;padding:25px 0 20px 20px;line-height:35px;text-align:center;border:none;color:#fff;outline:none;font-family:Tajawal,sans-serif;font-weight:400;font-size:.8rem;font-style:normal;transition:all .4s;text-decoration:none}header .header-container nav a:hover{color:#fab702}header .header-container nav a:after{text-align:center;position:relative;color:#fab702;content:"•";margin-left:20px;font-size:2rem;display:inline-block;vertical-align:sub}header .header-container nav a:last-child:after{text-align:center;position:relative;color:transparent;content:"•";margin-left:20px;font-size:2rem;display:inline-block;vertical-align:sub}header .header-container img{object-fit:contain;width:clamp(100px,15vw,256px)}footer{padding-block:10px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;align-items:center;width:100%;background-color:#0b0b0b}footer .title{color:#c7c7c7}footer .social-media{display:flex;flex-direction:row;gap:12px;align-items:center}footer .social-media #icon{transition:all .4s;padding:2px;color:#fff}footer .social-media #icon:hover{cursor:pointer;background-color:#fff;color:#000!important;transition:all .4s}.dropdown-menu,.dropdown-menu .ant-dropdown-menu{background-color:#111!important}.dropdown-menu .ant-dropdown-menu-item{font-family:Tajawal,sans-serif;color:#c7c7c7!important;padding:10px 20px}.dropdown-menu .ant-dropdown-menu-item:hover{background-color:#fab702!important;color:#161616!important}.ant-menu-title-content,.ant-menu{background-color:transparent;color:#fff;font-family:Tajawal,sans-serif}.ant-menu-submenu-arrow{display:none}.ant-menu .ant-menu-item{font-family:Tajawal,sans-serif;color:#c7c7c7!important}.ant-menu .ant-menu-item:hover{color:#fab702!important}.service-container{height:100vh}.service-container .upper-img{height:300px;min-height:300px;position:relative}.service-container .upper-img .title{display:flex;align-items:center;font-size:24px;color:#b4b4b4;position:absolute;left:15%;top:60%;transform:translate(-10%,-50%)}.service-container .upper-img .title h2{letter-spacing:3px;font-size:clamp(12px,5vw,40px);text-transform:uppercase;font-weight:200}.service-container .upper-img .info-page{display:flex;align-items:center;font-size:24px;color:#b4b4b4;position:absolute;left:70%;top:60%;transform:translate(-10%,-50%)}.service-container .upper-img .info-page h3{letter-spacing:3px;font-size:clamp(8px,3vw,20px);text-transform:uppercase;color:#fff;font-weight:300}.service-container .upper-img img{height:100%;width:100vw;object-fit:cover}.service-container .service-content{background:#18191b;width:100%;padding-block:130px}.service-container .service-content .service-content-container{margin-inline:24px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:72px}.service-container .service-content .service-content-container .title{width:412px;display:flex;flex-direction:column;gap:24px;font-size:16px;color:#fff;font-family:Tajawal,sans-serif;font-weight:300}.service-container .service-content .service-content-container .images{display:flex;gap:24px;flex-direction:column}.service-container .service-content .service-content-container .images img{width:300px;height:128px}.about{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.about .about-container{display:flex;height:100%;background-color:#18191b;flex-direction:row;align-items:center}.about .about-container img{object-fit:cover;width:50%;height:100%}.about .about-container .title{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:Tajawal,sans-serif;font-weight:500;font-size:20px;gap:24px}.about .about-container .title p{width:60%}.about .upper-img{height:300px;min-height:300px;position:relative}.about .upper-img .title{display:flex;align-items:center;color:#b4b4b4;position:absolute;left:15%;top:60%;transform:translate(-10%,-50%)}.about .upper-img .title h2{letter-spacing:3px;font-size:clamp(12px,5vw,40px);text-transform:uppercase;font-weight:200}.about .upper-img .info-page{display:flex;align-items:center;font-size:24px;color:#b4b4b4;position:absolute;left:70%;top:60%;transform:translate(-10%,-50%)}.about .upper-img .info-page h3{letter-spacing:3px;font-size:clamp(8px,3vw,20px);text-transform:uppercase;color:#fff;font-weight:300}.about .upper-img img{height:100%;width:100vw;object-fit:cover}.about .special-footer{width:100%;background-color:#fab702;padding-block:48px;display:flex;justify-content:center;align-items:center}.about .special-footer button{padding:16px 48px;background-color:transparent;border:1px solid #000;transition:.2s}.about .special-footer button:hover{transition:.2s;transform:scale(1.1)}.contact-container{width:100vw;gap:12px;background-color:#18191b}.contact-container .upper-img{height:300px;min-height:300px;position:relative}.contact-container .upper-img .title{display:flex;align-items:center;color:#b4b4b4;position:absolute;left:15%;top:60%;transform:translate(-10%,-50%)}.contact-container .upper-img .title h2{letter-spacing:3px;font-size:clamp(12px,5vw,40px);text-transform:uppercase;font-weight:200}.contact-container .upper-img .info-page{display:flex;align-items:center;font-size:24px;color:#b4b4b4;position:absolute;left:70%;top:60%;transform:translate(-10%,-50%)}.contact-container .upper-img .info-page h3{letter-spacing:3px;font-size:clamp(8px,3vw,20px);text-transform:uppercase;color:#fff;font-weight:300}.contact-container .upper-img img{height:100%;width:100vw;object-fit:cover}.contact-container .contact-content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:64px;height:70vh}.contact-container .contact-content form{display:flex;flex-direction:column;gap:32px}.contact-container .contact-content form h2{letter-spacing:3px;text-transform:uppercase;color:#b4b3b3;font-family:Tajawal,sans-serif;font-weight:300}.contact-container .contact-content form input{border:1px solid black;padding:12px 24px;outline:none;background-color:#131416}.contact-container .contact-content form input:focus{border:1px solid #FAB702}.contact-container .contact-content form button{background-color:#131416;outline:none;color:#b4b4b4;border:.3px solid #d1d1d14f;padding:8px 32px;width:70%}.contact-container .contact-content form button:hover{border-color:#fab702;transition:all .4s}.contact-container .contact-content .contact-textarea{background-color:#131416;outline:none;border:.1px solid #0a0a0a;resize:vertical;min-height:100px}.contact-container .contact-content .contact-textarea:focus{border:1px solid #FAB702}.contact-container .contact-content .contact-textarea-mobile{display:none}.contact-container .contact-content .contact-info{display:flex;flex-direction:column}.contact-container .contact-content .contact-info h2{margin-bottom:32px;letter-spacing:3px;text-transform:uppercase;color:#d6d6d6;font-family:Tajawal,sans-serif;font-weight:300}.contact-container .contact-content .contact-info h3{display:flex;flex-direction:row;gap:12px;margin-bottom:9px;justify-content:space-between;color:#fff;font-family:Tajawal,sans-serif;font-weight:300}.contact-container .contact-content .contact-info h3 p{text-align:left;min-width:200px}@media screen and (max-width: 835px){.img-title{position:absolute;z-index:999;top:50%;left:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;gap:24px;transform:translate(-50%,-50%);opacity:0;transition:all .4s;width:80%}.img-title .main-title{letter-spacing:8px;font-size:12px;opacity:0;transform:translateY(20px)}.ant-carousel{width:100%;position:relative;z-index:2!important}.ant-carousel .slick-slide img{width:100%;object-fit:cover;object-position:85% center;background-color:#000;z-index:2!important}header{background-color:#111}header .img-and-mobile{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}header .header-container a:after{content:""!important}header .header-container a{padding:0!important;font-size:.8rem}header .header-container.true{flex-direction:column;transition:all .4s}header .header-container.true nav{transition:all .4s;display:flex!important;flex-direction:column;gap:8px}header nav{display:none!important}.mobile-menu{display:block;background-color:#333;padding:10px;color:#fff;transition:all .4s}.mobile-menu:hover{background-color:#f5f5f5;transition:all .4s;color:#000}.mobile-menu:before{content:"☰";font-size:24px;cursor:pointer}.contact-content{display:flex;flex-direction:column!important;height:auto!important}.contact-textarea{display:none}form{width:80%;margin-block:12px}.contact-textarea-mobile{display:block!important;background-color:#131416!important;outline:none;border:.1px solid #0a0a0a;resize:vertical;min-height:100px;margin-bottom:24px;width:100%!important}.contact-textarea-mobile:focus{border:1px solid #FAB702}.service-container{height:auto!important;width:100%!important}.service-container .service-content-container{flex-direction:column!important;margin-inline:0px!important}.service-container .service-content-container .title{width:80%!important;font-size:12px!important}.about{height:auto!important}.about .upper-img{height:200px;min-height:200px}.about .about-container{display:flex;flex-direction:column}.about .about-container img{width:100%}.about .about-container .title{padding-block:24px}.about .about-container .title p{width:70%}}