/* Custom RTL Overrides for BST Cloud Technologies Website */

/* Apply Google Fonts Maven Pro (with Cairo as Arabic fallback) to all text and headings */
body, h1, h2, h3, h4, h5, h6, .title, .main-btn, .otab-label, .otab-title, .otab-desc, .otracker-cta-quote, p, span, li, a, strong, small, button {
  font-family: 'Maven Pro', 'Cairo', sans-serif !important;
}

body {
  text-align: right;
}

/* OTracker Features Arabic Layout Fixes */
.otab-info {
  direction: rtl !important;
  text-align: right !important;
  padding-left: 0 !important;
  padding-right: 15px !important;
}

@media (max-width: 991px) {
  .otab-info {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.otab-features-list strong {
  text-align: right !important;
  direction: rtl !important;
}

.otracker-cta-quote {
  direction: rtl !important;
  text-align: center !important;
}

/* Align List Icons correctly in RTL */
.otab-features-list li {
  flex-direction: row; /* Flex layout will order them right-to-left naturally with dir="rtl" */
}

/* van map pins alignment */
.map-pin {
  transform: translate(50%, -100%) !important;
}

@keyframes bouncePin {
  0%, 100% { transform: translate(50%, -100%); }
  50% { transform: translate(50%, -115%); }
}

/* Alignment of LineIcons in list items to have proper spacing */
.otab-feat-icon {
  margin-left: 16px;
  margin-right: 0 !important;
}

/* Testimonial RTL adjustments */
.testimonial-wrapper {
  direction: ltr !important;
}

.single-testimonial {
  direction: rtl !important;
  text-align: right !important;
}

.single-testimonial .testimonial-author .author-image .author {
  left: auto !important;
  right: 17px !important;
}

.single-testimonial .testimonial-author .author-content {
  margin-right: 20px !important;
  margin-left: 0 !important;
  text-align: right !important;
}

/* OTracker Feature Cards RTL adjustments */
.ofeat-card {
  text-align: right;
}

.ofeat-badge {
  letter-spacing: 0;
  font-family: 'Cairo', sans-serif;
}

.ofeat-title {
  text-align: right;
}

.ofeat-desc {
  text-align: right;
}

.ofeat-list {
  text-align: right;
}

.ofeat-list li {
  text-align: right;
}

.ofeat-list div strong {
  text-align: right;
}

.ofeat-list div p {
  text-align: right;
}