/* About page */
.about-page,
.about-page *,
.about-page *::before,
.about-page *::after { box-sizing: border-box; }
.about-page {width: 100%; overflow: hidden; color: #071957; font-family: 'Manrope', sans-serif;}
.about-page #about-leadership-title{ margin: -10px 93px 18px 129px;  color: #00115E; font-family: 'Manrope', sans-serif; font-size: 32px; text-align: center; font-weight: 700; }
.about-page .about-container { width: min(1280px, calc(100% - 96px)); margin-inline: auto; }
.about-page .about-journey {height: 462px; overflow: hidden; color: #fff; background: linear-gradient(116deg, #00082d 0%, #103a78 43%, #27685c 76%, #010e4b 100%);}
.about-page .about-journey .about-container { position: relative; height: 100%; padding-top: 15px; }
.about-page .about-journey .about-section-title { color: #fff; font-size: 32px; font-family: 'Manrope', sans-serif; font-weight: 700; display: flex; align-items: center; justify-content: center; text-align: center; margin: 4px 0px 2px 0; }
.about-page .about-timeline { position: absolute; inset: 0; top: 34px; }
.about-page .about-timeline-line {position: absolute; z-index: 0; top: 210px; right: 0; left: 0; height: 12.01px; border-radius: 8px; background: linear-gradient(90deg, #a4f52b 0%, #abf639 31%, #60e4d5 66%, #38d3ed 100%);}
.about-page .about-timeline-start,
.about-page .about-timeline-end {position: absolute; z-index: 2; top: 201px; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #fff; font-family: 'Manrope', sans-serif; font-size: 18px; line-height: 1; }
.about-page .about-timeline-start { left: 0; height: 35px; top: 198px; width: 35px; }
.about-page .about-timeline-end { top: 214px; right: -3px; color: #071957;  font-family: 'Manrope', sans-serif; font-size: 23px; font-weight: 700; height: 38px;
    width: 38px; }
.about-page .about-milestone { position: absolute; top: 0; width: 128px; height: 100%; text-align: center; transform: translateX(-50%); }
.about-page .about-milestone h2 { position: absolute; top: 185px; left: 50%; z-index: 2; margin: 0; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.2; transform: translateX(-50%); }
.about-page .about-milestone-card { position: absolute; left: 50%; width: 100%; min-height: 68px; align-items: center; justify-content: center; padding: 8px 9px; border: 1px solid #FFFFFF; border-radius: 10px; color: #f4f7ff; background: rgba(101, 144, 183, .26); font-size: 10px; font-weight: 400; line-height: 1.45; transform: translateX(-50%); }
.about-page .about-milestone-card span { color: #57E4FF; }
.about-page .about-milestone-dot { position: absolute; left: 50%; z-index: 1; width: 20px; height: 20px; border-radius: 50%; background:#57E4FF; transform: translateX(-50%); }
.about-page .about-milestone::before { position: absolute; left: 50%; width: 4px; content: ""; transform: translateX(-50%); background: repeating-linear-gradient(to bottom, rgba(76, 220, 241, .85) 0 5px, transparent 5px 9px); }
.about-page .about-milestone-2020 .about-milestone-card { width: 225px; }
.about-page .about-milestone-2021 .about-milestone-card { width: 178px; }
.about-page .about-milestone-2022 .about-milestone-card { width: 190px; }
.about-page .about-milestone-2023 .about-milestone-card { width: 191px; }
.about-page .about-milestone-2024 .about-milestone-card { width: 228px; }
.about-page .about-milestone-2025 .about-milestone-card { width: 221px; }
.about-page .about-milestone-2026 .about-milestone-card { width: 238px; }
.about-page .about-milestone-2020 { left: 20%; }
.about-page .about-milestone-2020 .about-milestone-card { top:60px; min-height: 68px; }
.about-page .about-milestone-2020::before { top: 189px; height: 21px; background: repeating-linear-gradient(to bottom, rgba(165, 245, 43, .9) 0 5px, transparent 5px 9px); }
.about-page .about-milestone-2020 .about-milestone-dot { top: 177px; background: #BEFF2F; }
.about-page .about-milestone-2020 h2 { top: 173px; left: -122px; transform: none; font-family: 'Manrope', sans-serif; font-size: 28px; }
.about-page .about-milestone-2021 { left: 8%; }
.about-page .about-milestone-2021 h2 { top: 242px; left: 181px; transform: none; font-family: 'Manrope', sans-serif; font-size: 28px; }
.about-page .about-milestone-2021::before, .about-page .about-milestone-2023::before, .about-page .about-milestone-2024::before, .about-page .about-milestone-2026::before { top: 225px; height: 16px; }
.about-page .about-milestone-2021 .about-milestone-dot { top: 237px; }
.about-page .about-milestone-2021 .about-milestone-card { top: 262px; min-height: 63px;   font-family: 'Manrope', sans-serif; font-style: normal;
font-weight: 400;
  font-size: 16px; }
.about-page .about-milestone-2022 { left: 46%; }
.about-page .about-milestone-2022 .about-milestone-card { top: 60px; min-height: 62px; font-size: 16px;  font-family: 'Manrope', sans-serif; font-style: normal;
font-weight: 400; }
.about-page .about-milestone-2022::before, .about-page .about-milestone-2025::before { top: 189px; height: 21px; background: repeating-linear-gradient(to bottom, rgba(165, 245, 43, .9) 0 5px, transparent 5px 9px); }
.about-page .about-milestone-2022 .about-milestone-dot { top: 177px; background: #a5f52b; }
.about-page .about-milestone-2022 h2 { top: 174px; left: -129px; transform: none; font-family: 'Manrope', sans-serif; font-size: 28px;  }
.about-page .about-milestone-2023 { left: 33.5%; }
.about-page .about-milestone-2023 h2 { top: 242px; left: 189px; transform: none; font-family: 'Manrope', sans-serif; font-size: 28px; }
.about-page .about-milestone-2023 .about-milestone-dot { top: 237px; }
.about-page .about-milestone-2023 .about-milestone-card { top: 262px; min-height: 78px; font-family: 'Manrope', sans-serif; font-size: 16px; font-style: normal;
    font-weight: 400; }
.about-page .about-milestone-2024 { left: 60.5%; }
.about-page .about-milestone-2024 .about-milestone-card { top: 262px; min-height: 78px;  font-family: 'Manrope', sans-serif; font-style: normal;
    font-weight: 400;
  font-size: 16px; }
.about-page .about-milestone-2024 .about-milestone-dot { top: 237px; }
.about-page .about-milestone-2024 h2 { top: 174px; left: 65px; font-family: 'Manrope', sans-serif; font-size: 28px; }
.about-page .about-milestone-2025 { left: 75%; }
.about-page .about-milestone-2025 h2 { top: 225px; font-family: 'Manrope', sans-serif; font-size: 28px; left: 62px; }
.about-page .about-milestone-2025 .about-milestone-dot { top: 177px; background: #a5f52b; }
.about-page .about-milestone-2025 .about-milestone-card { top: 109px; min-height: 50px; font-family: 'Manrope', sans-serif;font-size: 16px; font-style: normal;
font-weight: 400; }
.about-page .about-milestone-2026 { left: 89%; }
.about-page .about-milestone-2026 h2 { top: 176px; font-family: 'Manrope', sans-serif; font-size: 28px; left: 65px; }
.about-page .about-milestone-2026 .about-milestone-dot { top: 237px; }
.about-page .about-milestone-2026 .about-milestone-card { top: 262px; min-height: 63px; font-family: 'Manrope', sans-serif; font-size: 16px; font-style: normal;
    font-weight: 400;}
.about-page .about-leadership { padding: 80px 0; background: #fff; }
.about-page .about-leadership-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;  margin: 75px auto 0; }
.about-page .about-leader-card { position: relative; display: flex; min-height: 128px; flex-direction: column; align-items: center; justify-content: center; padding: 50px 12px 18px; border-radius: 8px; background: #fff; box-shadow: 0 2px 12px rgba(21, 32, 57, .14); text-align: center; width: 290px; height: 162px; }
.about-page .about-leader-card img { position: absolute; top: -43px; left: 50%; width: 86px; height: 86px; border-radius: 50%; object-fit: cover; transform: translateX(-50%);  width: 107px;
    height: 107px;}
.about-page .about-leader-card h3 { margin: 0 0 5px; color: #111827; font-family: 'Manrope', sans-serif; font-size: 24px; font-weight: 800; line-height: 1.2; }
.about-page .about-leader-card p { margin: 0; color: #696E7A; font-family: 'Manrope', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.4; }
 .about-page + .pace-footer .pace-footer-banner { display: none; }
@media (min-width: 1400px) {
    .about-page .about-journey .about-container { padding-top: 43; }
}
 
@media (max-width: 760px) {
    .about-page .about-container { width: calc(100% - 40px); }
    .about-page .about-journey { height: 382px; }
    .about-page .about-timeline { right: 0; left: 0; }
    .about-page .about-milestone { width: 112px; }
    .about-page .about-milestone-card { font-size: 9px; }
    .about-page .about-milestone-2020 .about-milestone-card, .about-page .about-milestone-2021 .about-milestone-card, .about-page .about-milestone-2022 .about-milestone-card, .about-page .about-milestone-2023 .about-milestone-card, .about-page .about-milestone-2024 .about-milestone-card, .about-page .about-milestone-2025 .about-milestone-card, .about-page .about-milestone-2026 .about-milestone-card { width: 112px; }
    .about-page .about-milestone-2020 { left: 20%; }
    .about-page .about-milestone-2021 { left: 8%; }
    .about-page .about-milestone-2022 { left: 46%; }
    .about-page .about-milestone-2023 { left: 33.5%; }
    .about-page .about-milestone-2024 { left: 58%; }
    .about-page .about-milestone-2025 { left: 72%; }
    .about-page .about-milestone-2026 { left: 86%; }
    .about-page .about-milestone-2023 .about-milestone-card { top: 268px; }
    .about-page .about-milestone-2024 .about-milestone-card { top: 268px; }
    .about-page .about-milestone-2026 .about-milestone-card { top: 268px; }
    .about-page .about-milestone-2020 h2 { left: -46px; }
    .about-page .about-milestone-2021 h2 { left: 120px; }
    .about-page .about-milestone-2022 h2 { left: -48px; }
    .about-page .about-milestone-2023 h2 { left: 124px; }
    .about-page .about-leadership { padding: 38px 0 34px; }
    .about-page .about-leadership-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 54px 20px; margin-top: 53px; }
    .about-page .about-values { min-height: 310px; padding-top: 24px; }
    .about-page .about-values-container { min-height: 260px; }
    .about-page .about-values-image { margin-top: 20px; }
}
 
@media (min-width: 681px) and (max-width: 760px) {
    .about-page .about-leadership-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
}
 
@media (max-width: 480px) {
    .about-page .about-container { width: calc(100% - 32px); }
    .about-page .about-section-title { font-size: 19px; }
    .about-page .about-journey { height: 402px; }
    .about-page .about-journey .about-container { width: calc(100% - 24px); padding-top: 30px; }
    .about-page .about-timeline { inset-inline: 0; transform: scale(.79); transform-origin: left top; width: 126%; }
    .about-page .about-timeline-line { top: 184px; }
    .about-page .about-timeline-start, .about-page .about-timeline-end { top: 176px; }
    .about-page .about-milestone h2 { top: 159px; font-size: 15px; }
    .about-page .about-milestone-card { font-size: 8px; }
    .about-page .about-milestone-2020 .about-milestone-card { top: 77px; }
    .about-page .about-milestone-2020 .about-milestone-dot, .about-page .about-milestone-2021 .about-milestone-dot, .about-page .about-milestone-2023 .about-milestone-dot, .about-page .about-milestone-2024 .about-milestone-dot, .about-page .about-milestone-2025 .about-milestone-dot, .about-page .about-milestone-2026 .about-milestone-dot { top: 211px; }
    .about-page .about-milestone-2022 .about-milestone-card { top: 73px; }
    .about-page .about-milestone-2022 .about-milestone-dot { top: 214px; }
    .about-page .about-milestone-2021 h2, .about-page .about-milestone-2023 h2 { top: 208px; }
    .about-page .about-milestone-2021 .about-milestone-card, .about-page .about-milestone-2023 .about-milestone-card, .about-page .about-milestone-2024 .about-milestone-card, .about-page .about-milestone-2026 .about-milestone-card { top: 226px; }
    .about-page .about-milestone-2024 h2, .about-page .about-milestone-2026 h2 { top: 159px; }
    .about-page .about-milestone-2025 h2 { top: 195px; }
    .about-page .about-milestone-2025 .about-milestone-card { top: 99px; }
    .about-page .about-leadership-grid { gap: 50px 14px; }
    .about-page .about-leader-card h3 { font-size: 11px; }
    .about-page .about-leader-card p { font-size: 8px; }
    .about-page .about-values { min-height: 240px; padding-bottom: 26px; }
    .about-page .about-values-container { min-height: 190px; }
    .about-page .about-values-image { margin-top: 18px; }
}
.about-page .milestone-highlight {color: #54d7ee; white-space: nowrap;}
.about-page .about-values { min-height: 462px; padding: 80px 0; background: linear-gradient(90deg, #0a1f58 0%, #1f5273 55%, #286b68 100%); }
.about-page .about-values-container { display: flex; flex-direction: column; align-items: center; max-width: 1200px; margin: 0 auto; }
.about-page .about-values .about-section-title {  color: #fff; font-family: 'Manrope', sans-serif; font-size: 32px; font-weight: 700; line-height: 54px; text-align: center;margin-top: 0px; margin-bottom: 0px;}
.about-page .about-values-image { display: block; width: 753px; max-width: 100%; height: 375px; margin-top: 20px;   }
.about-milestone-2020 .about-milestone-card {font-family: 'Manrope', sans-serif; font-size: 16px; font-style: normal;font-weight: 400;}
 
.about-timeline-end {
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #fff;
  color: #061A4E;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
 
 
.about-timeline-arrow{
position: absolute;
top: 5px;
font-size: 25px;
    height: 13px;
    width: 13px;
}