@font-face {
    font-family: myfont;
    src: url("../../fonts/DINNextLTArabic-Medium.ttf");
}
body{
    direction: rtl;
    text-align: right;
    font-family: "myfont", 'Avenir Next' ,  sans-serif;
}
.banner-heading{
    font-family: "myfont", 'Avenir Next' ,  sans-serif !important;
}
.work-flow__heading{
    font-family: "myfont", 'Avenir Next' ,  sans-serif !important;
}
.work-flow-box1__para , .work-flow-box1__heading , .prInfo__heading , .jcBox__heading{
    font-family: "myfont", 'Avenir Next' ,  sans-serif !important;
}
.pdr-15{
    padding-left: 15px;
    padding-right: 0;
}
.mgr-0{
    margin-left: 0 !important;
}
.mgl-0{
    margin-right: 0 !important;
}
.mgr-auto{
    margin-left: auto;
    margin-right: 0;
}
.mgl-auto{
    margin-right: auto;
    margin-left: 0;
}
.mgr-auto{
    margin-left: auto;
    margin-right: 0;
}
.PageBg, .PageBg .logoModuleBack {
    right: 0;
    left: unset;
}
.body-container{
    margin-right: auto;
    margin-left: 0;
}
.fixed-logo{
    margin-right: auto;
    margin-left: 0;
}
.tabs-number-main h1{
    transform: translateX(25px);
}
.tabs-details{
    -webkit-transform: translate(122px, 0px);
    -ms-transform: translate(122px, 0px);
    transform: translate(122px, 0px);
}
.tabs-list li{
    padding: 0px 0px 30px 40px;
}
.about-container{
    margin-right: auto;
    margin-left: 0;
}
.slider-number{
    margin-left: 30px !important;
    margin-right: 0px !important;
}
.owl-dots{
    left: 406px;
    right: unset;
}
.tab-image-main img{
    margin-right: auto;
    margin-left: 0;
}
.slider-dots-box{
    left: 397px;
    right: unset;
}
.slider-dots-box .slider-dots li{
    margin-left: 35px;
    margin-right: 0;
}
@media(max-width:1920px){

    .owl-dots {
        left: 650px;
        right: unset;
    }
    .slider-dots-box {
        left: 639px;
        right: unset;
    }
}
@media(max-width:1680px){
    .owl-dots {
        left: 533px;
        right: unset;
    }
    .slider-dots-box {
        left: 512px;
        right: unset;
    }
}
@media(max-width:1499px){

    .owl-dots {
        left: 433px;
        right: unset;
    }
    .slider-dots-box {
        left: 417px;
        right: unset;
    }
}
@media(max-width:1399px){
    .owl-dots {
        left: 406px;
        right: unset;
    }
    .slider-dots-box{
        left: 397px;
        right: unset;
    }
    .tabs-details {
        padding-left: 40px;
        padding-right: 0;
    }
}
@media(max-width:1280px){
    /* small laptops */
    .owl-dots {

        left: 328px;
        right: unset;
    }
    .slider-dots-box {
        left: 317px;
        right: unset;
    }

}
@media(max-width:1199px){

    .owl-dots {

        left: 230px;
        right: unset;
    }
    .our-team .carrer-top__heading {
        -webkit-transform: rotate(-90deg) translateX(128px);
        -ms-transform: rotate(-90deg) translateX(128px);
        transform: rotate(-90deg) translateX(128px);
    }
    .slider-dots-box {
        left: 266px;
        right: unset;
    }
}
@media(max-width:991px){

    .owl-dots {

        left: 188px;
        right: unset;
    }
    .slider-dots-box {
        left: 231px;
        right: unset;
    }
}
@media(max-width:767px){

    .tabs-number-main h1 {

        left: 0;
        right: unset;

    }
    .tabs-details {

        -webkit-transform: translate(-100px, -100px);
        -ms-transform: translate(-100px, -100px);
        transform: translate(-100px, -100px);
        padding-left: 20px;
        padding-right: 30px;
    }
    .slider-dots-box {
        left: 223px;
   right: unset;
    }

}
@media(max-width:575px){
    .slider-dots-box {
        left: 128px;
        right: unset;

    }
    .tabs-number-main h1 {

        left: 0;
        right: unset;

    }
    .tabs-details {
        -webkit-transform: translate(-20px, -120px);
        -ms-transform: translate(-20px, -120px);
        transform: translate(-20px, -120px);

    }

}
/* start animation*/
@-webkit-keyframes line-width {
    0% {
        width: 0%;
        right: -10px;
        left: unset;
    }

    50% {
        width: 100%;
    }

    100% {
        right: auto;
        left: 0;
        width: 0%;
    }
}
@keyframes line-width {
    0% {
        width: 0%;
        right: -10px;
        left: unset;
    }

    50% {
        width: 100%;
    }

    100% {
        right: auto;
        left: 0;
        width: 0%;
    }
}
.line-top1 {

    right: 0;
   left: unset;
}
.line-top2 {

    right: 0;
    left: unset;

}
.line-bottom1 {

    right: 0;
    left: unset;

}
.line-bottom2 {

    right: 0;
    left: unset;

}
.line-left1 {

    right: 0;
    left: unset;

}
.line-left2 {

    right: 20px;
    left: unset;

}
.line-right1 {

    left: 0;
    right: unset;

}
.line-right2 {

    left: 20px;
    right: unset;

}
.heading-border-black {

    left: 0;
    right: unset;
}
.heading:hover .heading-border-black {

    right: 0;
    left: unset;

}
.heading-border-white2 {


    left: 0;
    right: unset;
}
.heading-black:hover .heading-border-white2 {

    right: 0;
    left: unset;

}
.fixed {


    right: 0;
    left: unset;

}
.path#o {
    transform: translate(157px, -4px) scale(6, 4.8);
    /* stroke: rgb(0, 0, 0); */
}
/*.path#a {*/
/*    transform: translate(-6px, 16px) scale(4.2, 5.1);*/

/*}*/
/*.path#d {*/
/*    transform: translate(-10px, 22.5px) scale(3, 3);*/

/*}*/
/*.path#i {*/
/*    transform: translate(239px, 12px) scale(6, 4.8);*/

/*}*/
/*.rect {*/
/*    transform: translate(-10px, 0);*/
/*    right: 5vw;*/
/*    left: unset;*/
/*}*/
.a{
    margin-right: 100px;
    margin-left: 0;

    padding-left: 100px;
    padding-right: 0;

}
.a__line1{
    transform: rotate(18deg) translate(-100px,0px);
    right: 0;
    left: unset;
}
.a__line2{

    transform: rotate(-17deg) translate(96px,0px);

    left: 0;
    right: unset;

}
.a__line3{

    left: 90px;
    right: unset;
    border-top-left-radius: 38px;
    border-top-right-radius: 0px;

}
@media(max-width:1199px){


    .a{
        margin-right: 0px;

        padding-left: 0px;


    }
    .a__line1{

        transform: rotate(18deg) translate(-80px,0px);
    }
    .a__line2{

        transform: rotate(-17deg) translate(80px,0px);
    }
    .a__line3{

        left: 30px;
        right: unset;
    }
}
.navlist{

    right: 40px;
    left: unset;
}
.navlist__link--sm .navlist__bg-white{

    left: 0;
    right: unset;
}
.navlist__link--sm:hover .navlist__bg-white{

    right: 0;
    left: unset;
}
.logo{

    right: 40px;
    left: unset;

}
@media(max-width:991px){


    /* menu */
    .mobile-nav{

        right: 0;
        left: unset;

    }

    .body-aside{

        right: 0;
        left: unset;

    }
    .body-aside.active{

        right: 0;
        left: unset;

    }
    .navlist{
        right: -200px;
        left: unset;

    }
    .navlist.active{
        right: 40px;
        left: unset;

    }
    .asid-bg{

        right: 0 !important;
        left: unset !important;

    }

    .asid-bg.active{
        right: 0;
        left: unset;
    }

}
/*carear*/
.carrer-top-col2{
    padding-left: 5%;
    padding-right: 0;
}
.carrer-top__heading{

    -webkit-transform: rotate(-90deg) translateX(100px);
    -ms-transform: rotate(-90deg) translateX(100px);
    transform: rotate(-90deg) translateX(100px);
    text-align: right;
}
.carrer-top__img-holder{
    text-align: left;
}
@media(min-width:1800px){
    .carrer-top-col2{
        padding-left: 10%;
        padding-right: 0;
    }

}
@media(min-width:2200px){
    .carrer-top-col2{
        padding-left: 10%;
        padding-right: 0;
    }

}
@media(max-width:1199px){
    /* 992px to  1199px */
    /* small laptops */
    .carrer-top__heading {

        margin-left: 30px;
        margin-right: 0;
    }
}
@media(max-width:991px){

    .carrer-top__heading{
        margin-top: 0;
        -webkit-transform: rotate(-90deg) translateX(190px);
        -ms-transform: rotate(-90deg) translateX(190px);
        transform: rotate(-90deg) translateX(190px);
    }

    .carrer-top-col2 {

        padding-left: 20px;
        padding-right: 0;
    }

}
@media(max-width:767px){
    /* 540px to  767px */
    /* tablets and bigger mobiles */
    .carrer-top__heading {

        transform: rotate(-90deg) translateX(222px) translateY(143px);

    }

}
/*contact*/
.contact-form__radio[type='radio']:after {

    right: -1px;
    left: unset;

}
.contact-form__radio[type='radio']:checked:after {

    right: -1px;
    left: unset;

}
.contact-form__label{

    margin-left: 10px;
    margin-right: 0;
}
@media(max-width:1399px){
    /* 1200px to  1399px */
    /* full laptops */

    .contact-form__label{

        margin-left: 8px;
        margin-right: 0;
    }


}
.sub-banner .banner-heading{

    margin-right: auto;
    margin-left: 0;
}
.about-content__heading{

    right: 70px;
    left: unset;

}
.work-flow{
    padding-left: 140px;
    padding-right: 0;

}
.black-box{

    margin-right: auto;
    margin-left: 50px;
}
.black-box--sm{
    margin-left: 0;
    margin-right: auto;

}
.bhmr{
    margin-left: 15px;
    margin-right: 0;
}
.trns-x-20{
    /* transform: translateX(20px); */
    padding-right: 20px;
    padding-left: 0;
}
@media(max-width:1399px){

    .work-flow{
        padding-left: 70px;
        padding-right: 0;
    }

}
@media(max-width:991px){
    /* 768px to  991px */

    .work-flow {
        padding-left: 0px;
    }

    .black-box__col1{
        margin-left: auto;
        margin-right: 0;

    }
    .black-box__col__heading {
        margin-left: 10px;
        margin-right: 0;

    }

}

@media(max-width:767px){
    /* 540px to  767px */
    /* tablets and bigger mobiles */


    .about-content__heading {
        font-size: 45px;
        width: 90%;
        top: 0%;
        right: 0;
        left: unset;
        position: relative;
        -webkit-transform: translate(-20px, 60px) !important;
        -ms-transform: translate(-20px, 60px) !important;
        transform: translate(-20px, 60px) !important;
    }

    .black-box{
        margin-left: 0;
    }


    .about-box__para{

        margin-left: 0;

    }
    .about-box2{
        margin-left: auto;
        margin-left: 0;
    }



    .black-box--sm .black-box__col__para {
        text-align: right;
    }
    .container-pdl-200{
        padding-right: 0 !important;
        padding: 20px !important;
    }

}
/*media*/
@media(max-width:1750px) and (min-width:1450px){
    .path#o {
        transform: translate(157px, 1.3px) scale(6, 4);
        /* stroke: rgb(0, 0, 0); */
    }
}
@media(max-width:1399px){
    /* 1200px to  1399px */
    /* full laptops */
    .path#o {
        transform: translate(157px, -1px) scale(6, 4.5);
    }
}
@media(max-width:1199px){
    /* 992px to  1199px */
    /* small laptops */

    .box {
        margin-left: 10px;
        margin-right: 0;
    }


}
@media(max-width:991px){
    /* 768px to  991px */
    /* tablets */

    .properties .box .title{
        text-align: right;

    }



}
@media(max-width:767px){
    /* 540px to  767px */
    /* tablets and bigger mobiles */
    .properties .col-md-4:nth-child(-n+3) .property-box__img-holder {
        /* margin-top: 90px; */
    }
    .property-box__img-holder {
        /* margin-top: 90px; */
    }
    /* .body-aside {
        display: none;
    } */
    .body-container.property {
        margin-right: auto;
        margin-left: 0;

    }

    .propertyTitle-box {
        right: 0;
        left: unset;
    }

    .carrer-top--contact .carrer-top-col2{
        padding-left: 0;
    }

    .black-box__col__heading {
        margin-left: 15px;
        margin-right: 0;

    }

}
@media(max-width:539px){
    /* 360px to  539px */
    /* normal mobiles */

    .work-flow-box2{
        text-align: left;
    }

    .work-flow-box2__img{

        margin-left: -15px;
        margin-right: auto;
    }

    .black-box__col__heading {
        margin-left: 15px;
        margin-right: 0;

    }
}

.banner-heading-box.right {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}
.project-detail .black-box {

    left: 0;
    right: unset;

    margin-left: 0;
}
.property-details .box {
    /* width: 33.33%; */
    margin-left: 10px;
    margin-right: 0;
    /* direction: rtl; */
}
.role-wrapper__saperator {

    margin-left: auto;
    margin-right: 10%;
}
/*projects*/
.banner-heading-box.other {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}
.get-in-touch-p-r .get-in-t {
    padding-left: 35px;
    padding-right: 0;
}
.properties {

    margin-right: auto;
    margin-left: 0;
}
.box {
    margin-left: 45px;
    margin-right: 0;
}
.box .description {

    text-align: right;

}
.nav-projects {

    left: 0;
    right: unset;
    /* overflow: hidden;
    overflow-x: scroll; */
}
.nav-projects ul li:last-child{
    padding-left:20px;
    padding-right: 0;
}
.nav-projects li.active a::before {

    right: 48%;
    left: unset;

}
@media(min-width:1920px) {

    .property-details .box {
        margin-left: 13px;
        margin-right: 0;
    }

}
@media(max-width:1499px) {
    .box {
        margin-left: 30px;
        margin-right: 0;
    }

}
@media(max-width:1399px) {
    /* 1200px to  1399px */
    /* full laptops */
    .box {
        margin-left: 25px;
        margin-right: 0;
    }


}
@media(max-width:991px) {
    /* 768px to  991px */
    /* tablets */
    .properties {

        margin-right: auto;
        margin-left: 0;
    }

}
contact-form__label{
    margin-right: 8px;
}
.arrow-holder{
    transform: rotate(180deg);
}
.navlist__item{
    list-style: none;
}
.banner__para{
    text-align: right;
}
.sub-banner{
    justify-content: start;
}
/*.banner{*/
/*    justify-content: flex-end;*/
/*}*/