@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
:root {
    /**
    @font family declaration
    */
    --bd-ff-inter: "Tajawal", serif;
    --bd-ff-dm-sans: "Tajawal", serif;
    --bd-ff-kanit-sans: "Tajawal", serif;
    --bd-ff-jakarta-sans: "Tajawal", serif;
    --bd-ff-epilogue-sans: "Tajawal", serif;
    --bd-ff-outfit-sans: "Tajawal", serif;
    --bd-ff-bebas-sans: "Tajawal", serif;
    --bd-ff-fontawesome: "Font Awesome 6 Pro";
    --bd-ff-icomoon: "icomoon";
}
body{
    direction: rtl;
    text-align: start;
}
.single-img:first-child {
    margin-right: 0;
}

.about-btn a span {
    margin-left: 0px;
    margin-right: 8px;
}
.fa-arrow-right{
    transform: rotateY(180deg);
}
.sub-title-three{
    padding-left: 0;
    padding-right: 20px;
}
.sub-title-three::before{
    left: auto;
    right: 0;
}
.service-single-item{
    direction: ltr;
  
}
.service-item-left{
    direction: rtl;
    margin-right: 0;
    margin-left: auto;
}
.service-single-item:hover .service-arrow-btn {
    opacity: 1;
    visibility: visible;
    margin-left: 0px;
    margin-right: -40px;
}
.service-single-item:hover .service-arrow-btn i {
    transform: rotate(45deg);
}
.theme-btn .icon-box i {
    transform: rotate(-135deg);
}
.theme-btn .icon-box.icon-box-2{
    margin-left: 0px;
    margin-right: -17px;
}
.theme-btn .icon-box.icon-box-1 {
    margin-right: 0;
    margin-left: -50px;
}
.theme-btn:hover .icon-box.icon-box-1{
    margin-left: -17px;
}
.team-member-single-inner .team-hover-img{
    left: 0;
    right: auto;
}
.read-post{
    padding-right: 12px;
    padding-left: 0;
}
.read-post::before{
    right: 0;
    left: auto;
}
.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span{
    text-align: right;
}
.offcanvas-left .mean-container .mean-nav ul li a.mean-expand{
    left: 0;
    right: auto;
}



.offcanvas-search-input input{
    padding-right: 15px;
    padding-left: 55px;
}

.offcanvas-search-input .offcanvas-input-btn{
    right: auto;
    left: 25px;
}
.mean-container .mean-nav ul li li a::before{
    left: auto;
    right: 7px;
}

.progress-item{
    direction: ltr;
}

.identity-thumb .identity-counter-wrapper{
    right: 0;
    left: auto;
}
.fa-arrow-right-long, .fa-arrow-left-long, .fa-angle-left, .fa-angle-right{
    transform: rotateY(180deg);
}
.digital-single-service:hover .service-arrow-btn i {
    transform: rotate(-135deg);
}

.blog-item .blog-content-wrap{
    left: 0;
    right: auto;
}
.reply-btn{
    float: left;
}
.customer-list ul li:first-child {
    margin-left: 0;
    margin-right: 0;
}
.customer-list ul li {
    margin-left: 0;
    margin-right: -15px;
}
.featured-img .featured-date{
    left: -30px;
    right: auto;
}
.reviewer-img ul li:first-child {
    margin-left: 0;
    margin-right: 0;
}
.reviewer-img ul li {
    margin-left: 0;
    margin-right: -15px;
}
.service-list li {
    padding-left: 0px;
    padding-right: 20px;
}
.service-list li::before{
    left: auto;
    right: -3px;
}
.service-business-list li {
    padding-left: 0px;
    padding-right: 20px;
}
.service-business-list li::before {
    left: auto;
    right: -3px;
}


.single-img{
    margin-left: 0;
    margin-right: -70px;
}

.SectionCareers .footer-three-right{
    padding-left: 100px;
        padding-right: 0;
}

.agency-expert-title::before{
    right: 0;
    left: auto;
}

@media only screen and (min-width: 768px) {
    .about-single-bg .about-img-content {
        padding-left: 0px;
        padding-right: 70px;
    }
    .section-title-wrapper .page-title-right {
        right: auto;
        left: 280px;
    }
    .featured-img .featured-date{
        left: -60px;
        right: auto;
    }
}
@media only screen and (min-width: 992px) {
    .single-img {
        margin-left: 0;
        margin-right: -180px;
    }
    .about-img-wrapper .about-inner {
        margin-left: 0px;
        margin-right: 250px;
    }
    .header-nav-icon {
        margin-left: 0px;
        margin-right: 65px;
    }
    .tesmonial-slider-three {
        margin-left: 0;
        margin-right: 50px;
    }
    .awards-list-wrapper {
        margin-left: 0px;
        margin-right: -200px;
        padding: 60px 60px 0px 0px;
    }
    .team-member-single-inner .team-hover-img {
        right: auto;
        left: 100px;
    }
    .section-title-wrapper .page-title-right {
        right: auto;
        left: 355px;
    }
    .section-title-wrapper .section-five-text {
        padding-left: 0;
        padding-right: 150px;
    }
}
@media only screen and (min-width: 1200px) {
    .footer-three-right {
        padding-left: 0;
        padding-right: 100px;
    }
    .client-satesfied {
        margin-left: 0px;
        margin-right: 100px;
    }
    .about-work-experience{
        left: auto;
        right: 30px;
    }
    .section-title-wrapper .page-title-right{
        left: 400px;
        right: auto;
    }
    .section-title-wrapper .section-five-text{
        padding-left: 0;
        padding-right: 200px;
    }
    .service-details-left {
        padding-right: 0;
        padding-left: 150px;
    }
}




@media(max-width:768px){
    .service-single-item{
        flex-direction: column-reverse;
    }
    .featured-single {
        padding-right: 0;
        padding-left: 30px;
    }
}