.top-bar {

}

.header-1 {

}

.hero-1 .mike-shape {
    left: auto;
    right: 20px;
}

.hero-1 .energy-shape {
    right: auto;
    left:40px;
}

.hero-1 .arrow-shape-2 {
    right: auto;
    left: 30px;
}

@media (min-width: 992px) {
    .hero-1 .hero-content {
        text-align: right;
        justify-content: flex-end;
    }
}

.hero-1 .hero-image {
    margin-right: -90px;
}

.hero-1 .video-right {
        display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}
.hero-1 .video-right p {
text-align: right;
}

.mycustom-marque.style-2 {
    transform: rotate(-1.913deg);
}

.mycustom-marque.style-3 {
    transform: rotate(2.772deg);
}

/* Adjust for RTL (Arabic) */
.scrolling-wrap {
  direction: rtl; /* ensures right-to-left alignment */
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%); /* move right for RTL */
  }
}

@keyframes scroll2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(200%); /* move right for RTL */
  }
}


.about-wrapper .about-content {
    margin-right: 0;
    margin-left: 0;
    z-index: 55;
    position: relative;
}

.case-study-wrapper .case-study-box-items .thumb .post-box-items {
    left: auto;
    right: 30px;
}


.case-study-wrapper .case-study-box-items .thumb .project-title {
    left: auto;
    right: 30px;
}

.case-study-wrapper .case-study-box-items .thumb .project-title img {
    margin-right: 0;
    margin-left: 10px;
}


.case-study-wrapper .case-study-box-items .thumb p {
    left: auto;
    right: 30px;
}

.case-study-wrapper .main-box .box .number-hover
 {
    left: auto;
    right: 30px;
}

.audience-wrapper .audience-right {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.audience-wrapper .audience-right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.accordion-button::after {
    margin-left: 0;
    margin-right: auto;

}

.cta-section .rokect-shape {
    right: auto;
    left: 0;
}

.cta-wrapper h2 {
    margin-left: 0;
    margin-right: 450px;
}

.cta-wrapper .cta-img {
    left: auto;
    right: 85px;
    transform: rotateY(180deg) !important;
}

.footer-widgets-wrapper .single-footer-widget .footer-content .contact-info li i {
    font-size: 16px;
    color: var(--white);
    margin-right: 0;
    margin-left: 10px;
}

.footer-widgets-wrapper .single-footer-widget .footer-content .footer-input .newsletter-btn {
left: 8px;
    right: auto;

}

.form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
}

/* RTL Adjustments for Arabic */
.services-style-four {
  direction: rtl; /* sets everything to right-to-left */
}

.services-style-four li {
  padding-right: 28px; /* swap left padding to right */
  padding-left: 0;
}

.services-style-four li::before {
  left: auto;    /* remove left */
  right: 0;      /* position icon on the right */
}

.services-style-four .link-btn:hover {
  transform: translateX(-5px); /* reverse X translation */
}

.services-style-four .link-btn:hover i {
  transform: translateX(-3px); /* reverse icon movement */
}

.services-style-four .main-button a:hover i {
  transform: translateX(-4px); /* reverse icon movement */
}

.services-style-four h4 a::after {
  left: auto;   /* start effect from right */
  right: 0;
}

.services-style-four .item:hover li {
  padding-right: 32px; /* swap left to right */
  padding-left: 0;
}

/* RTL Adjustments for Arabic About Section */
.about-section, 
.about-wrapper-2, 
.brand-section-22 {
  direction: rtl; /* sets everything to right-to-left */
}

/* Brand Title Lines */
.about-section .brand-wrapper .brand-title::before,
.brand-section-22 .brand-title::before {
  left: auto;   /* remove left */
  right: 5%;    /* move line to the right */
}

.about-section .brand-wrapper .brand-title::after,
.brand-section-22 .brand-title::after {
  right: auto;  /* remove right */
  left: 5%;     /* move line to the left */
}

/* About Image and Content */
.about-wrapper-2 .about-image {
  margin-left: 0;
  margin-right: 100px; /* swap left margin to right */
}

.about-wrapper-2 .about-content {
  margin-left: 0;
  margin-right: 80px; /* swap left margin to right */
}

/* Box and Gap Shapes */
.about-wrapper-2 .about-image .box-shape {
  left: auto;
  right: -22%;
}

.about-wrapper-2 .about-image .gap-shape {
  right: auto;
  left: -35%;
}

/* Circle Button */
.about-wrapper-2 .about-image .circle-button {
  right: auto;
  left: 0;
}

.about-wrapper-2 .about-image .circle-button .text-circle {
  left: auto;
  right: 9%;
}

/* RTL Adjustments for Top Bar */


.top-bar-text {
  margin-right: 10px; /* swap from margin-left */
  margin-left: 0;
}

.top-bar-info:hover {
  transform: translateX(-3px); /* reverse translation for RTL */
}

.top-bar-right {
  justify-content: flex-start; /* reverse for RTL */
}

.top-bar-info:not(:last-child) {
  margin-left: 0; /* swap margin-right to margin-left */
  margin-right: 0;
}

/* ============================
   RTL SUPPORT – Steps Section
============================ */

/* Wrapper direction */
html[dir="rtl"] .steps__wrapper {
  direction: rtl;
}

/* Card layout */
html[dir="rtl"] .steps__card {
  flex-direction: row-reverse;
}

/* Banner position */
html[dir="rtl"] .steps__banner {
  border-radius: 12px;
}

/* Content padding fix */
html[dir="rtl"] .steps__content {
  padding-right: 10px;
  padding-left: 0;
  text-align: right;
}

/* Main content animation fix */
html[dir="rtl"] .steps__content--main {
  transform: translateX(-110%);
}

html[dir="rtl"] .steps__card:hover .steps__content--main {
  transform: translateX(0);
}

/* Hover direction */
html[dir="rtl"] .steps__card:hover {
  transform: translateY(-8px);
}

/* Title & text */
html[dir="rtl"] .steps__title,
html[dir="rtl"] .steps__desc {
  text-align: right;
}

/* Number spacing */
html[dir="rtl"] .steps__number {
  margin-left: auto;
  margin-right: 0;
}

/* ============================
   RTL – Responsive Fixes
============================ */

@media (max-width: 991px) {
  html[dir="rtl"] .steps__card {
    flex-direction: column-reverse;
  }

  html[dir="rtl"] .steps__content {
    padding-right: 0;
  }

  html[dir="rtl"] .steps__content--main {
    transform: translateX(0);
  }
}

@media (max-width: 1199px) {
    .cta-wrapper h2 {
        margin-left: 0;
        margin-right: 0;
    }
}

.footer-widgets-wrapper .single-footer-widget .list-area li a i {
    margin-right: 0;
    margin-left: 5px;
    transform: rotateY(180deg);
}
.get-started-section .popular-badge {
        left: 20px;
    right: auto;
}
.get-started-section .option-btn i {
        margin-left: 0 !important;
            margin-right: .5rem !important;
}

.get-started-section .option-btn:hover {
    transform: translateX(-5px);

}

.services-list a {
        flex-direction: row-reverse;
}

.help-box a {
      flex-direction: row-reverse;
}
.header-main .main-menu ul li .submenu {
        padding: 0px 0px 20px 20px;
}
.header-main .main-menu ul li .submenu li a {
        text-align: right;
    padding: 0 32px 0 0;
}

.header-main .main-menu ul li .submenu li a::before {
    right: 14px;
    left: auto;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
    margin-right: 0px;
    margin-left: 20px;
}


.offcanvas__top {
    flex-direction: row-reverse;
}
.mean-container .mean-nav ul li a {
    text-align: right;
}


/* Offcanvas RTL */
 .offcanvas__info {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 2px solid var(--theme);
    -webkit-transform: translateX(calc(-100% - 80px));
    -moz-transform: translateX(calc(-100% - 80px));
    -ms-transform: translateX(calc(-100% - 80px));
    -o-transform: translateX(calc(-100% - 80px));
    transform: translateX(calc(-100% - 80px));
}

/* Open state RTL */
 .offcanvas__info.info-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.mean-container .mean-nav ul li a.mean-expand {
left: 0;
    right: auto;
}