/* Auto-extracted page-specific styles for about */

/* About page hero + typography isolation */
.hero-bg {
  background: url("../../img/dark-background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #161616;
}

#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro h2,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why h2,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision h2,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission h2,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_values h2 {
  font-size: 3rem!important;
  line-height: 4rem !important;
  font-weight: 700 !important;
}

#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro p,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro li,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why li,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision p,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission p,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_values .s_value_text {
  font-size: 1.125rem !important;
  line-height: 1.7 !important;
}

@media (min-width: 1024px) {
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro .s_intro_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why .s_why_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_vision_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission .s_mission_title {
    text-align: left !important;
  }
}

/* Language-aware direction lock for About titles/text blocks */
html[dir="rtl"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro .s_intro_title,
html[dir="rtl"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why .s_why_title,
html[dir="rtl"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_vision_title,
html[dir="rtl"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission .s_mission_title,
html[lang^="ar"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro .s_intro_title,
html[lang^="ar"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why .s_why_title,
html[lang^="ar"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_vision_title,
html[lang^="ar"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission .s_mission_title {
  text-align: right !important;
}

html[dir="ltr"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro .s_intro_title,
html[dir="ltr"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why .s_why_title,
html[dir="ltr"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_vision_title,
html[dir="ltr"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission .s_mission_title {
  text-align: left !important;
}

html[dir="rtl"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_vision_text,
html[dir="rtl"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission .s_mission_text,
html[lang^="ar"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_vision_text,
html[lang^="ar"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission .s_mission_text {
  text-align: right !important;
}

html[dir="ltr"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_vision_text,
html[dir="ltr"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission .s_mission_text {
  text-align: left !important;
}

.s_tarmez_about_intro .s_intro_title {
  display: none !important;
}

.s_tarmez_about_intro.s_intro_show_title .s_intro_title {
  display: block !important;
}

.s_tarmez_about_intro .s_intro_image {
  display: none !important;
}

.s_tarmez_about_intro.s_intro_show_image .s_intro_image {
  display: block !important;
}

.s_tarmez_about_intro .s_intro_list {
  display: none !important;
}

.s_tarmez_about_intro.s_intro_show_list .s_intro_list {
  display: block !important;
}

.s_tarmez_about_intro.s_intro_title_sm .s_intro_title {
  font-size: 1.5rem !important;
}

.s_tarmez_about_intro.s_intro_title_md .s_intro_title {
  font-size: 1.875rem !important;
}

.s_tarmez_about_intro.s_intro_title_lg .s_intro_title {
  font-size: 2.5rem !important;
}

.s_tarmez_about_intro.s_intro_spacing_sm {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.s_tarmez_about_intro.s_intro_spacing_md {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.s_tarmez_about_intro.s_intro_spacing_lg {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.s_tarmez_about_why.s_tarmez_about_why_img_right .s_tarmez_about_why_container > .s_why_text_col {
  order: 1 !important;
}

.s_tarmez_about_why.s_tarmez_about_why_img_right .s_tarmez_about_why_container > .s_why_image {
  order: 2 !important;
}

.s_tarmez_about_why.s_tarmez_about_why_img_left .s_tarmez_about_why_container > .s_why_text_col {
  order: 2 !important;
}

.s_tarmez_about_why.s_tarmez_about_why_img_left .s_tarmez_about_why_container > .s_why_image {
  order: 1 !important;
}

.s_tarmez_about_why .s_why_title {
  display: none !important;
}

.s_tarmez_about_why.s_why_show_title .s_why_title {
  display: block !important;
}

.s_tarmez_about_why .s_why_image {
  display: none !important;
}

.s_tarmez_about_why.s_why_show_image .s_why_image {
  display: flex !important;
}

.s_tarmez_about_why .s_why_list {
  display: none !important;
}

.s_tarmez_about_why.s_why_show_list .s_why_list {
  display: block !important;
}

.s_tarmez_about_why .s_why_list li {
  color: #ffffff !important;
}

.s_tarmez_about_why.s_why_title_sm .s_why_title {
  font-size: 1.5rem !important;
}

.s_tarmez_about_why.s_why_title_md .s_why_title {
  font-size: 1.875rem !important;
}

.s_tarmez_about_why.s_why_title_lg .s_why_title {
  font-size: 2.5rem !important;
}

.s_tarmez_about_why.s_why_spacing_sm {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.s_tarmez_about_why.s_why_spacing_md {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.s_tarmez_about_why.s_why_spacing_lg {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

@media (max-width: 1024px) {
  .s_tarmez_about_why .s_tarmez_about_why_container {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1024px) {
  .s_tarmez_about_why .s_tarmez_about_why_container > .s_why_text_col,
  .s_tarmez_about_why .s_tarmez_about_why_container > .s_why_image {
    order: unset !important;
  }
}

.s_tarmez_about_vision.s_tarmez_about_vision_img_right .s_tarmez_about_vision_container > .s_vision_text_col {
  order: 1 !important;
}

.s_tarmez_about_vision.s_tarmez_about_vision_img_right .s_tarmez_about_vision_container > .s_vision_image {
  order: 2 !important;
}

.s_tarmez_about_vision.s_tarmez_about_vision_img_left .s_tarmez_about_vision_container > .s_vision_text_col {
  order: 2 !important;
}

.s_tarmez_about_vision.s_tarmez_about_vision_img_left .s_tarmez_about_vision_container > .s_vision_image {
  order: 1 !important;
}

.s_tarmez_about_vision .s_vision_title {
  display: none !important;
}

.s_tarmez_about_vision.s_vision_show_title .s_vision_title {
  display: block !important;
}

.s_tarmez_about_vision .s_vision_image {
  display: none !important;
}

.s_tarmez_about_vision.s_vision_show_image .s_vision_image {
  display: block !important;
}

.s_tarmez_about_vision .s_vision_text {
  display: none !important;
}

.s_tarmez_about_vision.s_vision_show_text .s_vision_text {
  display: block !important;
}

.s_tarmez_about_vision.s_vision_title_sm .s_vision_title {
  font-size: 1.5rem !important;
}

.s_tarmez_about_vision.s_vision_title_md .s_vision_title {
  font-size: 1.875rem !important;
}

.s_tarmez_about_vision.s_vision_title_lg .s_vision_title {
  font-size: 2.5rem !important;
}

.s_tarmez_about_vision.s_vision_spacing_sm {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.s_tarmez_about_vision.s_vision_spacing_md {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.s_tarmez_about_vision.s_vision_spacing_lg {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

@media (max-width: 1024px) {
  .s_tarmez_about_vision .s_tarmez_about_vision_container {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1024px) {
  .s_tarmez_about_vision .s_tarmez_about_vision_container > .s_vision_text_col,
  .s_tarmez_about_vision .s_tarmez_about_vision_container > .s_vision_image {
    order: unset !important;
  }
}

.s_tarmez_about_mission.s_tarmez_about_mission_img_left .s_tarmez_about_mission_container > .s_mission_image {
  order: 1 !important;
}

.s_tarmez_about_mission.s_tarmez_about_mission_img_left .s_tarmez_about_mission_container > .s_mission_text_col {
  order: 2 !important;
}

.s_tarmez_about_mission.s_tarmez_about_mission_img_right .s_tarmez_about_mission_container > .s_mission_image {
  order: 2 !important;
}

.s_tarmez_about_mission.s_tarmez_about_mission_img_right .s_tarmez_about_mission_container > .s_mission_text_col {
  order: 1 !important;
}

.s_tarmez_about_mission .s_mission_title {
  display: none !important;
}

.s_tarmez_about_mission.s_mission_show_title .s_mission_title {
  display: block !important;
}

.s_tarmez_about_mission .s_mission_image {
  display: none !important;
}

.s_tarmez_about_mission.s_mission_show_image .s_mission_image {
  display: block !important;
}

.s_tarmez_about_mission .s_mission_text {
  display: none !important;
}

.s_tarmez_about_mission.s_mission_show_text .s_mission_text {
  display: block !important;
}

.s_tarmez_about_mission.s_mission_title_sm .s_mission_title {
  font-size: 1.5rem !important;
}

.s_tarmez_about_mission.s_mission_title_md .s_mission_title {
  font-size: 1.875rem !important;
}

.s_tarmez_about_mission.s_mission_title_lg .s_mission_title {
  font-size: 2.5rem !important;
}

.s_tarmez_about_mission.s_mission_spacing_sm {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.s_tarmez_about_mission.s_mission_spacing_md {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.s_tarmez_about_mission.s_mission_spacing_lg {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

@media (max-width: 1024px) {
  .s_tarmez_about_mission .s_tarmez_about_mission_container {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1024px) {
  .s_tarmez_about_mission .s_tarmez_about_mission_container > .s_mission_image,
  .s_tarmez_about_mission .s_tarmez_about_mission_container > .s_mission_text_col {
    order: unset !important;
  }
}

/* Vision / Mission desktop layout: mirror EN columns in RTL (match about-with-Arabic.html). */
@media (min-width: 1025px) {
  html[dir="rtl"] .s_tarmez_about_vision .s_tarmez_about_vision_container,
  html[lang^="ar"] .s_tarmez_about_vision .s_tarmez_about_vision_container,
  html[dir="rtl"] .s_tarmez_about_mission .s_tarmez_about_mission_container,
  html[lang^="ar"] .s_tarmez_about_mission .s_tarmez_about_mission_container {
    direction: ltr;
  }

  html[dir="rtl"] .s_tarmez_about_vision.s_tarmez_about_vision_img_right .s_tarmez_about_vision_container > .s_vision_text_col,
  html[lang^="ar"] .s_tarmez_about_vision.s_tarmez_about_vision_img_right .s_tarmez_about_vision_container > .s_vision_text_col {
    order: 2 !important;
  }

  html[dir="rtl"] .s_tarmez_about_vision.s_tarmez_about_vision_img_right .s_tarmez_about_vision_container > .s_vision_image,
  html[lang^="ar"] .s_tarmez_about_vision.s_tarmez_about_vision_img_right .s_tarmez_about_vision_container > .s_vision_image {
    order: 1 !important;
  }

  html[dir="rtl"] .s_tarmez_about_mission.s_tarmez_about_mission_img_left .s_tarmez_about_mission_container > .s_mission_image,
  html[lang^="ar"] .s_tarmez_about_mission.s_tarmez_about_mission_img_left .s_tarmez_about_mission_container > .s_mission_image {
    order: 2 !important;
  }

  html[dir="rtl"] .s_tarmez_about_mission.s_tarmez_about_mission_img_left .s_tarmez_about_mission_container > .s_mission_text_col,
  html[lang^="ar"] .s_tarmez_about_mission.s_tarmez_about_mission_img_left .s_tarmez_about_mission_container > .s_mission_text_col {
    order: 1 !important;
  }

  html[dir="rtl"] .s_tarmez_about_vision .s_vision_text_col,
  html[lang^="ar"] .s_tarmez_about_vision .s_vision_text_col {
    padding-inline-end: 3rem;
    padding-inline-start: 0;
  }

  html[dir="rtl"] .s_tarmez_about_mission .s_mission_text_col,
  html[lang^="ar"] .s_tarmez_about_mission .s_mission_text_col {
    padding-inline-start: 3rem;
    padding-inline-end: 0;
  }

  html[dir="rtl"] .s_tarmez_about_why .s_tarmez_about_why_container,
  html[lang^="ar"] .s_tarmez_about_why .s_tarmez_about_why_container {
    direction: ltr;
  }

  html[dir="rtl"] .s_tarmez_about_why.s_tarmez_about_why_img_right .s_tarmez_about_why_container > .s_why_text_col,
  html[lang^="ar"] .s_tarmez_about_why.s_tarmez_about_why_img_right .s_tarmez_about_why_container > .s_why_text_col {
    order: 2 !important;
  }

  html[dir="rtl"] .s_tarmez_about_why.s_tarmez_about_why_img_right .s_tarmez_about_why_container > .s_why_image,
  html[lang^="ar"] .s_tarmez_about_why.s_tarmez_about_why_img_right .s_tarmez_about_why_container > .s_why_image {
    order: 1 !important;
  }
}

html[dir="rtl"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro .s_intro_list,
html[lang^="ar"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro .s_intro_list {
  direction: rtl;
  text-align: right;
  list-style-position: outside;
  padding-inline-start: 1.25rem;
  padding-inline-end: 0;
}

html[dir="rtl"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why .s_why_list,
html[lang^="ar"] #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why .s_why_list {
  direction: rtl;
  text-align: right;
}

.s_tarmez_about_values .s_tarmez_values_grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.s_tarmez_about_values.s_tarmez_about_values_col_2 .s_tarmez_values_grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.s_tarmez_about_values.s_tarmez_about_values_col_3 .s_tarmez_values_grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.s_tarmez_about_values.s_tarmez_about_values_col_4 .s_tarmez_values_grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.s_tarmez_about_values .s_values_title {
  display: none !important;
}

.s_tarmez_about_values.s_values_show_title .s_values_title {
  display: block !important;
}

.s_tarmez_about_values .s_value_icon {
  display: none !important;
}

.s_tarmez_about_values.s_values_show_images .s_value_icon {
  display: inline-block !important;
}

.s_tarmez_about_values .s_value_card .s_value_title {
  display: none !important;
}

.s_tarmez_about_values.s_values_show_card_titles .s_value_card .s_value_title {
  display: block !important;
}

.s_tarmez_about_values .s_value_text {
  display: none !important;
}

.s_tarmez_about_values.s_values_show_card_text .s_value_text {
  display: block !important;
}

.s_tarmez_about_values .s_value_card {
  border: none !important;
}

.s_tarmez_about_values.s_values_card_border .s_value_card {
  border: 1px solid #e5e7eb !important;
}

.s_tarmez_about_values.s_values_spacing_sm {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.s_tarmez_about_values.s_values_spacing_md {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.s_tarmez_about_values.s_values_spacing_lg {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

@media (max-width: 768px) {
  .s_tarmez_about_values .s_tarmez_values_grid {
    grid-template-columns: 1fr !important;
  }
}

/* ------------------------------
   About page final responsive lock
   ------------------------------ */
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro .s_intro_title,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why .s_why_title,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_vision_title,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission .s_mission_title,
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_values .s_values_title {
  font-weight: 800 !important;
}

@media (min-width: 992px) {
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro .s_intro_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why .s_why_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_vision_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission .s_mission_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_values .s_values_title {
    font-size: 3rem !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 991.98px) {
  /* 1) Mobile titles: larger/bolder like reference */
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_intro .s_intro_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_why .s_why_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_vision_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_mission .s_mission_title,
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_values .s_values_title {
    font-size: 2.25rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
  }

  /* 2) Vision section on mobile: image first, text second */
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_tarmez_about_vision_container > .s_vision_image {
    order: 1 !important;
  }
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_vision .s_tarmez_about_vision_container > .s_vision_text_col {
    order: 2 !important;
  }

  /* 3) Values section on mobile: one card per row */
  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_values .s_tarmez_values_grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  #wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_values .s_value_card {
    width: 100% !important;
  }
}

/* Values titles: avoid global `font-size: inherit` from generic heading rules. */
#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_values .s_values_title {
  font-size: clamp(2rem, 2.8vw, 3rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

#wrapwrap #wrap.tarmez-design-exact .s_tarmez_about_values .s_value_card .s_value_title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #111827 !important;
}