@charset "utf-8";
/* CSS Document */

/* ============================= */
/* INVESTALK RTL OVERRIDES ONLY  */
/* ============================= */

html {
  direction: rtl;
}
/*
body {
  direction: rtl;
  text-align: right;
  font-family: "Cairo", "Noto Kufi Arabic", "Segoe UI", system-ui, sans-serif;
}*/

@font-face {
  font-family: 'BahijTheSansArabic';
  src: url("fonts/BahijTheSansArabic-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/BahijTheSansArabic-Bold.woff") format("woff"), url("fonts/BahijTheSansArabic-Bold.ttf") format("truetype"), url("fonts/BahijTheSansArabic-Bold.svg#BahijTheSansArabic-Bold") format("svg");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'BahijTheSansArabicPlain';
  src: url("fonts/BahijTheSansArabic-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/BahijTheSansArabic-Plain.woff") format("woff"), url("fonts/BahijTheSansArabic-Bold.ttf") format("truetype"), url("fonts/BahijTheSansArabic-Bold.svg#BahijTheSansArabic-Bold") format("svg");
  font-weight: 800;
  font-style: normal; }
body {
  font-family: "BahijTheSansArabicPlain","BahijTheSansArabic","SFCompactDisplay", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  color: #272829;
	font-size: 14px;

	 direction: rtl;
  text-align: right;
	 
}

/* ---- Global text & alignment ---- */

.section-title,
.section-lead,
.hero h1,
.hero p {
  text-align: right;
	color: #FFF;
}
.lime-sub { color: #fff;}
/* ---- Navbar ---- */
.navbar-brand {
  margin-left: 0;
  margin-right: 0;
}

.navbar-nav {
  padding-right: 0;
}

.nav-link {
  text-align: right;
}

/* ---- Hero ---- */
.hero {
  text-align: right;
}

.quick-links {
  flex-direction: row-reverse;
}

/* ---- Cards & tags ---- */
.tag {
  flex-direction: row-reverse;
}

/* ---- Masonry: keep structure, RTL reading ---- */
.masonry {
  direction: rtl;
}

/* ---- Wellbeing grid ---- */
.well-grid,
.wellbeing-grid {
  direction: rtl;
}

/* ---- Filters ---- */
.filter-bar {
  flex-direction: row-reverse;
}

/* ---- KPI Flip Cards ---- */

/* Flip direction reversed for RTL */
.kpi-flip-card:hover .kpi-flip-inner,
.kpi-flip-card:focus .kpi-flip-inner,
.kpi-flip-card:focus-within .kpi-flip-inner {
  transform: rotateY(-180deg);
}

/* Back face adjusted */
.kpi-back {
  transform: rotateY(-180deg);
}

/* KPI layout text */
.kpi-name,
.kpi-number,
.kpi-label,
.kpi-period {
  text-align: center;
}

/* Chips align LEFT in RTL */
.kpi-chip {
  float: left;
}

/* ---- Animations (direction-aware) ---- */

/* Replace slide-left / slide-right logic */
.slide-left {
  transform: translateX(40px);
}
.slide-left.visible {
  transform: translateX(0);
}

.slide-right {
  transform: translateX(-40px);
}
.slide-right.visible {
  transform: translateX(0);
}

/* ---- Progress bar (RTL fill) ---- */
#progressBar {
  transform-origin: right center;
}

/* ---- Joiners section ---- */
.joiner-card {
  text-align: center;
}

/* ---- Video modal ---- */
.video-modal {
  direction: rtl;
}

/* ---- Dividers ---- */
.wave-divider span {
  animation: waveMoveRtl 8s linear infinite;
}

@keyframes waveMoveRtl {
  from { transform: translateX(50%); }
  to   { transform: translateX(-50%); }
}

/* ---- Typewriter (Arabic handled already) ---- */
.cinematic-title {
  text-align: right;
}

/* ---- Utility ---- */
.text-start {
  text-align: right !important;
}
.text-end {
  text-align: left !important;
}


/* Fix invisible carousel items in RTL */
[dir="rtl"] .carousel-item {
  float: right;
}

/* Ensure active item is visible */
[dir="rtl"] .carousel-item.active {
  display: block;
}

/* --- Robust carousel layout (no floats / no negative margins) --- */
.carousel-inner {
  display: flex;
  overflow: hidden;
}

.carousel-item {
  float: none !important;
  margin: 0 !important;
  flex: 0 0 100%;
  width: 100%;
  display: none;               /* Bootstrap expects this baseline */
  transition: transform .6s ease-in-out;
}

/* Bootstrap visibility states */
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* Ensure images fill properly (recommended by Bootstrap docs) */

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
.joiner-card img {display: inline-block !important;}
.well-item .card-body p {color: rgba(233, 238, 252, .72);}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 14.354a.5.5 0 0 1 0-.708L10.293 8 4.646 2.354a.5.5 0 1 1 .708-.708l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708 0z'/%3E%3C/svg%3E");
}

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

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