#faculty-list-wise {
  margin-top: -30px;
}
#faculty-list-wise .hero-section {
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
}
#faculty-list-wise .hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
  background-size: cover;
  z-index: 1;
}
#faculty-list-wise .hero-section .container {
  position: relative;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
#faculty-list-wise .hero-section .container h1 {
  font: bold 70px/72px GothamBold;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  #faculty-list-wise .hero-section .container h1 {
    font: bold 40px/42px GothamBold;
  }
}
#faculty-list-wise .hero-section .container p {
  font: 300 25px/36px "GothamBook" !important;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  #faculty-list-wise .hero-section .container p {
    font: bold 18px/29px GothamBold;
  }
}
#faculty-list-wise .faculty-list-section {
  padding: 50px 0px;
}
#faculty-list-wise .faculty-list-section .container h2 {
  font: bold 40px/50px GothamBold;
  color: #062f4f;
}
#faculty-list-wise .faculty-list-section .container p {
  font: 300 18px/29px GothamBook;
  color: #191830;
}
#faculty-list-wise .faculty-list-section .container .faculty-box {
  position: relative;
  margin-bottom: 30px;
}
#faculty-list-wise .faculty-list-section .container .faculty-box .col-sm-9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
#faculty-list-wise .faculty-list-section .container .faculty-box .col-sm-9 h4 {
  font: bold 40px/76px GothamBold !important;
  color: #062f4f;
}
@media only screen and (max-width: 600px) {
  #faculty-list-wise .faculty-list-section .container .faculty-box .col-sm-9 h4 {
    font: bold 30px/46px GothamBold !important;
  }
}
#faculty-list-wise .faculty-list-section .container .faculty-box .col-sm-9 .btn {
  background-color: #813772;
  color: #fff;
  text-transform: uppercase;
  font: bold 16px/24px GothamBold !important;
}
#faculty-list-wise .faculty-list-section .container .faculty-box .col-sm-3 img {
  transition: all 0.3s linear;
}
#faculty-list-wise .faculty-list-section .container .faculty-box:hover img {
  transform: scale(1.05);
  border-radius: 6px;
}
#faculty-list-wise .faculty-list-section .container .faculty-box::before {
  content: "";
  position: absolute;
  border: 3px solid #813772;
  z-index: 1;
  width: 105%;
  height: 100%;
  top: 0;
  left: -2.5%;
  transform: scale(0.9);
}