.TeamComponent {
  border-top: 1px solid #1ca8fc;
}
.TeamComponent h2, .TeamComponent h3, .TeamComponent h4, .TeamComponent h5, .TeamComponent h6, .TeamComponent p, .TeamComponent a {
  color: #0E2F61;
}
.TeamComponent .f100 {
  font-weight: 100 !important;
}
.TeamComponent .f200 {
  font-weight: 200 !important;
}
.TeamComponent .f300 {
  font-weight: 300 !important;
}
.TeamComponent .f900 {
  font-weight: 900 !important;
}
.TeamComponent .position-relative {
  cursor: pointer;
}
.TeamComponent .position-relative > button {
  background-color: transparent;
  color: #1ca8fc;
  border: 0;
}
.TeamComponent .line {
  border-bottom: 2px solid #1ca8fc;
}
.TeamComponent .col.box {
  padding: 2rem 1rem;
  position: relative;
  z-index: 10;
}
.TeamComponent .col.box::before {
  content: "";
  position: absolute;
  right: 20%;
  top: 0;
  bottom: 0;
  left: 40%;
  background-color: #F5F5F5;
  z-index: -1;
}
.TeamComponent .col.box .image {
  border: 1px solid #1ca8fc;
  background-repeat: no-repeat;
  background-size: cover;
  height: 20rem;
  margin-bottom: 1rem;
  max-width: 310px;
}
.TeamComponent .col.box h4 {
  font-weight: 300;
}
.TeamComponent .col.box h6 > a {
  color: #0E2F61;
  text-decoration: none;
}
.TeamComponent .col.box h6 > a > span {
  font-weight: 300;
}
.TeamComponent .col.box h6 > a:hover {
  color: #1ca8fc;
  text-decoration: none;
}
.TeamComponent .col.box h6 > a:hover > span {
  font-weight: 300;
}
.TeamComponent.isDark .position-relative > button {
  color: #FFFFFF;
  float: right;
}
.TeamComponent.isDark .position-relative:hover {
  cursor: pointer;
  background-position: 0 30%;
  background-image: linear-gradient(transparent, rgba(238, 238, 238, 0.08), rgba(238, 238, 238, 0.21), rgba(238, 238, 238, 0.0045));
}
.TeamComponent.isDark .line {
  border-bottom: 2px solid #FFFFFF;
}
.TeamComponent.isDark h2, .TeamComponent.isDark h3, .TeamComponent.isDark h4, .TeamComponent.isDark h5, .TeamComponent.isDark h6, .TeamComponent.isDark p, .TeamComponent.isDark a {
  color: #FFFFFF;
}
.TeamComponent.isDark h3 {
  font-size: 1.125rem;
  padding-left: 1rem;
  padding-right: 1rem;
  transition: all 0.8s ease-in-out;
}
.TeamComponent.isDark .col.box {
  z-index: 10;
}
.TeamComponent.isDark .col.box::before {
  background-color: #012046;
}
.TeamComponent.isDark .col.box .image {
  border: 1px solid #1ca8fc;
}
.TeamComponent.isDark .col.box h6 > a {
  color: #FFFFFF;
}
.TeamComponent.isDark .col.box h6 > a:hover {
  color: #1ca8fc;
}