.faculty-slider__wrapper {
  position: relative;
}

.faculty-slider__wrapper .container {
  display: flex;
  flex-direction: row;
  position: relative;
}

.bg-icon {
  position: absolute;
  right: calc(100% - 157px);
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.faculty-slider hr {
  border-color: var(--swiper-theme-color);
  width: 95px;
}

.faculty-slider h6 {
  font-weight: 300;
}

.faculty-slider .link-cta {
  color: var(--swiper-theme-color);
}

.faculty-slider .faculty-slider__heading {
  margin-bottom: 60px;
}

.faculty-slider__thumbnails {
  width: 125px;
  flex: 125px 0 0;
  margin: 0;
  padding: 0;
  margin-left: 90px;
  padding-bottom: 20px;
}

.custom-slick-arrow {
  position: absolute;
  right: 205px;
  bottom: 40px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid var(--swiper-theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.custom-slick-arrow svg {
  width: 28px;
  height: 28px;
}

.custom-slick-arrow.custom-slick-arrow--prev {
  transform: translateX(-38px) rotate(180deg);
}

.slick-vertical.faculty-slider__thumbnails .slick-slide {
  width: 115px;
}

.faculty-slider__thumbnails .slick-slide .thumbnail-slide {
  border: 2px solid transparent;
}

.faculty-slider__thumbnails .slick-slide.slick-current .thumbnail-slide {
  border-color: var(--swiper-theme-color);
}

.thumbnail-slide {
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}

.thumbnail-slide span {
  display: block;
  width: 100%;
  height: 135px;
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
  transition: all 0.1s linear;
}

.faculty-slider__thumbnails.splide--nav > .splide__track > .splide__list > .splide__slide.thumbnail-slide.is-active {
  border-color: var(--rule-color,var(--swiper-theme-color));
}

.thumbnail-slide:hover span,
.thumbnail-slide:focus span,
.thumbnail-slide:focus-visible span,
.thumbnail-slide:focus-within span {
  transform: scale(1.35);
}

.faculty-slider__main {
  width: calc(100% - 205px);
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  padding: 0;
}

.faculty-slide__flex {
  display: flex;
  align-items: center;
  gap: 90px;
  padding-bottom: 20px;
}

.faculty-slide__portrait {
  width: 40%;
  flex: 40% 0 0;
  height: 570px;
  position: relative;
}

.faculty-slide__portrait img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.faculty-slide__portrait svg {
  position: absolute;
  right: 38px;
  bottom: -19px;
}

@media (max-width:1140px) {
  .faculty-slide__flex {
    gap: 35px;
  }
  .faculty-slide__portrait {
    height: 425px;
  }
  .faculty-slider__thumbnails {
    margin-left: 35px;
  }
  .custom-slick-arrow {
    right: 160px;
}

@media (max-width:1023px) {
  .faculty-slider .container {
    flex-direction: column-reverse;
  }
  .faculty-slider__thumbnails {
    margin-left: 0;
  }
  .thumbnail-slide {
    width: 100% !important;
  }
  .thumbnail-slide span {
    height: 120px;
  }
  .faculty-slider__main {
    width: 100%;
  }
  .faculty-slider__thumbnails {
    padding-bottom: 80px;
    width: 100%;
    flex-basis: 100%;
  }
  .custom-slick-arrow {
    right: 0;
    top: 150px;
  }
}

@media (max-width:767px) {
  .faculty-slide__flex {
    flex-direction: column;
  }
  .faculty-slide__portrait {
    height: auto;
    flex: auto 1 1;
    width: 325px;
    margin-bottom: 40px;
  }
}