@charset "UTF-8";

html,
body{
    direction: rtl;
}

body{
    font-family: var(--font-family-ar);
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    text-align: right;
}
p {
    font-size: 1.8rem;
}

.topbutton{
    right: inherit;
    left: 3rem;
}
.btn__primary{
    padding: 1rem 2.5rem 0.5rem 2.5rem;
}
.btn__secondary{
    padding: 1.2rem 1.8rem 0.6rem;
}
.form-control, .form-select{
    text-align: right;
    font-family: var(--font-family-ar);
}
.form-control::placeholder{
    font-family: var(--font-family-ar);
}

.fa-chevron-left:before {
    content: "\f054";
}
.fa-chevron-right:before {
    content: "\f053";
}

/****/
header .nav{
    gap: 1.5rem;
}
header .header-top .links{
    margin-left: 0;
    margin-right: auto;
}
header .lang_switch{
    border-left: 0;
    border-right: 1px solid var(--color-grey-1);
    padding-left: 0;
    padding-right: 3rem;
}
header li.menu-item-has-children > a::after{
    margin-left: 0;
    margin-right: 6px;
}
header .menu-item-has-children > .sub-menu .sub-menu{
    left: inherit;
    right: 100%;
}
header .menu-item-has-children > .sub-menu a{
    padding: 1.2rem 2rem 0.6rem 2rem;
}
.primary_nav .sub-menu .menu-item-has-children .submenu_toggle{
    right: inherit;
    left: 0;
}
.primary_nav .sub-menu .menu-item-has-children .submenu_toggle .icon_chevron::before {
    content: "\f053";
}

.offcanvas__menu .menu-header{
    padding: 2rem 2rem 2rem 1rem
}
.offcanvas__menu .main-menu {
    padding: 1rem 2rem 2rem 1rem;
}
.offcanvas__menu .menu-item-has-children .submenu_toggle{
    margin-left: 0;
    margin-right: 5px;
}
.offcanvas__menu .sub-menu .menu-item-has-children .submenu_toggle {
    margin-right: 5px;
    margin-left: inherit;
}
.offcanvas__menu .sub-menu .menu-item-has-children .submenu_toggle .icon_chevron::before {
    content: "\f078";
}

/**/
.search_input{
    left: 50px;
    right: auto;
    font-family: var(--font-family-ar);
    font-size: 1.6rem;
}
.search_input::placeholder{
    font-family: var(--font-family-ar);
}
.search_input:focus, .search_input:active{
    border-right: none;
        border-left: 1px solid #e5e5e5;
}

.hero_section .swiper-slide a{
    padding: 1.5rem 3rem 1rem;
}

.our-properties .wrapper_title span{
    font-size: 34px;
    letter-spacing: 2px;
}
.our-properties .properties-slider {
    margin-right: auto;
    margin-left: 0;
}
.our-properties .commercial-wrapper .properties-slider {
    margin-left: auto;
    margin-right: 0;
}
.our-properties .properties-slider[dir="rtl"] .info {
    flex-direction: row;
    text-align: right;
}

footer .footer-top .social-icons p {
    margin-right: 0;
    margin-left: 3rem;
}

.oyster_privileges .privileges-slider-wrapper .mockup {
    text-align: left;
}
.afp_form .input-group-text{
    right: inherit;
    left: 0;
}
.afp_form .col_actions {
    margin-left: 0;
    margin-right: auto;
}
.news_wrapper .search_post .input-group-text{
    border-left: 0;
    border-right: 1px solid rgba(229, 212, 211, 1);
}
.page_navigation ul li + li {
    margin-left: 0;
    margin-right: 3rem;
}

.lifestyle_services_list .lifestyle-section:nth-of-type(even) .col_content > .content {
    margin-right: 0;
    margin-left: -4rem;
    padding: 3rem 4rem 3rem 8rem;
}
footer .mailpoet_form .mailpoet_paragraph.input_email input{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: right;
    font-family: var(--font-family-ar) !important;
}
footer .mailpoet_form .mailpoet_paragraph.input_email input::placeholder{
    font-family: var(--font-family-ar) !important;
    font-size: 1.5rem;
}
footer .mailpoet_form .mailpoet_paragraph.btn_subscribe .mailpoet_submit{
    font-family: var(--font-family-ar) !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nav-tabs .nav-link{
    font-family: var(--font-family-ar);
}

.accordion-button{
    font-family: var(--font-family-ar);
    font-size: 2rem;
}
.accordion-body{
    padding: 2.5rem 2rem 2.5rem 6rem;
    font-size: 2rem;
    line-height: 3.5rem;
}
.accordion-button:not(.collapsed){
    font-size: 2.2rem;
}
.faq_accordion .accordion-item .accordion-button::before{
    margin-right: 0;
    margin-left: 1.2rem;
    font-family: var(--font-family-en);
}
.properties_details .photo_carousel .swiper-button-next {
    right: inherit;
    left: 20%;
}
.facade_modal .modal-body .col_sec_content .sec_content {
    margin-right: -4rem;
    margin-left: 0;
}
.facade_modal .modal-body .col_sec_content h1,.facade_modal .modal-body .col_sec_content .btn_group {
    margin-right: var(--padding-space);
    margin-left: 0;
}
.facade_modal .modal-body .col_sec_content .sec_content {
    padding-right: 8rem;
    padding-left: 4rem;
}

/***/
.post_single .content p + p{
    text-align: right;
}


/******/
@media screen and (min-width: 576px) {
    .properties_details .intro .buttons a + a {
        margin-left: 0;
        margin-right: 1rem;
    }
}
@media screen and (min-width: 992px) {
    .about-us .content,
    .our_lifestyle .content,
    .properties_details .intro .content,
    .coworking_tabContent .intro .content,
    .overlay_content .text_col .inner_col,
    .lifestyle-section .content {
        margin-left: 0;
        margin-right: -4rem;
    }
    .overlay_content.dir_row_reverse .text_col .inner_col{
        margin-left: -4rem;
        margin-right: 0;
    }
    .temp_about .sec_afp .col_start {
        border-right: 0;
        border-left: 1px solid #f1e7e5;
    }
}
@media screen and (min-width: 1200px) {
    .about-us .content,
    .our_lifestyle .content,
    .properties_details .intro .content,
    .lifestyle-section .content {
        padding: 3rem 8rem 3rem 4rem;
    }
    .overlay_content .text_col .inner_col {
        padding: 5rem 15rem 5rem 5rem;
    }
    .overlay_content.dir_row_reverse .text_col .inner_col {
        padding: 5rem 5rem 5rem 15rem;
    }
    .lifestyle-section .swiper button.button-prev {
        left: inherit;
        right: 3rem;
    }
    .lifestyle-section .swiper button.button-next {
        right: inherit;
        left: 3rem;
    }
}