/*        People Data */
section.main-content {
  display: block;
}
.management__page {
  font-family: "Inter", sans-serif;
}
/* page thumb */
.page_thumb {
  height: 20rem;
  background: url("../images/management-page-thumb.png") no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.page_thumb h3 {
  font-weight: 600;
}

.people {
  display: flex;
  vertical-align: baseline;
  align-items: center;
  margin-bottom: 50px;
  gap: 3rem;
}

.people-image {
  border-radius: 15px;
}
.people-image img {
  width: 22rem;
  height: auto;
  object-fit: cover;
}
.people-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 22rem;
}
.TD {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 4rem;
  flex-wrap: wrap;
}
#MD,
#DMD,
#ED {
  border-radius: 15px;
  text-align: center;
}

#MD-image img,
#DMD-image img,
#ED-image img {
  width: 20rem;
  height: auto;
  object-fit: cover;
}
#MD-info,
#DMD-info,
#ED-info {
  text-align: center;
  margin-top: 1.7rem;
}
.director-holder {
  padding: 7rem 0;
}

.D-image {
  width: 200px;
  height: 200px;
  border-radius: 5px;
}
.D-image img {
  width: 100%;
}
.D-info {
  text-align: center;
  padding: 10px;
}
.people p.name {
  font-size: 18px;
  font-weight: 600;
  color: #089cb8;
}
.people p.designation {
  font-size: 15px;
  font-weight: 600;
}
.people p.period {
  font-size: 15px;
}
.people p.quotation {
  font-size: 20px;
  padding: 30px;
}

.people p.quotation i {
  font-size: 35px;
}

.TD p.name {
  font-size: 18px;
  font-weight: 600;
  color: #089cb8;
}
.TD p.designation {
  font-size: 15px;
  font-weight: 600;
}
.TD p.period {
  font-size: 14px;
}

.tab-holder {
  display: flex;

  border: 0.5px solid #089cb8;

  border-radius: 30px;

  width: 200px;

  margin: 40px auto;
}
.tab-holder .tab {
  padding: 4px 18px;
  font-weight: 600;
  color: #089cb8;
  cursor: pointer;
}
.tab-holder .tab.active {
  border: 0.5px solid #089cb8;
  border-radius: 30px;
  background-color: #089cb8;
  color: #fff;
}

.office-selector {
  display: flex;
  margin-bottom: 2rem;
}
.office-selector .office {
  margin: 10px 5px;
  border: 1px solid gray;
  padding: 5px 1.2rem;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
}
.office-selector .office.active {
  background-color: #151515;
  color: #fff;
}

.top-management-holder > div {
  flex-wrap: wrap;
  gap: 4.5rem;
  justify-content: center;
  display: none;
}

.top-management {
  border-radius: 5px;
  position: relative;
  z-index: 5;
}

.top-management img.photo {
  width: 20rem;
  height: 25rem;
  border-radius: 5px;
  object-fit: cover;
}
.top-management .info {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, black, transparent);
  top: 0px;
  left: 0px;
  color: white;
  z-index: 10;
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 2rem;
}
.top-management .info p {
  font-size: 18px;
  color: white;
  text-align: center;
  vertical-align: middle;
}
.top-management:hover .info {
  display: flex;
}
.alt_people .people-info {
  order: 1;
}

.alt_people .people-image {
  order: 2;
}

.people__wrapper {
  background-color: #f9f9f9;
  padding: 3rem 0;
}
.dark-mode.people__wrapper {
  background-color: #242423;
}

.alt_people {
  text-align: right;
}

.alt_people__wrapper {
  background-color: #fff;
}
.dark-mode.alt_people__wrapper {
  background-color: #242423;
}
.directors {
  background-color: #f0f0f0;
  padding: 8rem 0;
}

.people-info__top p {
  line-height: 24px;
}

.TD p {
  line-height: 24px;
}
.director-holder__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}

.D-info p.name {
  font-weight: 600;
  color: #000;
  margin-top: 12px;
  line-height: 16px;
}

.top-management-holder > div.active {
  display: flex;
}

.top-management-holder__wrapper {
  margin-bottom: 12rem;
}

.top-management .info p.designation {
  font-size: 12px;
  line-height: 12px;
  opacity: 0.9;
}
.companies_section_wrapper {
  display: none;
}
.dark-mode.directors {
  background-color: #47474c;
  margin-top: 2rem;
}

.dark-mode .D-info p.name {
  color: white;
}
.arabic__lang .people {
  flex-direction: row-reverse;
  text-align: right;
}

.arabic__lang .alt_people {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .people {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  .people .people-info p.about {
    margin-top: 2rem;
  }
  .alt_people .people-info {
    order: 2;
  }

  .alt_people .people-image {
    order: 1;
  }
  .alt_people {
    text-align: center;
  }
  .director-holder__inner {
    justify-content: center;
  }
  .D-image {
    width: 95%;
    height: auto;
  }
  .office-selector {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media only screen and (max-width: 458px) {
  .top-management {
    width: 95%;
  }
  .top-management img.photo {
    width: 100%;
    height: auto;
  }
  #MD,
  #DMD,
  #ED {
    width: 95%;
  }
  #MD-image img,
  #DMD-image img,
  #ED-image img {
    width: 100%;
    height: auto;
  }
}