@use "../utilities";
.slideTestimonials {
  overflow: hidden;
  //max-width: 1320px;
  margin: auto;
  &__title {
    @extend %VFSans-font;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.37;
    text-align: center;
    color: var(--a-negro-unops);
  }
  &__subTitle {
    @extend %VFSans-font;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--a-negro-unops);
  }
  .testimonios_slider {
    .card {
      min-height: 421px;
      border-radius: 4px;
      background-color: var(--ice-blue);
      border: 0px;
      &-header {
        overflow: hidden;
        min-height: 200px;
        position: relative;
        .img-absolute {
          @extend %img-absolute;
        }
      }
      &-author {
        @extend %VFSans-font;
        font-size: 21px;
        font-weight: 600;
        line-height: 1.33;
        color: var(--b-medianoche);
        &,
        a,
        a:hover {
          color: var(--b-medianoche);
        }
      }
      &-testimonial {
        font-size: 18px;
        font-weight: 300;
        line-height: 1.39;
        color: var(--a-negro-unops);
      }
    }
    .swiper-button-next,
    .swiper-button-prev {
      top: auto;
      bottom: -2%;
      &::after {
        font-size: 25px;
      }
    }
    .swiper-button-prev {
      left: 0%;
    }
    .swiper-button-next {
      left: 3%;
      right: auto;
    }
    .swiper-pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      left: -15%;
      bottom: 1%;
      .swiper-pagination-bullet {
        color:#004976;
        background-color: transparent;
        border: 1px solid #004976;
        height: 20px;
        width: 20px;
        font-size: 1rem;
        opacity: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        &-active {
          border: 1px solid #991e66;
          background-color: #991e66;
          color: #fff;
        }
      }
    }
    @media (max-width: 991.98px) {
      .swiper-pagination {
        left: 0%;
        bottom: -1%;
      }
    }
  }
}
.testimonialsEntry {
  &__body {
    position: relative;
    margin-top: 18rem;
    .eventBody__socialList {
      top: 17%;
      right: -3%;
    }
  }
  &__head {
    min-height: 510px;
    background-color: var(--b-medianoche);
    position: absolute;
    width: 100%;
  }
  &__title {
    @extend %VFSans-font;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.23;
    text-align: center;
    color: var(--a-blanco);
    @media (max-width: 991.98px) {
      font-size: 25px;
    }
  }
  &__description {
    font-size: 18px;
    font-weight: 300;
    color: var(--a-negro-unops);
  }
  &__banner {
    min-height: 600px;
    height: 100%;
    position: relative;
    .img-absolute {
      @extend %img-absolute;
    }
    @media (max-width: 991.98px) {
      min-height: 300px;
    }
  }
  &__testimonial {
    @extend %VFSans-font;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.37;
    text-align: right;
    color: var(--a-azul-unops);
    @media (max-width: 991.98px) {
      font-size: 25px;
    }
  }
  &__author {
    @extend %VFSans-font;
    font-weight: 400;
    font-size: 25px;
    line-height: 1.92;
    text-align: right;
    color: var(--a-negro-unops);
  }
  &__contentImg,
  &__contentImgGallery {
    position: relative;
    height: 100%;
    min-height: 394px;
    .img-absolute {
      @extend %img-absolute;
    }
  }
  &__contentImgGallery {
    min-height: 220px;
  }
  &__subtitle {
    @extend %VFSans-font;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.37;
    text-align: center;
    color: var(--a-negro-unops);
  }
}