/*SIZE*/
/* COLORS */
/* FONTS */
/* SHADOW */
/* border */
/*Transition*/
/* Media queries */
/* Ejemplo Uso
body{ 
    ...
    @include media-breakpoint-up($sm) {
        background:red;
    }
    @include media-breakpoint-up($md) {
        background:none;
    }
    ...   
}
*/
/* Ejemplo de uso:
p{
  @include text-truncate();
}
*/
/* Ejemplo de uso:
p {
  @include font-size(13);
}
*/
/* Ejemplo de uso:
p {
    @include fluid-type($min_width, $max_width, $min_font, $max_font);
}
*/
.slider-values-img {
  position: relative;
}

.slider-values-img--item {
  overflow: hidden;
  position: relative;
}

.slider-values-img--item:hover img {
  transform: translateY(-40px);
}

.slider-values-img--item:hover .slider-values-img--paragraphHidden {
  max-height: 500px;
}

.slider-values-img--item::before {
  content: '';
  width: 100%;
  height: 5px;
  background: linear-gradient(271deg, #294459 0%, #159b8b 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

@media (min-width: 992px) {
  .slider-values-img--item {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 30px;
  }
  .slider-values-img--item::before {
    width: 540px;
  }
  .slider-values-img--item:nth-child(even) {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 15px;
    margin-right: 0;
  }
  .slider-values-img--item:nth-child(even)::before {
    left: 15px;
  }
}

.slider-values-img--item img {
  width: 100%;
  cursor: pointer;
  position: relative;
  transition: transform .3s ease-in-out;
  transition-delay: .1s;
}

.slider-values-img--paragraphHidden {
  height: auto;
  max-height: 60px;
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  transition: max-height .4s ease-in-out;
}

@media (min-width: 992px) {
  .slider-values-img--paragraphHidden {
    width: 100%;
    left: 0;
  }
  .slider-values-img--paragraphHidden.moveLeft {
    left: 15px;
  }
}

.slider-values-img--paragraphHidden::before {
  content: '';
  width: 100%;
  height: 54px;
  position: absolute;
  top: 0px;
  z-index: -1;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}

@media (min-width: 992px) {
  .slider-values-img--paragraphHidden::before {
    top: 1px;
  }
}

.slider-values-img--paragraphHidden p {
  font-family: "HN-Light", Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  z-index: 0;
  margin-left: 20px;
}

.slider-values-img--bg {
  background: linear-gradient(271deg, #294459 0%, #159b8b 100%);
  padding: 15px 20px;
}

.slider-values-img--bg p {
  font-family: "PTSans-Regular", Arial, Helvetica, sans-serif;
  color: #ffffff;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 20px;
  z-index: 1;
}

.slider-values .swiper-pagination {
  margin-bottom: 40px;
  margin-top: 40px;
}

.slider-values .swiper-pagination span {
  background-color: rgba(21, 155, 139, 0.5);
}

.slider-values .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #159B8B;
}

.max-width {
  max-width: 100% !important;
}

.borderNone {
  border: none;
}
