@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);


@font-face {
    font-family: 'Arabic Typesetting';
    src: url('../fonts/ArabicTypesetting.eot');
    src: url('../fonts/ArabicTypesetting.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArabicTypesetting.woff2') format('woff2'),
        url('../fonts/ArabicTypesetting.woff') format('woff'),
        url('../fonts/ArabicTypesetting.svg#ArabicTypesetting') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



html:lang(ar) body, html:lang(ar) body * {
	font-family: 'Droid Arabic Naskh', serif !important;
}

html:lang(ar) body h1, html:lang(ar) body h2, html:lang(ar) body h3, html:lang(ar) body h4, html:lang(ar) body h5, html:lang(ar) body h6{
	/*font-family: 'Droid Arabic Kufi', serif  !important;*/
}

html:lang(ar) .header__menu {
    margin-left: auto;
    margin-right: initial !important;
}

html:lang(ar) .search-block-form.active input{
    padding-right:50px ;
}

html:lang(ar) .search-block-form form{
    margin: auto;
}

html:lang(ar)  .header__menu svg{
    margin-right: 0px;
    margin-left: 15px;
}

html:lang(ar) .header__lang{
    margin: 0;
}

html:lang(ar) .active #block-mainnavigation .flex-nav ul{
    padding-right: 0;
    padding-left: 20px;
}
html:lang(ar)  .active #block-mainnavigation .flex-nav ul > li{
    padding-right: 0;
    border-right: 0;
    border-left: 1px solid #e5e5e5;
    padding-left: 20px;
}

html:lang(ar)  .active #block-mainnavigation .flex-nav ul > li a{
    padding: 4px 10px 3px 30px;
}

html:lang(ar) .active #block-mainnavigation .flex-nav ul > li.parent-menu > a:after{
    transform: translate3d(0,-50%,0) rotate(180deg);
    left: 12px;
    right: inherit;
}
html:lang(ar) .active #block-mainnavigation .flex-nav ul > li:hover > ul{
    left: -100%;
    right: inherit;
}

html:lang(ar) .nav__box{
    right: calc(100% - 670px);
    left: inherit;
}

html:lang(ar) #block-mainnavigation{
    right: -100%;
    left: inherit;
}
html:lang(ar) .active #block-mainnavigation{
    right: 0;
    left: inherit;
}



html:lang(ar)  .hero__right.hidden{
    transform: translate3d(-95%, 0, 0);
}
html:lang(ar) .hero__right-expand{
    right: -50px;
    left: inherit;
    transform: translate3d(-50%, -50%,0) rotate(180deg);
}

html:lang(ar) .glide {
    direction: ltr;
}

html:lang(ar) .glide__slide{
    direction: rtl;
}
html:lang(ar) .why__slider p{
    text-align: right;
}
html:lang(ar) .why__slider h3{
    text-align: right;
}
html:lang(ar) .btn-arr::after{
    top: 0;
    transform: rotate(180deg);
}
html:lang(ar) .boxes-link:hover .btn-arr::after{
    transform: rotate(180deg) translate3d(5px, 0, 0);
}

html:lang(ar) .eservice__text {
    padding-right: 0;
    padding-left: 50px;
}
html:lang(ar)  .programs__text {
    padding-left: 0;
    padding-right: 54px;
}
html:lang(ar) .step-num{
    right: 39%;
    left: inherit;
}

html:lang(ar) .step-items {
    background: linear-gradient(90deg, #ecf4f3 50%, #3f4855 50%);
}

html:lang(ar) .step-items .step-item .step-item-left {
    padding-right: 0px;
    padding-left: 20px;
}

html:lang(ar) .news__list img{
    right: -25px;
    left: inherit;
}
html:lang(ar) .news__list p, html:lang(ar) .news__list span{text-align: right;}

html:lang(ar) .newsletter .webform-submission-form .form-item-email{
    padding: 5px 5px 5px 160px;
}
html:lang(ar) .newsletter .webform-submission-form .form-item-termsofuse{
    text-align: right;
}
@media (max-width: 767px){
    html:lang(ar) .newsletter .webform-submission-form .form-item-email{
        padding: 0;
    }
}
html:lang(ar) .reforme-item .icon{margin: 0px 0 0 16px;}
html:lang(ar) .block-two .block-left{padding-left: 32px;padding-right: 0;}
html:lang(ar) .w-link-dowanlod .link-dowanlod img{margin: 0 0px 0 10px;}
html:lang(ar) .link-dowanlod img{margin: 0 0px 0 10px !important; }
html:lang(ar) .block-gouvernance ul li::after{left: inherit;right: 0;}
html:lang(ar) .block-all-raisons .raisons a{margin-left: 27px;margin-right: inherit;}
html:lang(ar) .block-all-raisons .block-left .raisons:before{left: -63px;right: inherit;transform: rotate(180deg);transform-origin: top;}
html:lang(ar) .block-all-raisons .block-left .raisons-3:before{transform-origin: center;}
html:lang(ar) .block-all-raisons .block-left .raisons-4:before, html:lang(ar) .block-all-raisons .block-left .raisons-5:before{transform-origin: bottom;}
html:lang(ar) .block-gouvernance .block-left:after{left: -4%;right: inherit;}
html:lang(ar) .block-all-raisons .block-right .raisons:before{right: -63px;left: inherit;}
html:lang(ar) .block-all-raisons .block-right .raisons:before{transform: rotate(180deg);transform-origin: top;}
html:lang(ar) .block-all-raisons .block-right .raisons-8:before{transform-origin: center;}
html:lang(ar) .block-all-raisons .block-right .raisons-9:before, html:lang(ar) .block-all-raisons .block-right .raisons-10:before{transform-origin: bottom;}
html:lang(ar) .block-one .destination ul li div .city span{ padding-right: 20px;}
html:lang(ar) .block-all-raisons .raisons p a{ margin: 0 !important;}
html:lang(ar) .block-two .block-left {padding-left: 32px;padding-right: inherit;}
html:lang(ar) .incitations-lists .incitations-list p{text-align: right;}
html:lang(ar) .block-four .flex li h3:after{right: 0;left: inherit;}
html:lang(ar) .block-five ul.flex li p:before{margin-left: 8px;margin-right: inherit;}
html:lang(ar) .two-block-opportunite .block-left{padding-left: 32px;padding-right: inherit;}
html:lang(ar) .block-opportunite-wrapper .item-offre .item-offre-body p:before{margin-left: 8px;margin-right: inherit;}
html:lang(ar) .digital-service .flex .items-sites .item-site a img{transform: rotate(180deg);transform-origin: center;display: inline-block;}
html:lang(ar) .urban-list li .block-icon span img{margin-left: auto;margin-right: inherit;}
html:lang(ar) .block-digital .flex li .wrapper-content p:before{margin-left: 8px;margin-right: inherit;}
html:lang(ar) .list-vie li .wrapper-content p:before{margin-left: 8px;margin-right: inherit;}
html:lang(ar) .two-block-tourism .two-block-tourism-left{padding-left: 60px;padding-right: inherit;}
html:lang(ar) .two-block-tourism.switch .two-block-tourism-left{padding-right: 60px;padding-left: inherit;}
html:lang(ar) .offre-valeur.switch .offre-valeur-right{padding-left: 48px;padding-right: 0;}
html:lang(ar) td, html:lang(ar) th {padding: 10px;text-align: right;}
html:lang(ar) .offre-valeur .offre-valeur-right p{text-align: right;}
html:lang(ar) .block-investissement .block-investissement-left{padding-left: 22px;padding-right:inherit ;}
html:lang(ar) .block-secteur-national .block-left{padding-left: 32px;padding-right:inherit ;}
html:lang(ar) .text-align-left {text-align: right;}
html:lang(ar) .block-two .block-left {padding-left: 32px;padding-right: inherit;}
html:lang(ar) .block-two h2{font-size: 40px;}
html:lang(ar) .toltip-map{text-align: right;}
html:lang(ar) .two-block-tourism.switch .two-block-tourism-left{padding-left: 0;padding-right: 60px;}
html:lang(ar) .block-secteur-national .block-left {padding-left: 32px;padding-right: inherit;}
html:lang(ar) h2, html:lang(ar) h1{font-size: 40px !important;}
html:lang(ar) h1{margin-top: 30px;}
html:lang(ar) .offre-valeur .offre-valeur-right{padding-right: 48px;padding-left: 0;}
html:lang(ar) .activites-box a .activites-box-desc{right: 32px;left: inherit;}
html:lang(ar) .activites-box a .activites-box-desc h2{font-size: 30px !important;}
html:lang(ar) .ckeditor-accordion-container > dl dt > a{text-align: right;}
html:lang(ar) .text-align-left{text-align: right;}
html:lang(ar) .block-secteur-national .block-left{padding-left: 32px;padding-right: 0;}
html:lang(ar) .block-secteur-national .block-left {padding-left: 32px;padding-right: 0;}
html:lang(ar) .bullet-list li{padding-right: 14px;padding-left: 0;}
html:lang(ar) .bullet-list li::before{left: inherit;right: 0;}
html:lang(ar) .block-atouts-left h2 {text-align: right;}
html:lang(ar) .block-atouts-left p {text-align: right;}
html:lang(ar) .offre-valeur.switch .offre-valeur-right {padding-right: 48px;padding-left: 0;}
html:lang(ar) .testim .author-img {margin-left: 16px;margin-right: 0;}
html:lang(ar) .team__btn{right: inherit;left: 28px;}
html:lang(ar) .language-switcher-language-url .contextual {left: -31px;right: inherit;}
html:lang(ar) .toltip-map h2{font-size: 20px !important;}
html:lang(ar) .ui-datepicker {min-width: 300px;}
html:lang(ar) .ui-datepicker td{padding: 1px;}
html:lang(ar) .ui-datepicker th{padding: 0.7em 0.3em;font-size: 11px;}
html:lang(ar) .map-contact .tel, html:lang(ar) .annexes-block .card-list .card-list-item{padding-right: 30px;padding-left: 0;}
html:lang(ar) .map-contact .tel::before, html:lang(ar) .annexes-block .card-list .card-list-item:before{left: inherit;right: 0;}
html:lang(ar) .urban-list li .block-desc{text-align: right;}
html:lang(ar) .numbers .number-small{font-size: 72px;margin: 20px 0 30px;}
html:lang(ar) .hero__title-btn img{margin-left: 13px;margin-right: 0;}
html:lang(ar) .rotation{transform: rotate(180deg);display: inline-flex;}
html:lang(ar) .hero__title-btn .mute-video.active::after{left: 22px;}
html:lang(ar) .hero__slide .content{padding-left: 0;padding-right: 16px;}
html:lang(ar) .news__list .btn-arr{display: inherit;}
html:lang(ar) .two-block-tourism .two-block-tourism-left .flex .element-two-block p{font-size: 14px;}
html:lang(ar) .two-block-tourism .two-block-tourism-left .flex .element-two-block p{font-size: 14px;}
html:lang(ar) .block-sectorielle .lists-chiffres .list-chiffres span{font-size: 16px;}
html:lang(ar) .offre-valeur.switch .offre-valeur-right{padding-left: 48px;padding-right: 0;}
html:lang(ar) .dropdown-trigger.active+.dropdown-content ul{margin-right: 20px;margin-left: 0;}
html:lang(ar) .sect__head p {font-size: 20px;}
html:lang(ar) .step-items .step-item .step-item-right .step-item-right-content ul p{font-size: 15px;}
.ltr{direction: ltr;}
@media (max-width: 1900px){
    html:lang(ar) .nav__box {
        left: 130px;
        right: inherit;
    }
}
@media (max-width: 1599px){
    html:lang(ar) .nav__box {
        left: 20px;
        right: inherit;
    }
}

@media (max-width: 1380px){
    html:lang(ar) .active #block-mainnavigation .flex-nav ul > li:hover > .menu-level-2 {
        position: relative;
        left: 0 !important;
        background-color: #fff;
    }
}
@media (max-width: 1023px){
    html:lang(ar) .hero__right-expand{
        right: -30px;
    }
}


@media (max-width: 1000px){
    html:lang(ar) .search-block-form form{
        padding-left: 0;
    }
    html:lang(ar) .search-block-form .form-item{
        width: 45px;
    }
}

@media (max-width: 767px){
    html:lang(ar) .search-block-form {
        right: 0px; 
    }
    html:lang(ar) .header__logo img, html:lang(ar) .header__logo svg{
		margin-right: -20px;
	}
    html:lang(ar) .news-content__wrap .link{
        right: inherit;
        left: 20px;
    }
    html:lang(ar) .two-block-tourism.switch .two-block-tourism-left {
        padding-left: 0;
        padding-right: 0;
    }
    html:lang(ar) .offre-valeur.switch .offre-valeur-right {
        padding-right: 0;
        padding-left: 0;
    }
    html:lang(ar) .two-block-tourism .two-block-tourism-left {
        padding-left: 0;
        padding-right: inherit;
        padding-bottom: 30px;
    }
    html:lang(ar) .two-block-tourism.switch .two-block-tourism-left {
        padding-left: 0;
        padding-right: 0;
    }
    html:lang(ar) .offre-valeur.switch .offre-valeur-right {
        padding-right: 0;
        padding-left: 0;
    }
    html:lang(ar) .block-secteur-national .block-left {
        padding-left: 0;
        padding-right: 0;
    }
    html:lang(ar) .block-two .block-left {
        padding-left: 0;
        padding-right: inherit;
    }
    html:lang(ar) .two-block-tourism.switch .two-block-tourism-left {
        padding-left: 0;
        padding-right: 0;
    }
    html:lang(ar) .block-secteur-national .block-left {
        padding-left: 0px;
        padding-right: 0;
    }
    html:lang(ar) .offre-valeur .offre-valeur-right {
        padding-right: 0;
        padding-left: 0;
    }
    html:lang(ar) .two-block-tourism .two-block-tourism-left {
        padding-left: 0;
        padding-right: inherit;
    }
    html:lang(ar) .offre-valeur.switch .offre-valeur-right {
        padding-right: 0;
        padding-left: 0;
    }
    html:lang(ar) h2{
        font-size: 30px !important
    }
}