.home-sub-banners {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 85px !important;
  height: 85px !important;
}

.home-sub-banners__item,
.home-sub-banners__frame {
  display: block !important;
  width: 100% !important;
  padding-top: 38% !important;
  border-radius: 14px !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 85px !important;
}

.home-sub-banners__frame .carousel-inner {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.home-sub-banners__frame .carousel-inner .item {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.home-sub-banners__frame .carousel-inner .item > div {
  width: 100% !important;
  height: 100% !important;
  border-radius: 14px !important;
  background-size: cover !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
}

.home-sub-banners__item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
  pointer-events: none;
}

.home-sub-banners__img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: left center !important;
  display: block !important;
}

.home-sub-banners__item--right {
  background-position: center !important;
}

.home-sub-banners__item--right .home-sub-banners__img {
  object-position: center !important;
}

@media (max-width: 640px) {
  .home-sub-banners {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .home-sub-banners__item,
  .home-sub-banners__frame {
    padding-top: 44% !important;
  }
}