.banner-full-img {
  width: 100% !important;
  object-fit: cover !important;
  display: block;
}

.carousel-indicators{
  bottom: 0;
}
.carousel-indicators [data-bs-target]{
  transition: all 0.3s ease !important;
  opacity: 1;
  background: #444;
  border-color: #444;
}
.carousel-indicators .active {
    opacity: 1;
    background-color: var(--primary);
    border-color: var(--primary);
    width: 45px !important;
}

.carousel {
  box-shadow: none;
  border-radius: 8px;
  padding: 0;
  overflow: hidden;

}

.banner-pc {
    /* height: 700px !important; */
    object-position: center center !important;
}
.banner-mobile {
    /* height: 500px !important;  */
    object-position: center center !important;
}

@media (max-width: 767px) {
  .banner-mobile {
    height: auto !important; 
    
    min-height: 300px; 
    
    object-fit: contain !important; 
    
    object-position: center center !important;
  }
}