.banner-slider {
  position: relative;
}
.banner-slider .banner__container {
  width: 100%;
  height: 600px;
  position: relative;
  /*   background: #531584; */
}
.banner-slider .image__container {
  width: 100%;
  height: 100%;
  position: relative;
}
.banner-slider .banner__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
{#Slick Slider#}
.banner-slider .slider.slick-slider {
  margin-bottom: 0px;  
  overflow: hidden;
}
.banner-slider .slider.slick-slider,
.banner-slider .slider .slick-list {
  height: 100%;
}
.banner-slider .slider .slick-list,
.banner-slider .slider .slick-track {
  display: flex;
  align-items: stretch;
}
.banner-slider .slider-nav {
  display: flex;
  width: 100%;
  position: absolute;
  top: calc(100% - 50px);
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:768px){
  .banner-slider .slider-nav {
    display: none;
  }
}
.banner-slider .slider-nav .custom-dots,
.banner-slider .slider-nav .slick-dots {
  position: static;
  width: fit-content;
}
.banner-slider .slider-nav .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
}
.banner-slider .slider-nav .slick-dots li {
  width: 9px;
  height: 9px;
}
.banner-slider .slider-nav .slick-dots li button,
.banner-slider .slider-nav .slick-dots li button:before {
  width: 100%;
  height: 100%;
}
.banner-slider .slider-nav .slick-dots li button:before {
  content: '';
  background-color: #fff;
  border-radius: 50%;
}
.banner-slider .slider-nav .custom-arrow {
  border: 0;
  background: transparent;
  cursor: pointer;
}
.banner-slider .slider-nav .custom-arrow.custom-next-arrow {
  transform: rotate(180deg);
}
.banner-slider .slider-nav .custom-arrow.slick-disabled {
  opacity: 0.5;
  cursor: default;
}

.banner-slider .text__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-slider .text__content {
  height: 100%;
  display: flex;
  align-items: center;
}
.banner-slider .text__content .text {
  padding: 40px 0;
  max-width: 600px;
}
.banner-slider .text__content .text .title {
  font-size: 45px;
  font-weight: 600;
  color: #fff;  
  margin-bottom: 12px;
}
.banner-slider .text__content .text .description {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  background: linear-gradient(90deg, #89EAFF -1.06%, #3969C6 105.13%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.banner-slider .text__content .text .link {
    background-color: #fff;
    border-radius: 24px;
    display: block;
    width: fit-content;
    padding: 10px 20px;
    color: #000;
    font-weight: 600;
}

.banner-slider .image__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent); /* Gradiente de negro a transparente desde abajo hacia arriba */
  mix-blend-mode: multiply; /* Aplicar el modo de mezcla 'multiply' */
}

@media screen and (max-width:768px){
  .banner-slider .slider-container {
    height: 420px;
  }
  .banner-slider .text__content {
    align-items: flex-end;
  }
  .banner-slider .text__content .text {
    font-size: 28px;
    max-width: 250px;
  }
}