/*============================================================
  RTL (Arabic) overrides for the Denox template
  Loaded after style.css & custom.css only when locale = ar
==============================================================*/

/* ---------- Typography ---------- */
:root {
  --body-font: "Cairo", sans-serif;
  --heading-font: "Cairo", sans-serif;
}
body {
  text-align: right;
}
/* Latin uppercase/capitalize transforms are meaningless in Arabic */
.site-title-tagline,
.theme-btn,
.theme-btn2 {
  letter-spacing: 0;
}

/* Numbered badges ("01.") keep their Latin order */
.feature-item .count,
.service-item .count,
.choose-item .count,
.portfolio-content .subtitle {
  direction: ltr;
  unicode-bidi: isolate;
}
.form-group .form-control{
    text-align: right;
}
/* ---------- Scroll top / WhatsApp (swap sides) ---------- */
#scroll-top {
  right: auto;
  left: 30px;
}
.whatsapp-float {
  left: auto;
  right: 30px;
}

/* ---------- Site heading ---------- */
.site-heading .site-title-tagline i {
  margin-right: -2px;
  margin-left: 5px;
}

.site-heading .site-title-tagline {
      padding: 2px 6px 2px 9px;
}

.text-justify{
    text-align: justify;
}
/*====================
12. Theme button
======================*/
.theme-border-btn,
.theme-btn2,
.theme-btn {

    padding: 5px 10px 5px 10px;

}
/* ---------- Buttons (arrow points to the reading direction) ---------- */
.theme-border-btn::before,
.theme-btn2::before,
.theme-btn::before {
  right: auto;
  left: 0;
}
.theme-border-btn:hover::before,
.theme-btn2:hover::before,
.theme-btn:hover::before {
  left: auto;
  right: 0;
}
.theme-border-btn i,
.theme-btn2 i,
.theme-btn i {
  margin-left: 0;
  margin-right: 8px;
  transform: scaleX(-1) rotate(-40deg);
}
.theme-border-btn:hover i,
.theme-btn2:hover i,
.theme-btn:hover i {
  transform: scaleX(-1) rotate(0deg);
}
.theme-border-btn span,
.theme-btn2 span,
.theme-btn span {
  margin-right: 0;
  margin-left: 5px;
}
.quote-form .theme-btn .spinner-border {
  margin-left: 0;
}

/* ---------- Navbar ---------- */
.navbar .navbar-brand {
  margin-right: 0;
  margin-left: 0;
}
.navbar .dropdown-toggle::after {
  margin-left: 0;
  margin-right: 5px;
}
@media all and (min-width: 992px) {
  .navbar .nav-item .nav-link {
    margin-right: 0;
    margin-left: 22px;
  }
  .navbar .nav-item:last-child .nav-link {
    margin-left: 0;
  }
  .navbar .nav-item .dropdown-menu {
    left: auto;
    right: -15px;
    text-align: right;
  }
  .navbar .nav-item .dropdown-menu .dropdown-item:hover {
    padding-left: 20px;
    padding-right: 32px;

  }
  .navbar .nav-item .dropdown-menu .dropdown-item::before {
    left: auto;
    right: 15px;
    rotate: 180deg;
  }


  .navbar .dropdown-menu.fade-down {
    transform-origin: 100% 0%;
  }
  .navbar .nav-right {
    margin-left: 0;
    margin-right: 30px;
  }
  .header.hd-3 .navbar .nav-right {
    margin-right: 0;
  }
}
@media all and (min-width: 992px) and (max-width: 1199px) {
  .navbar .nav-item .nav-link {
    margin-left: 15px;
  }
}
@media all and (max-width: 991px) {
  .navbar .nav-item .nav-link {
    margin-left: 0;
    text-align: right;
  }
  .navbar .nav-item .dropdown-toggle::after {
    float: left;
  }
  .navbar .dropdown-menu {
    text-align: right;
  }
}

.header.hd-3 .navbar.fixed-top .container{
    justify-content: space-evenly !important;
}



/*============================================
    side Menu for lang and  appointmenet route
==============================================*/
/* .navbar-expand-lg .offcanvas .offcanvas-body .nav-right{
    display: none;
} */

/* ---------- Hero ---------- */
.hs-3 .hero-single .hero-img {
  text-align: left;
}
.feature-item .count {
  right: auto;
  left: 30px;
}


.feature-area2 .feature-info h4{
    margin-top: -7px;
}

/* ---------- About ---------- */
.about-left {
  margin-right: 0;
  margin-left: 30px;
}
@media all and (max-width: 991px) {
  .about-left {
    margin-left: 0;
  }
}

/* ---------- Services ---------- */
.service-item .count {
  right: auto;
  left: 40px;
}
.service-bottom a i {
  margin-left: 0;
  margin-right: 8px;
  transform: scaleX(-1) rotate(-35deg);
}
.service-bottom a:hover i {
  transform: scaleX(-1) rotate(0deg);
}
.service-slider.owl-theme .owl-nav .owl-prev {
  left: auto;
  right: -20px;
}
.service-slider.owl-theme .owl-nav .owl-next {
  right: auto;
  left: -20px;
}
.service-slider:hover.owl-theme .owl-nav .owl-prev {
  left: auto;
  right: -12px;
}
.service-slider:hover.owl-theme .owl-nav .owl-next {
  right: auto;
  left: -12px;
}
.service-slider.owl-theme .owl-nav button i {
  transform: scaleX(-1);
  display: inline-block;
}


.service-slider .service-item .service-content h4{
    font-size: 15px;
}
/* ---------- Counters ---------- */
.counter-box::before {
  right: auto;
  left: 40px;
  border-right: none;
  border-left: 1px solid var(--border-info-color);
}
@media all and (max-width: 767px) {
  .counter-box::before {
    border-left: none;
    left: 0;
  }
}
/* keep "150k" / "99%" in number-then-unit order */
.counter-box .content .info {
  direction: ltr;
  text-align: right;
}

/* ---------- Projects ---------- */
.portfolio-panel .pin-panel .portfolio-content {
  right: auto;
  left: 0;
}
.portfolio-panel .pin-panel .portfolio-bottom {
  text-align: right;
}

/* ---------- Team ---------- */
.team-content {
  text-align: center;
}

/* ---------- Why choose us ---------- */
.choose-item .count {
  right: auto;
  left: 20px;
}
.choose-area2 .choose-img {
  text-align: left;
}
.choose-area2 .choose-img .choose-box {
  left: auto;
  right: 130px;
  text-align: right;
}
@media all and (max-width: 767px) {
  .choose-area2 .choose-img .choose-box {
    right: 30px;
  }
}

.card-project {
    border: #33c2d9 solid !important;
}


/* ---------- CTA ---------- */
.cta-img .img-1 {
  right: auto;
  left: 30%;
  transform: rotate(15deg);
}
.cta-img .img-2 {
  right: auto;
  left: 0;
}

/* ---------- Testimonials ---------- */
.testimonial-item .content .icon {
  right: auto;
  left: 0;
}

.testimonial-item .content .icon-left img {
  width: 30px !important;
  filter: brightness(0) invert(1);
  rotate: 180deg;
}

.testimonial-item .content .icon-left{
    position: relative;
    right: 0px;
    top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 60px;
    background: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-bottom: 30px;
    margin-right: auto !important;
    margin-left: unset;
    /* z-index: -1; */
}

.testimonial-item .content .icon img {
  width: 30px !important;
  filter: brightness(0) invert(1);
  rotate: 0deg;
}


/* ---------- FAQ ---------- */
.faq-area .accordion-button {
  text-align: right;
}
.faq-area .accordion-button::after {
  margin-right: auto;
  margin-left: 3px;
}
.faq-area .accordion-button span {
  margin-right: 0;
  margin-left: 15px;
}
.faq-area .accordion-button span i.fa-question {
  transform: scaleX(-1);
}

/* ---------- Appointment / forms ---------- */
.quote-contact .info li i {
  margin-right: 0;
  margin-left: 10px;
}
.form-select {
  background-position: left 0.75rem center;
}

/* ---------- Marquee (scroll toward the right) ---------- */
.tw-marquee-group {
  animation-name: tw-marquee-rtl;
}
@keyframes tw-marquee-rtl {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.marquee-text-slider .tw-marquee .tw-marquee-group .tw-marquee-text {
  margin-right: 0;
  margin-left: 30px;
}

/* ---------- Footer ---------- */
.footer-widget-box.about-us {
  margin-right: 0;
  margin-left: 50px;
}
@media all and (max-width: 991px) {
  .footer-widget-box.about-us {
    margin-left: 0;
  }
}
.footer-widget-box p {
  padding-right: 0;
  padding-left: 18px;
}
.footer-widget-title::before {
  left: auto;
  right: 0;
}
.footer-list li a {
  margin-left: 0;
  /* margin-right: -20px; */
  margin-right: 0px;
}
.footer-list li a:hover {
  margin-right: 0;
}
.footer-list li a i {
  margin-right: 0;
  margin-left: 5px;
  transform: scaleX(-1);
}

.footer-list li{
    color: var(--color-white);
    transition: var(--transition);
    position: relative;
    margin-left: 0px;
}

.footer-list li:hover{
    color: var(--theme-sky);
}
.footer-newsletter.fn-2 .newsletter-form .form-control {
  padding-left: 60px;
  padding-right: 25px;
}
.footer-newsletter.fn-2 .newsletter-form button {
  right: auto;
  left: 5px;
}
.footer-newsletter .newsletter-form button .fa-paper-plane {
  transform: scaleX(-1);
}

/* ---------- Breadcrumb ---------- */
.site-breadcrumb .breadcrumb-menu li {
  margin-left: 0;
  margin-right: 25px;
}
.site-breadcrumb .breadcrumb-menu li:first-child {
  margin-right: 0;
}
.site-breadcrumb .breadcrumb-menu li::before {
  content: "\f100"; /* angles-left: points along the reading direction */
  right: auto;
  left: -21px;
}

/* ---------- About page ---------- */
.about-left .shape {
  left: auto;
  right: -10px;
}

/* ---------- Services page ---------- */
/* the square "cut" corner of the card sits on the reading-start side */
.service-item,
.service-item::before,
.feature-item {
  border-radius: 40px 40px 0 40px;
}
.pagination .page-link .fa-angle-double-left,
.pagination .page-link .fa-angle-double-right {
  transform: scaleX(-1);
}

/* ---------- Contact page ---------- */
.form-group .form-icon i {
  left: auto;
  right: 15px;
}
.form-group .form-icon .form-control,
.form-group .form-icon .form-select {
  padding-left: 0.75rem;
  padding-right: 40px;
  direction: rtl;
}
.contact-info {
  padding: 5px 5px 5px 50px;
}

/* ---------- Service details page ---------- */
.service-sidebar .widget .title::before {
  left: auto;
  right: 0;
}
.service-sidebar .widget .category a:hover {
  padding-left: 0;
  padding-right: 5px;
}
.service-sidebar .widget .category a i {
  margin-right: 0;
  margin-left: 5px;
  transform: scaleX(-1);
}
.service-sidebar .widget .service-download a i {
  margin-right: 0;
  margin-left: 10px;
}
.service-details .content .list li i {
  margin-right: 0;
  margin-left: 10px;
}