body{font-family:'Droid Arabic Kufi';padding:0;margin:0;text-align:right;direction:rtl}
.font-14{font-size:14px}
.font-15{font-size:15px}
.font-16{font-size:16px}
.font-20{font-size:20px}
.font-23{font-size:23px}
.font-24{font-size:24px}
.font-25{font-size:25px}
.font-28{font-size:28px}
.font-30{font-size:30px}
.font-33{font-size:33px}
.font-40{font-size:40px}
.font-75{font-size:75px}
.font-75.font-28{
    font-size: 28px;
    font-weight: bold;
}
.font-bold{font-weight: bold;}
.dimention1{
    color: #00755c;
    font-size: 70px;
    font-weight: bold;
    display: flex;
    justify-content: center;
}
.dimention1 .span{
    color: #d2be7d;
    font-weight: 700;
    font-size: 30px;
    align-self: center;
    margin-right: 5px;
}
.dimention2{
    color: #00755c;
    font-size: 20px;
}
.flex-column-item{
    display: flex;
    flex-direction: column;
}
.margin-top15{margin-top: 15px;}
.font-60{
    font-size: 60px;
}
.square-text{
    font-size: 35px;
    margin-right: 5px;
}
.services-img{
    width: 70px;
    height: 68px;
}
.services-imgBig{
    width: 100px;
    height: 68px;
    margin-bottom: 15px;
}
.importance-number-container.font-droid{
    font-family: 'Droid Arabic Kufi';
}
.importance-padding.importance-padding2{
    padding-top: 20px;
}
.numWithImg{
    font-size: 64px;
    font-weight: 700;
    color: #0b7760;/* #00755C */
    font-family: monospace;
    font-family: system-ui;
    position: absolute;
    top: 10%;
    right: 75%;
    z-index: -1;
}
.aboutUsContent{
    opacity: 0;
}
.blockImgSmVertical{height: 335px;}
.blockImgSmVerticalSm{width: 113px;}

.blockImgSmHorizantal{    height: 120px !important;}
.blockImgSmHorizantalSm{    height: 80px !important;}
.blockImgbig{width: 655px !important;}
.w100{width: 100%;}
.importance-padding.importance-padding-border0{
    border-top: none;
    border-bottom: none;
}
.fig-number,.square-text{
    font-family: 'Droid Arabic Kufi';
}
.displayNoneMobile{
    display: block;
}
.displayNoneDesk{
    display: none;
}
@media only screen and (max-width: 650px){
    .flexEndMobile{
        height: 129px;
        align-items: flex-end;
        display: flex;
    }
    .displayNoneMobile{
        display: none;
    }
    .displayNoneDesk{
        display: block;
    }
    .floatLeftMobile{
        float: left;
    }
    .floatRightMobile{
        float: right;
    }
    .height212{
        height: 212px;
    }
    .font-75.font-28 {
        font-size: 21px;
        font-weight: bold;
    }
    .services-img {
        width: 60px;
        height: 62px;
    }
}
.fasleh{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bold{font-weight:700}
.pad-0{padding:0}
.pad-0-imp{padding:0!important}
.pad-r-0{padding-right:0}
.pad-l-0{padding-left:0}
.color-white{color:#fff}
.color-black{color:#000}
.color-green{color:#00755c}
.color-light-green{color:#489e8b}
.color-gray{color:#7c7c7c}
.color-dark-gray{color:#474747}
.color-gold{color:#d2be7d}
.mar-0-auto{margin:0 auto}
.text-center{text-align:center}
.text-left{text-align:left}
.fnone{float:none}
.clear{clear:both}
.rtl-dir{direction:rtl}
.ltr-dir{direction:ltr}
.location-container{display:flex}
.location-title{padding-top:22px;padding-bottom:26px}
.location-description{padding-bottom:20px;width:90%}
.location-content-container{padding-top:32px;padding-bottom:26px}
.location-content-container-inner{border-right:1px solid #d2be7d;padding-right:2%;margin-right:5%}
.light-green-bg{background:#489e8b}
.green-bg{background:#489e8b}/*#ecfaf7*/
.page-1-logo{width:30%;position:absolute;left:8%;bottom:13%}
.map-container{position:relative}
.map-container img{width:100%}
.map-button{width:121px;height:121px;display:flex;align-items:center;text-align:center}
.map-button-position{position:absolute;bottom:0;left:3%;cursor:pointer}
.Features-title{padding-top:73px;padding-bottom:67px;text-align:center}
.clock-inner-container{display:flex;align-items:baseline;line-height:1}
.clock-container{display:flex}
.clock-img-container{display:inline-block;padding:30px 0 0 10px}
.clock-number-container{display:inline-block;font-family:sans-serif;padding:0 10px}
.clock-outer-container{display:inline-block;float:none;margin:0 auto}
.clock-info-container{text-align:right}
.clock-description{width:100%}
.clock-border{border-right:1px solid #d1cfcf;border-left:1px solid #d1cfcf}
.clock-border-left{border-left:1px solid #d1cfcf}
.clock-border-right{border-right:1px solid #d1cfcf}
.fleft{float:left}
.droid{font-family:'Droid Arabic Kufi'}
.importance-outer-container{display:inline-block;float:none;margin:0 auto}
.importance-container{display:flex}
.importance-number-container{display:inline-block;font-family:sans-serif;line-height:1}
.importance-description{width:100%}
.importance-img-container{display:inline-block;margin:23px 0}
.importance-border{border-right:1px solid #d1cfcf;border-left:1px solid #d1cfcf}
.importance-padding{padding:60px 0 30px}
.importance-location{padding-bottom:150px}
.importance-title{padding-top:73px;padding-bottom:67px;text-align:center}
.Features-padding{padding:60px 0 30px}
.Features-location{padding-bottom:150px}
.Features-services{padding-bottom:150px;padding-top:150px}
.services-container{width:100%;position:relative}
.services-container img{object-fit:cover;height:270px;width:100%;object-position:50% 100%}
.services-name{background:#d2be7d;padding:20px 0;position:absolute;width:100%;text-align:center;bottom:0}
.services-outer{padding-top:25px}
.pad-btm-80{padding-bottom:80px}
.pad-btm-20{padding-bottom:20px}
.pad-25{padding:25px}
.services-icon{padding-bottom:10px;padding-left:0}
.bg-color-gray{background-color:#f7f7f7}
.commercial-section{padding-top:150px}
.residential-section{padding-top:150px}
.gallery-section{padding-top:50px}
.developer-section{margin-top:150px;padding-bottom:100px}
.owner-section{padding-top:100px}
.contact-section{padding-top:150px;padding-bottom:150px}
.Spaces-Container{text-align:center;line-height:1;padding-bottom:20px}
header{width:100%;float:left;position:relative;left:0;top:0;z-index:9999;background-color:#fff;transition:all 1s}
header nav{position:RELATIVE;width:100%;margin:0 auto}
header nav .logo-container a .logos{width:22vh;margin:2vh 0;float:right}
header nav .logo-container a .developer{float:right;display:none;height:80px;margin:35px 19px 19px;object-fit:cover;object-position:center}
header nav .menu-container{text-align:right}
header nav .menu-container ul.menu-res{list-style:none;height:0;overflow:hidden;transition:all .5s;top:100%;left:0;position:absolute;opacity:0;padding:2vh 0;margin:0;text-align:left;z-index:-9;width:31vh;padding-top:0}
header nav .menu-container ul.menu-res li:nth-child(0){background-color:#000;background-color:rgba(210,190,124,1)}
header nav .menu-container ul.menu-res li:nth-child(1){background-color:#000;background-color:rgba(210,190,124,1)}
header nav .menu-container ul.menu-res li:nth-child(2){background-color:#000;background-color:rgba(210,190,124,.94)}
header nav .menu-container ul.menu-res li:nth-child(3){background-color:#000;background-color:rgba(210,190,124,.86)}
header nav .menu-container ul.menu-res li:nth-child(4){background-color:#000;background-color:rgba(210,190,124,.78)}
header nav .menu-container ul.menu-res li:nth-child(5){background-color:#000;background-color:rgba(210,190,124,.7)}
header nav .menu-container ul.menu-res li:nth-child(6){background-color:#000;background-color:rgba(210,190,124,.62)}
header nav .menu-container ul.menu-res li:nth-child(7){background-color:#000;background-color:rgba(210,190,124,.54)}
header nav .menu-container ul.menu-res li:nth-child(8){background-color:#000;background-color:rgba(210,190,124,.46)}
header nav .menu-container ul.menu-res li:nth-child(9){background-color:#000;background-color:rgba(210,190,124,.38)}
header nav .menu-container ul.menu-res li{width:100%;margin-bottom:.2vh}
header nav .menu-container ul.menu-res li a{padding:2vh 3vh;width:100%;display:block}
header nav .menu-container ul.menu-res li a:active,header nav .menu-container ul.menu-res li a:hover{color:#000;text-decoration:none}
header nav .menu-container .menu-height{height:auto!important;opacity:1!important;transition:all .5s;z-index:99999}
header nav .menu-container .bars{background:#d2be7c;color:#d2be7c;text-align:center;font-size:40px;cursor:pointer;height:120px;display:flex;width:60px;align-items:center;align-content:center}
header.fixed-header{position:relative;left:0;top:0;width:100%;transition:all 1s}
header.fixed-header nav .logo-container a{padding:0}
header.fixed-header nav .logo-container a .logos{width:170px;margin:15px 0;float:left;margin-bottom:0}
header.fixed-header nav .logo-container a .developer{display:block}
.slider-outer{overflow-y:hidden;overflow-x:scroll;width:100%;height:400px;direction:ltr}
.slider-inner{height:183px}
.big-slide-container{width:890px;float:left}
.small-slide-container{width:1110px;float:left}
.small-slide{width:33.333%;float:left}
.small-slide img{border:4px solid #fff;height:300px;width:100%;object-fit:cover;float:left}
.big-slide-container img{border:5px solid #fff;height:600px}
.block-container{height:600px;position:relative;border:1px solid #00755c;margin-bottom:30px}
.block-container-comm{height:625px}
.theme-container{position:absolute;bottom:0;right:0}
.block-title-container{background:#00755c;padding:15px 0}
.block-img-container{padding-right:30px;position:relative}
.block-img-container-vertical{padding-right:0;position:relative}
.block-img-container-vertical svg{position:absolute;top:30%;right:0;cursor:pointer}
.block-img-container svg{position:absolute;top:30%;right:0;cursor:pointer}
.block-container-inner{padding:15px 50px 15px 15px}
.projects-desc{display:flex;width:100%}
.services ul{display:block;list-style-type:none;padding:0}
.services ul li{display:inline-block;padding:5px}
.content-table table{width:65%}
.content-table tr{border-bottom:1px solid #d2be7d;line-height:1.5}
.table-button{width:65%;background:#d2be7d;cursor:pointer;padding:10px;margin-top:8px}
.content-table-vertical table{width:100%;table-layout:fixed}
.content-table-vertical tr{border-bottom:1px solid #d2be7d;line-height:1.5}
.table-button-vertical{width:100%;background:#d2be7d;cursor:pointer;padding:10px;margin-top:8px}
.vertical-cont{padding-top:40px}
.vertical-cont-horizantel{padding-top:0}
.vertical-cont-residential{bottom:0;position:absolute;width:100%}
.vertical-information{padding-top:40px}
.vertical-information-horizantel{padding-top:0}
.block-container-inner a{text-decoration:none;color:#000}
.commercial-blocks-section{position:relative}
#blocks{position:absolute;top:15%;left:15px;width:5%;z-index:9999}
#blocks-res{position:absolute;top:15%;left:15px;width:5%;z-index:9999}
.fixed-block{position:fixed!important;top:20%!important}
.number-box{background:#3b3b3b;cursor:pointer;height:35px;display:flex;width:60px;align-items:center;align-content:center;margin:0 auto;margin-bottom:5px}
.number-box span{margin:0 auto}
.bars i{margin:0 auto;padding-top:35px}
.block-container-inner-residential{margin:22px;height:352px;position:relative}
.block-img-container-vertical-residential{padding-right:0;position:relative;text-align:center;overflow:hidden}
.block-img-container-vertical-residential svg{position:absolute;top:30%;right:25px;cursor:pointer}
.residential-blocks-section{position:relative}
.block-img-container-vertical-residential img{height:150px;object-fit:cover}
.contact-number{padding:30px 0;font-family:'Slabo 27px',serif}
.footer-section{padding:20px 0}
.display-n-com{display:none}
#makeMeScrollable{width:100%;height:595px;margin-bottom: 100px;position:relative;direction: ltr;}
#makeMeScrollable div.scrollableArea img{position:relative;float:left;margin:0;padding:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}
.swiper-container{width:100%;height:50%}
.swiper1{width:100%;height:65%}
#map-container2{display:none}
.map-iframe{height:600px}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.block-container-inner-residential a{text-decoration:none;color:#000}
.pt-container{width:800px;margin:0 auto}
#about-project{padding-top:134px}
.pt-bg{position:absolute;bottom:0;right:0;z-index:-99999;width:100%}
.owner-container{padding-bottom:30px}
.pt-logo{width:100%}
.pt-comm{padding-bottom:9%}
div#iterateEffects ul li{display:inline-block;padding:18px}
div#iterateEffects ul li a{text-decoration:none}
.div-hide{display:none}
.fixed{position:fixed}
.dis-inline-block{display:inline-block!important}
.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;padding-left:0}
.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(15px);transform:translateY(15px)}
.hover14{position:relative;overflow:hidden}
.hover14 figure{position:relative}
.hover14 figure::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.hover14 figure:hover::before{-webkit-animation:shine .75s;animation:shine .75s}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
@media screen and (max-width:1366px) and (min-width:1365px){
header.fixed-header nav .logo-container a .logos{width:170px}
}
@media screen and (max-width:1445px) and (min-width:1366px){
.big-slide-container img{border:5px solid #fff;height:340px}
.big-slide-container{width:613px;float:left}
.small-slide img{border:4px solid #fff;height:170px;width:100%;object-fit:cover;float:left}
#makeMeScrollable{width:100%;height:400px;position:relative}
}
@media screen and (max-width:1366px) and (min-width:1024px){
.pt-comm{padding-bottom:11%}
.description-width.importance-description{width: 70%;margin: auto;}
.font-75.font-28 {
    font-size: 23px;
    font-weight: bold;
}
}
@media screen and (max-width:1024px) and (min-width:1023px){
.theme-container img{width:100%}
}
@media screen and (max-width:769px) and (min-width:768px){
.container{width:766px}
}
@media screen and (max-width:769px){
.page-1-logo{width:75%;position:absolute;left:12.5%;bottom:48%}
.pt-bg{width:100%}
.contact-section{padding-top:0;padding-bottom:73px}
.developer-section{padding-top:75px}
.font-75{font-size:50px}
.font-23{font-size:19px}
.display-n-com{display:block}
.vertical-information-horizantel{padding-top:40px;padding-bottom:80px}
.vertical-information{padding-bottom:80px}
.vertical-cont-horizantel{padding-top:40px;text-align:center}
.block-img-container-vertical svg{right:30px}
.vertical-cont{text-align:center}
.projects-desc{display:block}
.display-n-res{display:none}
.theme-container img{width:100%}
.block-container-inner{padding:15px 0}
.content-table table{width:92%;margin:0 auto}
.table-button{margin:0 auto;margin-top:8px}
.content-table-vertical table{width:92%;margin:0 auto}
.table-button-vertical{margin:0 auto;margin-top:8px}
.block-location-container{text-align:center}
.pad-l-0,.pad-r-0{padding:0 15px}
header.fixed-header nav .logo-container a .logos{float:right;width:160px}
.block-container{height:auto;margin-bottom:25px}
.block-img-container-vertical img{height:150px;width:auto;object-fit:cover}
.map-button{width:80px;height:80px}
.pad-15-res{padding:10px 15px}
}
@media screen and (max-width:600px){
.importance-border{border-top:1px solid #d1cfcf;border-bottom:1px solid #d1cfcf;border-left:none;border-right:none;margin:27px 0;padding:10px 0}
.right-res{text-align:right;padding:15px 0;/* float:none; */height: 128px;margin:0 auto;border-bottom:1px solid #d1cfcf}
.clock-border{border-right:none;border-left:none}
.clock-inner-container{display:flex;align-items:baseline;line-height:1;justify-content:center}
.clock-info-container{text-align:center;width:100%}
.clock-outer-container{display:block}
.developer-logo{width:80%}
.bars i{margin:0 auto;padding-top:0}
.Spaces-Container{padding-bottom:12px}
.pad-40-res{padding-top:40px}
.clock-img-container{padding:0 0 0 10px}
.map-iframe{height:300px}
.border-none{border:none}
.services-outer{padding-top:0}
.vertical-information{padding-top:15px}
header nav .menu-container .bars{height:55px;margin-top:37px;font-size:27px}
header.fixed-header nav .logo-container a .logos{float:right;width:120px}
header nav .menu-container ul.menu-res{width:41vh}
.font-40{font-size:25px;}
.font-30{font-size:20px}
.font-14{font-size:14px}
.font-15{font-size:15px}
.font-16{font-size:16px}
.font-23{font-size:18px}
.font-24{font-size:20px}
.font-25{font-size:20px}
.font-20{font-size:15px}
.font-75{font-size:35px}
.vertical-cont-residential{bottom:0;position:relative;width:100%}
.font-13-res{font-size:13px}
.Features-title{padding-top:50px;padding-bottom:40px}
.Features-padding{padding:10px 0 0}
.importance-padding{padding:20px 0;border-bottom:1px solid #d1cfcf}
.Features-location{padding-bottom:75px}
.Features-services{padding-bottom:75px;padding-top:75px}
.commercial-section{padding-top:75px}
.residential-section{padding-top:75px}
}