#about-us {
  padding-top: 72px;
  background: #2C2D2E;
  color: #FFF;
}

#about-us>* {
  padding: 25px;
}

#about-us #certificates {
  padding: 0;
}

#about-us .page-title {
  font-size: 36px;
  margin-bottom: 32px;
  text-align: center;
}

#about-us .introduction {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 50px;
  text-align: center;
}

#about-us .sub-title {
  /* text-align: center; */
  font-weight: 800;
}

#about-us .detail {
  margin-bottom: 32px;
}

#about-us .title {
  font-size: 24px;
}

/* Swiper */
:root {
  --number-of-detailed-certificates-slides: 3;
}

#about-us #detailed-certificates-swiper {
  padding: 25px !important;
  width: 100%;
}

#about-us #detailed-certificates-swiper img {
  height: 240px;
  width: 240px;
  max-width: 240px;
  max-height: 240px;
}

#about-us #detailed-certificates-swiper .swiper-wrapper {
  margin-bottom: 20px;
}

#about-us #detailed-certificates-swiper .swiper-slide {
  max-width: 240px;
  /* height: auto; */
}

#about-us #detailed-certificates-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #F0A928;
}

#about-us #detailed-certificates-swiper .swiper-button-prev,
#about-us #detailed-certificates-swiper .swiper-button-next {
  --swiper-navigation-top-offset: calc(100% - 20px);
  --swiper-navigation-size: 20px;
  --swiper-navigation-sides-offset: calc(50% - 10px - (var(--number-of-detailed-certificates-slides) * 12px));
  --swiper-navigation-color: #F0A928;
}

/* /Swiper */

#about-us .capabilities,
#about-us .contact-information {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  /* margin-bottom: 32px; */
}

#about-us .capabilities>* {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#about-us .main-title {
  font-size: 24px;
  font-weight: 800;
}

#about-us .capabilities .title {
  font-size: 18px;
  font-weight: 800;
}

#about-us .map {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

#about-us .map .map-item {
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: center;
}

#about-us .map .phone-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

#about-us .map .map-item a {
  text-decoration: none;
  color: inherit;
}

#about-us .map .map-item .phone-number {
  font-size: 22px;
}