.aboutUs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* =========================
   BANNERS (Reusable Base)
   ========================= */
.aboutUs .ban,
.aboutUs .ban2,
.aboutUs .ban3,
.aboutUs .ban4,
.aboutUs .ban5 {
  width: 60%;
  height: 20vh;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 18vh;
}

/* Main Banner Override */
.aboutUs .ban {
  width: 90%;
  height: 50vh;
  margin-top: 130px;

  background: url("/img/about-us-img/banner-about.webp") center -13vh / 180vh
    no-repeat;
}

/* Individual Images */
.aboutUs .ban2 {
  background-image: url("/img/about-us-img/leadership.png");
}

.aboutUs .ban3 {
  background-image: url("/img/about-us-img/target (1).png");
}

.aboutUs .ban4 {
  background-image: url("/img/about-us-img/file.png");
}

.aboutUs .ban5 {
  background-image: url("/img/about-us-img/research.png");
}

/* =========================
   TEXT CONTENT
   ========================= */
.aboutUs .Title {
  margin-top: 5vh;
  color: #fff;
  font-size: clamp(5vh, 10vw, 10vh);
  font-weight: 800;
  text-align: center;
}

.aboutUs .aboutmassege {
  margin: 2vh 0 8vh;
  width: clamp(40vh, 60vw, 90vh);

  color: #cecece;
  font-size: 2.4vh;

  text-align: justify;
  text-align-last: center;
}

/* Bullet Dot */
.aboutUs .aboutmassege span {
  display: inline-block;
  position: relative;
  width: 2vh;
  height: 2vh;
}

.aboutUs .aboutmassege span::before {
  content: "";
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translate(-50%, -50%);

  width: 1.1vh;
  height: 1.1vh;
  border-radius: 50%;
  background-color: var(--ThemeColor-);
}

/* Highlight Text */
.aboutUs span {
  color: var(--ThemeColor-);
}