/* Custom RTL Overrides */
:root {
    --default-font: 'Cairo', sans-serif;
    --accent-font: 'Cairo', sans-serif;
}


/* Rotations for specific icons that need direction flipping */
.fa-arrow-right, 
.fa-chevron-right, 
.fa-angle-right, 
.fa-long-arrow-right {
    transform: rotate(180deg);
}

.fa-arrow-left, 
.fa-chevron-left, 
.fa-angle-left, 
.fa-long-arrow-left {
    transform: rotate(180deg);
}

/* Ensure body uses RTL fonts if needed (optional, keeping DM Sans for now as it supports Arabic usually or fallback) */
body {
    direction: rtl;
    text-align: right;
}

/* Fix for slicknav if needed, though bootstrap-rtl usually handles basics */
.slicknav_menu {
    text-align: right;
}

/* Breadcumb separator flip */
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    padding-right: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: var(--bs-breadcrumb-item-padding-x);
}

/* Button RTL Overrides */
.btn-default {
    padding: 17px 20px 17px 57px; /* Flip padding to make room for icon on left */
}

.btn-default::before {
    right: auto;
    left: 5px;
    transform: translateY(-50%) rotate(180deg); /* Flip arrow direction */
}

.btn-default::after {
    right: auto;
    left: 0; /* Start background slide from left */
}

.btn-default:hover::after {
    left: auto;
    right: 0; /* Expand to right */
}
/* Automated RTL Overrides */
::-webkit-scrollbar-track {
    border-left: none;
    border-right: 1px solid var(--primary-color);
}

.container-xxl {
    padding-right: 0;
    padding-left: 15px;
    padding-left: 0;
    padding-right: 15px;
}

.image-anime:after {
    left: auto;
    right: 50%;
}

.row {
    margin-right: 0;
    margin-left: -15px;
    margin-left: 0;
    margin-right: -15px;
}

.row > * {
    padding-right: 0;
    padding-left: 15px;
    padding-left: 0;
    padding-right: 15px;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0px;
    margin-left: 0;
    margin-right: 0px;
}

.row.no-gutters > * {
    padding-right: 0;
    padding-left: 0px;
    padding-left: 0;
    padding-right: 0px;
}

.btn-default::before {
    right: auto;
    left: 5px;
}

.btn-default::after {
    right: auto;
    left: 0;
}

.btn-default:hover::after {
    right: auto;
    left: auto;
    left: auto;
    right: 0;
}

.readmore-btn {
    padding-right: 0;
    padding-left: 34px;
}

.readmore-btn::before {
    right: auto;
    left: 0px;
}

.section-content-btn .section-btn {
    text-align: right;
}

.section-title h3 {
    padding-left: 0;
    padding-right: 16px;
}

.section-title h3::before {
    left: auto;
    right: 0;
}

.help-block.with-errors ul {
    text-align: right;
}


.main-menu ul li.submenu > a:after {
    margin-left: 0;
    margin-right: 8px;
}

.main-menu ul ul {
    left: auto;
    right: 0;
    text-align: right;
}

.main-menu ul ul ul {
    left: auto;
    right: 100%;
    text-align: right;
}

.main-menu ul li.submenu ul li.submenu > a:after {
    float: left;
}

.slicknav_arrow:after {
    margin-left: 0;
    margin-right: 8px;
    right: auto;
    left: 15px;
}

.hero::before {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.video-play-button a:after {
    left: auto;
    right: -30%;
}

.video-play-button a i {
    margin-left: 0;
    margin-right: 2px;
}

.hero-info-header .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.satisfy-client-image {
    margin-left: 0;
    margin-right: -14px;
}

.hero-info-bg-icon {
    right: auto;
    left: -15px;
}

.about-us-image-box-2 .about-us-image {
    margin-left: 0;
    margin-right: -150px;
}

.about-us-body {
    border-left: none;
    border-right: 10px solid var(--accent-color);
}

.about-body-item .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.about-footer-content-list ul li {
    padding-left: 0;
    padding-right: 16px;
}

.about-footer-content-list ul li::before {
    left: auto;
    right: 0;
}

.about-video-image figure::before {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.about-us-video-box .video-play-button {
    left: auto;
    right: 50%;
}

.our-services {
    background-position: top left;
}


.service-benefit-list ul li::before {
    left: auto;
    right: 16px;
}

.section-footer-text p span {
    margin-right: 0;
    margin-left: 10px;
}

.section-footer-text ul li {
    margin-right: 0;
    margin-left: 5px;
}

.section-footer-text.section-footer-contact span {
    margin-right: 0;
    margin-left: 10px;
}

.what-we-do-item .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.what-we-do-item-body ul li {
    padding-left: 0;
    padding-right: 16px;
}

.what-we-do-item-body ul li::before {
    left: auto;
    right: 0;
}

.what-we-do-image {
    margin-left: 0;
    margin-right: 15px;
}

.our-story::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.our-features .section-title h2 .feature-title-img-3 img {
    margin-left: 0;
    margin-right: -8px;
}

.feature-item-list ul li {
    padding-left: 0;
    padding-right: 16px;
}

.feature-item-list ul li::before {
    left: auto;
    right: 0;
}

.feature-item-image {
    text-align: left;
}

.pricing-item-header .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.pricing-item-list ul li {
    padding-left: 0;
    padding-right: 16px;
}

.pricing-item-list ul li::before {
    left: auto;
    right: 0;
}

.pricing-item.highlighted-box .pricing-item-header::before {
    right: auto;
    left: 20px;
}

.pricing-benefit-list ul li img {
    margin-right: 0;
    margin-left: 10px;
}

.project-nav ul li a:before {
    right: auto;
    left: -28px;
    top: 15px;
}

.project-item-image figure::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.project-item-content {
    right: auto;
    left: 40px;
    left: auto;
    right: 40px;
}

.project-item-btn {
    right: auto;
    left: 30px;
}
.cta-box::before {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.cta-box-content {
    margin-right: 0;
    margin-left: 4.167vw;
}

.cta-box-item .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.faq-contact-box .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.faq-accordion .accordion-item .accordion-button.collapsed::after {
    right: auto;
    left: 30px;
}

.our-testimonials {
    background-position: bottom right;
}

.testimonial-slider .testimonial-pagination .swiper-pagination-bullet:before {
    left: auto;
    right: auto;
    right: auto;
    left: 0;
}

.testimonial-slider .testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    right: auto;
    left: auto;
    left: auto;
    right: 0;
}

.post-featured-image figure::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.post-item-tags {
    left: auto;
    right: 40px;
}

.post-item-body {
    right: auto;
    left: 40px;
    left: auto;
    right: 40px;
}

.main-footer::after {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.scrolling-content span img {
    margin-right: 0;
    margin-left: 20px;
}

.footer-contact-links ul li img {
    margin-right: 0;
    margin-left: 10px;
}

.footer-newsletter-form .form-group .newsletter-btn i {
    margin-right: 0;
    margin-left: 2px;
}

.page-header:before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.approach-item .icon-box {
    right: auto;
    left: -20px;
}

.approach-item-content ul li {
    padding-left: 0;
    padding-right: 16px;
}

.approach-item-content ul li::before {
    left: auto;
    right: 0;
}

.lets-together-circle {
    right: auto;
    left: 0;
}

.value-counter-box {
    left: auto;
    right: 20px;
}

.value-counter-box .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.our-values-content {
    margin-left: 0;
    margin-right: 15px;
}

.skills-progress-bar .skillbar .skill-progress .count-bar {
    left: auto;
    right: 0;
}

.team-item-image figure::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.team-item-content {
    left: auto;
    right: 30px;
    right: auto;
    left: 30px;
}

.team-social-list {
    right: auto;
    left: 20px;
    left: auto;
    right: 20px;
}

.page-single-sidebar {
    margin-right: 0;
    margin-left: 20px;
}

.page-category-list ul li a {
    padding-right: 0;
    padding-left: 30px;
}

.page-category-list ul li a::before {
    right: auto;
    left: 0;
}

.sidebar-cta-body-content ul li img {
    margin-right: 0;
    margin-left: 15px;
}

.sidebar-cta-body-image {
    text-align: left;
}

.service-entry ul li {
    padding-left: 0;
    padding-right: 16px;
}

.service-entry ul li::before {
    left: auto;
    right: 0;
}

.service-why-choose-item .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.service-offer-item-image figure::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.service-offer-item-content {
    right: auto;
    left: 30px;
    left: auto;
    right: 30px;
}

.service-process-item .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.post-single-meta ol li {
    margin-right: 0;
    margin-left: 15px;
}

.post-single-meta ol li:last-child {
    margin-right: 0;
    margin-left: 0;
}

.post-single-meta ol li i {
    margin-right: 0;
    margin-left: 5px;
}

.post-entry ul {
    padding-left: 0;
    padding-right: 20px;
}

.post-social-sharing {
    text-align: left;
}

.post-social-sharing ul li {
    margin-right: 0;
    margin-left: 10px;
}

.post-social-sharing ul li:last-child {
    margin-right: 0;
    margin-left: 0;
}

.project-category-item .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.project-feature-item-body .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.project-process-item-no::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.project-issue-box-item::before {
    right: auto;
    left: -30px;
}

.project-issue-item h4 {
    padding-left: 0;
    padding-right: 25px;
}

.project-issue-item h4::before {
    left: auto;
    right: 0;
}

.team-experience-item .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.team-values-info-list ul li {
    padding-left: 0;
    padding-right: 25px;
}

.team-values-info-list ul li::before {
    left: auto;
    right: 0;
}

.video-gallery-image a::before {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.video-gallery-image a::after {
    left: auto;
    right: 50%;
    right: auto;
    left: 0;
}

.contact-info-item .icon-box {
    margin-right: 0;
    margin-left: 20px;
}

.contact-info-item .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.contact-us-form {
    margin-left: 0;
    margin-right: 30px;
}

.post-item-tags {
    left: auto;
    right: 30px;
}

.post-item-body {
    right: auto;
    left: 30px;
    left: auto;
    right: 30px;
}

.our-values-content {
    margin-left: 0;
    margin-right: 0;
}

.team-item-content {
    left: auto;
    right: 20px;
    right: auto;
    left: 20px;
}

.sidebar-cta-body-content ul li img {
    margin-right: 0;
    margin-left: 10px;
}

.service-offer-item-content {
    right: auto;
    left: 20px;
    left: auto;
    right: 20px;
}

.contact-us-form {
    margin-left: 0;
    margin-right: 0;
}

.btn-default::before {
    right: auto;
    left: 5px;
}

.service-benefit-list ul li::before {
    left: auto;
    right: 14px;
}

.pricing-item.highlighted-box .pricing-item-header::before {
    right: auto;
    left: 15px;
}


.cta-box-content {
    margin-right: 0;
    margin-left: 0;
}

.faq-accordion .accordion-item .accordion-button.collapsed::after {
    right: auto;
    left: 20px;
}

.post-item-tags {
    left: auto;
    right: 20px;
}

.post-item-body {
    right: auto;
    left: 20px;
    left: auto;
    right: 20px;
}

.approach-item .icon-box {
    right: auto;
    left: -10px;
}

.post-social-sharing ul {
    text-align: right;
}

.hero-info-bg-icon {
    right: auto;
    left: -10px;
}

.about-us-image-box-2 .about-us-image {
    margin-left: 0;
    margin-right: -110px;
}

.service-benefit-list ul li::before {
    left: auto;
    right: 10px;
}

.pricing-benefit-list ul li img {
    margin-right: 0;
    margin-left: 5px;
}

.faq-accordion .accordion-item .accordion-button.collapsed::after {
    right: auto;
    left: 10px;
}

.scrolling-content span img {
    margin-right: 0;
    margin-left: 15px;
}

.hero-content-gold .section-title p {
    margin-left: 0;
    margin-right: auto;
    margin-right: 0;
    margin-left: auto;
}

.hero-client-box-gold {
    right: auto;
    left: 0;
}

.hero-client-box-gold::before {
    right: auto;
    left: 0;
}

.hero-client-box-gold::after {
    left: auto;
    right: -20px;
}

.hero-video-box-gold {
    left: auto;
    right: 60px;
}

.hero-video-image-gold .video-play-button {
    left: auto;
    right: 50%;
}

.about-us-images-gold {
    margin-right: 0;
    margin-left: 15px;
}

.about-us-hightlighted-content::before {
    left: auto;
    right: 0;
}

.about-us-body-item-gold .icon-box::before {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.our-services-gold {
    background-position: top -18% left -18%;
}

.service-item-gold:before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.service-item-gold .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.what-we-item-header-gold .icon-box::before {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.what-we-counter-item-gold {
    left: auto;
    right: 20px;
}

.what-we-contect-list-gold ul li img {
    margin-right: 0;
    margin-left: 10px;
}

.why-choose-us-boxes-gold {
    margin-right: 0;
    margin-left: 15px;
}

.why-choose-counter-item-gold::before {
    right: auto;
    left: -30px;
}

.why-choose-body-item-gold .icon-box::before {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.cta-box-image-gold {
    margin-right: 0;
    margin-left: 15px;
}

.cta-box-list-gold ul li {
    padding-left: 0;
    padding-right: 16px;
}

.cta-box-list-gold ul li::before {
    left: auto;
    right: 0;
}

.project-item-tag-gold {
    left: auto;
    right: 30px;
}

.project-item-tag-gold a::before {
    left: auto;
    right: 15px;
}

.intro-video-gold::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.intro-video-button-gold {
    text-align: left;
}

.intro-video-counter-item-gold::before {
    right: auto;
    left: -50px;
}

.pricing-item-list-gold ul li {
    padding-left: 0;
    padding-right: 25px;
}

.pricing-item-list-gold ul li:before {
    left: auto;
    right: 0;
}

.pricing-benefit-list-gold ul li img {
    margin-right: 0;
    margin-left: 10px;
}

.our-testimonials-gold {
    background-position: bottom right;
}

.author-image-gold {
    margin-right: 0;
    margin-left: 20px;
}

.main-footer-gold {
    background-position: right bottom;
}

.footer-contact-list-gold {
    text-align: left;
}

.about-footer-gold {
    margin-right: 0;
    margin-left: 5.208vw;
}

.footer-links-gold ul li {
    padding-left: 0;
    padding-right: 16px;
}

.footer-links-gold ul li::before {
    left: auto;
    right: 0;
}

.footer-newsletter-form-gold .form-group .newsletter-btn i {
    margin-right: 0;
    margin-left: 2px;
}

.hero-video-box-gold {
    left: auto;
    right: 40px;
}

.why-choose-item-body-gold {
    padding-left: 0;
    padding-right: 30px;
}

.about-footer-gold {
    margin-right: 0;
    margin-left: 30px;
}

None {
    margin-right: 0;
    margin-left: 30px;
}

.intro-video-counter-item-gold::before {
    right: auto;
    left: -15px;
}

.hero-video-box-gold {
    left: auto;
    right: 15px;
}

.project-item-tag-gold {
    left: auto;
    right: 20px;
}

.project-item-tag-gold a::before {
    left: auto;
    right: 10px;
}

.footer-contact-list-gold {
    text-align: right;
}

.what-we-contect-list-gold ul li img {
    margin-right: 0;
    margin-left: 5px;
}

.why-choose-counter-item-gold::before {
    right: auto;
    left: -10px;
}

.pricing-benefit-list-gold ul li img {
    margin-right: 0;
    margin-left: 5px;
}

.author-image-gold {
    margin-right: 0;
    margin-left: 10px;
}

.hero-body-item-silver .icon-box {
    margin-right: 0;
    margin-left: 15px;
}

.hero-body-item-silver .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.about-us-image-box-silver {
    margin-right: 0;
    margin-left: 15px;
}

.about-image-box-2-silver {
    right: auto;
    left: 0;
}

.about-counter-box-silver {
    left: auto;
    right: 30px;
}

.about-us-item-silver .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.about-us-content-list-silver ul li {
    padding-left: 0;
    padding-right: 25px;
}

.about-us-content-list-silver ul li:before {
    left: auto;
    right: 0;
}

.our-services-silver {
    background-position: top left;
}

.service-item-header-silver .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.service-item-title {
    gap: 10px 40px;
}

.what-we-do-box-silver {
    margin-right: 0;
    margin-left: 15px;
}

.what-we-header-counter-silver {
    border-right: none;
    border-left: 1px solid var(--divider-color);
    padding-right: 0;
    padding-left: 20px;
    margin-right: 0;
    margin-left: 20px;
}

.what-we-item-silver .icon-box:before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.award-title-box-silver {
    margin-right: 0;
    margin-left: 15px;
}

.award-item-silver .icon-box::before {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.pricing-item-header-silver .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.pricing-item-list-silver ul li {
    padding-left: 0;
    padding-right: 25px;
}

.pricing-item-list-silver ul li:before {
    left: auto;
    right: 0;
}

.pricing-benefit-list-silver ul li img {
    margin-right: 0;
    margin-left: 10px;
}

.our-working-process-silver::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.working-process-no-silver::before {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.working-process-body-silver .icon-box::before {
    right: auto;
    left: 0;
    left: auto;
    right: 0;
}

.team-item-body-silver {
    right: auto;
    left: 20px;
    left: auto;
    right: 20px;
}

.team-social-list-silver {
    right: auto;
    left: 25px;
}

.testimonial-content-box-silver {
    margin-left: 0;
    margin-right: 15px;
}

.testimonial-author-content-silver {
    text-align: right;
}

.testimonial-btn-silver {
    right: auto;
    left: 0;
}

.testimonial-slider-silver .testimonial-button-next-silver {
    margin-left: 0;
    margin-right: 15px;
}

.testimonial-slider-silver .testimonial-button-prev-silver::before {
    left: auto;
    right: 0;
    right: auto;
    left: 0;
}

.section-footer-text.section-footer-contact span {
    margin-right: 0;
    margin-left: 5px;
}

.footer-menu-silver.footer-privacy-policy-silver ul li::before {
    right: auto;
    left: -18px;
}

.footer-newsletter-form-silver .form-group .newsletter-btn i {
    margin-right: 0;
    margin-left: 2px;
}

.testimonial-content-box-silver {
    margin-left: 0;
    margin-right: 0;
}

.team-item-body-silver {
    right: auto;
    left: 10px;
    left: auto;
    right: 10px;
}

.about-counter-box-silver {
    left: auto;
    right: 15px;
    right: auto;
    left: 15px;
}

.what-we-header-counter-silver {
    border-right: none;
    border-left: none;
    margin-right: 0;
    margin-left: 0;
}

.pricing-benefit-list-silver ul li img {
    margin-right: 0;
    margin-left: 5px;
}


/* Footer scrolling ticker RTL direction fix */
@keyframes scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(100% + var(--gap)));
	}
}