/*==========================================================================
index
==========================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

body {
  direction: rtl;
	  font-family: "IBM Plex Sans Arabic", serif;
}
.slick-list {
  direction: ltr;
}
.swiper {
  direction: ltr;
}

.top__bar-left a i {
  margin-left: 5px;
}
.top__bar-right {
  text-align: left;
}

.top__bar-right a i {
  margin-left: 5px;
}

.top__bar.two .top__bar-left {
  justify-content: start;
}

.top__bar.two .top__bar-left span i {
  margin-right: 5px;
}

.top__bar.two .top__bar-right {
  text-align: right;
}

.top__bar.four .top__bar-left span i {
  margin-right: 5px;
}

.header__area-menubar-center-menu ul li.menu-item-has-children > a i {
    margin-right: 7px;
}
.header__area-menubar-center-menu ul li .sub-menu li .sub-menu {
    right: 100%;
}
.header__area-menubar-right-box-sidebar-popup-icon {
    cursor: pointer;
    text-align: left;
    text-align: -webkit-left;
    margin-inline: 15px;
}
.btn-one, .btn-two, .btn-three, .btn-four, .btn-five, .btn-six, .btn-seven, .btn-eight, .btn-nine {
    padding: 16px 22p}
.btn-one i, .btn-two i, .btn-three i, .btn-four i, .btn-five i, .btn-six i, .btn-seven i, .btn-eight i, .btn-nine i {
    transition: 0.2s;
    margin-right: 5px;
}

.btn-one:hover i, .btn-two:hover i, .btn-three:hover i, .btn-four:hover i, .btn-five:hover i, .btn-six:hover i, .btn-seven:hover i, .btn-eight:hover i, .btn-nine:hover i {
    transition: 0.2s;
    transform: scale(-1);
    margin-right: 5px;
}
.header__area-menubar-center-menu ul li.menu-item-has-children > a i {
    transform: scale(-1);
}
.banner__one .banner-shape-7 {
display: none;
}
.banner__one .banner-shape-6 {
    display: none;

}

.btn-one i, .btn-two i, .btn-three i, .btn-four i, .btn-five i, .btn-six i, .btn-seven i, .btn-eight i, .btn-nine i {
    transition: 0.2s;
    margin-left: 5px;
    transform: scale(-1);
}
.portfolio__two i.fas.fa-arrow-right {
    transform: scale(-1);
}

.blog__one-single-blog-content a {
    text-align: right;
}
.blog__three-single-blog-content {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    padding: 25px 33px;
    border-radius: 20px;
    margin-right: -10%;
    margin-top: 30px;
    z-index: 153;
    background-color: var(--bg-white);
    transition: 0.4s;
}
.footer__three-widget-solution ul li a i {
    color: var(--primary-color-1);
    font-size: 14px;
    margin-left: 5px;
    transform: scale(-1);
}
.footer__three-widget-about form button {
    padding: 0;
    position: absolute;
    left: 6px;
    top: 4px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
}
/*==========================================================================
Blog
==========================================================================*/
.page__banner-content span {
    font-size: 18px;
    color: var(--primary-color-1);
    display: flex;
    justify-content: flex-start;}

    .blog__two-single-blog-content-top span {
        font-size: 14px;
        margin-inline: 5px;
        color: var(--color-2);
    }
/*==========================================================================
Single Product
==========================================================================*/
.project__details-thumb .project-info {
    position: absolute;
    bottom: -44%;
    left: 0;
    width: 410px;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}
/*==========================================================================
FAq
==========================================================================*/
.faq__three .faq-collapse-item-card-header i {
    background-color: var(--primary-color-1);
    color: var(--text-white);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    margin-left: 20px;
}
/*==========================================================================
Team
==========================================================================*/
.team__one-social-wrapper .share-links {
    position: absolute;
    top: -150px;
    left: 22px;
    opacity: 0;
    transition: 0.3s linear;
    visibility: hidden;
  }

.header__area-menubar-center-menu ul li a {
	font-family: "IBM Plex Sans Arabic", serif !important;
}
.btn-one, .btn-two, .btn-three, .btn-four, .btn-five, .btn-six, .btn-seven, .btn-eight, .btn-nine {
	font-family: "IBM Plex Sans Arabic", serif !important;
}
#mobilemenu .menu-item-has-children > a::after {
  margin-left: 0pc;
  margin-right: 8px;
}
.subtitle-one, .subtitle-two, .subtitle-three, .subtitle-four {
	font-family: "IBM Plex Sans Arabic", serif !important;
}
.banner__one-content h2 {
	font-family: "IBM Plex Sans Arabic", serif !important;
}

.top__bar-right a {
	font-family: "IBM Plex Sans Arabic", serif !important;
  font-size: 16px;
}
.banner__one-content p {
	font-family: "IBM Plex Sans Arabic", serif !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
span,
button,
a {
	font-family: "IBM Plex Sans Arabic", serif !important;
}

.about__three-right-image-left-side {
    border-radius: 0 30px 30px 0;
}

.about__three-right-image {
    border-radius: 30px 0px 0px 0;
}

.about__three-right-image:last-child {
    border-radius: 0 0px 0px 30px;
}

.portfolio__two-single-item-content-left {
    padding-inline-end: 40px;
}

.why-choose-us__two-image {
    text-align: end;
}

.faq__two .award-icon {
    left: auto;
    right: -10%;
}

.work-process__four-single-item h3 {
    right: auto;
    left: 65px;
}

.blog__three-single-blog-img-date {
    left: auto;
    right: 0;
    border-radius: 0 20px 0 10px;
}

.subscribe__one-form .btn-two {
    right: auto;
    left: 72px;
}

.footer__three-widget-about form button {
    right: auto;
    left: 6px;
}

.top__bar-left a {
    direction: ltr;
}

.work-process__two-cards-single .card-arrow-wrapper {
    right: auto;
    left: -69px;
    transform: scaleX(-1);
}

.offset-xl-1 {
    margin-inline-start: auto !important;
    margin-inline-end: 0;
}

.work-process-area__one-right-counter-img .img-counter {
    border-radius: 0 20px 20px 0;
}

.work-process-area__one-right-counter-img img {
    border-start-end-radius: 20px;
    border-end-end-radius: 20px;
}

.header__area-menubar-center-menu ul li .sub-menu li::after {
    left: auto;
    right: 0;
}

.service__details-thumb-icon {
    left: auto;
    right: 60px;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
    text-align: right;
}

.banner__one-image-wrapper-shapes {
    left: auto;
    right: 64px;
}

.why-choose-us__two-image-wrapper img {
    transform: rotateX(0deg) rotateY(180deg);
}

.testimonial__one-right {
    margin-top: 36%;
}

.testimonial__one-right .single-slider-user{
	justify-content: flex-end;
}

.testimonial__one-right .single-slider p{
	    direction: rtl;
}

.serv-block-h .details h4 {
    text-align: right;
    font-size: 26px;
}

.header__area-menubar-right-box-search-box button {
    right: auto;
    left: 0;
}

.serv-icon {
    left: 16px !important;
    right: auto !important;
}