html, body {
    direction: rtl;
    font-family: 'IranYekan';
}

a, input, button, select, textarea {
    font-family: IranYekan !important;
}

.circleButton:before {
    margin: 0 0.5vw 0px 0;
}

body .animTextOurBox div span, body .animTextOurBox div span:before {
    font-size: 2vw !important;
    line-height: 3vw !important;
    font-weight: normal !important;
}

.PicInteview .NameAdmin {
    position: absolute;
    left: calc(100% + 40px);
    font-family: IranYekan;
    font-size: 2vw;
    width: 18vw;
    bottom: -1.3vw;
}

.animTextOurBox {
    font-family: 'IranYekan';
}

section.sectionFutureProject:before {
    left: auto;
    right: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    right: 0 !important;
    left: auto !important;
}

.cursomBtnSwiper .NextPrevSlider .swiper-button-prev, .cursomBtnSwiper .NextPrevSlider .swiper-button-next, .cursomBtnSwiper .NextPrevSlider .swiper-button-prev:after, .cursomBtnSwiper .NextPrevSlider .swiper-button-next:after {
    transform: scaleX(-1);
}

.cursomBtnSwiper .NextPrevSlider .swiper-button-prev {
    position: absolute;
    left: 68px !important;
    right: auto !important;
}

section.sectionOneHome .supportBox {
    right: auto;
    left: 10%;
}

.sectionOneHome .textSlide {
    left: auto;
    right: 11%;
}

.sectionOneHome .itemSliderOne .textSlide .slice3 {
    right: auto;
    left: 5%;
    bottom: 9vw !important;
}

.itemSliderOne:after {
    transform: perspective(1000px) rotate( 1deg);
}

section.sectionProject:after, .sectionServices:after {
    left: auto;
    right: 0;
}

section.sectionNews:before {
    left: auto;
    right: 0;
}

.searchBox i.close {
    right: auto;
    left: 20px;
}

section.sectionNews .TitleSecNews {
    left: auto;
    right: -10vw;
}

.sectionNewsLetter .formNewsletter .btnSubmit {
    right: auto;
    left: 0;
}

.sectionNewsLetter .formNewsletter {
    padding: 0 0px 0 160px;
}

footer .textFooter {
    direction: ltr;
}

.Sidebar i.bg:before {
    clip-path: circle(0px at calc( 100% - 56px) 65px);
}

header:before {
    bottom: -75px;
    transform: skew(0deg, 1deg);
}

ul.breadcrumbs li {
    padding: 0 0 0 20px;
}

    ul.breadcrumbs li:before {
        left: 0;
        right: auto;
        transform: scaleX(-1);
    }

footer.FooterInner .formNewsLetter input {
    padding: 5px 5px 5px 140px;
}

footer.FooterInner .formNewsLetter button.btnNewsletter {
    right: auto;
    left: 5px;
}

.officeDetail:before {
    left: auto;
    right: 0;
}

.officeDetail .right {
    left: auto;
    right: 38%;
}

.officeDetail .itemDetOffice {
    padding: 0 50px 0 0px;
}

    .officeDetail .itemDetOffice:before {
        right: 0;
        left: auto;
    }

.form button.btnSubmit {
    transform: translateX(-100vh);
}

section.sectionActive .form button.btnSubmit {
    transform: translateX(0vh) !important;
}

.officeDetail:after {
    left: auto;
    right: 6%;
}

a.pageLink.PrevPage, a.pageLink.NextPage {
    transform: scaleX(-1);
}

.titleAccordion {
    border-radius: 50px 0 0 50px;
    border-left: 0;
    border-right: 4px solid var(--realColor);
    padding: 0 10px 0 50px;
}

    .titleAccordion::before, .titleAccordion::after {
        right: auto !important;
        left: 0 !important;
    }

span.showSidebar {
    transform: scaleX(-1);
}

.itemComment .textComment .text {
    border-left: 0;
    border-right: 2px solid var(--realColor);
    padding: 0 20px 0 0;
    line-height: 2;
}

section.VideoSection .animTextOurBox {
    border-left: 0;
    border-right: 4px solid var(--realColor);
    padding-right: 30px;
    padding-left: 0;
}

body .animTextOurBox.center div.Line1 span, body .animTextOurBox.center div.Line1 span:before {
    font-size: 3vw !important;
    line-height: 4vw !important;
    font-weight: normal !important;
}

body .animTextOurBox div span, body .animTextOurBox div span:before {
    font-size: 3vw !important;
    line-height: 4vw !important;
    font-weight: normal !important;
}

.contextAcc:before {
    left: auto;
    right: 0;
}

section.sectionOtherUnit:after, section.FacilitiesSection:after, section.sectionPhotoGallery:after {
    left: auto;
    right: 0;
}

section.sectionFutureProject .textSection {
    font-size: 1vw;
    font-weight: 100;
    padding: 0 0 0 1vw;
}

h2.titleSec, .itemProjectOne h2.titleAndCity, .animTextOurBox, section.sectionFutureProject h2.titleSection, .itemFutureProject .titleFuture .contentTitle, section.sectionNews .TitleSecNews, .itemNew .dateTime .contentTitle span:first-child, .itemNew .dateTime .contentTitle span:last-child, .itemServices .text h2, footer .textFooter a, footer .textFooter span, .advancedSearch .rowButton button, .advancedSearch .rowButton button:before, .advancedSearch .rowButton button:after, .itemProjectOne .context .top h2.titleProj, .itemProjectOne .context .priceProj, .officeDetail .itemDetOffice.title, .titleOffice, h3.titleNewsletter, .showOnMap, .tabBtns button.btntab label, .itemProjectOne .titleProj, .headerGallery .TitleGallery, .titleAccordion, .sectionOneHome .textSlide {
    font-family: 'IranYekan' !important;
}

    .animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
        font-size: 4vw !important;
        line-height: 5vw !important;
    }

section.sectionOur .animTextOurBox div.Line2 span, section.sectionOur .animTextOurBox div.Line2 span:before {
    font-size: 4vw !important;
    line-height: 5vw !important;
}

section.sectionFutureProject h2.titleSection {
    font-size: 2.5vw;
}

section.sectionInterview .animTextOurBox div.Line1 span, section.sectionInterview .animTextOurBox div.Line1 span:before {
    font-size: 4vw !important;
    line-height: 6vw !important;
}

section.sectionInterview .animTextOurBox div span, section.sectionInterview .animTextOurBox div span:before {
    font-size: 3vw !important;
    line-height: 4vw !important;
}

.animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
    font-size: 3vw !important;
    line-height: 4vw !important;
}

section.sectionNews .TitleSecNews {
    font-size: 3.5vw;
}

.sectionOneHome .textSlide {
    font-size: 6vw;
}

footer .textFooter span {
    font-size: 2vw;
    font-family: 'Cormorant Unicase';
}

footer .textFooter {
    z-index: 10;
}

header.innerHeader {
    min-height: 600px;
    padding-bottom: 90px;
}

.subFooter span:first-child {
    font-size: 15px;
}

section.NewsContant .animTextOurBox div span, section.NewsContant .animTextOurBox div span:before {
    font-size: 4vw !important;
    line-height: 5vw !important;
    font-weight: normal !important;
}

.sidebar .SidebarLinks .linksSide a:after {
    right: 0;
    left: auto;
}

.SidebarLinks .linksSide a {
    font-size: 18px !important;
    line-height: 18px;
    min-height: 30px;
}

.contextHeader .animTextOurBox div span, .contextHeader .animTextOurBox div span:before {
    font-size: 2.5vw !important;
    line-height: 3.5vw !important;
    font-weight: 100 !important;
}

.officeDetail .itemDetOffice {
    font-family: IranYekan;
    line-height: 1.5;
}

.itemDetOffice.title {
    margin-bottom: 20px;
}

.itemUnit h3.title {
    font-family: 'IranYekan';
}

header:before {
    bottom: -86px;
}

section.CMsection .animTextOurBox div.Line1 span, section.CMsection .animTextOurBox div.Line1 span:before {
    line-height: 5vw !important;
}

section.sendCMsection .animTextOurBox div.Line1 span, section.sendCMsection .animTextOurBox div.Line1 span:before {
    line-height: 5vw !important;
}

section.sendCMsection .animTextOurBox div span, section.sendCMsection .animTextOurBox div span:before {
    line-height: 5vw !important;
}

section.sectionPhotoGallery .animTextOurBox div span, section.sectionPhotoGallery .animTextOurBox div span:before {
    line-height: 6vw !important;
}

section.FacilitiesSection .animTextOurBox div span, section.FacilitiesSection .animTextOurBox div span:before {
    line-height: 5vw !important;
}

section.FacilitiesSection .animTextOurBox div.Line1 span, section.FacilitiesSection .animTextOurBox div.Line1 span:before {
    line-height: 5vw !important;
}

section.DreamyProjects h3.subTitle {
    font-size: 1.3vw;
    font-family: 'IranYekan';
}

section.sectionOur.ourHome .animTextOurBox div.Line2 span, section.sectionOur.ourHome .animTextOurBox div.Line2 span:before {
    line-height: 5vw !IMPORTANT;
    /* color: #fff; */
}

section.sectionOur.ourHome .animTextOurBox div.Line1 span, section.sectionOur.ourHome .animTextOurBox div.Line1 span:before {
    font-size: 3vw !important;
    line-height: 4vw !important;
    font-weight: normal !important;
    /* color: #fff; */
}

section.sectionOur.ourHome .animTextOurBox div.Line2 span, section.sectionOur.ourHome .animTextOurBox div.Line2 span:before {
    font-size: 3vw !important;
    line-height: 6vw !IMPORTANT;
    /* color: #fff; */
}

section.sectionOur.ourHome .animTextOurBox div span, section.sectionOur.ourHome .animTextOurBox div span:before {
    font-size: 3vw !important;
    line-height: 4vw !important;
    font-weight: bold !important;
    /* color: red; */
}

.OutBtns .btnOutSec {
    width: 11vw;
}

.showOnMap {
    position: relative;
    font-family: 'Cormorant Unicase';
    font-size: 2vw;
    margin-top: 90px;
}

.TitleSec2 .discription .rowBtn {
    bottom: -7px;
}

.itemProjectOne h2.titleAndCity {
    font-size: 1.5vw;
}

section.sectionInterview .animTextOurBox div {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    right: 7vw;
}

section.sectionNews .TitleSecNews {
    right: -16vw;
    left: auto;
}

    section.sectionNews .TitleSecNews .contentTitle {
        top: 5vw;
    }

section.secFAQBox {
    padding: 150px 0 20px;
}

section.LocationSection .animTextOurBox div.Line1 span, section.LocationSection .animTextOurBox div.Line1 span:before {
    font-size: 4vw !important;
    line-height: 5vw !important;
}

section.LocationSection .animTextOurBox {
    border-left: 0;
    border-right: 4px solid red;
    padding: 0 30px 0 0 !important;
}

@media only screen and (max-width:1200px) {
    section.sectionInterview .animTextOurBox {
        transform: rotate(-90deg) translate(-50px,-180px) scale(0.9);
    }

    section.sectionFutureProject .container .col:first-child {
        width: 80%;
    }

    section.sectionNews .container .col:nth-child(2) {
        width: 30%;
    }

    .sectionNews .circleButton {
        left: auto;
        right: 6vw;
    }

    .sectionNews .container .col:last-child {
        width: 70%;
    }

    .sectionOneHome .textSlide {
        font-size: 62px;
        bottom: 100px;
    }

    section.sectionFutureProject .textSection {
        font-size: 14px;
        font-weight: 100;
        padding: 0 0 0 10px;
    }
}

@media only screen and (max-width:980px) {
    .itemUnit h3.title {
        font-size: 20px !important;
    }

    section.MapOfficeSmall .officeDetail:before {
        width: calc(100% - 4px);
    }

    .officeDetail .right {
        left: 0 !important;
        right: 0 !important;
        width: 100%;
    }

    .officeDetail:before {
        width: calc(100% - 4px);
    }

    .titleAccordion h4 {
        font-size: 16px;
        font-weight: 100;
    }

    .textContext {
        font-size: 14px;
    }

    .TitleSec2 .discription {
        padding-left: 160px;
        padding-right: 0;
    }

    .sectionOneHome .textSlide {
        font-size: 62px;
        bottom: 100px;
        width: 80%;
    }

    .TitleSec2 .discription .rowBtn a.btnMore {
        width: 160px;
    }

    .OutBtns .btnOutSec {
        width: 180px;
        font-size: 18px;
    }

    section.sectionFutureProject h2.titleSection {
        font-size: 36px;
    }

    .PicInteview {
        position: relative;
        width: 35vw;
        transform: translateY(100vw);
        opacity: 0 !important;
        transition: opacity 3s, transform 1s;
    }

    .itemNew .textNews {
        font-size: 14px !important;
        text-align: justify !important;
    }
}

@media only screen and (max-width:890px) {
    .itemProjectOne h2.titleAndCity {
        font-size: 18px;
    }

    section.sectionInterview .animTextOurBox div.Line1 span, section.sectionInterview .animTextOurBox div.Line1 span:before {
        font-size: 35px !important;
        line-height: 42px !important;
    }

    section.sectionInterview .animTextOurBox div span, section.sectionInterview .animTextOurBox div span:before {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .sectionOneHome .textSlide {
        font-size: 62px;
        bottom: 130px;
        width: 80%;
    }

    .animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
        font-size: 36px !important;
        line-height: 46px !important;
    }

    body .animTextOurBox div span, body .animTextOurBox div span:before {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    section.sectionOtherUnit .animTextOurBox div.Line1 span, section.sectionOtherUnit .animTextOurBox div.Line1 span:before {
        font-size: 36px !important;
        line-height: 46px !important;
    }

    section.sectionOtherUnit .animTextOurBox div span, section.sectionOtherUnit .animTextOurBox div span:before {
        font-size: 36px !important;
        line-height: 46px !important;
    }

    .textSubTitle {
        font-size: 14px;
    }

    section.DreamyProjects h3.subTitle {
        font-size: 16px;
    }
}

@media only screen and (max-width:768px) {
    section.FacilitiesSection .animTextOurBox div.Line1 span, section.FacilitiesSection .animTextOurBox div.Line1 span:before {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    section.FacilitiesSection .animTextOurBox div span, section.FacilitiesSection .animTextOurBox div span:before {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    section.LocationSection .animTextOurBox div.Line1 span, section.LocationSection .animTextOurBox div.Line1 span:before {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
        font-size: 36px !important;
        line-height: 50px !important;
    }

    body .animTextOurBox div span, body .animTextOurBox div span:before {
        font-size: 26px !important;
        line-height: 40px !important;
        font-weight: normal !important;
    }

    header .bgSec1 {
        width: 100%;
        height: 100%;
    }

    section.sectionOur.ourHome .animTextOurBox div.Line1 span, section.sectionOur.ourHome .animTextOurBox div.Line1 span:before {
        font-size: 36px !important;
        line-height: 45px !important;
        font-weight: normal !important;
        /* color: #fff; */
    }

    section.sectionOur.ourHome .animTextOurBox div.Line2 span, section.sectionOur.ourHome .animTextOurBox div.Line2 span:before {
        font-size: 36px !important;
        line-height: 46px !IMPORTANT;
        /* color: #fff; */
    }

    section.sectionOur.ourHome .animTextOurBox div span, section.sectionOur.ourHome .animTextOurBox div span:before {
        font-size: 36px !important;
        line-height: 45px !important;
        font-weight: bold !important;
        /* color: red; */
    }

    .subFooter span:first-child {
        font-size: 14px !important;
        width: 220px;
        font-weight: 100;
    }
    .AgentInfo * {
        font-family: 'IranYekan';
        font-size: 24px !important;
    }

}
@media only screen and (max-width: 680px) {
    .SidebarLinks .linksSide a {
        font-size: 16px !important;
        line-height: 16px;
        min-height: 24px !important;
    }

    .titleOffice {
        font-size: 26px;
    }

    section.sectionServicesText .OutBtns {
        margin: 20px 0 0;
        width: 100% !important;
    }

    section.CMsection .animTextOurBox div.Line1 span, section.CMsection .animTextOurBox div.Line1 span:before {
        line-height: 45px !important;
        font-size: 35px !important;
    }

    section.sendCMsection .animTextOurBox div.Line1 span, section.sendCMsection .animTextOurBox div.Line1 span:before {
        line-height: 45px !important;
        font-size: 35px !important;
    }

    section.sendCMsection .animTextOurBox div span, section.sendCMsection .animTextOurBox div span:before {
        line-height: 35px !important;
        font-size: 28px !important;
    }

    .titleAccordion h4 {
        font-size: 14px;
        font-weight: 100;
    }

    section.sectionInterview .animTextOurBox {
        transform: none !important;
        align-items: center;
        display: flex;
        flex-direction: column;
        width: auto !important;
        min-width: unset !important;
        top: auto;
        bottom: 110%;
        right: -14vw;
        left: 0;
    }

    .PicInteview {
        width: 50vw;
    }

        .PicInteview .NameAdmin {
            font-size: 4vw;
            width: 32vw;
        }

    section.sectionNews .container .col:nth-child(2) {
        width: 100%;
    }

    section.sectionNews .TitleSecNews {
        right: 0;
        left: auto;
        top: auto !important;
        bottom: 115% !important;
        font-size: 40px !important;
    }

    .itemServices .text h2 {
        font-size: 24px;
        text-align: left;
    }

    section.sectionNews .TitleSecNews span.AnimToLeft {
        font-size: 36px;
    }

    .TitleSec2 .discription {
        padding-left: 0;
        padding-right: 0;
    }

        .TitleSec2 .discription .rowBtn {
            width: 100%;
        }

    .OutBtns {
        flex-direction: column;
        align-items: center;
        margin-top: 240px;
        grid-gap: 5px;
    }

        .OutBtns .btnOutSec {
            width: 260px;
            font-size: 18px;
        }

    footer .textFooter span {
        font-size: 16px;
        text-align: center;
    }

    .cursomBtnSwiper .NextPrevSlider {
        justify-content: center !important;
        width: 100%;
        top: calc(100% + 80px);
        display: flex;
        flex-direction: row-reverse;
    }

        .cursomBtnSwiper .NextPrevSlider .swiper-button-prev {
            position: relative;
            left: 0 !important;
            right: auto !important;
        }

    .NextPrevSlider .swiper-button-prev, .NextPrevSlider .swiper-button-next {
        position: relative !important;
        margin: 0 !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
    }

    section.sectionInterview {
        padding: 40vw 0 100px;
    }

        section.sectionInterview .animTextOurBox div.Line1 span, section.sectionInterview .animTextOurBox div.Line1 span:before {
            font-size: 25px !important;
            line-height: 32px !important;
        }

        section.sectionInterview .animTextOurBox div span, section.sectionInterview .animTextOurBox div span:before {
            font-size: 20px !important;
            line-height: 30px !important;
        }
}


@media only screen and (max-width:580px) {
    .OutBtns {
        width: 100% !important;
    }
}

@media only screen and (max-width:480px) {
    .officeDetail .left {
        padding: 40px 10px;
    }

    section.sectionFutureProject .textSection {
        font-size: 14px;
        font-weight: 100;
        padding: 0;
        text-align: center;
    }

    .sectionNewsLetter .formNewsletter {
        padding: 0 0 90px;
    }

        .sectionNewsLetter .formNewsletter .btnSubmit {
            width: 120px;
            height: 120px;
            left: 0 !important;
            right: 0 !important;
            margin: auto;
            bottom: -45px !important;
        }

    .sectionOneHome .textSlide {
        font-size: 24px;
        bottom: 100px;
        width: 80%;
    }

    .OutBtns .btnOutSec {
        width: 180px;
        font-size: 16px;
    }

    section.sectionFutureProject h2.titleSection {
        font-size: 24px;
        text-align: center;
    }

    .OutBtns.first {
        padding: 0 !important;
        margin: 20px 0 0 !important;
        width: 100%;
    }

    .PicInteview {
        width: 60vw;
    }

    .sectionNews .container .col:last-child {
        width: 100%;
    }
}