/* ==========================================================================           
 *
 *    INFO BANNER STYLES
 *
 * ========================================================================== */
#info-banner {
  background: #FFF;
}
#info-banner .container {
  background-image: linear-gradient(#242a33, #1a1f26);
  overflow: hidden;
  padding: 32px 0 32px;
  border-radius: 2rem;
}
#info-banner .container .title h3 {
  color: #FFF;
}
#info-banner .container .info-box {
  height: 170px;
  background-color: #282e38;
  border-top: 1px solid rgba(64, 71, 82, 0.5);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
#info-banner .container .info-box .info-text {
  margin-top: auto;
  margin-bottom: auto;
}
#info-banner .container .info-box .info-text h4 {
  color: #FFF;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 3px;
}
#info-banner .container .info-box .info-text p {
  color: #7c838d;
  margin-bottom: 0;
}
#info-banner .container .info-box .info-img img {
  margin-right: -10px;
  margin-top: -5px;
}
#info-banner .container .team-wrapper {
  position: relative;
}
#info-banner .container .team-wrapper img {
  width: 50px;
  height: 50px;
  position: absolute;
}
#info-banner .container .team-wrapper .team-image-1 {
  top: 20%;
  right: 5%;
}
#info-banner .container .team-wrapper .team-image-2 {
  top: 5%;
  right: 29%;
}
#info-banner .container .team-wrapper .team-image-3 {
  top: 5%;
  left: 29%;
}
#info-banner .container .team-wrapper .team-image-4 {
  top: 20%;
  left: 5%;
}
#info-banner .container .team-wrapper .team-text {
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 40%;
}
#info-banner .container .team-wrapper .team-text h4 {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 3px;
}
#info-banner .container .team-wrapper .team-text p {
  color: #7c838d;
  margin-bottom: 0;
}




.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
  
}




.pl-7, .px-7 {
  padding-left: 3rem !important;

}

.pl-7, .px-7 {

padding-right: 3rem !important;
}



















#info-banner .container .team-wrapper .team-text {
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 30%;
}
#info-banner .container .team-wrapper .team-text h4 {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 3px;
}
#info-banner .container .team-wrapper .team-text p {
  color: #7c838d;
  margin-bottom: 0;
}