@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
:root {
    --themeht-typography-body-font-family: "Tajawal", sans-serif;;
    --themeht-typography-secondary-font-family: "Tajawal", sans-serif;;
}
body{
    direction: rtl;
    text-align: start;
}

.list-inline{
    padding-right: 0;
}

.themeht-btn span {
    padding: 14px 30px 14px 70px;
}
.themeht-btn:before{
    right: 0;
    left: auto;
}
.themeht-btn i{
    left: -1px;
    right: auto;
        margin-left: 0px;
            margin-right: 7px;
            padding-inline: 15px 30px;
            transform: rotateY(180deg);
}

.service-item .service-btn::before{
    left: auto;
    right: 0;
}
.service-item .service-btn i {
    float: left;
    margin: -10px 0 0 -21px;
    transform: rotateY(180deg);
    padding-inline: 22px calc(var(--r) + 22px) ;
}
    .text-lg-end {
        text-align: left !important;
    }
    .navbar-nav .nav-item.dropdown .dropdown-menu{
        right: 0;
        left: auto;
    }
     .navbar-nav .nav-item.dropdown .dropdown-menu li a{
        text-align: start;
     }
     .dropdown-toggle::after {
    margin-left: 0;
    margin-right: .255em;
     }
     .topbar-link i{
        float: inline-start;
     }

     .banner-slider h6 {
    padding: 6px 6px 6px 20px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.about-sec1-box .shape2 {
    right: auto;
    left: 0;
}
.round-text {
    right: -80px;
    left: auto;
    direction: ltr;
}
.about-sec1.img2 {
    right: auto;
    left: 0;
}
.about-sec1.img2:before {
    right: -10px;
}
.swiper .swiper-button-next {
    right: 10px;
}
.portfolio-desc span{
    right: 0;
    left: auto;
}
.portfolio-desc span:before{
    left: -10px;
    right: auto;
    transform: rotateY(180deg);
}

@keyframes marquee {
  to {
    transform: translateX(50%);
  }
}
.team-member .team-desc{
    right: 30px;
    left: auto;
}
.team-desc span:before{
     transform: rotateY(180deg);
        left: -10px;
    right: auto;
}
.team-member .team-social-icon{
    padding: 0;
}
.testimonial-left-sec .featured-item{
    right: 0;
    left: auto;
        border-right: 0px solid var(--themeht-white-color);
        border-left: 15px solid var(--themeht-white-color);
}
.list-unstyled{
    padding-right: 0;
}
.media-icon li i{
    right: 0;
    left: auto;
}
.footer-number i{
    right: auto;
    left: -25px;
}
.subscribe-form button{
    left: 5px;
    right: auto;
    transform: rotateY(180deg);
}
.social-icons.footer-social li {
    margin: 0 0px 0 20px;
}
.title-divider-separator:after{
    right: 0;
    left: auto;
}
.title-divider-separator:before{
    right: 0;
    left: auto;
}
.header-top .topbar-link li:last-child {
    padding-inline-start: 0;
}
.breadcrumb-item+.breadcrumb-item {
    padding-right: var(--bs-breadcrumb-item-padding-x);
    padding-left: 0;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: var(--bs-breadcrumb-item-padding-x);
}
.me-1, .mx-1 {
    margin-right: 0 !important;
    margin-left: .25rem !important;
}
.page-title::before{
    background: linear-gradient(270deg, #000000 42%, #00000080 50%, rgb(255 255 255 / 0%) 60%);
}
.contact-info i {
    right: 50%;
    left: auto;
}
.post-date{
    left: 50px;
    right: auto;
}
.post-date:before {

    right: -15px;
    left: auto;
    border-left: 0px solid transparent;
    border-right: 15px solid transparent;
}
.pagination {
    direction: ltr;
}
.widget-title::after{
    right: 0;
    left: auto;;
}
.widget-title::before{
    right: 0;
    left: auto;
}
.widget-searchbox .search-btn{
    left: 8px;
    right: auto;
}
.widget .widget-categories li:before{
    right: 0;
    left: auto;
}
.service-menu li a:after{
    left: 20px;
    right: auto;
    transform: rotateY(180deg);
}
.accordion .accordion-button{
    text-align: right;
}
.accordion .accordion-button:before, .accordion .accordion-button:after{
    left: 0;
    right: auto;
}
.ht-progress-bar .progress-parcent{
    left: -10px;
    right: auto;
}
.marquee-text span{
    line-height: 170%;
}
.justifycontentstartNew{
     justify-content: flex-start;
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1500px) {
    .banner-slider-two .banner-content {
        padding: 60px 100px 60px 0px;
    }
}