/** template rtl css **/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');


.rtl {
    direction: rtl;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4;
}

.rtl *:not(.fa) {
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}

.rtl .fc-icon {
    font-family: "fcicons" !important;
}

.ltr {
    direction: ltr;
}

.demo-rtl {
    /* position: fixed; */
    /* top: 300px; */
    /* left: 0; */
    /* z-index: 9999; */
}

button.rtl {
    /* background: rgba(0, 0, 0, 0.90); */
    display: block;
    /* text-indent: inherit; */
    /* font-size: 12px; */
    /* width: 50px; */
    /* height: 50px; */
    /* line-height: 50px; */
    /* text-align: center; */
    /* font-weight: 700; */
    /* margin: 0px; */
    /* color: #fff !important; */
}

.demo-ltr {
    /* position: fixed; */
    /* top: 300px; */
    /* left: auto; */
    /* right: 0; */
    /* z-index: 9999; */
}

button.ltr {
    /* background: rgba(0, 0, 0, 0.90); */
    display: block;
    /* text-indent: inherit; */
    /* font-size: 12px; */
    /* font-weight: 700; */
    /* width: 50px; */
    /* height: 50px; */
    /* line-height: 50px; */
    /* text-align: center; */
    /* margin: 0px; */
    /* color: #fff !important; */
}

.boxed_wrapper.ltr .demo-rtl {
    display: block;
}

.boxed_wrapper.ltr .demo-ltr {
    display: none;
}

.boxed_wrapper.rtl .demo-rtl {
    display: none;
}

.boxed_wrapper.rtl .demo-ltr {
    display: block;
}

.rtl .pull-left {
    float: right;
}

.rtl .pull-right {
    float: left;
}






.rtl .main-menu {
    float: right;
}

.rtl .main-menu .navigation>li {
    float: right;
}

.rtl .main-menu .navigation>li:first-child {
    margin-right: 0px;
}

.rtl .main-menu .navigation>li:last-child {
    /* margin-right: 40px; */
}

.rtl .main-menu .navigation>li>ul {
    left: auto;
    right: inherit;
}

.rtl .main-menu .navigation>li>ul>li>a {
    text-align: right;
}

.rtl .main-menu .navigation>li>ul>li>a:before {
    display: none;
}

.rtl .main-menu .navigation>li>ul>li>ul>li a:before {
    display: none;
}

.rtl .main-menu .navigation>li>ul>li.dropdown>a:after {
    display: none;
}

.rtl .main-menu .navigation>li>ul>li>ul {
    left: auto;
    right: 100%;
}

.rtl .main-menu .navigation>li>ul>li>ul>li>a {
    text-align: right;
}

.rtl .sticky-header .main-menu .navigation>li {
    float: right;
}


.rtl .main-menu .navigation>li>.megamenu li>a {
    text-align: right;
}

.rtl .main-menu .navigation>li>.megamenu li>a:hover {
    padding-left: 0;
}

.rtl .main-menu .navigation>li>.megamenu li:hover a:before {
    width: 0;
}





.rtl .mobile-menu {
    text-align: right;
}

.rtl .mobile-menu .nav-logo {
    text-align: right;
}

.rtl .mobile-menu .navigation li>a:before {
    left: inherit;
    right: 0px;
}

.rtl .mobile-menu .navigation li.dropdown .dropdown-btn {
    right: inherit;
    left: 6px;
    transform: rotate(90deg);
}

.rtl .mobile-menu .navigation li.dropdown .dropdown-btn.open {
    transform: rotate(0deg);
}





.rtl.scroll-top {
    left: 20px;
    right: auto;
}

.rtl .switcher .switch_btn {
    top: 0px;
    right: 0px;
}

.rtl .switcher .switch_menu {
    left: -240px;
}


.rtl .header-contact-info ul li {
    float: right;
    padding-left: 31px;
    padding-right: 45px;
    margin-right: 0px;
    text-align: right;
    margin-left: 25px;
}

.rtl .header-contact-info ul li:last-child {
    padding-right: 45px;
    margin-left: 0;
    padding-left: 0;
}

.rtl .header-contact-info ul li .icon {
    left: auto;
    right: 0;
}

.rtl .header-contact-info ul li:before {
    right: auto;
    left: 0;
}

.rtl .header-contact-info ul li .text {
    padding-left: 0px;
    padding-right: 20px;
}


.rtl .banner-carousel {
    direction: ltr;
    text-align: right;
}

.rtl .main-slider .content .big-title {
    padding-left: 0px;
}

.rtl .main-slider .content .big-title:before {
    left: auto;
    right: 0;
}


.rtl .three-item-carousel {
    direction: ltr;
    text-align: right;
}

.rtl .four-item-carousel {
    direction: ltr;
    text-align: right;
}

.rtl .five-item-carousel {
    direction: ltr;
    text-align: right;
}



.rtl .about-style1-content-box {
    text-align: right;
}

.rtl .about-style1-content-box .inner-content ul li span {
    display: none;
}

.rtl .about-style1-content-box .inner-content .bottom-box .title {
    padding-left: 0px;
    padding-right: 20px;
}


.rtl .custom-content-box {
    padding-right: 0px;
    text-align: right;
}

.rtl .custom-tab .tab-button-column .tab-buttons li {
    float: right;
    margin-right: 0px;
    margin-left: 10px;
}

.rtl .custom-tab .tab-button-column .tab-buttons li:last-child {
    margin-left: 0px;
}

.rtl .design-single-block {
    padding-left: 0px;
    padding-right: 100px;
}

.rtl .design-single-block .icon {
    left: auto;
    right: 0;
}

.rtl .design-single-block .text {
    text-align: right;
}


.rtl .booking-content-box .text {
    text-align: right;
}

.rtl .booking-number-box .title {
    text-align: right;
}

.rtl .booking-number-box .icon {
    text-align: right;
}


.rtl .testimonial-style2-image-box img {
    float: right;
}

.rtl .testimonial-style1-content {
    padding-right: 0px;
    padding-left: 60px;
    text-align: right;
}

.rtl .single-testimonial-style1 .client-info {
    flex-direction: row;
}

.rtl .single-testimonial-style1 .client-info .title-box {
    padding-left: 0px;
    padding-right: 20px;
    text-align: right;
}

.rtl .testimonial-style2-image-box .bg-box {
    left: auto;
    right: 0;
}

.rtl .testimonial-style2-image-box .bg-box:before {
    left: auto;
    transform: translateY(-50%) rotate(-90deg);
    right: -25px;
}

.rtl .testimonial-style2-image-box .title-box {
    left: auto;
    right: -108px;
}


.rtl .single-blog-style1 {
    text-align: right;
}

.rtl .single-blog-style1 .text-holder .meta-info li {
    float: right;
    margin-right: 0;
    margin-left: 20px;
}

.rtl .single-blog-style1 .text-holder .meta-info li:last-child {
    margin-left: 0px;
}

.rtl .single-blog-style1 .text-holder .meta-info li span:before {
    position: relative;
    top: 1px;
    padding-right: 0px;
    padding-left: 6px;
    float: right;
}


.rtl .discover-content-box {
    text-align: right;
}

.rtl .discover-image-box .image2 {
    right: auto;
    left: 0;
}


.rtl .single-footer-widget {
    text-align: right;
}

.rtl .single-footer-widget .footer-contact-info ul li .title {
    padding-left: 0px;
    padding-right: 10px;
}

.rtl .single-footer-widget.marleft40 {
    margin-left: 0px;
    margin-right: 40px;
}

.rtl .subscribe-form input[type="email"] {
    padding: 0 39px;
    padding-left: 80px;
}

.rtl .subscribe-form button {
    right: auto;
    left: 0;
}


.rtl .subscribe-box .header-social-link {
    float: right;
}




/*** 
  =============================================
      Index Two Css
  =============================================
  ***/
.rtl .project-carousel {
    direction: ltr;
    text-align: right;
}


.rtl .header-left-style2 .logo {
    float: right;
}

.rtl .phone-number-box {
    float: right;
    margin-left: 0;
    margin-right: -35px;
}

.rtl .phone-number-box .title {
    padding-left: 0px;
    padding-right: 10px;
    text-align: right;
}


.rtl .welcome-style1-content-box {
    text-align: right;
}

.rtl .welcome-style1-image-box .shape {
    left: auto;
    bottom: -40px;
    right: -50px;
}


.rtl .featured-style2-content {
    text-align: right;
}


.rtl .choose-style1-content-box {
    padding-left: 0px;
    padding-right: 50px;
    text-align: right;
}

.rtl .choose-style1-content-box .inner-content ul li h3 i {
    display: none;
}

.rtl .choose-style1-image-box .overlay-content {
    text-align: right;
}


.rtl .project-carousel.owl-carousel .owl-stage-outer {
    margin-left: -760px;
    margin-right: auto;
}

.rtl .project-style2-content-box {
    padding-top: 120px;
}

.rtl .project-style2-title-box {
    padding-top: 70px;
    padding-right: 0px;
    text-align: right;
}

.rtl .project-complected-box {
    left: 0;
    right: auto;
    padding-left: 0px;
    padding-right: 110px;
    padding-top: 0;
    bottom: 0;
    text-align: right;
    margin-top: 5px;
}

.rtl .project-complected-box .icon {
    padding: 0 0 5px;
    left: auto;
    right: 0;
    border-right: 0px solid #ebe5db;
    border-left: 1px solid #ebe5db;
}

.rtl .project-complected-box .title {
    padding-left: 0px;
    padding-right: 50px;
}

.rtl .project-carousel.owl-carousel.owl-dot-style1 .owl-dots {
    left: auto;
    right: -385px;
}

.rtl .contact-form form .button-box button {
    float: right;
}






.rtl .breadcrumb-area {
    text-align: right;
}

.rtl .breadcrumb-menu ul li {
    float: right;
    margin-right: 0px;
    padding-right: 0;
    margin-left: 10px;
    padding-left: 15px;
}

.rtl .breadcrumb-menu ul li:after {
    left: 0;
    right: inherit;
}


.rtl .about-style2-content-box {
    padding-left: 0px;
    padding-right: 50px;
    text-align: right;
}

.rtl .about-style2-content-box .bottom-text .single-box h3 span {
    /* display: none; */
    padding-right: 0;
    padding-left: 10px;
}

.rtl .about-style2-image-box .main-image .icon-box {
    left: inherit;
    right: -115px;
}


.rtl .faq-search-box .search-form button {
    left: 0;
    right: inherit;
}

.rtl .faq-search-box .search-form input[type="search"] {
    padding-left: 65px;
    padding-right: 20px;
}

.rtl .faq-right-content-box {
    text-align: right;
}

.rtl .faq-left-content-box {
    text-align: right;
}

.rtl .accordion-box .accordion .accord-btn {
    padding-left: 20px;
    padding-right: 30px;
}

.rtl .accordion-box .accordion .accord-content {
    padding-left: 20px;
    padding-right: 70px;
}

.rtl .header-social-link ul li {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.rtl .header-social-link ul li:last-child {
    margin-left: 0;
}


.rtl .service-details-area {
    text-align: right;
}

.rtl .sidebar-categories-box li a:before {
    left: 20px;
    right: inherit;
    transform: perspective(400px) scaleX(0) rotateY(180deg);
}

.rtl .sidebar-categories-box li a:hover:before,
.rtl .sidebar-categories-box li.active a:before {
    opacity: 1;
    transform: perspective(400px) scaleX(1.0) rotateY(180deg);
}

.rtl .service-details-text-2 .text-box ul li span {
    display: none;
}


.rtl .project-details-area {
    text-align: right;
}

.rtl .project-detail-main-image .project-info ul li ul {
    padding-left: 0px;
    padding-right: 60px;
}

.rtl .project-detail-text-2 .text-box {
    margin-right: 0px;
}

.rtl .video-holder-box {
    margin-left: 0px;
}

.rtl .project-detail-text-2 .text-box ul li span {
    display: none;
}


.rtl .sidebar-wrapper {
    float: left;
    text-align: right;
}

.rtl .sidebar-search-box .search-form button {
    left: 0;
    right: inherit;
}

.rtl .sidebar-search-box .search-form input[type="text"] {
    padding-left: 70px;
    padding-right: 29px;
}

.rtl .single-sidebar .recent-posts li .inner {
    padding-left: 0px;
    padding-right: 80px;
}

.rtl .single-sidebar .recent-posts li .img-box {
    left: inherit;
    right: 0;
}

.rtl .single-sidebar .recent-posts li .title-box {
    padding-left: 0;
    padding-right: 25px;
}

.rtl .single-sidebar .popular-tag li {
    float: right;
}


.rtl .styled-pagination li {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.rtl .styled-pagination li:last-child {
    margin-left: 0;
}

.rtl .styled-pagination li.prev a i {
    transform: rotate(90deg);
}

.rtl .styled-pagination li.next a i {
    transform: rotate(-90deg);
}



.rtl .tag-box .tag-list {
    padding-right: 10px;
}

.rtl .blog-details-author .inner-box {
    text-align: right;
}

.rtl .blog-details-author .inner-box .text {
    padding-left: 0px;
    padding-right: 50px;
}


.rtl .comment-box {
    text-align: right;
}

.rtl .comment-box .single-comment {
    text-align: right;
}

.rtl .comment-box .single-comment-box {
    padding-left: 0;
    padding-right: 165px;
}

.rtl .comment-box .single-comment-box .img-holder {
    left: inherit;
    right: 0;
}

.rtl .comment-box .single-comment-box .text-holder {
    padding-left: 0px;
    padding-right: 40px;
}

.rtl .add-comment-box {
    text-align: right;
}

.rtl .add-comment-box #add-comment-form .button-box button {
    float: right;
}












/*** 
  =============================================
      RTL Page Responsive Css
  =============================================
  ***/

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .rtl .project-style2-content-box {
        padding-top: 0px;
    }

    .rtl .project-complected-box {
        right: 0px;
    }


    .rtl .about-style2-content-box {
        padding-left: 0px;
        padding-right: 0px;
    }

    .rtl .about-style2-image-box .main-image .icon-box {
        top: 20px;
        right: 20px;
    }


    .rtl .project-detail-main-image .project-info ul li ul {
        padding-left: 0px;
        padding-right: 0px;
    }





}





@media only screen and (max-width: 991px) and (min-width: 768px) {

    .rtl .header-top-left {
        float: none;
        text-align: center;
    }


    .rtl .header-middle-style2 .nav-outer {
        float: left;
    }

    .rtl .header-style2 .auto-container-box {
        padding-left: 20px;
        padding-right: 0px;
    }


    .rtl .project-style2-content-box {
        padding-top: 45px;
    }

    .rtl .project-complected-box {
        right: 0px;
    }


    .rtl .about-style2-content-box {
        padding-left: 0px;
        padding-right: 0px;
    }

    .rtl .about-style2-image-box .main-image .icon-box {
        top: 20px;
        right: 20px;
    }


    .rtl .project-detail-main-image .project-info ul li ul {
        padding-left: 0px;
        padding-right: 0px;
    }


    .rtl .sidebar-wrapper {
        float: right;
    }











}

@media only screen and (max-width: 1199px) {
    .rtl .project-carousel.owl-carousel .owl-stage-outer {
        margin-left: auto;
        margin-right: auto;
    }

    .rtl .project-style2-title-box {
        padding-top: 50px;
    }
}


@media only screen and (max-width: 767px) {

    .rtl .header-top-left {
        float: none;
        text-align: center;
    }

    .rtl .booking-content-box .text {
        text-align: center;
        width: 100%;
    }


    .rtl .header-middle-style2 .nav-outer {
        float: left;
    }

    .rtl .header-style2 .auto-container-box {
        padding-left: 20px;
        padding-right: 0px;
    }


    .rtl .project-style2-content-box {
        padding-top: 40px;
    }

    .rtl .project-complected-box {
        right: 0px;
    }

    .rtl .project-complected-box .title {
        padding-left: 0px;
        padding-right: 10px;
    }


    .rtl .about-style2-content-box {
        padding-left: 0px;
        padding-right: 0px;
    }

    .rtl .about-style2-image-box .main-image .icon-box {
        top: 20px;
        right: 20px;
    }


    .rtl .project-detail-main-image .project-info ul li ul {
        padding-left: 0px;
        padding-right: 0px;
    }


    .rtl .sidebar-wrapper {
        float: right;
    }


    .rtl .comment-box .single-comment-box {
        padding-left: 0;
        padding-right: 0;
    }

    .rtl .comment-box .single-comment-box .text-holder {
        padding-left: 0px;
        padding-right: 0px;
    }

    .rtl .blog-details-author .inner-box .text {
        padding-left: 0px;
        padding-right: 0px;
    }









}



.rtl .shape3 {
    left: -310px;
    right: auto !important;
    transform: scaleX(1) !important;
}

.rtl .shape33 {
    right: auto !important;
    left: -76px;
}

.rtl .icon-box.thm-bgclr.paroller-2 {
    text-align: right;
}


.rtl .about-style1-image-box .shape2 {
    display: none;
}

.rtl .about-style1-image-box {
    padding-left: 0;
    padding-right: 3em;
}

@import url(https://db.onlinewebfonts.com/c/02f502e5eefeb353e5f83fc5045348dc?family=GE+SS+Two+Light);


.rtl .nav-tools ul li {
    border-right: none !important;
    border-left: 1px solid #ddd;
    padding-right: 0 !important;
    padding-left: 12px;
}

.rtl .nav-tools ul li:last-child {
    border-left: none !important;
    padding-left: 0 !important;
}

.rtl .news-bar {
    /* padding-left: 0 !important; */
    direction: rtl;
    /* padding-right: 23em; */
}

.rtl .news-badge {
    border-left: none !important;
    border-right: 4px solid #AE8340;
}

.rtl .main-slider.style1 .content {
    background: linear-gradient(270deg, rgba(19, 20, 39, 0.70) 0%, rgba(0, 0, 0, 0.00) 90.53%);
}

.rtl .single-blog-style1 .text-holder {
    margin-left: 30px;
    margin-right: 0 !important;
}

.rtl .single-blog-style1 .img-holder .date-box {
    left: 30px;
    right: auto;
}

.rtl .breadcrumb-area .title h2 {
    font-size: 36px;
}

.rtl .single-featured-style2 h3 {
    text-align: right;
}

.rtl .single-featured-style2 p {
    text-align: right;
}


.rtl .featured-style2-area .sec-title {
    text-align: right;
}


.rtl .project-style2-title-box:before {
    right: -100000px;
    left: -300px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.rtl .project-style2-title-box .sec-title {
    padding-bottom: 20px;
}

@media only screen and (max-width: 540px) {
    .rtl .about-style1-image-box {
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
    }
    .rtl .choose-style1-content-box {
        padding-right: 0;
    }
}


.rtl .main-menu .navigation > li > ul > li.dropdown > a::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    font-family: FontAwesome;
    content: "";
    font-size: 14px;
    font-weight: 700;
    margin: 12px 0px;
    text-align: right;
    z-index: 5;
}

.rtl {
    text-align: right;
}

.rtl .fc-icon {
    font-family: "fcicons" !important;
}

.fc-icon {
    font-family: "fcicons" !important;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
}

.rtl .choose-style1-image-box:before {
    right: 230px !important;
    left: -10000px !important;
    bottom: -1000px;
} 


.rtl .accordion-box .accordion .accord-btn::after {
    right: auto;
    left: 25px;
}

.rtl .counter-div {
    right: auto;
    left: 70px;
}

/* .rtl .navigation > li.dropdown ul li.dropdown a::before {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    font-family: FontAwesome !important;
    content: "";
    font-size: 14px;
    font-weight: 700;
    margin: 12px 0px;
    text-align: right;
    z-index: 5;
} */

.rtl span#closeModal {
    left: 0;
    right: auto;
}

.rtl .dropdown-arrow {
    right: auto;
    left: 0;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}


.rtl .search-modal {
    left: 160px;
    right: auto;
}

@media screen and (max-width: 991px) {
    .rtl .search-modal {
        right: 160px;
        left: auto;
    }
}

@media screen and (max-width: 420px) {
    .rtl .search-modal-content {
        width: 230px;
    }

    .rtl .search-modal-content input {
        width: 175px;
    }
    .rtl .search-modal {
        right: 103px;
    }
}