.white-separator {
  width:60%;
  border:none;
  border-top:3px solid #fff;
  display:block;
  font-size:0;
  margin:0 auto;
  text-align:center;
}

.blue-separator {
  width:20%;
  border:none;
  border-top:3px solid #2b92d0;
  display:block;
  font-size:0;
  margin:0 auto;
  text-align:center;
}

.cycle-pager {
top: auto;
bottom: 10px
}
.cycle-pager span.cycle-pager-active {
color: #2b92d0;
}
.cycle-pager span {
font-size: 45px;
width: 12px;
height: 12px;
color: #eee;
padding-right:25px;
}

.leadership {
  padding: 1rem;
  padding-bottom: 64px;
  transition: opacity .3s linear;
  opacity: 0;
}
  
.leadership .swiper-slide {
  max-width: 50%;
}

@media screen and (min-width: 768px) {
  .leadership {
    padding: 30px;
    padding-bottom: 0;
  }

  .leadership .swiper-slide {
    max-width: 33%;
  }
}

.leadership .swiper-button-prev,
.leadership .swiper-button-next {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: #006cb7;
  outline: none;
  transform: translate(-50%, -50%);
}

.leadership .swiper-button-prev:hover,
.leadership .swiper-button-next:hover {
  background-color: rgba(43, 146, 208, 0.7);
}

.leadership .swiper-button-prev {
  left: calc(50% - 32px);
  top: calc(100%);
}

.leadership .swiper-button-next {
  right: calc(50% - 64px);
  top: calc(100%);
}

@media screen and (min-width: 768px) {

  .leadership .swiper-button-prev,
  .leadership .swiper-button-next {
    transform: none;
  } 
  .leadership .swiper-button-prev {
    left: -32px;
    top: 50%;
  }

  .leadership .swiper-button-next {
    right: -32px;
    top: 50%;
  }
}

.swiper-button-prev:after, .swiper-button-next:after {
  font-size: 24px;
}

.swiper-button-prev, .swiper-button-next {
  color: #fff;
}
