/* stylelint-disable-next-line wrap-rem-on-px/wrap-rem-on-px */
/* stylelint-disable wrap-rem-on-px/wrap-rem-on-px */
/* stylelint-enable wrap-rem-on-px/wrap-rem-on-px */
/*
USAGE:
font-size: fluid(12, 62); : from rem(12)@380px to  rem(62)@1440px
gap: fluid(10, 33, 992);  : from rem(10)@991px to  rem(33)@1440px
margin-right: fluid(32, 65, 320, 2560);  : from rem(32)@320px to  rem(65)@2560px
*/
/*
AUTOFILL

USAGE:
@include mixin.autofill(background-color, text-color);
@include mixin.autofill;

Note: Call this mixin in the wrapper or container to where you intend to manipulate the
      default chrome autofill styles for input, textarea and select elements.
*/
/* stylelint-disable */
/* stylelint-enable */
.ss.team-module {
  background-color: var(--primary-blue-light);
  padding: var(--u-size-large) 0;
}
@media screen and (min-width:1199px) {
  .ss.team-module {
    padding: var(--u-size-2x-large) 0 var(--u-size-3x-large);
  }
}
@media screen and (min-width:768px) {
  .ss.team-module .team-module__wrapper {
    display: flex;
    align-items: center;
    gap: var(--u-size-2x-medium);
  }
}
@media screen and (min-width:1199px) {
  .ss.team-module .team-module__wrapper {
    gap: var(--u-size-2x-large);
  }
}
.ss.team-module .team-module__media {
  margin-bottom: var(--u-size-large);
}
@media screen and (min-width:768px) {
  .ss.team-module .team-module__media {
    flex-basis: 46.5%;
    max-width: 46.5%;
    margin-bottom: 0;
  }
}
.ss.team-module .team-module__frame {
  border: 0.875rem solid var(--yellow);
  position: relative;
}
@media screen and (min-width:1199px) {
  .ss.team-module .team-module__frame {
    border-width: var(--u-size-medium);
  }
}
.ss.team-module .team-module__figure {
  aspect-ratio: 1/1;
}
.ss.team-module .team-module__figure img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media screen and (max-width:767px) {
  .ss.team-module .team-module__quote-icon {
    display: none;
  }
}
@media screen and (min-width:768px) {
  .ss.team-module .team-module__quote-icon {
    margin-bottom: 1.25rem;
    display: inline-block;
  }
}
@media screen and (min-width:768px) {
  .ss.team-module .team-module__content {
    flex-basis: 48.5%;
    max-width: 48.5%;
  }
}
@media screen and (min-width:1199px) {
  .ss.team-module .team-module__testimonial {
    padding-top: 0.5rem;
  }
}
.ss.team-module .team-module__testimonial-text {
  color: var(--primary-blue-dark);
  font-size: 1.25rem;
  font-weight: 700;
  font-family: var(--secondary-font);
  line-height: 128%;
  margin-bottom: var(--u-size-small);
  letter-spacing: normal;
}
@media screen and (min-width:1199px) {
  .ss.team-module .team-module__testimonial-text {
    font-size: 1.5rem;
    margin-bottom: var(--u-size-medium);
  }
}
.ss.team-module .team-module__testimonial-text:before, .ss.team-module .team-module__testimonial-text:after {
  display: inline-block;
}
@media screen and (min-width:768px) {
  .ss.team-module .team-module__testimonial-text:before, .ss.team-module .team-module__testimonial-text:after {
    display: none;
  }
}
.ss.team-module .team-module__testimonial-text:before {
  content: "“";
}
.ss.team-module .team-module__testimonial-text:after {
  content: "”";
}
.ss.team-module cite {
  font-style: normal;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--primary-blue-dark);
}
@media screen and (min-width:1199px) {
  .ss.team-module cite {
    font-size: 0.875rem;
  }
}
.ss.team-module .slick-dots {
  text-align: left;
  justify-content: flex-start;
  bottom: -1.125rem;
}
@media screen and (min-width:1199px) {
  .ss.team-module .slick-dots {
    bottom: -0.3125rem;
  }
}
.ss.team-module .slick-dots li:first-child {
  margin-left: 0;
}
.ss.team-module .slick-dots li:last-child {
  margin-right: 0;
}
.ss.team-module .slick-dots li button {
  border: 0.0625rem solid var(--primary-blue);
}
.ss.team-module .team-module__quotes .slick-list {
  padding-bottom: 3.1875rem;
}
@media screen and (min-width:1199px) {
  .ss.team-module .team-module__quotes .slick-list {
    padding-bottom: 5.375rem;
  }
}
.ss.team-module .slick-slider .slick-arrow {
  bottom: -1.875rem;
}
@media screen and (min-width:1199px) {
  .ss.team-module .slick-slider .slick-arrow {
    bottom: -1.5625rem;
  }
}
.ss.team-module .slick-slider .slick-next {
  right: 0;
}
.ss.team-module .slick-slider .slick-prev {
  right: 2.5rem;
  left: auto;
}
@media screen and (min-width:1199px) {
  .ss.team-module .slick-slider .slick-prev {
    right: var(--u-size-2x-large);
  }
}

/*# sourceMappingURL=style.css.map */