/* ==========================================================================
   Colaboradores Carousel - Based on galapagos testimonials-slider
   ========================================================================== */

.colab-section {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #ffffff;
}

/* ---------- Section Header ---------- */

.colab-overline {
  font-family: 'Epilogue', sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
  letter-spacing: 3px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0.75rem;
}

.colab-heading {
  font-family: 'Epilogue', sans-serif;
  font-size: 4.4rem;
  line-height: 1.1;
  text-align: left;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .colab-heading {
    font-size: calc(2.19rem + (4.4 - 2.19) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc(1.3 * (2.19rem + (4.4 - 2.19) * ((100vw - 20rem) / (48 - 20))));
  }
}

/* ---------- Carousel ---------- */

.colab-section .carousel {
  z-index: 2;
  position: relative;
}

.colab-section .carousel-inner {
  position: relative;
}

.colab-section .carousel-item {
  justify-content: center;
}

.colab-section .carousel-item.active,
.colab-section .carousel-item-next,
.colab-section .carousel-item-prev {
  display: flex;
}

/* ---------- User Card ---------- */

.colab-section .user {
  padding: 0 !important;
}

.colab-section .user_text {
  color: #121212;
  font-family: 'Epilogue', sans-serif;
  font-size: 1.2rem;
  line-height: 1.5;
}

.colab-section .user_text p {
  color: #454545;
  font-family: 'Epilogue', sans-serif;
  font-size: 1.2rem;
  line-height: 1.5;
}

.colab-section .user_image {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 100%;
  margin: 0 auto 1rem auto;
  position: relative;
}

.colab-section .user_image img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.colab-section .user_name {
  margin: 0;
  color: #121212;
  font-family: 'Epilogue', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}

/* ---------- Carousel Indicators ---------- */

.colab-section ol.carousel-indicators {
  margin-bottom: 0;
  top: -3rem;
  height: fit-content;
  position: absolute;
}

.colab-section .carousel-indicators li {
  width: 7px;
  height: 7px;
  margin: auto 7px;
  border-radius: 100%;
  opacity: 0.5;
  position: relative;
  background-color: #ff4f26;
  border: none;
}

.colab-section .carousel-indicators li:hover {
  opacity: 1;
}

.colab-section .carousel-indicators .active {
  opacity: 1;
  width: 14px;
  height: 14px;
  background-color: #ff4f26;
}

@media screen and (max-width: 768px) {
  .colab-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}