html.trans,html.trans *,html.trans *::before,html.trans *::after{transition:all 300ms ease;transition-delay:0}html{height:-webkit-fill-available}body{font-family:Tahoma,"Segoe UI",system-ui,-apple-system,sans-serif;background-color:var(--white-color);color:var(--text-color);height:-webkit-fill-available;min-height:100vh;display:flex;flex-direction:column;margin:0 auto}.btn-close{background-color:#eeeded}.dropdown-item{filter:brightness(1.3)}input[type=text],input[type=number],input[type=password],input[type=email]{background-color:var(--input-color);color:var(--dark-color)}textarea{background-color:var(--input-color);color:var(--dark-color)}header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}nav{position:relative;width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:transparent;z-index:5;transition:background-color 0.3s ease,color 0.3s ease}header.is_scrolled nav{background-color:rgba(255,255,255,0.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}nav .container{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.65rem 1rem;min-height:4.25rem;position:relative}nav .brand{display:flex;align-items:center;flex-shrink:0;margin:0;padding:0;position:relative;z-index:2}nav .brand img,nav .brand .brand-logo{height:48px;width:auto;aspect-ratio:326 / 187;object-fit:contain;object-position:center;filter:none;display:block}nav .brand .brand-logo--white{display:block}nav .brand .brand-logo--dark{display:none}html[data-theme='light'] header.is_scrolled nav .brand .brand-logo--white{display:none}html[data-theme='light'] header.is_scrolled nav .brand .brand-logo--dark{display:block}nav .nav-items{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;margin:0;padding:0;gap:0;position:absolute;left:50%;transform:translateX(-50%);z-index:1;pointer-events:none}nav .nav-items .wrap{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:0.1rem 0.8rem;margin:0;padding:0;pointer-events:auto}nav .nav-items .wrap a,nav .nav-items .wrap .dropdown-toggle{text-decoration:none;color:#fff;font-family:tajawal,Tahoma,"Segoe UI",sans-serif;font-size:0.9375rem;font-weight:500;line-height:1.35;letter-spacing:0;white-space:nowrap;position:relative;margin:0;padding:0.4rem 0.05rem;transition:color .25s ease,opacity .25s ease}nav .nav-items .wrap a.active{color:#fff;font-family:tajawal-700,tajawal,Tahoma,sans-serif;font-weight:700}nav .nav-items .wrap .dropdown-toggle{color:#fff !important;background:transparent !important;border:0 !important;box-shadow:none !important;height:auto !important;min-height:0;display:inline-flex !important;align-items:center;gap:0.15rem;padding:0.4rem 0.05rem !important;font-family:tajawal,Tahoma,"Segoe UI",sans-serif !important;font-size:0.9375rem !important;font-weight:500;line-height:1.35 !important}nav .nav-items .wrap .dropdown-toggle::after{margin-inline-start:0.2rem;vertical-align:0.12em}nav .nav-items .wrap .nav_link_cta{font-family:tajawal,Tahoma,"Segoe UI",sans-serif;font-weight:500}header.is_scrolled nav .nav-items .wrap a,header.is_scrolled nav .nav-items .wrap a.active{color:#111}header.is_scrolled nav .nav-items .wrap .dropdown-toggle{color:#111 !important}nav .nav-items .wrap a.active::before{transition:all .3s;content:'';bottom:-0.35rem;width:0%;left:50%;height:3px;transform:translateX(-50%);background:var(--secondary);position:absolute;border-radius:5px;animation:nav-link-active .3s .2s forwards}nav .dropdown-menu li:hover a{color:#111 !important}@keyframes nav-link-active{to{width:40%}}nav .icons{display:flex;align-items:center;flex-shrink:0;gap:0.1rem;margin:0 !important;padding:0;min-height:0;position:relative;z-index:2;margin-inline-start:auto !important}nav .icons a{display:grid;place-content:center;width:1.75rem;height:1.75rem;margin:0;padding:0;border-radius:0.45rem;color:#fff;text-decoration:none;transition:background-color .2s ease,color .2s ease}nav .icons a:hover{background-color:rgba(255,255,255,0.12)}nav .icons i{color:inherit;font-size:1.15rem;line-height:1;margin:0}header.is_scrolled nav .icons a{color:#111}header.is_scrolled nav .icons a:hover{background-color:rgba(45,28,72,0.08)}header.is_scrolled nav .icons i{color:inherit}.w-fit{width:fit-content !important}.btn_mobile_mwnu{display:none;color:#fff;background:transparent;border:none;padding:0;line-height:1;cursor:pointer}.btn_mobile_mwnu i{font-size:32px}header.is_scrolled .btn_mobile_mwnu{color:#111}nav .nav_panel_head{display:none}nav .nav-items .wrap a i,nav .nav-items .wrap .dropdown-toggle i{display:none}body.menu_open{overflow:hidden}.nav_overlay{display:none}nav .theme_switch{display:flex;align-items:center;flex-shrink:0;margin:0;padding:0;position:relative;z-index:2}nav .checkbox{opacity:0;position:absolute}nav .checkbox-label{background-color:#111;width:50px;height:26px;border-radius:50px;position:relative;padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}nav .bxs-moon{color:#f1c40f}nav .bxs-sun{color:#f39c12}nav .checkbox-label .ball{background-color:#fff;width:22px;height:22px;position:absolute;left:2px;top:2px;border-radius:50%;transition:transform 0.2s linear}nav .checkbox:checked+.checkbox-label .ball{transform:translateX(24px)}@media screen and (max-width:768px){::-webkit-scrollbar{display:none}.btn_mobile_mwnu{display:grid;place-content:center;width:42px;height:42px;border-radius:8px;border:1px solid rgba(255,255,255,0.28);background-color:rgba(255,255,255,0.08);color:#fff !important}header.is_scrolled .btn_mobile_mwnu{color:#111 !important;border-color:rgba(0,0,0,0.12);background-color:rgba(255,255,255,0.7)}header nav{background-color:transparent}header.is_scrolled nav{background-color:rgba(255,255,255,0.6)}.nav_overlay{display:block;position:fixed;inset:0;background:rgba(26,16,40,0.55);z-index:1001;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease}header.nav_open .nav_overlay{opacity:1;visibility:visible;pointer-events:auto}nav .nav-items,nav .container .nav-items{position:fixed !important;top:0 !important;right:0 !important;left:auto !important;bottom:0;width:min(340px,86vw) !important;max-width:86vw;height:100svh;min-height:100svh;z-index:1002;background-color:#fff;flex-direction:column;align-items:stretch !important;justify-content:flex-start;gap:0 !important;padding:1.15rem 1.15rem 1.5rem;margin:0 !important;overflow-y:auto;overflow-x:hidden;transform:translateX(110%) !important;opacity:1;pointer-events:auto;box-shadow:-12px 0 40px rgba(0,0,0,0.18);border-radius:16px 0 0 16px;transition:transform 0.35s cubic-bezier(0.22,1,0.36,1)}html[data-theme='dark'] nav .nav-items,html[data-theme='dark'] nav .container .nav-items{background-color:#1a1028;box-shadow:-12px 0 40px rgba(0,0,0,0.45)}nav .nav-items.toggle,nav .container .nav-items.toggle{transform:translateX(0) !important}nav .nav_panel_head{display:flex;align-items:center;justify-content:space-between;background:var(--primary);padding:1.5rem 0.95rem;margin:-1.15rem -1.15rem 0.75rem;border-bottom:none}html[data-theme='dark'] nav .nav_panel_head{background:var(--primary);border-bottom:none}nav .nav_panel_head img,nav .nav_panel_head .nav_panel_logo{height:42px;width:auto;object-fit:contain;display:block;filter:none}nav .nav_panel_close{width:38px;height:38px;border:1px solid rgba(255,255,255,0.28);border-radius:8px;background:rgba(255,255,255,0.1);color:#fff;display:grid;place-content:center;cursor:pointer;margin:0}nav .nav_panel_close i{font-size:24px;color:#fff !important}html[data-theme='dark'] nav .nav_panel_close{border-color:rgba(255,255,255,0.28);background:rgba(255,255,255,0.1);color:#fff}html[data-theme='dark'] nav .nav_panel_close i{color:#fff !important}nav .container .nav-items .wrap{display:flex !important;flex-direction:column;align-items:stretch;width:100%;gap:0.35rem;margin:0 !important}nav .container .nav-items .wrap a,nav .container .nav-items .wrap .dropdown-toggle{display:flex;align-items:center;gap:0;width:100%;padding:0.85rem 0.95rem;font-size:16px;font-family:tajawal;color:#111 !important;text-align:right;border-radius:10px;background:transparent;box-shadow:none;border:none}nav .container .nav-items .wrap a i,nav .container .nav-items .wrap .dropdown-toggle i{display:none !important}nav .container .nav-items .wrap a.active{background:rgba(102,168,159,0.14);font-family:tajawal-700;box-shadow:inset -3px 0 0 var(--secondary)}nav .container .nav-items .wrap a.active::before{display:none}nav .container .nav-items .wrap a:hover,nav .container .nav-items .wrap .dropdown-toggle:hover{background:rgba(45,28,72,0.05)}nav .container .nav-items .wrap .dropdown{width:100%;align-self:stretch;margin:0;padding:0;text-align:right}nav .container .nav-items .wrap .dropdown .dropdown-toggle{width:100%;justify-content:flex-start;text-align:right;padding:0.85rem 0.95rem !important}nav .container .nav-items .wrap .dropdown .dropdown-toggle::after{margin-left:0 !important;margin-right:0 !important;margin-inline-start:0.35rem;margin-inline-end:0}nav .nav-items .dropdown{width:100%}nav .nav-items .dropdown-menu{position:static !important;transform:none !important;inset:auto !important;display:none;background:rgba(45,28,72,0.04);border:none;box-shadow:none;border-radius:10px;padding:0.25rem;margin-top:0.25rem !important;width:100%}nav .nav-items .dropdown-menu.show{display:flex;flex-direction:column}nav .nav-items .dropdown-item{color:#111;border-radius:8px;padding:0.65rem 1rem;font-size:14px;filter:none;text-align:right}nav .nav-items .dropdown-item:hover{background:rgba(102,168,159,0.12);color:#111 !important}html[data-theme='dark'] nav .container .nav-items .wrap a,html[data-theme='dark'] nav .container .nav-items .wrap .dropdown-toggle{color:#fff !important}html[data-theme='dark'] nav .container .nav-items .wrap a i,html[data-theme='dark'] nav .container .nav-items .wrap .dropdown-toggle i{background:rgba(102,168,159,0.16);color:var(--secondary) !important}html[data-theme='dark'] nav .container .nav-items .wrap a:hover,html[data-theme='dark'] nav .container .nav-items .wrap .dropdown-toggle:hover{background:rgba(255,255,255,0.06)}html[data-theme='dark'] nav .nav-items .dropdown-menu{background:rgba(255,255,255,0.04)}html[data-theme='dark'] nav .nav-items .dropdown-item{color:#fff}html[data-theme='dark'] nav .nav-items .dropdown-item:hover{color:#fff !important;background:rgba(102,168,159,0.18)}nav .container .nav-items .icons{display:flex !important;justify-content:center;gap:0.65rem !important;margin-top:auto;padding-top:1.25rem;width:100%}nav .container .nav-items .icons a{width:42px;height:42px;display:grid;place-content:center;border-radius:50%;border:1px solid rgba(45,28,72,0.12);background:rgba(45,28,72,0.04)}nav .container .nav-items .icons i{font-size:18px;color:var(--primary) !important;margin:0}html[data-theme='dark'] nav .container .nav-items .icons a{border-color:rgba(255,255,255,0.14);background:rgba(255,255,255,0.06)}html[data-theme='dark'] nav .container .nav-items .icons i{color:#fff !important}nav .container>.theme_switch{display:none}nav .nav-items .theme_switch{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:1rem;padding:0.85rem 1rem;border-radius:10px;background:rgba(45,28,72,0.04);border:1px solid rgba(45,28,72,0.08)}nav .nav-items .theme_switch::before{content:'المظهر';font-size:14px;font-family:tajawal-700;color:#111}html[data-theme='dark'] nav .nav-items .theme_switch{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1)}html[data-theme='dark'] nav .nav-items .theme_switch::before{color:#fff}nav .nav-items .theme_switch .bxs-moon{color:#f1c40f !important}nav .nav-items .theme_switch .bxs-sun{color:#f39c12 !important}}main .hero{min-height:100svh;position:relative;width:100%;animation:move-slow 180s ease alternate infinite;z-index:4}@keyframes move-slow{to{background-position:center 0%}}.hero::before{content:'';background:var(--gradient);position:absolute;z-index:2;min-height:100%;width:100%;opacity:.5}.carousel_wrap{position:absolute;top:0;left:0;width:100%;min-height:100svh;overflow:hidden}.carousel_wrap .carousel,.carousel_wrap .carousel-inner,.carousel_wrap .carousel-item{min-height:100svh;height:100%}.carousel_wrap .hero_slide_media{position:relative;width:100%;height:100svh;overflow:hidden}.carousel_wrap .hero_slide_media::before{content:'';position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0.18) 45%,transparent 100%);z-index:2;pointer-events:none;opacity:0}.carousel_wrap .hero_slide_media::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(45,28,72,0.45) 0%,transparent 55%);z-index:1;pointer-events:none;opacity:0;transition:opacity 1.6s ease}.carousel_wrap .hero_slide_media picture{display:block;width:100%;height:100%}.carousel_wrap .hero_slide_media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);filter:blur(0) brightness(1);will-change:transform,filter,opacity}.carousel_wrap .hero_carousel.carousel-fade .carousel-item{opacity:0;transition:opacity 2s cubic-bezier(0.22,1,0.36,1);transform:none !important;display:block}.carousel_wrap .hero_carousel.carousel-fade .carousel-item.active,.carousel_wrap .hero_carousel.carousel-fade .carousel-item-next.carousel-item-start,.carousel_wrap .hero_carousel.carousel-fade .carousel-item-prev.carousel-item-end{opacity:1}.carousel_wrap .hero_carousel.carousel-fade .active.carousel-item-start,.carousel_wrap .hero_carousel.carousel-fade .active.carousel-item-end{opacity:0;transition:opacity 2s cubic-bezier(0.22,1,0.36,1)}.carousel_wrap .hero_carousel .carousel-item.hero-slide-in .hero_slide_media img{animation:heroCinematicIn 2.4s cubic-bezier(0.16,1,0.3,1) forwards}.carousel_wrap .hero_carousel .carousel-item.hero-slide-in .hero_slide_media::before{animation:heroShineSweep 1.8s cubic-bezier(0.22,1,0.36,1) 0.35s forwards}.carousel_wrap .hero_carousel .carousel-item.hero-slide-in .hero_slide_media::after{opacity:1;animation:heroOverlayPulse 2.4s ease forwards}.carousel_wrap .hero_carousel .carousel-item.hero-slide-out .hero_slide_media img{animation:heroCinematicOut 2.4s cubic-bezier(0.55,0,0.45,1) forwards}@keyframes heroCinematicIn{0%{transform:scale(1.18) translateY(1.5%);filter:blur(18px) brightness(0.55);opacity:0.4}35%{filter:blur(6px) brightness(0.82);opacity:0.85}100%{transform:scale(1) translateY(0);filter:blur(0) brightness(1);opacity:1}}@keyframes heroCinematicOut{0%{transform:scale(1);filter:blur(0) brightness(1);opacity:1}100%{transform:scale(1.1) translateY(-1%);filter:blur(14px) brightness(0.45);opacity:0}}@keyframes heroShineSweep{0%{left:-80%;opacity:0}15%{opacity:1}100%{left:140%;opacity:0}}@keyframes heroOverlayPulse{0%{opacity:0.85}100%{opacity:0}}@media (prefers-reduced-motion:reduce){.carousel_wrap .hero_carousel.carousel-fade .carousel-item{transition:opacity 0.3s ease}.carousel_wrap .hero_carousel .carousel-item.hero-slide-in .hero_slide_media img,.carousel_wrap .hero_carousel .carousel-item.hero-slide-out .hero_slide_media img{animation:none;transform:scale(1);filter:none;opacity:1}.carousel_wrap .hero_carousel .carousel-item.hero-slide-in .hero_slide_media::before,.carousel_wrap .hero_carousel .carousel-item.hero-slide-in .hero_slide_media::after{animation:none;opacity:0}}main .hero .hand_arrow{position:absolute;z-index:5;left:36%;top:10%;rotate:-40deg;scale:.5;opacity:0;transform:translateY(500px);animation:show_hand_arrow .3s 1s ease forwards}@keyframes show_hand_arrow{to{transform:translateY(0);rotate:-80deg;opacity:1}}main .hero .hero_content_wrap{position:relative;z-index:4;min-height:100svh;margin-top:0;padding-top:0;padding-bottom:0;align-items:center;justify-content:flex-start}main .hero-text{position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-start;width:70%;margin-top:0}main .hero-text .wrap{margin-inline:auto;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}main .hero-text h1 span{color:white;background-color:var(--secondary);font-size:18px;display:inline;width:fit-content;border-radius:5px;padding:5px}main .hero-text h1{font-size:55px;font-family:Tahoma,"Segoe UI",system-ui,sans-serif;font-weight:800;color:white}main .hero-text .line{display:block;height:4px;width:200px;background:var(--secondary)}main .hero-text p{margin-top:1rem;color:#fff;width:600px}main .hero-text .buttons{margin-top:2rem;display:flex;align-items:center;gap:2rem}main .hero-text .buttons button{width:150px;height:45px}main .hero-text .buttons .btn_show_work{display:grid;place-content:center;background:var(--primary)}main .swiper{position:relative;z-index:4;width:25%;display:flex;align-items:center;justify-content:center;position:relative;z-index:4;gap:1rem}main .swiper img{height:100%;width:100%;object-fit:cover;object-position:center}main .swiper .contant{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;border:5px solid white;box-shadow:0 0 20px rgba(0,0,0,0.14)}main .swiper .contant h5{width:100%;text-align:center;background-color:#FFF;padding:.5rem 1rem;color:var(--text-color-light);font-size:18px;margin:0}.arrow2{display:flex;flex-direction:column;justify-content:center;align-self:stretch;flex-grow:1;overflow-y:hidden}.arrow2::before{content:'';width:1px;height:100px;background:rgba(255,255,255,.2);left:50%;margin-left:-0.5px;bottom:5%;position:absolute;-webkit-transition:.5s;transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:2}.arrow2::before{will-change:transform;width:1px;background:#fff;-webkit-animation-name:b;animation-name:b;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.77,0,.175,1);animation-timing-function:cubic-bezier(.77,0,.175,1);z-index:10}@-webkit-keyframes b{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}50.0001%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(1);transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1)}}@keyframes b{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}50.0001%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}main .hero .scroll-icon{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);scale:.5}main .hero .scroll-icon .center svg{color:gray}main .hero .scroll-icon .center circle{color:rgba(255,255,255,1)}main .hero .scroll-icon #scroll{animation:animateHeight 1.4s linear .3s 4}main .hero .scroll-icon #circle--shape{animation:animateShape 1.6s ease-in-out infinite}@keyframes animateShape{50%{cy:100;opacity:.1}}@keyframes animateHeight{70%{height:105px}}@media screen and (max-width:768px){.scroll-down2{display:none}main .hero{padding-bottom:2rem;min-height:100svh}.hero .hero_content_wrap{min-height:100svh;align-items:center;justify-content:flex-start;padding-top:4.5rem;padding-bottom:2rem}.carousel_wrap .hero_slide_media img{object-position:center}@keyframes show_hand_arrow{to{transform:scaleX(-1) translateX(50px);opacity:1}}.hero .hero_content_wrap .hero-text{width:100%;display:flex;margin:0;align-items:flex-start;justify-content:flex-start}.hero .hero_content_wrap .hero-text .wrap{margin-inline:1rem;margin-top:0;width:100%;padding-inline:0.25rem;gap:0.65rem;display:flex;flex-direction:column;align-items:flex-start;text-align:right}.hero .hero_content_wrap .hero-text .wrap .lead,main .hero-text p{width:100%;text-align:right;font-size:14px;line-height:1.65;margin-top:0}.hero .hero_content_wrap .hero-text h1 span{font-size:13px;padding:0.3rem 0.65rem;margin-bottom:0.25rem}.hero .hero_content_wrap .hero-text h1{font-size:clamp(1.65rem,7.5vw,2.15rem);width:100%;text-align:right;line-height:1.35;margin-bottom:0}main .hero-text .line{margin-inline:0;width:120px;height:3px;margin-top:0.15rem;margin-bottom:0.15rem}.hero .hero_content_wrap .hero-text .buttons{margin-top:1rem;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:0.65rem}.hero .hero_content_wrap .hero-text .buttons a{width:auto;display:flex;justify-content:flex-start}.hero .hero_content_wrap .hero-text .buttons a button{width:auto;min-width:148px;height:40px;font-size:14px;padding:0 1.15rem !important;margin-inline:0;justify-content:center}.hero .hero_content_wrap .hero-text .buttons .btn_show_work{margin-inline:0}.hero .hero_content_wrap .swiper{margin-top:3rem;width:80%;scale:.75}.hero .hero_content_wrap .swiper .contant{height:fit-content;width:fit-content}}@media screen and (max-width:365px){.hero .hero_content_wrap{padding-top:4rem}.hero .hero_content_wrap .hero-text h1{font-size:1.5rem}.hero .hero_content_wrap .hero-text .wrap .lead,main .hero-text p{font-size:13px;line-height:1.6}.hero .arrow2{display:none}}main .who{background-color:var(--light-color);padding-bottom:5rem;position:relative;isolation:isolate;min-height:100vh;display:block}main .section_title{position:relative;width:fit-content;display:block;margin-inline:auto;padding-top:4rem;font-family:tajawal-700;font-size:42px}main .section_title::after{position:absolute;content:'';width:30%;height:5px;background-color:var(--primary);left:-5px;bottom:-11px}main .section_title::before{position:absolute;content:'';width:5px;height:43%;background-color:var(--primary);left:-10px;bottom:-11px}main .wrap_section_title p{margin:0 auto;margin-block:2rem;text-align:center;color:var(--text-color);width:50%}main .aboutus{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;min-height:50vh;gap:3rem}main .aboutus .about_img{width:50%;height:40vh;border:15px solid var(--card-color);border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,0.14)}main .aboutus .about_img img{padding:1rem;width:100%;height:100%;object-fit:cover;object-position:center}main .aboutus .about_details .mybody{margin-top:2rem}main .aboutus .about_details .mybody h3{font-family:tajawal-700;position:relative;margin-right:1rem;font-size:18px;font-weight:inherit}main .aboutus .about_details .mybody h3::before{content:'';top:0;right:-1rem;height:100%;background:var(--primary);width:5px;border-radius:20px;position:absolute}main .aboutus .about_details .mybody p,main .aboutus .about_details .mybody li{width:100%;color:var(--text-color);font-size:16px;padding-right:17px}main .who::before{content:'';background:url(../img/footer-img.webp);background-repeat:repeat;width:100%;height:150px;position:absolute;bottom:0;left:0;z-index:-1;opacity:.1;filter:grayscale(1);background-position:bottom;background-size:contain;border:0;outline:0}@media screen and (max-width:768px){main .who{margin-top:0rem;min-height:fit-content !important;display:block !important}main .who .container{height:100%}main .who::before{height:114px}main .who .wrap_section_title p,main .wrap_section_title p{width:100%}main .aboutus{margin-top:3rem;flex-direction:column;min-height:100vh;position:static}main .aboutus .about_img{width:100%}main .aboutus .about_details{margin-right:2rem}main .aboutus .about_details .body p,main .aboutus .about_details .body li{width:100%}}main .services_wrap{background-color:var(--light-color);padding-bottom:5rem;position:relative;overflow:hidden}main .services_wrap::before{content:'';position:absolute;background:url(../img/bulding-pattern.webp) no-repeat;background-size:cover;background-position:center;opacity:.04;z-index:0;top:0;right:0;width:100%;height:100%;pointer-events:none}main .services_wrap .container{position:relative;z-index:1}main .services_intro .services_eyebrow{display:block;text-align:center;font-size:13px;letter-spacing:0.04em;color:rgba(0,0,0,.2);font-family:tajawal-700;margin-bottom:0.5rem;direction:ltr}main .services_intro .services_lead{width:65%;max-width:820px;line-height:1.85;font-size:17px}main .services_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}main .services_grid .serv_card{display:flex;flex-direction:column;gap:0;padding:0;border-radius:8px;background-color:var(--card-color);border:1px solid rgba(0,0,0,0.08);box-shadow:none;transition:border-color 0.25s ease;min-height:auto;overflow:hidden}html[data-theme='dark'] main .services_grid .serv_card{border-color:rgba(255,255,255,0.1)}main .services_grid .serv_card:hover{transform:none;box-shadow:none;border-color:var(--secondary)}main .serv_card_top{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 0}main .serv_num{font-family:tajawal-700;font-size:14px;line-height:1;color:var(--secondary);background:transparent;-webkit-text-fill-color:currentColor;opacity:1;direction:ltr;letter-spacing:0.06em}main .serv_icon{width:44px;height:44px;background-color:var(--primary);border-radius:8px;display:grid;place-content:center;flex-shrink:0}main .serv_icon i{font-size:22px;color:#fff}main .services_grid .serv_title{font-family:tajawal-700;font-size:19px;line-height:1.5;margin:0;padding:1rem 1.5rem 0.85rem;color:var(--text-color);border-bottom:2px solid var(--secondary)}main .services_grid .serv_details{text-align:right;font-size:16px;line-height:1.9;color:var(--text-color);margin:0;padding:1.15rem 1.5rem;flex-grow:1;background-color:var(--light-bg)}html[data-theme='dark'] main .services_grid .serv_details{background-color:rgba(0,0,0,0.15)}main .serv_tags_wrap{padding:1rem 1.5rem 1.35rem;margin-top:auto;border-top:1px solid rgba(0,0,0,0.06)}html[data-theme='dark'] main .serv_tags_wrap{border-top-color:rgba(255,255,255,0.08)}main .serv_tags_label{display:block;font-size:12px;font-family:tajawal-700;color:var(--secondary);margin-bottom:0.65rem;letter-spacing:0.02em}main .serv_tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0;padding-top:0}main .serv_tags span{font-size:12px;padding:0.35rem 0.7rem;border-radius:4px;background-color:#ede8f2;color:var(--primary);font-family:tajawal;white-space:nowrap;border:1px solid #ddd5e8}html[data-theme='dark'] main .serv_tags span{background-color:rgba(45,28,72,0.35);border-color:rgba(102,168,159,0.25);color:#e8e4ed}main .serv_tags--light span{background-color:rgba(255,255,255,0.12);color:#fff;border:1px solid rgba(255,255,255,0.3)}main .services_feature{display:flex;align-items:stretch;border-radius:8px;overflow:hidden;background-color:var(--primary);box-shadow:none;border:1px solid var(--primary)}main .services_feature_content{flex:1;padding:2.5rem 3rem;color:#fff;text-align:right}main .services_feature_label{display:inline-block;font-size:12px;font-family:tajawal-700;letter-spacing:0.05em;padding:0.35rem 0.85rem;border-radius:4px;background-color:var(--secondary);color:#fff;margin-bottom:1rem}main .services_feature_title{font-family:tajawal-700;font-size:28px;margin-bottom:0.5rem;color:#fff}main .services_feature_sub{font-size:17px;margin-bottom:1rem;font-family:tajawal-700;color:var(--secondary)}main .services_feature_text{font-size:16px;line-height:1.9;margin-bottom:1.25rem;max-width:540px;color:rgba(255,255,255,0.92)}main .services_feature_visual{flex:0 0 340px;display:flex;align-items:stretch;justify-content:center;position:relative;background-color:#241538;min-height:280px;overflow:hidden;isolation:isolate;aspect-ratio:640 / 597}main .clients .clients_logo,main .clients .partners{height:220px;max-height:220px;overflow:hidden}main .clients .partners:not(.swiper-initialized) .swiper-wrapper{display:flex;flex-wrap:nowrap;align-items:center;gap:1.25rem;height:220px}main .clients .partners:not(.swiper-initialized) .swiper-slide{flex:0 0 150px;width:150px;height:200px;background-size:contain;background-repeat:no-repeat;background-position:center;overflow:hidden}main .clients .partners.swiper-initialized .swiper-slide{height:200px;display:flex;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat;background-position:center;overflow:hidden}main .services_feature_img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.04);filter:saturate(1.08) contrast(1.05);transition:transform 0.8s ease,filter 0.8s ease}main .services_feature:hover .services_feature_img{transform:scale(1.1);filter:saturate(1.15) contrast(1.08)}main .services_feature_pattern{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(rgba(102,168,159,0.16) 1px,transparent 1px),linear-gradient(90deg,rgba(102,168,159,0.16) 1px,transparent 1px),radial-gradient(circle at 18% 22%,rgba(255,255,255,0.16) 0,transparent 18%),radial-gradient(circle at 82% 78%,rgba(45,28,72,0.35) 0,transparent 28%);background-size:28px 28px,28px 28px,100% 100%,100% 100%;mix-blend-mode:overlay;opacity:0.7}main .services_feature_scan{position:absolute;left:0;right:0;height:38%;z-index:3;pointer-events:none;background:linear-gradient( 180deg,transparent 0%,rgba(102,168,159,0.08) 35%,rgba(255,255,255,0.28) 50%,rgba(102,168,159,0.08) 65%,transparent 100% );animation:featureScan 3.8s ease-in-out infinite}main .services_feature_glow{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(45,28,72,0.55) 0%,transparent 28%),linear-gradient(180deg,rgba(26,16,40,0.18) 0%,transparent 30%,rgba(26,16,40,0.35) 100%)}main .services_feature_frame{position:absolute;inset:14px;z-index:5;pointer-events:none;border:1px solid rgba(102,168,159,0.35)}main .services_feature_frame::before,main .services_feature_frame::after{content:'';position:absolute;width:22px;height:22px;border-color:var(--secondary);border-style:solid}main .services_feature_frame::before{top:-1px;right:-1px;border-width:2px 2px 0 0}main .services_feature_frame::after{bottom:-1px;left:-1px;border-width:0 0 2px 2px}@keyframes featureScan{0%{top:-20%;opacity:0}18%{opacity:1}82%{opacity:1}100%{top:85%;opacity:0}}@media (prefers-reduced-motion:reduce){main .services_feature_scan{animation:none;display:none}main .services_feature:hover .services_feature_img{transform:scale(1.04)}}@media screen and (max-width:1100px){main .services_grid{grid-template-columns:repeat(2,1fr)}main .services_intro .services_lead{width:85%}}@media screen and (min-width:1101px){main .services_grid .serv_card:last-child:nth-child(3n+1){grid-column:2}}@media screen and (max-width:768px){main .services_wrap{padding-bottom:3rem}main .services_grid{grid-template-columns:1fr}main .services_intro .services_lead{width:100%}main .services_feature{flex-direction:column}main .services_feature_content{padding:2rem;text-align:right}main .services_feature_text{max-width:100%}main .services_feature_content .serv_tags{justify-content:flex-start}main .services_feature_visual{flex:none;width:100%;min-height:220px}main .services_grid .serv_title{font-size:18px;padding-left:1.25rem;padding-right:1.25rem}main .services_grid .serv_details{font-size:15px;padding:1rem 1.25rem;text-align:right}main .serv_card_top,main .serv_tags_wrap{padding-left:1.25rem;padding-right:1.25rem}}.clients{background-color:var(--bg);padding-bottom:5rem}.clients .clients_logo{width:100%}.clients .partners{width:100%;padding-block:1rem}.clients .swiper-slide{height:220px;width:200px;background-color:var(--card-color);background-size:contain;background-repeat:no-repeat;background-position:center;display:grid;place-content:center;border-radius:5px;box-shadow:0 0 10px var(--shadow-color-li);overflow:hidden}.clients .clients_logo .swiper-slide img,.clients .partners .swiper-slide img,.clients .clients_logo img{height:100%;width:100%;max-height:200px;max-width:150px;object-fit:contain;object-position:center;display:block}main .projects{padding:5rem 0 4rem;background-color:var(--bg);position:relative;isolation:isolate}#projects_cards{scroll-margin-top:5.25rem}main .projects .cards{margin-top:2.5rem;row-gap:1.75rem;min-height:900px}@media (max-width:991px){main .projects .cards{min-height:1760px}}main .projects .mycard--skel{pointer-events:none;background:linear-gradient(110deg,var(--card-color) 30%,rgba(127,127,127,0.12) 45%,var(--card-color) 60%);background-size:200% 100%}main .projects .mycard--skel .mycard_body{min-height:7rem}main .projects .cards .mycard{width:100%;height:420px;background-color:var(--card-color);border-radius:12px;overflow:hidden;cursor:pointer;position:relative;border:1px solid rgba(0,0,0,0.06);transition:transform 0.3s ease,border-color 0.3s ease}html[data-theme='dark'] main .projects .cards .mycard{border-color:rgba(255,255,255,0.08)}main .projects .cards .mycard:hover{transform:translateY(-4px);border-color:var(--secondary)}main .projects .mycard_media{position:absolute;inset:0;overflow:hidden}main .projects .mycard_media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,16,40,0.05) 30%,rgba(26,16,40,0.88) 100%);z-index:1}main .projects .mycard img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(0.92);transform:scale(1.02);transition:transform 0.6s ease,filter 0.4s ease}main .projects .mycard:hover img{transform:scale(1.08);filter:brightness(1)}main .projects .mycard .mycard_body{position:absolute;left:0;right:0;bottom:0;z-index:2;min-height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:0.55rem;padding:1.5rem 1.5rem 1.35rem;background:transparent}main .projects .mycard .title{text-align:right;font-size:20px;font-family:tajawal-700;font-weight:inherit;color:#fff;margin:0;line-height:1.45}main .projects .mycard .card_info{position:static;display:flex;flex-wrap:wrap;gap:0.75rem;right:auto;bottom:auto;background:transparent;padding:0;font-size:13px;color:rgba(255,255,255,0.88);width:100%}main .projects .mycard .card_info span{display:inline-flex;align-items:center;gap:0.3rem}main .projects .mycard .card_info i{color:var(--secondary);font-size:16px}main .projects .mycard .btn_details{display:inline-flex;align-items:center;gap:0.4rem;border:1px solid rgba(255,255,255,0.35);color:#fff;background:rgba(255,255,255,0.1);border-radius:4px;width:fit-content;margin:0.35rem 0 0;padding:0.45rem 0.95rem;font-size:14px;font-family:tajawal-700;transition:background-color 0.25s ease,border-color 0.25s ease}main .projects .mycard:hover .btn_details{background-color:var(--secondary);color:#fff;padding-inline:0.95rem;border-color:var(--secondary)}main .projects .projects_paging{gap:0.45rem;margin-top:2rem}main .projects .projects_paging .page-item .page-link{background:var(--card-color);color:var(--text-color);border:1px solid rgba(0,0,0,0.08);border-radius:6px;min-width:40px;text-align:center;font-family:tajawal-700}html[data-theme='dark'] main .projects .projects_paging .page-item .page-link{border-color:rgba(255,255,255,0.12)}main .projects .projects_paging .page-item.active .page-link,main .projects .projects_paging .page-item .page-link:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media screen and (max-width:768px){main .projects{padding:3rem 0}main .projects .cards .mycard{width:100%;height:340px}main .projects .mycard .title{font-size:18px}main .projects .mycard .mycard_body{padding:1.15rem}}main .contactus{position:relative;isolation:isolate;padding-bottom:5rem;background-color:var(--bg)}main .contactus::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='50' height='50' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Crect width='100%25' height='100%25' fill='rgba(247,250,252,.0)'/%3E%3Ccircle cx='34' cy='20' r='4' fill='rgba(160,174,192,1)'/%3E%3Ccircle cx='6' cy='20' r='4' fill='rgba(160,174,192,1)'/%3E%3Ccircle cx='20' cy='34' r='4' fill='rgba(160,174,192,1)'/%3E%3Ccircle cx='20' cy='6' r='4' fill='rgba(160,174,192,1)'/%3E%3Ccircle cx='34' cy='6' r='4' fill='%231a202c'/%3E%3Ccircle cx='6' cy='34' r='4' fill='%231a202c'/%3E%3Ccircle cx='34' cy='34' r='4' fill='%231a202c'/%3E%3Ccircle cx='6' cy='6' r='4' fill='%231a202c'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ");background-size:contain;opacity:.04;z-index:-1}main .contactus .form_wrap{overflow:hidden;width:100%;height:fit-content;margin:0 auto;margin-top:5rem;border-radius:10px;box-shadow:0 0 20px var(--shadow-color);padding-block:2rem;padding-inline:2rem;background-color:var(--card-color)}main .contactus .form_wrap form input,main .contactus .form_wrap form textarea,main .contactus .form_wrap form select{background-color:var(--bg) !important;color:var(--dark-color)}main .contactus form label{color:var(--text-color-light2);font-size:12px}main .contactus .form_wrap button{font-size:16px;color:var(--dark-color);border:2px solid var(--text-color-light2);transition:all .3s}main .contactus .form_wrap button i{display:none !important;font-size:18px;rotate:-40deg}main .contactus .form_wrap button:hover i{display:inline-block !important}main .contactus .form_wrap button:hover{background-color:var(--secondary);padding-inline:2.5rem}main .contactus .address{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:3rem;padding-right:2rem}main .contactus .address h4{font-size:16px;font-weight:inherit;margin:0}main .contactus .form_wrap h3{font-size:1.15rem;font-family:tajawal-700,sans-serif;font-weight:inherit;margin:0 0 0.5rem}footer .footer_subscribe_title{font-size:1rem;font-family:tajawal-700,sans-serif;font-weight:inherit;margin:0 0 0.75rem;line-height:1.5}main .contactus .address i{color:var(--secondary)}main .contactus .address p{padding-right:2rem;color:var(--text-color-light2)}main .contactus svg{fill:var(--primary);position:absolute;bottom:0;left:0;z-index:-1;filter:brightness(.7)}@media screen and (max-width:768px){main .contactus .form-img{display:none}main .contactus .form_wrap{height:auto;overflow:unset;padding:0 1rem;justify-content:start;width:100%;gap:0;margin:0}main .contactus .form_wrap form{width:100%;height:fit-content;padding-block:1rem}main .contactus .buttons{margin:0 auto}}footer{position:relative;background-size:cover;background-position:center;padding-block:2rem}footer::after{content:'';position:absolute;width:100%;height:100%;background:url('../img/hero-night.webp');background-size:cover;background-position:right top;top:0;left:0;right:0;bottom:0;filter:brightness(0.25);z-index:-1}footer .about{display:flex;flex-direction:column}footer .about img{width:170px;opacity:.9}footer .icons i{cursor:pointer;color:white;border:2px solid white;border-radius:50%;padding:5px;transition:all .3s ease-in}footer .icons i:hover{background-color:#FFFF;color:black}footer .links{display:flex;flex-direction:column;gap:1rem}footer .links a{text-decoration:none;color:white}footer hr{color:#fcfcfc}footer .copy-write{color:#fcfcfc}footer .subscribe{display:flex;flex-direction:column;gap:1rem;align-items:center}footer .subscrib input{background-color:var(--bg);color:var(--white-color)}footer .subscribe button{align-self:flex-start;margin-left:23px;border:2px solid #fcfcfc;color:#fcfcfc;transition:all .3s ease}footer .subscribe button:hover{background-color:#fcfcfc;color:#111}.btn-glass{outline:none;border:none;padding:.5rem 1rem;background-color:var(--white-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;position:fixed;bottom:1rem;left:1rem;scale:1;border-radius:50%;width:40px;height:40px;animation:pulse 2s infinite;display:grid;place-content:center;z-index:10}@keyframes pulse{0%{transform:scale(0.9);box-shadow:0 0 20px rgba(0,0,0,.1),0 0 20px rgba(255,255,255,.1)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,0,0,0)}100%{transform:scale(0.9);box-shadow:0 0 0 0 rgba(0,0,0,0)}}.btn_top{outline:none;border:none;padding:.5rem 1rem;background-color:var(--white-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:18px;position:fixed;bottom:1rem;right:1rem;scale:1;border-radius:50%;width:40px;height:40px;display:grid;place-content:center;z-index:4}.btn_top i{color:var(--secondary)}.copywr{background-color:#58256e}#log_modal .modal-body{background:var(--bg)}#log_modal .modal-body .wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}#log_modal .modal-body .wrap .wrap_card{background-color:var(--card-color);padding:2rem;height:60vh;min-width:25vw;display:flex;flex-direction:column;justify-content:start}#log_modal .modal-body .wrap .wrap_card input{background-color:var(--bg);color:var(--text-color)}#log_modal .modal-body .wrap .wrap_card button{background-color:transparent;border:2px solid var(--text-color);color:var(--text-color)}#log_modal .modal-body .wrap .wrap_card button:hover{background-color:var(--secondary)}#log_modal .modal-body .wrap .card_head h5,#log_modal .modal-body .wrap .card_head p{text-align:center}#log_modal .modal-body .wrap .card_head h5{font-family:tajawal-700}#log_modal .modal-body .wrap .card_body label{font-family:tajawal-700;font-size:14px}@media screen and (max-width:768px){footer{height:fit-content;padding-block:1rem}footer .container{flex-direction:column}footer .container>div{width:100%}footer .subscribe,footer .links,footer .copy-write{margin-top:1rem}footer .icons,footer .copy-write{align-items:center;justify-content:center;text-align:center;margin-inline:auto}footer .subscribe input{height:40px}footer .subscribe button{margin:0}.btn-glass{width:50px;height:50px;z-index:10}.btn-glass img{height:45px;width:45px;object-fit:contain}#log_modal .modal-body .wrap{align-items:unset}#log_modal .modal-body .wrap .wrap_card{height:auto;width:90% !important;height:60vh;justify-content:space-around;margin:0 auto}}.contactus_page{background-color:var(--bg)}.contactus_page .myform{padding-block:5rem;box-shadow:0 0 20px rgba(0,0,0,0.14);height:fit-content;overflow:hidden;background-color:var(--card-color);margin-top:-10vh;border-radius:10px}.contactus_page .myform img{object-fit:cover;object-position:center;filter:brightness(.4) grayscale(10%) hue-rotate(111deg);padding-left:1rem;width:100%;aspect-ratio:1;transition:all 50s;border-radius:10px}.contactus_page .myform h1{font-family:tajawal-700}.contactus_page .myform .line{height:5px;width:130px;background:var(--gradient)}.contactus_page .myform input,.contactus_page .myform textarea{background-color:var(--bg);color:var(--text-color)}.contactus_page .myform:hover img{scale:1.1;filter:brightness(.8) grayscale(1%) hue-rotate(-180deg)}.contactus_page .myform button{background-color:transparent;border:2px solid var(--text-color);color:var(--text-color);width:auto;transition:all .3s}.contactus_page .myform button:hover{background-color:var(--secondary)}.contactus_page .myform .form-details{padding:1.5rem 4rem}.contactus_page .myform small{font-size:12px}.contactus_page .myform .form-details label{font-family:tajawal-700;font-size:14px}@media screen and (max-width:768px){.contactus_page .myform img{display:none}.contactus_page .myform{width:100%}.contactus_page .myform .form-details{padding-inline:1rem}.contactus_page .myform small{color:var(--dark-color)}.contactus_page .myform .wrap{width:100%;flex-direction:column !important;align-items:center !important}}footer .address label{font-family:tajawal-700;font-size:18px;margin-top:1rem}footer .address p{font-size:16px;display:inline}.full_page_about{height:60vh;width:100%;background-color:rgba(0,0,0,.7);background-image:url(../img/about\ us.jpg);background-size:cover;background-position:center;background-blend-mode:multiply;display:flex;align-items:center;justify-content:center}.full_page_about h1{color:#fff;font-family:tajawal-700;font-size:56px !important}.aboutus_info{position:relative}.aboutus_info::before,.our_vision::before{top:0;right:0;position:absolute;content:'';height:100%;width:100%;background:url(../img/constructor_icon-removebg-preview.png) repeat;opacity:.05;filter:brightness(var(--brightness));z-index:-1}.our_message,.our_vision,.our_target{padding-block:5rem;position:relative}.aboutus_info,.our_vision{background-color:var(--white-color)}.our_message,.our_target{background-color:var(--light-color)}.our_message .container,.our_vision .container,.our_target .container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.our_message img,.our_vision img,.our_target img{height:400px;width:456px;object-fit:cover;object-position:center;border-radius:5px;-webkit-filter:brightness(70%) grayscale(10%);filter:brightness(70%) grayscale(10%)}.our_vision img{object-position:19%}.our_vision .details{padding:1.5rem 4rem}.our_message .details,.our_target .details{padding-left:4rem;padding-block:1.5rem}.our_message .image,.our_target .image{padding:1.5rem 4rem}.our_message .details h5,.our_vision .details h5,.our_target .details menu{font-family:tajawal-700;font-size:22px}.our_message .details p,.our_vision .details p,.our_target .details li{text-align:justify;line-height:2.3rem}.about_company_text,.our_message,.our_vision{font-size:18px;text-align:justify;margin-top:1rem}.our_target li{font:18px}.getintouch_img{background-image:url(../img/get\ in\ touch.jpg)}@media screen and (max-width:768px){.full_page_about{min-height:40vh;flex-direction:column}.aboutus_info .wrap{flex-direction:column}.aboutus_info .wrap>div{width:100% !important;padding:2rem;line-height:2.7rem}.our_message .container,.our_vision .container,.our_target .container{flex-direction:column !important;min-height:fit-content}.our_message .container>div,.our_vision .container>div,.our_target .container>div{width:100% !important;min-height:fit-content}.our_message .container,.our_target .container{flex-direction:column-reverse !important}.container .image{padding:0}.our_message .container .details,.our_message .container .image img,.our_vision .container .details,.our_vision .container .image img,.our_target .container .details,.our_target .container .image img{padding:0;padding:2rem;width:100% !important}.our_vision .details,.our_target .details,.our_target .details{height:fit-content !important}.our_target .details menu{height:fit-content !important}}.mycard.animate{transition:all .3s ease !important}main .project_cover{width:100%;min-height:52vh;position:relative;display:flex;align-items:flex-end;overflow:hidden}main .project_cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(0.55)}main .project_cover_overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,16,40,0.35) 0%,rgba(26,16,40,0.82) 100%);z-index:1}main .project_cover .wrap{position:relative;z-index:2;width:100%;max-width:1140px;margin:0 auto;padding:7rem 1.25rem 2.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}main .project_back{display:inline-flex;align-items:center;gap:0.35rem;color:rgba(255,255,255,0.85);text-decoration:none;font-size:14px;margin-bottom:1rem;transition:color 0.2s ease}main .project_back:hover{color:var(--secondary)}main .project_name{font-family:tajawal-700;font-size:clamp(1.7rem,4vw,2.6rem);color:#fff;line-height:1.4;margin:0 0 1rem}.project_name_active{color:var(--secondary);display:inline}ul.breadcrumb{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0.15rem}ul.breadcrumb li{display:inline-flex;align-items:center;font-size:14px;color:rgba(255,255,255,0.85)}ul.breadcrumb li+li:before{padding:0 0.55rem;color:rgba(255,255,255,0.45);content:"/"}ul.breadcrumb li a{color:var(--secondary);text-decoration:none;display:inline-flex;align-items:center;gap:0.25rem}ul.breadcrumb li a:hover{color:#fff}ul.breadcrumb li .current_project{color:#fff}.project_page{padding-top:2.5rem;padding-bottom:4rem}.project_wrap{margin-top:0}.project_gallery{margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(45,28,72,0.1)}html[data-theme='dark'] .project_gallery{border-top-color:rgba(255,255,255,0.1)}html[data-theme='dark'] .project_page,html[data-theme='dark'] .project_wrap{color:var(--text-color)}html[data-theme='dark'] .project_gallery_title,html[data-theme='dark'] .project_gallery_hint,html[data-theme='dark'] .project_wrap .project_title,html[data-theme='dark'] .project_wrap .project_details,html[data-theme='dark'] .project_wrap .project_specs h6{color:#fff}html[data-theme='dark'] .project_gallery_hint{opacity:0.75}html[data-theme='dark'] .project_gallery_count{color:#fff;background:rgba(102,168,159,0.22);border-color:rgba(102,168,159,0.45)}html[data-theme='dark'] .project_wrap .project_article p,html[data-theme='dark'] .project_wrap .project_article li,html[data-theme='dark'] .project_wrap .project_article span,html[data-theme='dark'] .project_wrap .project_article div,html[data-theme='dark'] .project_wrap .project_article td,html[data-theme='dark'] .project_wrap .project_article th,html[data-theme='dark'] .project_wrap .project_article blockquote{color:#eeebeb !important}html[data-theme='dark'] .project_wrap .project_article h2,html[data-theme='dark'] .project_wrap .project_article h3,html[data-theme='dark'] .project_wrap .project_article h4,html[data-theme='dark'] .project_wrap .project_article h5,html[data-theme='dark'] .project_wrap .project_article h6,html[data-theme='dark'] .project_wrap .project_article strong,html[data-theme='dark'] .project_wrap .project_article b{color:#fff !important}html[data-theme='dark'] .project_wrap .project_article table td,html[data-theme='dark'] .project_wrap .project_article table th{border-color:rgba(255,255,255,0.15)}html[data-theme='dark'] .project_wrap .project_spec_item p{color:#eeebeb}html[data-theme='dark'] header.is_scrolled nav{background-color:rgba(26,22,35,0.88)}html[data-theme='dark'] header.is_scrolled nav .nav-items .wrap a,html[data-theme='dark'] header.is_scrolled nav .nav-items .wrap a.active,html[data-theme='dark'] header.is_scrolled nav .nav-items .wrap .dropdown-toggle{color:#fff !important}html[data-theme='dark'] header.is_scrolled nav .icons a,html[data-theme='dark'] header.is_scrolled nav .icons i,html[data-theme='dark'] header.is_scrolled .btn_mobile_mwnu,html[data-theme='dark'] header.is_scrolled .btn_mobile_mwnu i{color:#fff}html[data-theme='dark'] nav .nav-items .wrap a,html[data-theme='dark'] nav .nav-items .wrap a.active,html[data-theme='dark'] nav .nav-items .wrap .dropdown-toggle,html[data-theme='dark'] nav .icons a,html[data-theme='dark'] nav .icons i,html[data-theme='dark'] .btn_mobile_mwnu,html[data-theme='dark'] .btn_mobile_mwnu i{color:#fff !important}.project_gallery[hidden]{display:none !important}.project_gallery_head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.project_gallery_title{font-family:tajawal-700;font-size:1.35rem;color:var(--text-color);margin:0 0 0.25rem}.project_gallery_hint{margin:0;font-size:0.9rem;color:var(--text-color);opacity:0.65}.project_gallery_count{flex-shrink:0;font-size:0.85rem;color:var(--primary);background:rgba(102,168,159,0.15);border:1px solid rgba(102,168,159,0.35);padding:0.35rem 0.75rem;border-radius:999px}.project_gallery_stage{position:relative}.project_gallery_main{position:relative;margin:0;overflow:hidden;border-radius:4px;background:#1a1028;width:100%;height:calc(100svh - 11.5rem);min-height:55vh;max-height:100svh;aspect-ratio:auto;cursor:zoom-in;touch-action:pan-y;user-select:none}.project_gallery_slides{position:absolute;inset:0;overflow:hidden}.project_gallery_slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:0;transform:scale(1.03);transition:opacity 0.55s cubic-bezier(0.22,1,0.36,1),transform 0.7s cubic-bezier(0.22,1,0.36,1),filter 0.55s ease;filter:blur(0);z-index:1;pointer-events:none;will-change:opacity,transform}.project_gallery_slide.is-enter-next{opacity:0;transform:translateX(-3.5%) scale(1.04);filter:blur(2px)}.project_gallery_slide.is-enter-prev{opacity:0;transform:translateX(3.5%) scale(1.04);filter:blur(2px)}.project_gallery_slide.is-enter-fade{opacity:0;transform:scale(1.05);filter:blur(3px)}.project_gallery_slide.is-active,.project_gallery_slide.is-active.is-in{opacity:1;transform:translateX(0) scale(1);filter:blur(0);z-index:2}.project_gallery_slide.is-exit{opacity:0;transform:scale(1.06);filter:blur(2px);z-index:1;transition:opacity 0.45s ease,transform 0.55s ease,filter 0.45s ease}.project_gallery_main:hover .project_gallery_slide.is-active{transform:scale(1.035)}.project_gallery_expand{position:absolute;left:1rem;bottom:1rem;z-index:3;display:inline-flex;align-items:center;gap:0.35rem;border:0;background:rgba(26,16,40,0.72);color:#fff;font-size:0.85rem;padding:0.45rem 0.8rem;border-radius:4px;opacity:0;transform:translateY(6px);transition:opacity 0.25s ease,transform 0.25s ease,background 0.2s ease}.project_gallery_main:hover .project_gallery_expand,.project_gallery_expand:focus-visible{opacity:1;transform:translateY(0)}.project_gallery_expand:hover{background:var(--secondary)}@media (prefers-reduced-motion:reduce){.project_gallery_slide,.project_gallery_slide.is-exit{transition:opacity 0.2s ease;filter:none !important;transform:none !important}.project_gallery_main:hover .project_gallery_slide.is-active{transform:none}}.project_gallery_nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border:1px solid rgba(45,28,72,0.15);background:rgba(255,255,255,0.92);color:var(--primary);border-radius:50%;display:grid;place-items:center;font-size:1.5rem;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease;pointer-events:auto}.project_gallery_prev{right:0.85rem;left:auto}.project_gallery_next{left:0.85rem;right:auto}.project_gallery_nav:hover{background:var(--primary);border-color:var(--primary);color:#fff}.project_gallery_thumbs{display:flex;gap:0.65rem;overflow-x:auto;padding:1rem 0.15rem 0.35rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.project_gallery_thumb{flex:0 0 auto;width:96px;height:72px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;background:transparent;scroll-snap-align:center;opacity:0.62;transition:opacity 0.2s ease,border-color 0.2s ease,transform 0.2s ease}.project_gallery_thumb img{width:100%;height:100%;object-fit:cover;display:block}.project_gallery_thumb:hover{opacity:1;transform:translateY(-2px)}.project_gallery_thumb.is-active{opacity:1;border-color:var(--secondary);box-shadow:0 0 0 1px rgba(102,168,159,0.35)}@media screen and (max-width:768px){main .project_cover{min-height:42vh}main .project_cover .wrap{padding-top:6rem;padding-bottom:1.75rem}.project_gallery{margin-top:2rem;padding-top:1.75rem}.project_gallery_stage{display:block}.project_gallery_nav{width:40px;height:40px;background:rgba(26,16,40,0.72);border-color:transparent;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.25)}.project_gallery_prev{right:0.65rem;left:auto}.project_gallery_next{left:0.65rem;right:auto}.project_gallery_main{height:calc(100svh - 10rem);min-height:50vh;max-height:100svh;aspect-ratio:auto;border-radius:4px}.project_gallery_expand{opacity:1;transform:none}.project_gallery_thumb{width:78px;height:58px}.project_content,.project_wrap .project_specs{padding:1.25rem}.project_wrap .project_title{font-size:20px}}.project_content{background:var(--card-color);border-radius:12px;padding:2rem;border:1px solid rgba(0,0,0,0.06)}html[data-theme='dark'] .project_content{border-color:rgba(255,255,255,0.08)}.project_wrap .project_title{font-family:tajawal-700;font-size:26px;color:var(--text-color);margin-bottom:1.25rem;padding-bottom:0.85rem;border-bottom:2px solid var(--secondary)}.project_wrap .project_details{font-size:16px;line-height:2;color:var(--text-color);margin:0}.project_wrap .project_article h2,.project_wrap .project_article h3,.project_wrap .project_article h4{font-family:tajawal-700;color:var(--text-color);margin:1.5rem 0 0.75rem;line-height:1.4}.project_wrap .project_article h2{font-size:1.45rem}.project_wrap .project_article h3{font-size:1.25rem}.project_wrap .project_article h4{font-size:1.1rem}.project_wrap .project_article p{margin:0 0 1rem}.project_wrap .project_article ul,.project_wrap .project_article ol{padding-inline-start:1.4rem;margin:0 0 1rem}.project_wrap .project_article img{max-width:100%;height:auto;display:block;margin:1rem auto;border-radius:8px}.project_wrap .project_article table{width:100%;margin:1rem 0;border-collapse:collapse}.project_wrap .project_article table td,.project_wrap .project_article table th{border:1px solid rgba(0,0,0,0.1);padding:0.5rem 0.75rem}.project_wrap .project_article a{color:var(--secondary)}.project_wrap .project_specs{background:var(--card-color);border-radius:12px;padding:1.5rem;border:1px solid rgba(0,0,0,0.06);width:100%}html[data-theme='dark'] .project_wrap .project_specs{border-color:rgba(255,255,255,0.08)}.project_wrap .project_specs h6{position:relative;padding-bottom:0.85rem;margin-bottom:1.25rem;font-family:tajawal-700;font-size:18px}.project_wrap .project_specs h6::after{position:absolute;content:'';bottom:0;right:0;width:48px;height:3px;border-radius:5px;background-color:var(--secondary)}.project_specs_wrap{display:flex;flex-direction:column;gap:0.85rem}.project_spec_item{display:flex;align-items:flex-start;gap:0.85rem;padding:0.85rem;border-radius:8px;background:rgba(45,28,72,0.04)}html[data-theme='dark'] .project_spec_item{background:rgba(255,255,255,0.04)}.project_spec_item i{width:38px;height:38px;border-radius:8px;display:grid;place-content:center;background:var(--primary);color:#fff;font-size:18px;flex-shrink:0}.project_spec_item span{display:block;font-size:13px;color:var(--secondary);font-family:tajawal-700;margin-bottom:0.2rem}.project_spec_item p{margin:0;font-size:15px;color:var(--text-color)}.loading{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;width:100%;height:100%;margin:0;background:transparent;pointer-events:none;opacity:0}.loading.is-gone{display:none !important}.loading img{width:96px;height:55px;object-fit:contain;filter:hue-rotate(20deg) brightness(var(--brightness))}.thank_you_page main{min-height:70vh}.thank_you_hero{padding:8rem 0 5rem;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--secondary) 18%,transparent),transparent 42%),radial-gradient(circle at 85% 80%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 45%),var(--bg)}.thank_you_card{max-width:640px;margin:0 auto;text-align:center;padding:3rem 2rem;border-radius:14px;background:var(--card-color);box-shadow:0 12px 40px var(--shadow-color)}.thank_you_icon{width:72px;height:72px;margin:0 auto 1.25rem;border-radius:50%;display:grid;place-content:center;background:color-mix(in srgb,var(--secondary) 20%,transparent);color:var(--secondary);font-size:2.5rem}.thank_you_brand{margin:0 0 0.5rem;font-family:tajawal-700;font-size:1.35rem;color:var(--secondary);letter-spacing:0.02em}.thank_you_card h1{margin:0 0 1rem;font-family:tajawal-700;font-size:clamp(1.6rem,3vw,2.1rem);color:var(--dark-color)}.thank_you_lead{margin:0 auto 2rem;max-width:36ch;color:var(--text-color-light2);line-height:1.8}.thank_you_lead strong{color:var(--dark-color)}.thank_you_actions{display:flex;flex-wrap:wrap;gap:0.85rem;justify-content:center;margin-bottom:1.75rem}.thank_you_actions .btn{display:inline-flex;align-items:center;gap:0.5rem;min-width:220px;justify-content:center;padding:0.85rem 1.25rem;border-radius:10px;font-family:tajawal;font-size:1rem;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.thank_you_phone{background:var(--primary);color:#fff !important;border:none}.thank_you_whatsapp{background:#1f9d56;color:#fff !important;border:none}.thank_you_actions .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.18);color:#fff !important}.thank_you_home{color:var(--text-color-light2);text-decoration:none;font-size:0.95rem;border-bottom:1px solid transparent;transition:color 0.2s ease,border-color 0.2s ease}.thank_you_home:hover{color:var(--secondary);border-color:var(--secondary)}@media (max-width:576px){.thank_you_hero{padding:6.5rem 0 3.5rem}.thank_you_card{padding:2.25rem 1.25rem}.thank_you_actions .btn{width:100%;min-width:0}}.credentials{padding:3.5rem 0 2.5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--secondary) 8%,transparent),transparent 55%),var(--bg)}.credentials_intro{text-align:center;max-width:40rem;margin:0 auto 2rem}.credentials_eyebrow{display:inline-block;margin-bottom:0.55rem;color:var(--secondary);font-family:tajawal;font-size:0.85rem;letter-spacing:0.04em}.credentials_intro p{color:var(--text-color-light2);margin:0.75rem 0 0}.credentials_grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0.9rem}.credential_item{text-align:center;padding:1.1rem 0.75rem;border-radius:12px;background:var(--card-color);box-shadow:0 6px 18px var(--shadow-color-li);border:1px solid color-mix(in srgb,var(--secondary) 18%,transparent);min-height:100%}.credential_logo{width:88px;height:52px;object-fit:contain;margin:0 auto 0.7rem;display:block}.credential_mark{width:72px;height:46px;margin:0 auto 0.7rem;border-radius:8px;display:grid;place-content:center;font-family:tajawal-700;font-size:1rem;color:#fff;background:var(--primary)}.credential_item h3{margin:0 0 0.35rem;font-size:0.92rem;font-family:tajawal-700;color:var(--dark-color);line-height:1.45}.credential_ref{margin:0;font-size:0.82rem;color:var(--secondary);font-family:tajawal;direction:ltr}.credential_meta{margin:0.25rem 0 0;font-size:0.75rem;color:var(--text-color-light2);line-height:1.5}.credential_link{display:inline-block;margin-top:0.55rem;color:var(--secondary);text-decoration:none;font-size:0.8rem;border-bottom:1px solid color-mix(in srgb,var(--secondary) 50%,transparent)}.credential_link:hover{color:var(--dark-color)}.leed_case{padding:4rem 0;background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--secondary) 14%,transparent),transparent 40%),var(--light-bg)}.leed_case_layout{display:grid;grid-template-columns:1.05fr 1.2fr;gap:2rem;align-items:center}.leed_case_visual{position:relative;border-radius:16px;overflow:hidden;background:var(--card-color);box-shadow:0 12px 30px var(--shadow-color);min-height:280px;display:grid;place-items:center;padding:2rem}.leed_case_visual>img:first-child{max-width:70%;max-height:180px;object-fit:contain}.leed_case_badges{position:absolute;inset-inline-start:1rem;bottom:1rem;display:flex;gap:0.5rem;align-items:center}.leed_case_badges img{height:42px;width:auto;background:#fff;border-radius:8px;padding:0.25rem 0.4rem;box-shadow:0 4px 12px rgba(0,0,0,0.12)}.leed_case_content h2{margin:0.35rem 0 0.75rem;font-family:tajawal-700;color:var(--dark-color);font-size:clamp(1.5rem,2.4vw,2rem)}.leed_case_project{color:var(--secondary);font-family:tajawal;margin-bottom:0.9rem}.leed_case_content>p{color:var(--text-color-light2);line-height:1.8}.leed_case_points{margin:1.1rem 0 1.5rem;padding-inline-start:1.1rem;color:var(--dark-color)}.leed_case_points li{margin-bottom:0.4rem;line-height:1.6}@media (max-width:1100px){.credentials_grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.credentials_grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leed_case_layout{grid-template-columns:1fr}.leed_case_visual{min-height:220px}}@media (max-width:480px){.credentials_grid{grid-template-columns:1fr}}