.carousel-indicators .active {
    opacity: 1 !important;
    width: 24px !important;
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #295eff;
}

.carousel-indicators [data-bs-target] {
    background-clip: padding-box;
    background-color: #fff;
    border: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    box-sizing: content-box;
    cursor: pointer;
    flex: 0 1 auto;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    opacity: .5;
    padding: 0;
    text-indent: -999px;
    transition: opacity .6s ease;
    width: 16px;
    height: 16px;
    border-radius: 100%;
}




.carousel-mobile{
  position:relative;
  top: 15px;
  margin: 0 15px;
  display: flex;
  align-items: center;
  overflow: auto;
  overflow-y: hidden;
}
.carousel-mobile .card-header-home{
  width: 15rem;
}
.carousel-mobile .cards:first-child{
  margin-left: 5%;
}
.carousel-mobile .cards:last-child{
  margin-right: 50% !important;
}
.carousel-mobile .cards{
  min-height: 20rem;
  box-shadow: none !important;
}
.carousel-mobile .cards.vacantes{
  height: 25rem !important;
}
.carousel-mobile .cards img{
  width: 20rem;
}
.carousel-mobile .cards:hover{
  opacity:0.8;
  filter: none;
}
.carousel-mobile .cards.active{
  filter: none;
}
.carousel-mobile::-webkit-scrollbar-thumb{
  background: none !important
}
.carousel-mobile::-webkit-scrollbar-track{
  background: none !important
}
.carousel-mobile::-webkit-scrollbar-track:hover{
  background: none !important
}

.carousel-indicadores .indicador{
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #CED7E0;
  border-radius: 100%;
  border: none;
}

.carousel-indicadores .indicador.active{
  width: 2.5rem;
  background-color: #295EFF;
  border-radius: 1rem 1rem 1rem 1rem
}