/* ============================================
   DUBAI FONT IMPORT
   ============================================ */
@import url('https://fonts.cdnfonts.com/css/dubai');

#devtools-indicator,
.nextjs-toast {
  display: none !important;
}

body {
  overflow-x: hidden;
  font-family: var(--font-poppins), 'Poppins', sans-serif;
}

/* ============================================
   ARABIC DUBAI FONT FAMILY
   ============================================ */

/* Apply Dubai font when Arabic language is active */
html[lang="ar"] body,
html[lang="ar"] *,
[dir="rtl"] body,
[dir="rtl"] * {
  font-family: 'Dubai', 'Arial Unicode MS', 'Tahoma', sans-serif !important;
}

/* Ensure Dubai font is used for all Arabic text elements */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] span,
html[lang="ar"] div,
html[lang="ar"] a,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] label,
html[lang="ar"] li {
  font-family: 'Dubai', 'Arial Unicode MS', 'Tahoma', sans-serif !important;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] div,
[dir="rtl"] a,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] label,
[dir="rtl"] li {
  font-family: 'Dubai', 'Arial Unicode MS', 'Tahoma', sans-serif !important;
}

/* Additional class-based font control */
body.arabic-font,
body.arabic-font *,
.arabic-font {
  font-family: 'Dubai', 'Arial Unicode MS', 'Tahoma', sans-serif !important;
}

/* Keep English elements with Poppins when in Arabic mode */
body:not(.arabic-font),
body:not(.arabic-font) * {
  font-family: var(--font-poppins), 'Poppins', sans-serif;
}

/* ============================================
   RTL (Right-to-Left) Support for Arabic
   ============================================ */

/* RTL Base Setup - Keep scrollbar on right */
[dir="rtl"] {
  direction: rtl;
}

/* Override default RTL scrollbar position - keep it on right */
[dir="rtl"] html {
  direction: ltr; /* Keep scrollbar on right */
}

[dir="rtl"] body {
  direction: rtl; /* Content flows RTL */
}

/* Arabic font support */
[dir="rtl"] body,
html[lang="ar"] body {
  font-family: 'Dubai', 'Arial Unicode MS', 'Tahoma', sans-serif !important;
}

/* RTL Text Alignment */
[dir="rtl"] {
  text-align: right;
}

[dir="rtl"] .text-left {
  text-align: right !important;
}

[dir="rtl"] .text-right {
  text-align: left !important;
}

/* RTL Flexbox Direction */
[dir="rtl"] .d-flex,
[dir="rtl"] .flex {
  flex-direction: row-reverse;
}

[dir="rtl"] .flex-row {
  flex-direction: row-reverse !important;
}

[dir="rtl"] .flex-row-reverse {
  flex-direction: row !important;
}

/* RTL Margins and Paddings */
[dir="rtl"] .ms-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

[dir="rtl"] .me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

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

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

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

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

/* RTL Float */
[dir="rtl"] .float-start {
  float: right !important;
}

[dir="rtl"] .float-end {
  float: left !important;
}

/* RTL Border Radius */
[dir="rtl"] .rounded-start {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

[dir="rtl"] .rounded-end {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* RTL Positioning */
[dir="rtl"] .start-0 {
  right: 0 !important;
  left: auto !important;
}

[dir="rtl"] .end-0 {
  left: 0 !important;
  right: auto !important;
}

[dir="rtl"] .start-50 {
  right: 50% !important;
  left: auto !important;
}

[dir="rtl"] .end-50 {
  left: 50% !important;
  right: auto !important;
}

/* RTL Transform for centered elements */
[dir="rtl"] .translate-middle-x {
  transform: translateX(50%) !important;
}

/* RTL List Styles */
[dir="rtl"] ul,
[dir="rtl"] ol {
  padding-right: 2rem;
  padding-left: 0;
}

[dir="rtl"] .list-unstyled {
  padding-right: 0;
}

/* RTL Form Controls */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
}

[dir="rtl"] input[type="checkbox"],
[dir="rtl"] input[type="radio"] {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* RTL Dropdown */
[dir="rtl"] .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

/* RTL Modal */
[dir="rtl"] .modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem;
}

/* RTL Navbar */
[dir="rtl"] .navbar-nav {
  flex-direction: row-reverse;
}

[dir="rtl"] .navbar-collapse {
  text-align: right;
}

/* RTL Breadcrumb */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 0.5rem;
  padding-right: 0;
  content: "/" !important;
}

/* RTL Carousel Controls */
[dir="rtl"] .carousel-control-prev {
  right: 0;
  left: auto;
}

[dir="rtl"] .carousel-control-next {
  left: 0;
  right: auto;
}

/* RTL Icons and Arrows - Flip horizontally */
[dir="rtl"] .icon-flip,
[dir="rtl"] .arrow-icon {
  transform: scaleX(-1);
}

/* RTL Toast Notifications */
[dir="rtl"] .Toastify__toast-container {
  right: auto !important;
  left: 1em !important;
}

[dir="rtl"] .Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
  right: auto;
}

[dir="rtl"] .Toastify__toast-container--top-right {
  top: 1em;
  left: 1em !important;
  right: auto !important;
}

[dir="rtl"] .Toastify__toast {
  text-align: right !important;
  direction: rtl !important;
  padding: 16px;
}

[dir="rtl"] .Toastify__toast-body {
  text-align: right;
  direction: rtl;
  padding: 0;
}

[dir="rtl"] .Toastify__close-button {
  left: 8px;
  right: auto;
}

[dir="rtl"] .Toastify__progress-bar {
  right: 0;
  left: auto;
}

/* RTL Grid System */
[dir="rtl"] .row {
  flex-direction: row-reverse;
}

[dir="rtl"] .col,
[dir="rtl"] [class*="col-"] {
  text-align: right;
}
[dir="rtl"] .services-onTime.online_pack1 .para{
  text-align: right !important;

}
/* Team Slider Styles */
.team-slider-wrapper {
  position: relative;
  padding: 40px 0;
}

.team-swiper {
  padding-bottom: 50px !important;
}

.team-swiper .swiper-button-next,
.team-swiper .swiper-button-prev {
  color: #00287c;
  width: 44px;
  height: 44px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.team-swiper .swiper-button-next:after,
.team-swiper .swiper-button-prev:after {
  font-size: 18px;
  font-weight: bold;
}

.team-swiper .swiper-button-next:hover,
.team-swiper .swiper-button-prev:hover {
  background: #00287c;
  color: white;
  transform: scale(1.1);
}

.team-swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #00287c;
  opacity: 0.3;
  transition: all 0.3s ease;
}

.team-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background: #00287c;
  width: 30px;
  border-radius: 6px;
}

.team-swiper .swiper-slide {
  height: auto;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.team-swiper .about-leader-row_new1 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.team-swiper .sec5_block {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}

.team-swiper .sec5_block_img {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.team-swiper .sec5_block_content {
  text-align: center;
}
.leader-slider-set .swiper.swiper-initialized.swiper-horizontal.team-swiper.swiper-backface-hidden {
    padding-bottom: 0 !important;
}
@media (max-width: 991px) {
  .team-swiper .swiper-button-next,
  .team-swiper .swiper-button-prev {
    width: 38px;
    height: 38px;
  }

  .team-swiper .swiper-button-next:after,
  .team-swiper .swiper-button-prev:after {
    font-size: 16px;
  }
}

@media (max-width: 640px) {
  .team-swiper .swiper-button-next,
  .team-swiper .swiper-button-prev {
    width: 35px;
    height: 35px;
  }

  .team-swiper .swiper-button-next:after,
  .team-swiper .swiper-button-prev:after {
    font-size: 14px;
  }
  
  .team-slider-wrapper {
    padding: 20px 0;
  }
}


/* ============================================
   Additional RTL Fixes for Custom Components
   ============================================ */

/* RTL Navigation and Header */
[dir="rtl"] .header_right {
  flex-direction: row-reverse;
}

[dir="rtl"] .navbar-nav {
  flex-direction: row-reverse !important;
}

[dir="rtl"] .navbar-collapse {
  text-align: right;
}

/* RTL Buttons and Links */
[dir="rtl"] button,
[dir="rtl"] a {
  text-align: center;
}

/* RTL Tables */
[dir="rtl"] table {
  direction: rtl;
}

[dir="rtl"] th,
[dir="rtl"] td {
  text-align: right;
}

/* RTL Swiper/Slider Navigation */
[dir="rtl"] .swiper-button-next {
  left: 10px;
  right: auto;
}

[dir="rtl"] .swiper-button-prev {
  right: 10px;
  left: auto;
}

[dir="rtl"] .swiper-button-next:after {
  content: 'prev' !important;
}

[dir="rtl"] .swiper-button-prev:after {
  content: 'next' !important;
}

/* RTL Card Components */
[dir="rtl"] .card {
  text-align: right;
}

[dir="rtl"] .card-body {
  text-align: right;
}

/* RTL Badges and Pills */
[dir="rtl"] .badge,
[dir="rtl"] .pill {
  direction: rtl;
}

/* RTL Alerts */
[dir="rtl"] .alert {
  text-align: right;
}

[dir="rtl"] .alert-dismissible .btn-close {
  left: 0;
  right: auto;
}

/* RTL Progress Bars */
[dir="rtl"] .progress {
  direction: rtl;
}

/* RTL Pagination */
[dir="rtl"] .pagination {
  flex-direction: row-reverse;
}

/* RTL Accordion */
[dir="rtl"] .accordion-button {
  text-align: right;
}

[dir="rtl"] .accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}

/* RTL Tabs */
[dir="rtl"] .nav-tabs,
[dir="rtl"] .nav-pills {
  flex-direction: row-reverse;
}

/* RTL Offcanvas */
[dir="rtl"] .offcanvas-start {
  right: 0;
  left: auto;
  transform: translateX(100%);
}

[dir="rtl"] .offcanvas-end {
  left: 0;
  right: auto;
  transform: translateX(-100%);
}

/* RTL Tooltips and Popovers */
[dir="rtl"] .tooltip,
[dir="rtl"] .popover {
  text-align: right;
}

/* RTL Scrollbar - Keep on right side */
/* Keep scrollbar on right for RTL */
[dir="rtl"] body {
  overflow-x: hidden;
}

/* RTL Input Groups */
[dir="rtl"] .input-group > :not(:first-child) {
  margin-right: -1px;
  margin-left: 0;
}

[dir="rtl"] .input-group-text {
  text-align: right;
}

/* RTL Select Dropdown Arrow */
[dir="rtl"] select {
  background-position: left 0.75rem center;
  padding-right: 0.75rem;
  padding-left: 2.25rem;
}

/* RTL Checkbox and Radio Labels */
[dir="rtl"] .form-check {
  padding-right: 1.5em;
  padding-left: 0;
}

[dir="rtl"] .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

/* RTL Switch */
[dir="rtl"] .form-switch .form-check-input {
  margin-right: -2.5em;
}

/* RTL List Group */
[dir="rtl"] .list-group {
  padding-right: 0;
  text-align: right;
}

/* RTL Steps/Stepper */
[dir="rtl"] .stepper,
[dir="rtl"] .steps {
  flex-direction: row-reverse;
}

/* RTL Timeline */
[dir="rtl"] .timeline {
  direction: rtl;
}

[dir="rtl"] .timeline-item {
  text-align: right;
}

/* RTL Social Media Icons */
[dir="rtl"] .social-icons {
  flex-direction: row-reverse;
}

/* RTL Footer */
[dir="rtl"] footer {
  text-align: right;
}

[dir="rtl"] .footer-links {
  text-align: right;
}

/* RTL Responsive Utilities */
@media (max-width: 768px) {
  [dir="rtl"] .mobile-menu {
    right: auto;
    left: 0;
  }
  
  [dir="rtl"] .navbar-toggler {
    margin-left: 0;
    margin-right: auto;
  }
}

/* RTL Animation Direction Fix */
[dir="rtl"] .slide-in-left {
  animation-name: slide-in-right;
}

[dir="rtl"] .slide-in-right {
  animation-name: slide-in-left;
}

/* RTL Text Truncation */
[dir="rtl"] .text-truncate {
  direction: rtl;
}


/* ============================================
   RTL Swiper/Slider Fixes
   ============================================ */

/* Fix Swiper direction in RTL */
[dir="rtl"] .swiper {
  direction: ltr !important;
}

[dir="rtl"] .swiper-wrapper {
  direction: ltr !important;
}

[dir="rtl"] .swiper-slide {
  direction: rtl !important;
  text-align: right;
}

/* Fix Swiper navigation buttons in RTL */
[dir="rtl"] .swiper-button-next {
  left: 10px;
  right: auto;
}

[dir="rtl"] .swiper-button-prev {
  right: 10px;
  left: auto;
}

/* Fix Swiper pagination in RTL */
[dir="rtl"] .swiper-pagination {
  direction: ltr !important;
}

/* Fix team slider in RTL */
[dir="rtl"] .team-swiper {
  direction: ltr !important;
}

[dir="rtl"] .team-swiper .swiper-wrapper {
  direction: ltr !important;
  display: flex !important;
}

[dir="rtl"] .team-swiper .swiper-slide {
  direction: rtl !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

[dir="rtl"] .about-leader-row_new1 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

[dir="rtl"] .about-leader-row_new1 .sec5_block {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

[dir="rtl"] .sec5_block_img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

[dir="rtl"] .about-leader-subhedaing {
  text-align: center !important;
}

/* Fix certificate slider content in RTL */
[dir="rtl"] .aboutUs_achievement .swiper-slide {
  direction: rtl !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

[dir="rtl"] .aboutUs_achievement .sec5_block_img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

[dir="rtl"] .sec5_block_content {
  text-align: center !important;
  width: 100%;
}

[dir="rtl"] .sec5_block_content h3,
[dir="rtl"] .sec5_block_content h4,
[dir="rtl"] .sec5_block_content p {
  text-align: center !important;
}

/* Ensure slider content stays centered */
[dir="rtl"] .swiper-slide > * {
  margin-left: auto;
  margin-right: auto;
}


/* ============================================
   Additional RTL Slider Content Fixes
   ============================================ */

/* Center all slider content in RTL */
[dir="rtl"] .swiper-slide {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Team slider specific fixes */
[dir="rtl"] .about-leader .sec5_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

[dir="rtl"] .about-leader .sec5_block h3,
[dir="rtl"] .about-leader .sec5_block h4 {
  text-align: center !important;
  width: 100%;
}

/* Certificate slider fixes */
[dir="rtl"] .aboutUs_achievement .sec5_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

/* Authorized services slider */
[dir="rtl"] .services-onTime-authorized .swiper-slide {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  direction: rtl !important;
}

[dir="rtl"] .services-onTime-authorized .sec5_block_img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}

[dir="rtl"] .services-onTime-authorized .sec5_block_img img {
  width: 140px !important;
  height: 100px !important;
  object-fit: contain;
}

/* Main services slider on homepage */
[dir="rtl"] .sec1 .swiper-slide {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

[dir="rtl"] .blockadd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

[dir="rtl"] .blockadd_head {
  text-align: center !important;
}

/* Google Reviews slider */
[dir="rtl"] .google-reviews-swiper .swiper-slide {
  direction: rtl !important;
}

[dir="rtl"] .google-review-card {
  text-align: right;
}

[dir="rtl"] .testi {
  text-align: right;
}

[dir="rtl"] .testi2 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 15px;
}

[dir="rtl"] .testhead,
[dir="rtl"] .testpaar {
  text-align: right;
}

/* ============================================
   RTL Language Dropdown Fixes
   ============================================ */

/* Fix language dropdown alignment in RTL - keep button RTL, dropdown LTR */
[dir="rtl"] .topinff_new {
  left: 0;
  right: auto;
  text-align: left;
  direction: ltr;
}

[dir="rtl"] .topinff_new a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 8px 28px 8px 10px;
  text-align: left;
  direction: ltr;
}

/* ============================================
   Keep Email and Phone Numbers LTR in RTL Mode
   ============================================ */

/* Email and phone should always be LTR */
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] a[href^="tel:"] {
  direction: ltr;
  display: inline-flex;
  flex-direction: row;
  unicode-bidi: embed;
}

[dir="rtl"] a[href^="mailto:"] span,
[dir="rtl"] a[href^="tel:"] span {
  direction: ltr;
  unicode-bidi: embed;
}

/* Keep email text in top header LTR */
[dir="rtl"] .top_bar1 a {
  direction: ltr;
  display: inline-flex;
  flex-direction: row;
}

[dir="rtl"] .top_bar1 a span {
  direction: ltr;
}

/* Keep footer email and phone LTR */
[dir="rtl"] .footer_inner11 a {
  direction: ltr;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

[dir="rtl"] .footer_inner11 a span {
  direction: ltr;
}

/* ============================================
   RTL News Page Card Content Alignment
   ============================================ */

/* News cards content alignment in RTL */
[dir="rtl"] .online_pack1_block {
  text-align: right;
}

[dir="rtl"] .newpg-subBox {
  text-align: right;
}

[dir="rtl"] .blockadd_head {
  text-align: right;
}

[dir="rtl"] .blockadd_head_in {
  text-align: right;
}

[dir="rtl"] .online_pack1_block .para {
  text-align: right;
}

[dir="rtl"] .online_pack1_blockin3 {
  display: flex;
  justify-content: flex-start;
}

[dir="rtl"] .news-blog-btn {
  display: flex;
  justify-content: flex-start;
}

[dir="rtl"] .news-blog-btn .btnadd {
  margin-right: 0;
  margin-left: 0;
}