@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
div, section, p, pre, ul, ol, li, span, h1,h2,h3,h4,h5,h6, strong, nav, header, footer, a, .form-group input, .form-group textarea, button  {
  font-family: 'Tajawal', sans-serif !important;
}

.owl-carousel .owl-nav span,
.about-section .content-box .list-item li:before,
.consultation-block-one .inner-box .link a span:before,
.service-block-one .inner-box .link a span:before,
.growth-block-one .inner-box .link-box a:before,
.growth-block-one .inner-box .link-box a span:before,
.news-block-one .inner-box .link a span:before,
.testimonial-section .content-box .link a span:before,
.main-footer .links-widget .links-list li a:before,
.main-footer .post-widget .link-box a span:before,
.chooseus-block-two .inner-box .link a span:before,
.working-block-two .inner-box .lower-box a span:before,
.footer-style-two .contact-widget h5 a:before,
.chooseus-block-three .inner-box h3:before,
.news-block-two .inner-box .content-box .link a span:before,
.footer-style-three .logo-widget h5 a:before,
.footer-style-three .links-widget .links-list li a:before,
.footer-style-three .gallery-widget h5 a:before,
.header-style-four .main-menu .navigation > li > a:after,
.about-style-four .image-box .image-content a:before,
.service-block-three .inner-box .lower-content .link a span:before,
.news-style-four .sec-title .more-link a:before,
.news-block-three .inner-box .link-box a span:before,
.footer-style-four .logo-widget .inner-box a:before,
.footer-style-four .links-widget .links-list li a:before,
.page-title .bread-crumb li:before,
.news-block-four .inner-box .link a span:before,
.blog-details-content .author-box h5 a:before,
.faq-sidebar .form-inner .form-group .select-box:before,
.info-block-one .inner-box .link a span:before
{
    font-family: 'flaticon' !important;
}

body {
    direction: rtl;
}


.page_direction {
  display: none;
}

.rtl {
  direction: rtl;
}

.ltr {
  direction: ltr;
}

.ltr-text {
    direction: ltr;
    display: inline-block;
}

.main-menu .navigation > li {
    margin: 0 4px;
    float: right;
}

.main-menu .navigation > li:first-child {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.main-menu .navigation > li > a {
    font-size: 16px;
}

nav.main-menu {
    transform: translateX(-25px);
}

.header-upper .right-column .theme-btn {
    padding: 8px 25px 4px;
    font-size: 14px;
}



.main-menu .navigation > li > a:before {
    font-size: 14px;
    right: -18px;
    left: auto;
    transform: rotateY(180deg);
}

.header-upper .right-column .support-box .icon-box {
    left: auto;
    right: 0;
}

.header-upper .right-column .support-box {
    padding-left: 0;
    padding-right: 60px;
    margin-right: 50px;
    margin-left: 0px;
}

.header-upper .right-column .support-box h5 a {
    text-align: right;
    font-size: 16px;
    line-height: 1.2;
}

.header-upper .right-column .support-box .icon-box {
    line-height: 59px;
    transform: translateY(-6px);
}

@media (min-width: 1201px)
{
    .header-lower {
        display: none;
    }
}


.main-menu .navigation > li > ul, .main-menu .navigation > li > .megamenu {
    left: auto;
    right: inherit;
}

.main-menu .navigation > li > ul:before, .main-menu .navigation > li > .megamenu:before {
    left: auto;
    right: 0;
}

.main-menu .navigation > li > ul > li > a, .main-menu .navigation > li > .megamenu li > a {
    text-align: right;
}

.main-menu .navigation > li > ul > li > a:before {
    transform: rotate(180deg);
    left: auto;
    right: -15px;
    top: 16px;
}

.banner-carousel .content-box .lower-box .icon-box {
    left: auto;
    top: -40px;
    right: 15px;
}

.banner-carousel .content-box .lower-box {
    padding-left: 0;
    padding-right: 0;
}

.banner-carousel .content-box .lower-box .icon-box {
    border-radius: 50% 50% 50% 0;
    line-height: 115px;
}

.banner-carousel .content-box .lower-box .text {
    color: #FFF;
}

.header-upper .logo-box {
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
}

.header-upper .logo-box:before {
    right: auto;
    left: -31px;
}

.header-upper .right-column .support-box:before {
    right: auto;
    left: -21px;
}

.header-upper .right-column .phone {
    margin-right: 40px;
    margin-left: 40px;
}

.main-menu .navigation > li > a {
    padding-left: 0;
    padding-right: 0;
    margin: 0 15px;
}

.header-upper {
    width: 100%;
}

.header-upper .right-column {
    position: unset;
}

.banner-carousel .content-box h2 {
    font-size: 60px;
    line-height: 65px;
}

.sec-title .sub-title:before {
    clip-path: polygon(100% 0%, 0% 0%, 100% 100%, 100% 100%, 100% 0%);
    left: auto;
    right: 0;
}

.about-section .content-box .list-item li {
    padding-left: 0;
    padding-right: 52px;
}

.about-section .content-box .list-item li:before {
    left: auto;
    right: 10px;
    transform: rotate(180deg);
}

.about-section .content-box .list-item li:after {
    left: auto;
    right: 0;
}


.header-upper .btn-box {
    position: absolute;
    left: 0;
}

.video-section .btn-box {
    position: absolute;
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

.funfact-block-one .inner-box {
    padding: 40px 150px 32px 30px;
}

.funfact-block-one .inner-box .count-outer:before {
    left: auto;
    right: 0;
}

.funfact-block-one .inner-box .light-icon {
    right: auto;
    left: 25px;
    bottom: 5px;
    transform: rotate(270deg);
}

.funfact-block-one .inner-box .icon-box {
    left: auto;
    right: 50px;
    border-radius: 50% 50% 50% 0;
}

.video-section .pattern-layer {
    right: auto;
    left: 50px;
    transform: rotate(270deg);
}

.consultation-block-one .inner-box {
    padding: 33px 100px 33px 30px;
}

.consultation-block-one .inner-box .icon-box {
    left: auto;
    right: 0;
    border-radius: 50% 50% 50% 0;
    line-height: 95px;
}

.consultation-block-one .inner-box .link a span:before {
    right: auto;
    left: 0;
    transform: rotate(180deg);
}

.consultation-block-one .inner-box .link a span {
    padding-left: 23px;
    padding-right: 0;
    top: -6px;
}

.service-block-one .inner-box .link a span:before {
    top: -7px;
}

.service-block-one .inner-box .link a span:after {
    top: 7px;
}

.service-block-one .inner-box .link a:before {
    top: 11px;
}

.growth-section .growth-inner .content-box .image-box {
    right: auto;
    left: 0;
}

.growth-section .growth-inner .progress-box {
    right: auto;
    left: 20px;
}

.growth-section .growth-inner .progress-box .count-text {
    right: auto;
    left: 0;
}

@media (min-width: 992px) {
    .growth-section .growth-inner .content-box .text-box p {
        max-width: 55%;
    }

    .growth-inner .sec-title h2 {
        font-size: 41px;
        line-height: 52px;
        max-width: 80%;
    }
}

.growth-block-one .inner-box .icon-box {
    position: absolute;
    left: 30px;
    bottom: 5px;
}

.growth-block-one .inner-box {
    padding: 54px 35px;
    margin: 10px 0;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 30px !important;
}

.left-column .chooseus-block-one .inner-box .icon-box {
    right: auto;
    left: -36px;
    border-radius: 30px 0px 30px 0px;
}

.left-column .chooseus-block-one .inner-box {
    margin-right: 0;
    margin-left: 35px;
    border-radius: 30px 0px 0px 30px;
}

.left-column .chooseus-block-one .inner-box .icon-box:before {
    left: auto;
    right: -20px;
    border-top-left-radius: 0;
    border-top-right-radius: 15px;
}

.left-column .chooseus-block-one:nth-child(2) {
    left: 50px;
    right: auto;
}

.right-column .chooseus-block-one:nth-child(2) {
    left: auto;
    right: 50px;
}

.working-block-one .inner-box .image-box .icon-box {
    left: auto;
    right: -80px;
    border-radius: 50% 50% 50% 0;
    line-height: 130px;
}

.working-block-one .inner-box .image-box .image {
    border-radius: 30px 30px 30px 0;
}

.working-block-one .inner-box .lower-content {
    text-align: right;
    padding-left: 0;
    padding-right: 85px;
}

.testimonial-block-one .thumb-box {
    left: auto;
    right: 0;
}

.testimonial-block-one .inner-box {
    padding: 44px 90px 42px 41px;
    border-radius: 30px 30px 30px 0;
}

.testimonial-block-one .inner-box .icon-box {
    left: auto;
    right: 0;
    border-radius: 50% 50% 0 50%;
}

.testimonial-block-one .inner-box .icon-box:before {
    left: auto;
    right: 0;
    border-radius: 50% 0 50% 50%;
}

.testimonial-section .bx-controls.bx-has-controls-direction {
    left: auto;
    right: 17%;
}

.testimonial-block-one {
    padding-left: 0;
    padding-right: 100px;
}

.testimonial-block-one .thumb-box img {
    border-top-left-radius: 30px;
}

.testimonial-section .content-box .inner-box .single-item {
    padding-right: 68px;
    margin-left: 50px;
}

.testimonial-section .content-box .inner-box .single-item .icon-box {
    right: 0px;
    left: auto;
}

.testimonial-section .content-box .link a span {
    padding-right: 0;
    padding-left: 22px;
}

.testimonial-section .content-box .link a span:before {
    right: auto;
    left: 0;
    transform: rotate(180deg);
    top: -6px;
}

.faq-section .image-box {
    margin-right: 0;
    margin-left: 70px;
}

.faq-section .image-box .btn-box {
    right: auto;
    left: -30px;
}

.faq-section:before {
    left: auto;
    right: 0;
}

.faq-section .big-text {
    left: auto;
    right: 125px;
}

.theme-btn:before {
    right: auto;
    left: 0;
}

.accordion-box {
    border-radius: 30px 30px 30px 0;
}

.accordion .acc-btn {
    padding: 15px 20px 14px 70px;
}

.accordion .acc-btn .icon-box {
    right: auto;
    left: 10px;
}

.accordion .acc-btn.active .icon-box i {
    bottom: 2px;
}

.accordion .acc-btn .icon-box {
    border-radius: 50% 50% 50% 0;
}

.accordion {
    border-radius: 30px 30px 30px 0;
}

.faq-section .image-box .image img {
    border-radius: 300px 300px 300px 0;
}

.faq-section .image-box .image {
    border-radius: 300px 300px 300px 0;
}

.pricing-block-one .pricing-table .icon-box {
    right: auto;
    left: 40px;
    border-radius: 50% 50% 50% 0;
    line-height: 80px;
}

.pricing-block-one .pricing-table .feature-list li {
    padding: 12px 22px 16px 0;;
}

.pricing-block-one .pricing-table .feature-list li:before {
    left: auto;
    right: 0px;
}

.pricing-block-one .pricing-table .table-content h2 .symble {
    left: auto;
    right: 0;
}

.pricing-block-one .pricing-table .table-content h2 .fraction {
    left: auto;
    right: 80px;
}

.pricing-block-one .pricing-table .table-content h2 .text {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    font-size: 32px;
}

.appointment-section .image-layer {
    right: auto;
    left: 0px;
}

.appointment-section .form-inner {
    border-radius: 30px 30px 30px 0;
}

.nice-select .option {
    padding-left: 29px;
    padding-right: 18px;
    text-align: right;
}

.nice-select {
    float: right;
    text-align: right !important;
}

.appointment-section .inner-box {
    padding-right: 40px;
    padding-left: 0;
}

.appointment-section .inner-box .shape {
    right: auto;
    left: 0px;
}

.appointment-section .inner-box .social-links li {
    margin-right: 0;
    margin-left: 35px;
}

.appointment-section .inner-box .social-links li:before {
    right: auto;
    left: -19px;
}

.footer-style-two .logo-widget {
    margin-right: -253px;
    margin-top: -253px;
}

.footer-style-two .logo-widget .widget-content {
    text-align: center;
    border-radius: 30px 30px 30px 0px;
}

.footer-style-two .logo-widget .widget-content:before {
    left: auto;
    right: 0;
}

.footer-style-two .contact-widget h5 a {
    padding-right: 16px;
    padding-left: 0;
}

.footer-style-two .contact-widget h5 a:before {
    left: auto;
    right: -5px;
    top: 0;
    transform: rotate(180deg);
}

.footer-nav li {
    margin-right: 0;
    margin-left: 32px;
}

.footer-nav li:before {
    right: auto;
    left: -17px;
}

.footer-style-two .logo-widget .footer-logo img {
    width: 100px;
}

.footer-style-two .logo-widget .widget-content {
    padding: 82px 30px 80px 30px;
}

.header-upper .outer-container {
    
}

.fas, .fa-classic, .fa-solid, .far, .fa-regular {
    font-family: 'Font Awesome 6 Free' !important;
}

.fab, .fa-brands {
    font-family: 'Font Awesome 6 Brands' !important;
}

.mobile-menu-visible .mobile-menu .menu-box {
    text-align: center;
}

.mobile-menu .contact-info {
    position: relative;
    padding: 45px 30px 20px 30px;
}

.mobile-menu .close-btn {
    right: auto;
    left: 25px;
}

@media (max-width: 992px)
{
  

  .right-column .chooseus-block-one:nth-child(2) {
    left: auto;
    right: auto;
  }

  .testimonial-block-one {
    padding: 0 !important;
  }

  .testimonial-block-one .thumb-box {
    right: 50%;
    transform: translateX(50%);
  }

  .accordion .acc-content {
    padding: 23px 22px 23px 30px;
  }
  
}

.preloader-close {
    line-height: 45px;
    font-weight: 600;
}

.page-title .bread-crumb li {
    float: right;
    padding-right: 0;
    margin-right: 0;
    padding-left: 24px;
    margin-left: 6px;
}

.page-title .bread-crumb li:before {
    right: auto;
    left: 0;
    transform: rotate(180deg) translateY(2px);
}

.blog-details-content .content-one .author-post .post-info li {
    float: right;
}

.blog-details-content .post-tags .tags-list li {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.blog-details-content .post-tags .tags-list li h5 {
    padding-left: 0;
    padding-right: 22px;
}

.blog-details-content .post-tags .tags-list li h5 img {
    left: auto;
    right: 0;
}

.blog-sidebar .category-widget .category-list li a {
    margin-right: 0;
    padding-left: 0;
    margin-left: 6px;
    padding-right: 25px;
}

.blog-sidebar .category-widget .category-list li a:before {
    left: auto;
    right: 0;
    transform: rotate(180deg) translateY(4px);
}

.blog-sidebar .category-widget .category-list li span {
    margin-left: 0;
    margin-right: 14px;
}

.blog-sidebar .post-widget .post {
    padding-left: 0;
    padding-right: 90px;
}

.blog-sidebar .post-widget .post .post-thumb {
    left: auto;
    right: 0;
}

.blog-sidebar .post-widget .post h6 {
    border-radius: 20px 20px 20px 0px;
}

.blog-sidebar .post-widget .post h4 {
    font-size: 18px;
    line-height: 23px;
}

.blog-sidebar .tags-widget .tags-list li {
    float: right;
}

.service-sidebar .category-widget .category-list li a {
    padding-right: 0;
    padding-left: 60px;
}

.service-sidebar .category-widget .category-list li a span {
    border-radius: 20px 20px 20px 0px;
    font-size: 13px;
}

.service-sidebar .category-widget .category-list li a i {
    right: auto;
    left: 0;
    transform: rotate(180deg);
    border-top-right-radius: 0;
    border-radius: 0px 20px 20px 0px;
}

.service-sidebar .download-widget .download-list li {
    width: 100%;
    margin: 0;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.service-sidebar .download-widget .download-list li h5 {
    transform: translateY(3px);
}

.service-sidebar .download-widget .download-list li i {
    transform: translateY(3px);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.service-sidebar .download-widget .download-list a:hover li {
    background-color: #74b178;
}

.service-sidebar .download-widget .download-list a:hover h5, 
.service-sidebar .download-widget .download-list a:hover i {
    color: #FFF;
}

.info-block-one .inner-box .upper-box .light-icon {
    right: auto;
    left: 30px;
}

.service-details-content .content-four .tab-btns .tab-btn:before {
    right: auto;
    left: 0;
}