.elementor-widget-carousel_theme_7 .swiper-container {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.elementor-widget-carousel_theme_7 .swiper-slide {
  background-size: cover;
  background-position: center;
}
.elementor-widget-carousel_theme_7 .gallery-top {
  height: 80%;
  width: 100%;
}
.elementor-widget-carousel_theme_7 .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  max-width: 65%;

}
.elementor-widget-carousel_theme_7 .gallery-thumbs img{
    min-height: 100px;
}
.elementor-widget-carousel_theme_7 .gallery-thumbs .swiper-slide {
  width: 15%;
  height: 100%;
      max-height: 100px;
  /* opacity: 0.4; */
}
.elementor-widget-carousel_theme_7 .gallery-thumbs .swiper-slide-active {
  opacity: 1;
  border: 3px solid #ffc300; /*let's ignore this by making it equal to default state*/
}

.elementor-widget-carousel_theme_7 .gallery-thumbs .swiper-slide.is-selected {
  opacity: 1;
}

.elementor-widget-carousel_theme_7 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


@media(max-width: 767px) {
  .elementor-widget-carousel_theme_7 .gallery-thumbs {
      max-width: 100%;
  }
  .elementor-widget-carousel_theme_7 .gallery-thumbs img {
    min-height: auto;
  }
}
/* Medium screen devices (768px and below) */
@media only screen and (max-width: 768px) {
  .elementor-widget-carousel_theme_7 .gallery-thumbs .swiper-slide {
    width: 50%;
  }
}