section.aboutus-hero,
section.aboutus2-hero {
  background-image: url("../images/aboutus-hero-cropped.webp");
  background-size: cover; /* Fill both width and height */
  background-position: center;
  background-repeat: no-repeat;
}

section.aboutus2-hero {
  background-image: url("../images/aboutus2-crop.webp");
}

.hero-inner-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.hero-inner-content-bottom {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

section.text-content > div > a > button {
  -webkit-justify-self: flex-end;
  -ms-flex-item-align: end;
  justify-self: flex-end;
}

section.text-content > div > a {
  text-decoration: none;
}

/* Team Section */
.team {
  margin-top: 6.67vw;
  margin-bottom: 15.97vw;
  margin-left: 6.94vw;
  margin-right: 6.94vw;
}

.team-card-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3.26vw;
  gap: 9.65vw;
}

.team h2 {
  text-align: center;
}

.team ul {
  list-style: disc;
  width: 75%;
}

/* aboutus2.html */
.aboutus2.text-content p {
  padding-left: 3.8vw;
}

.aboutus2.text-content .text-content-text ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}

@media (width <= 1265px) {
  section.aboutus-hero {
    background-image: url("../images/aboutus-hero.webp");

    width: auto;
    /* width: 95%; */
    background-size: 150%;
  }

  .text-content {
  }

  .hero-inner-content-circle:nth-child(1) {
    position: static;
  }

  .hero-inner-content-circle:nth-child(2) {
    position: static;
  }
}

@media (width <= 1110px) {
  section.aboutus-hero {
    background-size: cover;
  }
}

@media (width <= 870px) {
  .team-card-container {
    flex-direction: column;
  }

  .team-card {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

a.aos-init {
  display: flex;
  justify-content: flex-end;
}

.text-content-button {
  cursor: pointer;
}

.text-content-button-left {
  padding: 1rem;
}

.text-content-button-right {
  padding: 2rem;
  border-left: 1px solid;
}

.text-content-button {
  padding: 0;
}