@charset "UTF-8";

html[dir="rtl"] .footer__sitemap__section,
html[dir="rtl"] .headerTop__left{
    float: right;
}
html[dir="rtl"] .headerTop__menu,
html[dir="rtl"] .header__menu__item{
    float: right;
}
html[dir="rtl"] .index__section__tags a{
    float: right;
    visibility: visible!important;
    margin-right: 0;
    margin-left: 10px;
}
html[dir="rtl"] .headerTop#headerTopSub .headerTop__menu:last-of-type, html[dir="rtl"] .headerTop__menu{
    border-right: 1px solid rgba(0, 0, 0, .2);
}

html[dir="rtl"] .headerTop__menu:first-child {
    border-right:0;
    padding-left: 9px;
}
html[dir="rtl"] .footer__top__newsletter{
    float: left;
}
html[dir="rtl"] .footer__top__social{
    float: right;
}
html[dir="rtl"] .index__section{
    direction: ltr;
    overflow: hidden;
}
html[dir="rtl"] .index__section__textInner{
    direction: rtl;
    /*direction: ltr;
    text-align: left;*/
}
html[dir="rtl"] .newsletter__description {
    text-align: right;
}

html[dir="rtl"] .newsletter__checkbox__section{
    float: right;
}
html[dir="rtl"] .newsletter__checkbox__label {
    float: right;
    text-align: right;
}
html[dir="rtl"] .newsletter__checkbox__input {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
html[dir="rtl"] .mtcaptcha{
    max-width: 346px;
}
html[dir="rtl"] .data-right-desc {
    text-align: right;
}
html[dir="rtl"] .checkbox-with-desc{
    padding-left: 0;
    padding-right: 3px;
}
html[dir="rtl"]  .checkbox-with-desc input{
    float: right;
}
html[dir="rtl"] .checkbox-with-desc .desc, html[dir="rtl"] .checkbox-with-desc .error-msg {
    text-align: right;
    margin-left: 0;
    margin-right: 30px;
}

html[dir="rtl"]  .newsletter__submit{
    float: right;
}
html[dir="rtl"] .m-form__half {
    float: right;
}
html[dir="rtl"]  .m-form__half:last-of-type {
    
    margin-left: 0;
    margin-right: 20px;
}
html[dir="rtl"] .m-form__error{
    text-align: right;
}

html[dir="rtl"] .m-form__label{
    left:auto!important;
}
html[dir="rtl"] .contact__left{
    padding-right: 0;
    padding-left: 20px;
}
html[dir="rtl"] .contact__right{
    text-align: right;
}




html[dir="rtl"] .contact__submit{
    float: right;
}
html[dir="rtl"] .news__top__container{
    float: right;
    margin: 0 10px 0 0;
    text-align: right;
}
html[dir="rtl"] .news__top__container:first-child{
    margin-right: 0;
    padding-right: 0;
}
html[dir="rtl"] .events__top__submit{
    float: left;
}
html[dir="rtl"] .costCalculator{
    direction: ltr;
}
html[dir="rtl"] .costCalculator .m-form__dropdown{
    float: none;
    text-align: left;
}
html[dir="rtl"]  .costCalculator .m-form__dropdown>a, html[dir="rtl"]  .costCalculator .m-form__dropdown>ul li a{
    padding: 14px 40px 13px 16px;
    text-align: left;
}
html[dir="rtl"] .costCalculator .m-form__dropdown>a:before{
    left:auto;
    right: 18px;
}
html[dir="rtl"] .costCalculator .m-form__error{
    text-align: left;
}
html[dir="rtl"] .costCalculator .data-right-desc{
    text-align: left;
}
html[dir="rtl"] .costCalculator .checkbox-with-desc .desc, html[dir="rtl"] .costCalculator .checkbox-with-desc .error-msg{
    text-align: left;
    margin-left: 30px;
    margin-right: 0;
}
html[dir="rtl"] .costCalculator .checkbox-with-desc input{
    float: left;
}
html[dir="rtl"] .data-right-desc a{
    margin: 0 4px;
}

html[dir="rtl"] .m-form__dropdown{
    float: right;
    text-align: right;
}
html[dir="rtl"] .m-form__dropdown>ul {
    text-align: right;
}
html[dir="rtl"] .news__top .search__inner i.icon{
    left:auto;
    right: 0;
    margin: 0 20px 0 0;
}
html[dir="rtl"] .news__top__input {
    padding-left: 20px;
    padding-right: 52px;
}
/*
html[dir="rtl"] .eventCard__content{
    text-align: right;
}

html[dir="rtl"] .eventCard__overlay{
    left:40px;
    right: auto;
}*/
html[dir="rtl"] .step-by-step__box__item{
    float: right;
}
html[dir="rtl"] .step-by-step__box__item:after{
    right: auto;
    left:-7px;
    border-width: 16.5px 17px 16.5px 0;
    border-color: transparent #d9242d transparent transparent ;
}
html[dir="rtl"] .step-by-step__box__item:before{
    left:auto;
    right: 10px;
    border-width: 16.5px 17px 16.5px 0;
    border-color: transparent #fff transparent transparent;
}


html[dir="rtl"] .slick-list, html[dir="rtl"] .slick-slider, html[dir="rtl"] .slick-track{
    direction: ltr;
}
html[dir="rtl"] .setting-up-card{
    text-align: right;
}
html[dir="rtl"] .setting-up-card .title__inner .title{
    padding-right: 8px;
    padding-left: 0;
}
html[dir="rtl"] .setting-up-card__view-all{
    left: auto;
    right: 26px;
}


html[dir="rtl"] .client-profiles__top__icon,html[dir="rtl"] .case-studies__top__icon{
    margin: 0 20px 0 0;
}
html[dir="rtl"] .client-profiles__top__input,html[dir="rtl"] .case-studies__top__input{
    padding-left: 20px;
    padding-right: 40px;
}
html[dir="rtl"] .industriesCard__inner{
    text-align: right;
}
html[dir="rtl"] .industriesCard{
    float: right;
    margin-left: 22px;
    margin-right: auto;
}

html[dir="rtl"] .industriesTop__right{
    text-align: right;
}
html[dir="rtl"] .why__section__text{
    text-align: right;
}

html[dir="rtl"] .related .relatedCard{
    float: right;
}
html[dir="rtl"] .related .relatedCard.slick-slide{
    float: left;
}



html[dir="rtl"] .related .relatedCard__content{
    direction:ltr;
}
html[dir="rtl"] .related .relatedCard__hashtag{
    text-align: right;
}
html[dir="rtl"] .related .relatedCard__getAnswerButton{
    left:auto;
    right: 0;
}
html[dir="rtl"] .related .relatedCard__overlay{
    left:30px;
    right: auto;
}
html[dir="rtl"] .related .slick-list{
    direction: rtl;
}

html[dir="rtl"] .faq__section__title{
    direction: ltr;
}


html[dir="rtl"] .faq__section__hidden{
    direction: ltr;
    
}

html[dir="rtl"] .adobe-download{
    direction: rtl;
}
html[dir="rtl"] .contact__region{
    direction: ltr;
    text-align: left;
}
.step-by-step .icon-image{
    display: none;
}
html[dir="rtl"] .resources__container{
    direction: ltr;
}


html[dir="rtl"] .events__content__cards{
    direction: ltr;
}
html[dir="rtl"] .general-page{
    direction: ltr;
    
}


html[dir="rtl"] .events-page__inner,
html[dir="rtl"] .events-page__details{
    direction: ltr;
}



html[dir="rtl"] .sticky__right__contact i{
    float: right;
    margin-left: 5px;
    margin-right: 0;
}
html[dir="rtl"] .sticky__right__contact i.icon-mail-icon{
    margin-right: 20px;
    margin-left: 5px;
}
html[dir="rtl"] .sticky__right__contact span{
    float: right;
    margin-right: 0;
    margin-left: 10px;
    direction: ltr;
}
html[dir="rtl"] .sticky__contentRight .sticky__right__content{
    padding: 20px 45px 20px 0;
    
}

html[dir="rtl"] .case-studies__content,
html[dir="rtl"] .client-profiles__content__cards{
    direction: ltr;
}

html[dir="rtl"] .why-hk-page__inner{
    direction: ltr;
}


html[dir="rtl"] .resources-page__inner[dir="ltr"],
html[dir="rtl"] .news-page__inner[dir="ltr"],
html[dir="rtl"] .industries-page__inner[dir="ltr"],
html[dir="rtl"] .client-profiles-page__inner[dir="ltr"],
html[dir="rtl"] .events-page__inner[dir="ltr"],
html[dir="rtl"] .case-studies-page__inner[dir="ltr"],
html[dir="rtl"] .why-hk-page__inner[dir="ltr"]{
    direction:rtl;
    text-align: right;
}

.general-page ol .resources-page__inner[dir="ltr"], .general-page  .resources-page__inner[dir="ltr"] ul,
.general-page ol .news-page__inner[dir="ltr"], .general-page  .news-page__inner[dir="ltr"] ul,
.general-page ol .industries-page__inner[dir="ltr"], .general-page  .industries-page__inner[dir="ltr"] ul,
.general-page ol .client-profiles-page__inner[dir="ltr"], .general-page  .client-profiles-page__inner[dir="ltr"] ul,
.general-page ol .events-page__inner[dir="ltr"], .general-page  .events-page__inner[dir="ltr"] ul,
.general-page ol .case-studies-page__inner[dir="ltr"], .general-page  .case-studies-page__inner[dir="ltr"] ul,
.general-page ol .why-hk-page__inner[dir="ltr"], .general-page  .why-hk-page__inner[dir="ltr"] ul{
    padding-right: 20px;
}

html[dir="rtl"] .archive__container,
html[dir="rtl"] .news__cards,
html[dir="rtl"] .happeningCard{
    /*float: right;*/
    direction: ltr;
}




html[dir="rtl"] .sticky__innerRight{
    padding: 0 15px 0 15px;
}
html[dir="rtl"] .index nav.link a{
    visibility: visible;
    pointer-events: auto;
}
@media screen and (max-width: 1350px){
    html[dir="rtl"] .sticky__innerRight{
        padding: 0 15px 0 15px;
    }
    html[dir="rtl"] .sticky__contentRight .sticky__right__content .sticky__innerRight{
        padding-left: 20px;
    }
}
@media screen and (max-width: 580px){
    html[dir="rtl"] .sticky__contentRight .sticky__right__content{
        padding: 20px 0 20px 0;
    } 
    html[dir="rtl"] .sticky__contentRight .sticky__right__content .sticky__innerRight{
        padding-right: 0;
    }
}


html[dir="rtl"] .sticky__top__close{
    left: 0;
    right: auto;
}
html[dir="rtl"] .search__result__numbers{
    float: right;
}
html[dir="rtl"] .search__results__list__item h3, html[dir="rtl"] .search__results__list__item .h3{
    text-align: right;
}
html[dir="rtl"] .footer__sitemap__arrows{
    left: 20px;
    right: auto;
}


html[dir="rtl"] .newsCard__content{
    
    direction: ltr;
}
html[dir="rtl"] .news__top__container.news__5{
    width: 31.5%;
}
html[dir="rtl"] .news__top__container.news__6{
    float: left;
}


html[dir="rtl"] .archive__content .other-hk-news__list__item{
    
}
html[dir="rtl"] .other-hk-news__list__item{
    direction: ltr;
}


html[dir="rtl"] .m-form__dropdown>a, html[dir="rtl"] .m-form__dropdown>ul li a{
    padding: 14px 16px 13px 40px;
}
html[dir="rtl"] .m-form__dropdown>a:before{
    left:18px;
    right: auto;
}
html[dir="rtl"] .about__network__collapse__content ul{
    padding-left: 0;
    padding-right: 18px;
}


html[dir="rtl"] .footer__sitemap__section{
    text-align: inherit;
    padding-right: 0;
    padding-left: 60px;
}

html[dir="rtl"] .footer__sitemap__section:last-child{
    padding-left: 0;
}

html[dir="rtl"] .footer__sitemap__section button{
    text-align: inherit;
}
html[dir="rtl"] .footer__sitemap__icon{
    float: right;
    margin-right: 0;
    margin-left: 10px;
}
html[dir="rtl"] .footer__left {
    float: right;
}
html[dir="rtl"] .footer__sitemap__left {
    float: right;
    padding-right: 0;
}
html[dir="rtl"] .footer__sitemap__right{
    margin-right: 125px;
    margin-left: auto;
}

html[dir="rtl"] .footer__top__title  {
    float: right;
}

html[dir="rtl"]  .linkBorder a i, html[dir="rtl"] .linkBorder button i {
    left: auto;
    right: 0;
    margin-right: 20px;
    margin-left: 0;
}
html[dir="rtl"] .linkBorder__text  {
    margin-right: 35px;
    margin-left: 0;
}

html[dir="rtl"] .setting-up-card__links{
    text-align: right;
    margin: 17px 24px 0 0;
}
html[dir="rtl"] .case-studies-page__facts__listing li{
    /*float: right;
    padding-right: 0;
    padding-left: 50px;*/
}
html[dir="rtl"] .about__network,
html[dir="rtl"] .case-studies-page__header,
html[dir="rtl"] .case-studies-page__inner{
    /*text-align: right;*/
    direction: ltr;
}

html[dir="rtl"] .about__career{
    text-align: right;
}
html[dir="rtl"] .about__career__left{
    float: right;
}
html[dir="rtl"] .about__career__button{
    float: left;
    margin: 0 0 0 10px;
}
html[dir="rtl"] .about .about-network-card-wrap{
    width: 100%;
}


html[dir="rtl"] [aria-hidden="true"] a{
    pointer-events: visible;
    visibility: visible;
}

html[dir="rtl"] .setting-up-card{
    float: right;
}
html[dir="rtl"] .panel{
    text-align: inherit;
}
html[dir="rtl"] .headerMobile__menu__sub{
    float: right;
}
@media screen and (max-width: 1200px){
    html[dir="rtl"] .related .slick-list{
        direction:ltr;
    }
    
    
}
@media screen and (max-width: 1100px) {
    
    
    html[dir="rtl"] .index__section__inner{
        max-width: auto;
    }
}


@media screen and (max-width: 700px){
    html[dir="rtl"] .related .slick-list{
        direction: ltr;
    }
}
@media screen and (max-width: 800px) {
    html[dir="rtl"] .about__career__button{
        margin-left: 0;
    }
}
@media screen and (max-width: 1100px){
    .footer__sitemap__right{
        margin-right: 0;
    }
}

@media screen and (max-width: 750px){
    html[dir="rtl"] .footer__top__newsletter{
        float: none;
    }
    html[dir="rtl"] .footer__top__title{
        float: none;
    }
}

@media screen and (max-width: 580px){
    html[dir="rtl"] .m-form__half:last-child {
        margin-right: 0;
    }
    html[dir="rtl"] .about__team__top{
        margin-right:95px;
    }

    html[dir="rtl"] .setting-up-card__links {
        margin-right: 15px;
    }

    html[dir="rtl"] .setting-up-card__view-all{
        right: 0;
    }
    html[dir="rtl"] .step-by-step__box__item{
        text-align: right;
    }
    html[dir="rtl"] .footer__top__social{
        float: none;
    }
    html[dir="rtl"] .about__network__image{
        width: 100%;
        height: auto;
        aspect-ratio: 520/314;
    }
}


@media screen and (max-width: 580px) {
    html[dir="rtl"] .industriesCard{
        margin-left: 8px;
    }
    html[dir="rtl"] .industriesCard:nth-child(2n+0) {
        margin-left:0;
    }

    html[dir="rtl"] .resources__item__right {
        float: none;
        margin-left: 0;
        margin-right: 75px;
    }

    html[dir="rtl"] .news__top .search__inner i.icon {
        margin: -3px 16px 0 0;
    }
    html[dir="rtl"] .news__top__container.news__5 {
        width: 100%;
    }
}


@media screen and (max-width: 1150px) {
    html[dir="rtl"] .step-by-step__box__item:before {
        left: 50%;
        top: 0;
        right: auto;
        margin-left: -16px;
        margin-top: 0;
        border-width: 17px 16.5px 0;
        border-color: #fff transparent transparent;
    }
    html[dir="rtl"] .step-by-step__box__item:after {
        top: auto;
        bottom: -15px;
        left: 50%;
        margin-top: 0;
        margin-left: -16px;
        border-width: 17px 16.5px 0;
        border-color: #d9242d transparent transparent;
    }
}

@media screen and (max-width: 800px) {
    html[dir="rtl"] .news__top__container {
        padding-right: 0;
        margin:  0 0 10px 0;
    }
}

@media screen and (max-width: 800px) and (min-width: 580px) {
    html[dir="rtl"] .about__network {
        width: 100%;
    }
}