/* RTL overrides for Uptown template */

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  overflow-x: hidden;
  font-family: 'Almarai', 'Nunito Sans', sans-serif;
}

/* Typography defaults */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] .navbar-nav,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .btn,
html[dir="rtl"] .form-control,
html[dir="rtl"] .ftco-footer,
html[dir="rtl"] .heading-section,
html[dir="rtl"] .subheading {
  text-align: inherit;
  font-family: 'Almarai', 'Nunito Sans', sans-serif;
}

/* Navbar alignment: place nav items to the left side, brand on the right */
html[dir="rtl"] .navbar-nav.ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Search form flip: input paddings and button position */
html[dir="rtl"] .search-location .form-group .form-field .form-control {
  padding-right: 25px;
  padding-left: 50px;
}
html[dir="rtl"] .search-location .form-group button {
  right: auto;
  left: 0;
  border-radius: 50% 0 50% 50%;
}

/* Heading title decorative line */
html[dir="rtl"] .slider-text .icon-wrap .heading-title:after {
  left: auto;
  right: -40px;
}

/* Footer lists arrows spacing (icon before text) */
html[dir="rtl"] .ftco-footer .list-unstyled li a [class*='icon-'],
html[dir="rtl"] .ftco-footer .list-unstyled li span[class*='icon-'] {
  margin-left: .5rem;
  margin-right: 0;
}

/* Request form icon position */
html[dir="rtl"] .request-form .form-group .icon {
  right: auto;
  left: 0;
}

/* Common Bootstrap spacing flips used in this template */
/* padding left/right */
html[dir="rtl"] .pl-0 { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .pl-1 { padding-left: 0 !important; padding-right: .25rem !important; }
html[dir="rtl"] .pl-2 { padding-left: 0 !important; padding-right: .5rem !important; }
html[dir="rtl"] .pl-3 { padding-left: 0 !important; padding-right: 1rem !important; }
html[dir="rtl"] .pl-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
html[dir="rtl"] .pl-5 { padding-left: 0 !important; padding-right: 3rem !important; }

html[dir="rtl"] .pr-0 { padding-right: 0 !important; padding-left: 0 !important; }
html[dir="rtl"] .pr-1 { padding-right: 0 !important; padding-left: .25rem !important; }
html[dir="rtl"] .pr-2 { padding-right: 0 !important; padding-left: .5rem !important; }
html[dir="rtl"] .pr-3 { padding-right: 0 !important; padding-left: 1rem !important; }
html[dir="rtl"] .pr-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
html[dir="rtl"] .pr-5 { padding-right: 0 !important; padding-left: 3rem !important; }

/* margin left/right */
html[dir="rtl"] .ml-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .ml-1 { margin-left: 0 !important; margin-right: .25rem !important; }
html[dir="rtl"] .ml-2 { margin-left: 0 !important; margin-right: .5rem !important; }
html[dir="rtl"] .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .ml-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .ml-5 { margin-left: 0 !important; margin-right: 3rem !important; }

html[dir="rtl"] .mr-0 { margin-right: 0 !important; margin-left: 0 !important; }
html[dir="rtl"] .mr-1 { margin-right: 0 !important; margin-left: .25rem !important; }
html[dir="rtl"] .mr-2 { margin-right: 0 !important; margin-left: .5rem !important; }
html[dir="rtl"] .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .mr-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
html[dir="rtl"] .mr-5 { margin-right: 0 !important; margin-left: 3rem !important; }

/* Decorative angled overlays */
html[dir="rtl"] .ftco-degree-bg:after {
  right: auto;
  left: 0;
}
html[dir="rtl"] .ftco-degree-bg:before {
  left: auto;
  right: 0;
}

/* Owl Carousel nav arrows swap in RTL */
html[dir="rtl"] .owl-rtl .owl-nav .owl-prev {
  right: 0;
  left: auto;
}
html[dir="rtl"] .owl-rtl .owl-nav .owl-next {
  left: 0;
  right: auto;
}

/* Generic utility: flip .ml-auto to .mr-auto in RTL */
html[dir="rtl"] .ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Hero section centering fixes for RTL */
html[dir="rtl"] .slider-text .text {
  text-align: center !important;
  width: 100%;
  margin-bottom: 3.5rem !important;
}

html[dir="rtl"] .slider-text h1 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[dir="rtl"] .slider-text p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 3rem !important;
}

/* Services Carousel Styles */
.services-carousel {
  direction: ltr;
}

.service-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  margin: 15px;
  height: 350px;
  display: flex;
  flex-direction: column;
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.service-image {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.service-card:hover .service-image img {
  transform: scale(1.1);
}

.service-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(183, 28, 28, 0.8), rgba(183, 28, 28, 0.6));
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.service-card:hover .service-overlay {
  opacity: 1;
}

.service-icon {
  color: white;
  font-size: 3rem;
  text-align: center;
}

.service-content {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.service-content h4 {
  color: #2c3e50;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: 'Almarai', sans-serif;
}

.service-content p {
  color: #7f8c8d;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
  font-family: 'Almarai', sans-serif;
}

/* Owl Carousel Customization for RTL - Clean auto-spin only */