.hero-image-text-card,
.team-member-text-card,
.area-manager-text-card,
.project-text-card {
  /* box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); */
}

.employee-img {
  margin: 0;
}

.team-member {
  box-shadow: 2px 7px 9px #0000000f, 1px 3px 3px rgba(0, 0, 0, 0.082);
}

.white-bg {
  background: white;
}

.team-member {
  border-radius: 8px;
  background: white;
}

.team-member-text-card {
  background-color: #0000;
  box-shadow: none;
}


body {
  background: #f9f9f9;
}



.header-navbar {
  box-shadow: 2px 2px 8px #00000023;
  background-color: rgba(255, 255, 255, 0.864);
}

.department-top-box>h1 {
  /* color: rgba(255, 255, 255, 0.945) !important; */
  margin-top: 4px;
}

.department-top-box>* {
  /* color: rgba(255, 255, 255, 0.733); */
}

.department-top-box {
  /* background-color: #61330E; */
  box-shadow: 2px 7px 9px #00000022, 1px 3px 3px rgba(0, 0, 0, 0.551);
  border-width: 0;
  /* border-top-width: 6px; */
  padding: 24px 36px;
  margin-right: auto;
  margin-left: auto;
}

.department-top-box::after {
  height: 20px;
  background-color: blue;

  position: absolute;
  content: '';
  height: 12px;
  /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */
  bottom: -4px;


  /******
       optional values below
       ******/

  /* center - (optional) use with adjusting width   */
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 100%;
  background: #61330E;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.shadow {
  box-shadow: 2px 7px 9px #0000000f, 1px 3px 3px rgba(0, 0, 0, 0.096);
}

.shadow-inset {
  box-shadow: 2px 7px 9px #0000000f inset, 1px 3px 3px rgba(0, 0, 0, 0.096) inset;
}

.project {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.project>div:nth-child(2) {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.pageblock-text {
  flex-grow: 1;
}

.pageblock-text>p {
  margin-bottom: 0;
}

.employee-text {
  margin-bottom: 12px;
}

.team-member {
  display: flex;
  flex-direction: column;
}

.team-member-text-card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.employee-grow {
  flex-grow: 1;
}