﻿@font-face{font-family:NumbersOnly;src:local("Arial");unicode-range:U+30-39}@font-face{font-family:"DINNextLTArabic";src:url("../fonts/dinnext/DINNextLTW23-Regular.eot");src:url("../fonts/dinnext/DINNextLTW23-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/dinnext/DINNextLTW23-Regular.ttf") format("truetype"),url("../fonts/dinnext/DINNextLTW23-Regular.woff") format("woff"),url("../fonts/dinnext/DINNextLTW23-Regular.woff2") format("woff2"),url("../fonts/dinnext/DINNextLTW23-Regular.svg#DINNextLTW23-Regular") format("svg");font-weight:400;font-style:normal}@font-face{font-family:"DINNextLTArabic";src:url("../fonts/dinnext/DINNextLTW23-Medium.eot");src:url("../fonts/dinnext/DINNextLTW23-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/dinnext/DINNextLTW23-Medium.ttf") format("truetype"),url("../fonts/dinnext/DINNextLTW23-Medium.woff") format("woff"),url("../fonts/dinnext/DINNextLTW23-Medium.woff2") format("woff2"),url("../fonts/dinnext/DINNextLTW23-Medium.svg#DINNextLTW23-Medium") format("svg");font-weight:600;font-style:normal}@font-face{font-family:"DINNextLTArabic";src:url("../fonts/dinnext/DINNextLTW23-Bold.eot");src:url("../fonts/dinnext/DINNextLTW23-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/dinnext/DINNextLTW23-Bold.ttf") format("truetype"),url("../fonts/dinnext/DINNextLTW23-Bold.woff") format("woff"),url("../fonts/dinnext/DINNextLTW23-Bold.woff2") format("woff2"),url("../fonts/dinnext/DINNextLTW23-Bold.svg#DINNextLTW23-Bold") format("svg");font-weight:700;font-style:normal}html{background-color:#f8f9fa}body{font-family:"DINNextLTArabic",Arial;color:#18211f;background:#f8f9fa;line-height:1.6}a{color:#010101;outline:none;transition:all .3s ease}a:hover{color:rgb(.7632,.6768,.6768);text-decoration:none}button:focus,button:active{outline:none !important;box-shadow:none}.navbar-default{padding:.6rem 1rem;background-color:rgba(248,249,250,.78);backdrop-filter:saturate(140%) blur(9px);-webkit-backdrop-filter:saturate(140%) blur(9px);border-bottom:1px solid rgba(1,1,1,.12);transition:all .35s ease}.navbar-default.sticky{position:fixed;top:0;left:0;right:0;z-index:1040;background-color:rgba(248,249,250,.94);box-shadow:0 10px 34px -20px rgba(24,33,31,.45)}.navbar-default .navbar-brand{color:#18211f;padding:0}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#010101}.navbar-default .navbar-nav>li>a{color:#18211f;font-size:.92rem;font-weight:600;letter-spacing:.04em;padding:.4rem 0;position:relative;transition:color .25s ease}.navbar-default .navbar-nav>li>a:hover{color:#010101}.navbar-default .navbar-nav>li.active a{color:#010101}.navbar-default .navbar-nav>li a:hover:before,.navbar-default .navbar-nav>li.active a:before{content:"";position:absolute;bottom:-0.15rem;width:1.2rem;height:2px;border-radius:2px;background:#010101}.navbar-default .navbar-toggler{padding:0;border:none}.navbar-default .navbar-toggler .navbar-toggler-icon{margin:.5rem 0;position:relative;width:1.6rem;height:2px;display:block;background-color:#18211f}.navbar-default .navbar-toggler .navbar-toggler-icon:before{content:" ";position:absolute;top:-0.45rem;left:0;width:1.6rem;height:2px;display:block;background-color:#18211f}.navbar-default .navbar-toggler .navbar-toggler-icon:after{content:" ";position:absolute;top:.45rem;left:0;width:1.6rem;height:2px;display:block;background-color:#18211f}.navbar-default .navbar-collapse{padding-bottom:.5rem;align-items:center}.navbar-default .navbar-collapse .navbar-nav{padding:0}body.home .navbar-default{position:absolute;top:0;left:0;right:0;z-index:1040;background-color:rgba(0,0,0,0);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:rgba(0,0,0,0);box-shadow:none}body.home .navbar-default.sticky{position:fixed;background-color:rgba(248,249,250,.94);backdrop-filter:saturate(140%) blur(9px);-webkit-backdrop-filter:saturate(140%) blur(9px);border-bottom-color:rgba(1,1,1,.12);box-shadow:0 10px 34px -20px rgba(24,33,31,.45)}#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(248,249,250,.96) url(../img/loading.gif) no-repeat center;background-size:4rem 4rem;z-index:9999999}.section{padding:7rem 0;position:relative;overflow:hidden}.section--tint{background:rgb(215.89,216.76,217.63)}.section--tint::before{content:"";position:absolute;width:28rem;height:28rem;border:1.5px solid rgba(1,1,1,.13);border-radius:50%;top:-10rem;inset-inline-end:-9rem;pointer-events:none}.section--tint::after{content:"";position:absolute;width:11rem;height:11rem;border:1.5px solid rgba(1,1,1,.1);border-radius:50%;bottom:-3.5rem;inset-inline-start:-3.5rem;pointer-events:none}.head-rule{display:block;width:2.8rem;height:3px;border-radius:3px;background:#010101;margin-bottom:1.25rem}.section-head{position:relative;z-index:1;max-width:52rem;margin-bottom:3.2rem}.section-head--center{text-align:center;margin-inline:auto}.section-head--center .head-rule{margin-inline:auto}.section-title{color:#18211f;font-size:2.4rem;font-weight:700;line-height:1.18;letter-spacing:-0.01em;margin:0 0 .7rem}.section-subtitle{color:#5e6a6a;font-size:1.1rem;line-height:1.6;display:block}.section-body{color:#18211f;font-size:1.04rem;line-height:1.95}.section-body p{margin-bottom:1.15rem}.hero{position:relative;isolation:isolate;min-height:92vh;padding:6rem 0;display:flex;align-items:center;overflow:hidden}.hero .hero-media{position:absolute;inset:0;z-index:0;background-image:url("../img/hero-bg.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.06);animation:heroZoom 22s ease-out forwards;will-change:transform}.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom, rgba(248, 249, 250, 0.42) 0%, rgba(248, 249, 250, 0) 24%, rgba(248, 249, 250, 0) 55%, rgba(248, 249, 250, 0.92) 86%, #f8f9fa 100%)}.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.hero .hero-inner{position:relative;z-index:2}.hero .hero-content{max-width:46rem}.hero .hero-eyebrow{color:#18211f;font-size:.85rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;display:inline-block;padding-bottom:.7rem;border-bottom:2px solid #010101;margin-bottom:1.8rem}.hero .hero-headline{color:#18211f;font-size:4.6rem;font-weight:700;line-height:1.06;letter-spacing:-0.02em;margin-bottom:1.4rem}.hero .hero-body{color:#18211f;font-size:1.2rem;line-height:1.8;max-width:40rem;margin-bottom:2.4rem;opacity:.85}.hero .hero-ctas{display:flex;gap:.8rem;flex-wrap:wrap}.hero .btn-hero{display:inline-flex;align-items:center;padding:.9rem 1.8rem;font-size:.95rem;font-weight:600;letter-spacing:.02em;border-radius:999px;border:1px solid rgba(0,0,0,0);transition:all .25s ease}.hero .btn-hero.primary{color:#fff;background:#010101}.hero .btn-hero.primary:hover{background:rgb(.7632,.6768,.6768);color:#fff;transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(.7632,.6768,.6768,.6)}.hero .btn-hero.ghost{color:#18211f;background:hsla(0,0%,100%,.6);border-color:rgba(24,33,31,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hero .btn-hero.ghost:hover{background:#fff;border-color:#010101;color:rgb(.7632,.6768,.6768);transform:translateY(-2px)}.hero .hero-scroll{position:absolute;bottom:2.2rem;left:50%;transform:translateX(-50%);width:26px;height:42px;border:1px solid rgba(24,33,31,.4);border-radius:999px;display:flex;justify-content:center;align-items:flex-start;padding-top:7px;z-index:2}.hero .hero-scroll .hero-scroll-dot{width:4px;height:8px;border-radius:999px;background:#010101;animation:heroScroll 1.6s ease-in-out infinite}body.loaded .hero .hero-content>*{animation:heroIn .85s cubic-bezier(0.22, 1, 0.36, 1) both}body.loaded .hero .hero-eyebrow{animation-delay:.1s}body.loaded .hero .hero-headline{animation-delay:.24s}body.loaded .hero .hero-body{animation-delay:.42s}body.loaded .hero .hero-ctas{animation-delay:.6s}body.loaded .hero .hero-scroll{animation:heroIn .85s ease .95s both}@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes heroZoom{from{transform:scale(1.12)}to{transform:scale(1)}}@keyframes heroScroll{0%{opacity:0;transform:translateY(-4px)}50%{opacity:1}100%{opacity:0;transform:translateY(10px)}}.about-section .about-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:3.5rem;align-items:start}.about-section .about-head .section-title{font-size:2.6rem}.about-section .about-head .section-subtitle{color:rgb(.7632,.6768,.6768);font-weight:600;font-size:1.15rem;margin-top:.5rem}.about-section .about-body{max-width:42rem}.stats-section .stats-row{position:relative;z-index:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2.5rem 1.5rem}.stats-section .stat{text-align:center}.stats-section .stat-number{font-family:"NumbersOnly","DINNextLTArabic",Arial;display:block;font-size:3.4rem;font-weight:700;line-height:1;color:#010101;letter-spacing:-0.02em;margin-bottom:.6rem}.stats-section .stat-label{display:block;font-size:1.02rem;color:#5e6a6a}.vm-section .vm-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.vm-section .vm-item{position:relative}.vm-section .vm-icon{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:rgba(1,1,1,.1);color:#010101;font-size:1.5rem;margin-bottom:1.4rem}.vm-section .vm-title{font-size:1.85rem;font-weight:700;color:#18211f;margin:0 0 .35rem}.vm-section .vm-subtitle{display:block;color:rgb(.7632,.6768,.6768);font-weight:600;margin-bottom:1rem}.vm-section .vm-body{color:#18211f;font-size:1.04rem;line-height:1.95;margin:0}.services-section .services-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem}.services-section .service-card{background:#fff;border-radius:16px;padding:2.4rem 1.6rem;text-align:center;box-shadow:0 10px 30px -22px rgba(24,33,31,.4);transition:transform .32s ease,box-shadow .32s ease}.services-section .service-card .service-icon{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:14px;background:rgba(1,1,1,.1);color:#010101;font-size:1.5rem;margin-bottom:1.1rem;transition:all .32s ease}.services-section .service-card .service-name{font-size:1.1rem;font-weight:700;color:#18211f;margin:0;line-height:1.4}.services-section .service-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -26px rgba(.7632,.6768,.6768,.5)}.services-section .service-card:hover .service-icon{background:#010101;color:#fff;transform:translateY(-2px)}.projects-section .section-head{margin-bottom:2.4rem}.project-filters{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0 0 2.6rem}.project-filters li{margin:0}.project-filters .project-filter{display:inline-block;padding:.5rem 1.25rem;font-size:.88rem;color:#18211f;background:rgba(0,0,0,0);border:1px solid rgb(203.54,204.36,205.18);border-radius:999px;transition:all .2s ease}.project-filters .project-filter:hover{border-color:#010101;color:#010101}.project-filters .project-filter.active{background:#010101;border-color:#010101;color:#fff}.projects-slider-wrap{position:relative;padding:0 2.6rem}.projects-slider-wrap .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:2.8rem;height:2.8rem;border-radius:50%;border:none;background:#fff;color:#18211f;z-index:5;font-size:0;line-height:1;padding:0;cursor:pointer;box-shadow:0 8px 22px -10px rgba(24,33,31,.45);transition:all .2s ease}.projects-slider-wrap .slick-arrow:before{font-family:FontAwesome;font-size:.95rem;color:inherit}.projects-slider-wrap .slick-arrow:hover,.projects-slider-wrap .slick-arrow:focus{background:#010101;color:#fff;outline:none}.projects-slider-wrap .slick-arrow.slick-disabled{opacity:.35;cursor:default;background:#fff;color:#18211f}.projects-slider-wrap .slick-prev{left:0}.projects-slider-wrap .slick-prev:before{content:""}.projects-slider-wrap .slick-next{right:0}.projects-slider-wrap .slick-next:before{content:""}#projects_slider:not(.slick-initialized){display:flex;overflow:hidden}#projects_slider:not(.slick-initialized)>.project-slide{flex:0 0 33.333%;max-width:33.333%}.project-slide{padding:0 .7rem}.project-tile{position:relative;display:block;overflow:hidden;border-radius:16px;background:#fff}.project-tile::before{content:"";display:block;padding-bottom:72%}.project-tile::after{content:"";position:absolute;inset:0;border:0 solid #010101;border-radius:16px;pointer-events:none;z-index:2;transition:border-width .3s ease}.project-tile .project-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-tile .project-overlay{position:absolute;left:0;right:0;bottom:0;padding:1.7rem 1.5rem 1.3rem;color:#fff;background:linear-gradient(to top, rgba(0.648, 0.552, 0.552, 0.92) 0%, rgba(0.648, 0.552, 0.552, 0.45) 58%, rgba(0.648, 0.552, 0.552, 0) 100%);transition:background .3s ease,padding .3s ease}.project-tile .project-category{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.85);margin-bottom:.3rem}.project-tile .project-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.project-tile:hover .project-image{transform:scale(1.08)}.project-tile:hover .project-overlay{padding-bottom:1.5rem}.project-tile:hover::after{border-width:3px}footer{margin-top:0;background:rgb(.648,.552,.552);color:rgb(229.6,229.6,229.6)}footer .content{padding-top:4.5rem;padding-bottom:2rem}footer .content .inner{color:rgb(229.6,229.6,229.6);font-size:.95rem}footer .content .inner .footer-eyebrow{color:hsl(0,12%,52.1882352941%);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.9rem;display:block}footer .content .inner .footer-title{color:#fff;font-size:1.7rem;font-weight:700;margin-bottom:.5rem}footer .content .inner .footer-tagline{color:rgba(229.6,229.6,229.6,.7);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.6rem}footer .content .inner .address .item{margin-bottom:.6rem;display:block;color:rgb(229.6,229.6,229.6)}footer .content .inner .address .item .icon{width:1.3rem;color:hsl(0,12%,52.1882352941%);text-align:center}footer .content .inner .address .item a{color:rgb(229.6,229.6,229.6)}footer .content .inner .address .item a:hover{color:#fff}footer .content .inner .social{margin-top:1.5rem}footer .content .inner .social a{display:inline-flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border:1px solid rgba(229.6,229.6,229.6,.25);border-radius:50%;margin:0 .15rem;color:rgb(229.6,229.6,229.6);transition:all .25s ease}footer .content .inner .social a .fa-stack{width:1rem;height:1rem;line-height:1rem;font-size:.95rem}footer .content .inner .social a .fa-circle{display:none}footer .content .inner .social a:hover{color:rgb(.648,.552,.552);background:hsl(0,12%,52.1882352941%);border-color:hsl(0,12%,52.1882352941%)}footer .content .inner .social a:hover .icon-color{color:rgb(.648,.552,.552)}footer .content .inner .social a .icon-color{color:rgb(229.6,229.6,229.6)}footer .content .inner .social .list-inline{margin:0}footer .content .inner .social .list-inline .list-inline-item{margin:0}footer .content .inner .footer-brand{opacity:.95}footer .content .inner .footer-brand img{max-height:4.6rem;filter:brightness(0) invert(1)}footer .copyrights{color:rgba(229.6,229.6,229.6,.6);font-size:.78rem;text-align:center;margin:1rem 0 1.4rem;padding-top:1.2rem;border-top:1px solid rgba(229.6,229.6,229.6,.14)}footer .copyrights a{color:rgba(229.6,229.6,229.6,.6)}footer .copyrights a:hover{color:#fff}#page-header{margin-top:1.5rem;margin-bottom:1rem}#page-header small{font-size:1.2rem;color:#5e6a6a;margin-top:.4rem;display:block}.btn-primary{color:#fff;border-color:rgb(.7632,.6768,.6768);background-color:#010101}.btn-primary:hover{color:#fff;border-color:rgb(.7632,.6768,.6768);background-color:rgb(.7632,.6768,.6768)}.btn-link{color:#010101}.btn-link:hover{color:rgb(.7632,.6768,.6768);text-decoration:none}@media(max-width: 1199.98px){.services-section .services-grid{grid-template-columns:repeat(3, 1fr)}.stats-section .stats-row{grid-auto-flow:row;grid-template-columns:repeat(3, 1fr)}}@media(max-width: 991.98px){.navbar-default{padding-top:.8rem;padding-bottom:.8rem}.navbar-default .navbar-nav{margin-top:.6rem}.navbar-default .navbar-nav .nav-item{margin:.35rem 0}body.home .navbar-default .navbar-collapse.show,body.home .navbar-default .navbar-collapse.collapsing{background-color:rgba(248,249,250,.97);border-radius:12px;margin-top:.5rem;padding:.6rem 1rem;box-shadow:0 12px 30px -18px rgba(24,33,31,.4)}.hero{padding:6rem 0 4rem;min-height:78vh}.hero .hero-headline{font-size:3.1rem}.hero .hero-body{font-size:1.05rem}.section{padding:4.5rem 0}.section-title{font-size:2rem}.about-section .about-grid{grid-template-columns:1fr;gap:1.6rem}.about-section .about-grid .about-head .section-title{font-size:2.1rem}.vm-section .vm-grid{grid-template-columns:1fr;gap:2.6rem}.services-section .services-grid{grid-template-columns:repeat(2, 1fr)}#projects_slider:not(.slick-initialized)>.project-slide{flex:0 0 50%;max-width:50%}}@media(max-width: 767.98px){#logo{height:2.4rem}.hero{padding:5rem 0 3rem;min-height:64vh}.hero .hero-headline{font-size:2.4rem}.hero .hero-scroll{display:none}.stats-section .stats-row{grid-template-columns:repeat(2, 1fr);gap:2.4rem 1rem}.stats-section .stat-number{font-size:3rem}.services-section .services-grid{grid-template-columns:repeat(2, 1fr)}#projects_slider:not(.slick-initialized)>.project-slide{flex:0 0 100%;max-width:100%}.projects-slider-wrap{padding:0}.projects-slider-wrap .slick-arrow{display:none}footer .content .inner .footer-brand{margin-top:1.4rem}}@media(min-width: 768px){#logo{height:3rem;transition:all .5s}}@media(min-width: 992px){.navbar-default .navbar-nav>li{padding:0 1rem;position:relative}}@media(min-width: 1480px){html{font-size:17px}.container{max-width:1240px}}@media(min-width: 1740px){html{font-size:18px}}html:lang(ar) body{direction:rtl}html:lang(ar) .navbar-default .navbar-nav>li>a:hover:before,html:lang(ar) .navbar-default .navbar-nav>li.active a:before{right:0}html:lang(ar) .hero::after{background:linear-gradient(to left, rgba(248, 249, 250, 0.92) 0%, rgba(248, 249, 250, 0.5) 38%, rgba(248, 249, 250, 0) 72%)}html:lang(ar) .projects-slider-wrap .slick-prev{left:auto;right:0}html:lang(ar) .projects-slider-wrap .slick-prev:before{content:""}html:lang(ar) .projects-slider-wrap .slick-next{right:auto;left:0}html:lang(ar) .projects-slider-wrap .slick-next:before{content:""}html:lang(en) body{direction:ltr}html:lang(en) .navbar-default .navbar-nav>li>a:hover:before,html:lang(en) .navbar-default .navbar-nav>li.active a:before{left:0}html:lang(en) .hero::after{background:linear-gradient(to right, rgba(248, 249, 250, 0.92) 0%, rgba(248, 249, 250, 0.5) 38%, rgba(248, 249, 250, 0) 72%)}@media(prefers-reduced-motion: reduce){.hero .hero-media{animation:none;transform:none}.hero .hero-scroll .hero-scroll-dot{animation:none}body.loaded .hero .hero-content>*,body.loaded .hero .hero-scroll{animation:none}}
