body {
  direction: rtl;
  text-align: right;
  font-family: 'cairo' !important;
}
.main-menu{
  float: right !important;
}
.left-content,.pull-left {
  float: right; /* Swap direction */
}

.filter-input,.contact-section .contact-form-area .form-group input[type='text'], .contact-section .contact-form-area .form-group input[type='email'], .contact-section .contact-form-area .form-group textarea,.contact-section .contact-form-area .form-group button{
  font-family: 'cairo';
}

.main-slider .content-box h5{
  letter-spacing: normal;
}

.right-content,.pull-right {
  float: left; /* Swap direction */
}
h5, a {
  text-align: right;
  font-family: 'cairo' !important;

}
ul li a,h1,h2,h3,h4,h5,h6,p {
  font-family: 'cairo' !important;

}
img {
  direction: ltr; /* Prevent image mirroring in RTL */
}

.main-header .header-top .header-info {
  float: right;
}

.main-header .header-top .header-info li i{
text-align: right;
float: right;
}
.main-header .header-top .header-nav{
  float: left;
}
.main-header .header-top .header-nav li a{
  text-align: right;
}
.dropdown-toggle:before {
  right: auto !important; /* Disable right */
  left: 9px !important; /* Apply left */
}
.main-header .header-bottom .outer-container .nav-outer .menu-area .button-box{
  float: right ;
  margin-right: 0px;
  text-align: right;
}
.main-header .header-bottom .outer-container .nav-outer .menu-area .button-box i {
  left: 0 !important;
  float: left;
  margin-top: 5px !important;
  margin-right: 5px !important;

}
.main-menu .navbar-toggle{
  float: right !important;
}
.main-menu .navbar-collapse > .navigation > li > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
    text-align: right !important;
  }
@media only screen and (max-width: 991px){
  .main-header .header-bottom .info-box{
    left: unset;
    right: 0px;
  }
  .main-menu .navbar-header .navbar-toggle{
    float: left !important;
    text-align: right !important;
  }
  .main-menu .navbar-collapse > .navigation > li > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
    text-align: right !important;
  }
  .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn{
    right: unset;
    left: 35px;
  }
}
.navigation{
  margin-right: 20px;
}
.navigation li {
  float: right !important;
  text-align: right !important;
}
.main-menu .navigation>li>ul{
  left: unset !important;
}

.sticky-header{
  direction: rtl;
}
.sticky-header .logo-box{
  float: right;
}
.sticky-header .menu-area {
  float: left;
}
.main-slider{
  direction: ltr;
}
.slide .row {
  display: flex;
  align-items: center; /* Align content vertically */
  flex-wrap: wrap; /* Ensure responsiveness */
}

.slide .image-column {
  order: 1; /* Image appears on the left */
  flex: 0 0 33.33%; /* 4/12 columns in width */
}

.slide .content-column {
  order: 2; /* Content appears on the right */
  flex: 0 0 66.66%; /* 8/12 columns in width */
}

@media (max-width: 991.98px) {
  .slide .image-column, .slide .content-column {
      order: unset; /* Reset for mobile stacking */
      flex: 0 0 100%; /* Full width on small screens */
  }
}

.ourmission-section:before{
  left: unset !important;
  right: 0px;
}

/* Section for reversing the order */
.weare-section .row {
    display: flex;
    flex-direction: row-reverse; /* Reverse the order of the columns */
    justify-content: space-between;
}

/* Image column on the right */
.weare-section .inner-column {
    width: 50%; /* 50% width for the image column */
    padding-left: 15px; /* Optional: Add space between the content and image */
}

/* Content column on the left */
.weare-section .content-column {
    width: 50%; /* 50% width for the content column */
    padding-right: 15px; /* Optional: Add space between content and image */
}

/* Adjust for small screens: Make both columns full width */
/* Make the inner-box a flex container */
.weare-section .inner-box {
  display: flex;
  justify-content: space-between; /* Space out items */
  align-items: center; /* Vertically align items */
}

/* Make sure single-item elements are aligned to the right */
.weare-section .single-item {
  order: 0; /* Ensure single items are aligned on the right */
  margin-bottom: 20px; /* Space between items */
}

/* Align the button to the left */
.weare-section .button-box {
  order: 1; /* Ensure the button appears first (on the left) */
  margin-top: 20px; /* Optional: Space above the button */

}
        



.ourmission-section .image {
  position: relative;
  display: block;
  margin-top: 0;
  margin-left: 25px !important;
  float: left;

}

.ourmission-section .content-box .inner-box{
  direction: rtl !important;
}
.counter-block-one:last-child{
right: 350px !important;
margin-top: 8px;
}

.about-section .row {
  display: flex;
  flex-wrap: wrap;
}

.about-section .image-column {
  order: 2; /* Image column will be on the right */
}

.about-section .content-column {
  order: 1; /* Content column will be on the left */
}

.about-section .image-box{
  margin-left: 0px ;
  margin-bottom: 35px;
}
.testimonial-style-five{
  direction: ltr !important;
}
.main-footer .footer-bottom .footer-social li:last-child{
  margin-right: 20px !important;
}
.solution-method.type-one .content-box{

    margin-left: 0px;
    margin-right: -200px;
}
.solution-method.type-one .image-box{
  margin-right: 0px;
}
.solution-method .content-box .list-item li {

  padding-left: 0px !important;
  padding-right: 30px !important;
}
.solution-method .content-box .list-item li:before{
  left: unset !important;
  right: 0px;
}
.solution-method.type-two .content-box{
  margin-right: 0px !important;
  margin-left: -200px !important;

}

.our-company .content-box .lower-box{
  margin-right: -60px;
}

.page-title-two .content-box .bread-crumb li:before {
  content: normal;
 
}
.page-title-two .content-box .bread-crumb li:not(:last-child):after {
  content: '-' !important; /* Add the dash separator */
  color: #28246E !important; /* Customize the dash color */
  margin: 0 5px !important; /* Add spacing around the dash */
  font-size: 16px !important; /* Adjust size to match text */
}

.page-title-two .content-box .bread-crumb li:last-child:after {
  content: '' !important; /* Ensure no dash after the last item */
}


.page-title-two .content-box .bread-crumb{
  right: unset !important;
  left: 0;
}


.single-shop{
  direction: ltr !important;
}
.single-shop .products-details .content-box .lower-content .text p{
  padding-right: 0;
  padding-left: 25px;
}
/* Apply RTL styling to the entire section */
.product-info-tabs {
  direction: rtl;  /* Reverse the text and layout direction */
}

/* Adjust tab buttons for RTL */
.product-info-tabs .product-tab .tab-btns {
  text-align: right; /* Align the tab buttons to the right */
}

.product-info-tabs .product-tab .tab-btns .tab-btn {
  float: right; /* Move the tab buttons to the right */
}

/* Optional: Change the text alignments of the content */
.product-info-tabs .tabs-content .tab {
  text-align: right; /* Right-align the content */
}

/* Ensure input and list items also follow RTL direction */
.filter-container, .size-list {
  direction: rtl;
}
.legend {
  margin-bottom: 15px;
  padding: 15px;
  background-color: #f7f9fa; /* لون خلفية هادئ */
  border-left: unset !important;
  border-right: 5px solid #28246E; /* خط جانبي بلون مميز */
  border-radius: 5px; /* زوايا مستديرة */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* ظل خفيف */
  font-size: 14px; /* حجم النص */
  color: #333; /* لون النص */
  line-height: 1.6; /* ارتفاع السطر */
  direction: rtl; /* تحديد اتجاه النص */
  text-align: right; /* محاذاة النص لليمين */
}

.legend p {
  margin: 0 0 5px; /* مسافة بين الفقرات */
}

.legend strong {
  color: #28246E; /* لون مميز للكلمات المهمة */
}








@media (max-width: 991px) {
  .weare-section .inner-column, .weare-section .content-column {
      width: 100%; /* Full width on small screens */
  }

  /* Stack columns vertically on smaller screens */
  .weare-section .row {
      flex-direction: column;
  }

  .ourmission-section .image{
    margin: 0px 0px 30px 0px;
  }
 
  .counter-block-one:last-child{
    right: 0px !important;
  }
  .about-section .image-box img{
    height: auto !important;
  }
  .solution-method.type-one .content-box,.our-company .content-box .lower-box{
    margin-right: 0px !important
  }
  .solution-method.type-two .content-box{
    margin-left: 0px !important;
  }
  .solution-method.type-one .image-box img{
    height: auto !important;
  }
}