body {
  overflow-x: hidden;
  direction: rtl;
}

.owl-carousel {
  direction: ltr;
}

.owl-carousel .owl-nav,
.owl-carousel .owl-dots,
.owl-carousel .owl-item {
  direction: rtl;
}

.contact__input-box .bootstrap-select .dropdown-menu,
.bootstrap-select .dropdown-toggle .filter-option {
  text-align: right;
}

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

.team-card::after {
  right: -100px;
  top: -80px;
}

.main-slider-one__bg {
  transform: scaleX(-1);
}

.main-slider-one__bg::before {
  background-image: url(../images/shapes/slider-1-overlay-rtl.png);
  transform: scaleX(-1);
}

.our-solution__image img {
  mask-image: url(../images/shapes/solution-1-1-shape-rtl.png);
  -webkit-mask-image: url(../images/shapes/solution-1-1-shape-rtl.png);
}
/* --- Added custom RiseX RTL overrides for Feedback --- */

/* Fix variable overrides in RTL from Tolak default blue back to dark theme */
:root {
  --tolak-black: #1B1A2A;
  --tolak-black-rgb: 29, 25, 39;
  --tolak-black2: #222222;
  --tolak-black2-rgb: 34, 34, 34;
}

/* Fix Hero background and girl image alignment on Subpages */
.page-header__layer {
  right: auto !important;
  left: 0 !important;
  transform: scaleX(-1);
}

.page-header__layer img {
  width: 484px !important;
  height: 599px !important;
  object-fit: contain;
}

.page-header__content {
  position: relative;
  z-index: 10;
}

/* Fix Subtitle wrapping ('من نحن' / 'تواصل معنا' / etc) */
.sec-title-two__tagline, .sec-title__tagline {
    white-space: nowrap;
}

/* Fix Submit button size in Arabic forms */
.tolak-btn {
    min-width: 160px;
    padding: 15px 30px;
    white-space: nowrap !important;
}

/* Fix Hero Title wrapping */
.page-header__title {
    white-space: nowrap !important;
}

/* Fix Header Navbar items wrapping into two lines */
html[dir="rtl"] .main-menu .main-menu__list>li>a {
    white-space: nowrap;
}

/* Fix About Us / Skills List Checkmarks */
html[dir="rtl"] .skill-one__content__list li {
    padding-left: 0 !important;
    padding-right: 49px !important;
}
html[dir="rtl"] .skill-one__content__list li span {
    left: auto !important;
    right: 0 !important;
}
html[dir="rtl"] .skill-one__content__list li span::after {
    right: auto !important;
    left: 0 !important;
    border-width: 6px 6px 6px 0 !important;
    border-color: transparent var(--tolak-base, #7c3aed) transparent transparent !important;
}
html[dir="rtl"] .skill-one__content__list li:hover span::after {
    right: auto !important;
    left: -6px !important;
}

/* Fix Hero Arrow spacing away from girl */
html[dir="rtl"] .page-header__layer__shape {
    left: -320px !important;
}

/* Fix About Us circular progress overlap and RTL paddings */
html[dir="rtl"] .skill-one__content__skill,
html[dir="rtl"] .about-three__content__skill {
    padding: 5px 84px 0 0 !important;
    text-align: right !important;
}

html[dir="rtl"] .skill-one__content__skill .progress-box,
html[dir="rtl"] .about-three__content__skill .progress-box {
    left: auto !important;
    right: 0 !important;
}

/* About Three List RTL - Definitive Right Align */
html[dir="rtl"] .about-three__content__list {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .about-three__content__list li {
    padding-right: 30px !important;
    padding-left: 0 !important;
    text-align: right !important;
    position: relative !important;
}

html[dir="rtl"] .about-three__content__list li::before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    background-color: var(--tolak-base, #7c3aed) !important;
    border-radius: 50% !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .about-three__content__list li::after {
    display: none !important;
}



/* Tagline Icons Restore */
html[dir="rtl"] .about-three .sec-title-two__tagline__left,
html[dir="rtl"] .about-three .sec-title-two__tagline__right {
    display: inline-block !important;
}

/* Reposition Pink Shapes to the far right and behind the image */
html[dir="rtl"] .about-three__image__shape,
html[dir="rtl"] .about-three__image__shape-two {
    right: -250px !important;
    left: auto !important;
    z-index: 0 !important; /* Behind the image */
}

/* Ensure the main image is on top of the shapes */
html[dir="rtl"] .about-three__image__one {
    position: relative !important;
    z-index: 1 !important;
}

/* About Three Bar Style (Line with dot) - Returned to original position */
html[dir="rtl"] .about-three__content__bar {
    margin: 10px 0 30px !important;
    display: block !important;
}
@media (max-width: 991px) {
    html[dir="rtl"] .about-three__content__bar {
        margin: 5px 0 20px !important;
    }
}

/* About Three Shape One RTL */
html[dir="rtl"] .about-three__shape-one,
html[dir="rtl"] [class*="about-three"] [class*="shape-one"] {
    left: auto !important;
    right: 0 !important;
}

/* Breadcrumb and Global Arrow Flips for RTL */
html[dir="rtl"] .tolak-breadcrumb li:not(:last-of-type)::after {
    transform: scaleX(-1) !important;
}

html[dir="rtl"] .fa-arrow-right::before,
html[dir="rtl"] .fa-angle-right::before,
html[dir="rtl"] .icofont-rounded-double-right::before {
    transform: scaleX(-1) !important;
    display: inline-block !important;
}

/* Subpage Hero Arrow Mirroring and Rotation Fix */
html[dir="rtl"] .about-one__content__btn__arrow,
html[dir="rtl"] .page-header__layer__shape {
    transform: scaleX(-1) rotate(0deg) !important;
    left: auto !important;
    right: -50px !important;
}

html[dir="rtl"] .about-three__content__list li {
    padding-right: 50px !important;
    padding-left: 0 !important;
    text-align: right !important;
    position: relative !important;
}

html[dir="rtl"] .about-three__content__list li::before {
    content: "" !important;
    position: absolute !important;
    right: 15px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    background-color: var(--tolak-base, #7c3aed) !important;
    border-radius: 50% !important;
}



html[dir="rtl"] .progress-box, html[dir="rtl"] .graph-outer {
    direction: ltr !important;
}

/* Fix Contact Section overlapping triangles */
html[dir="rtl"] .contact-two__info::after {
  right: auto;
  left: -45px;
  border-width: 45px 45px 45px 0;
  border-color: transparent var(--tolak-black, #1B1A2A) transparent transparent;
}

html[dir="rtl"] .contact-two__info__box-wrapper::after {
  left: auto;
  right: 0;
  border-width: 22px 22px 22px 0;
  border-color: transparent var(--tolak-white, #fff) transparent transparent;
}

html[dir="rtl"] .contact-two__info__box-wrapper {
  padding: 0 41px 0 0;
  border-left: none;
  border-right: 5px solid var(--tolak-white, #fff);
}

html[dir="rtl"] .contact-two__info__box {
  padding: 2px 92px 0 0;
}

html[dir="rtl"] .contact-two__info__box__icon {
  left: auto;
  right: 0;
}

/* Mirror wow.js entrance animations for RTL context */
html[dir="rtl"] .wow.fadeInRight {
    animation-name: fadeInLeft !important;
}

html[dir="rtl"] .wow.fadeInLeft {
    animation-name: fadeInRight !important;
}

html[dir="rtl"] .wow.slideInRight {
    animation-name: slideInLeft !important;
}

html[dir="rtl"] .wow.slideInLeft {
    animation-name: slideInRight !important;
}

/*# sourceMappingURL=tolak-custom-rtl.css.map */