.gap-6 {
  gap: 1.5rem;
}
.flex-wrap {
  flex-wrap: wrap;
}
.movies-nav {
  padding: 1.5rem 0;
}
.movies-nav > a {
  flex: 0 1 80px; /* grow=1 shrink=1 basis=150px */
  text-align: center;
  color: #777;
}
.movies-nav > a.active {
  color: #ff7a00;
}
.movies-nav img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: black;
}

.vertical-movies-cover {
  aspect-ratio: 3/4;
}

.vertical-movies-title {
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin-bottom: 2rem;
}

.owl-exclusive-movies .owl-movies-title {
  position: absolute;
  z-index: 2;
  background-color: #000000aa;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 0.5rem;
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  text-align: left;
}

.owl-exclusive-movies .owl-dots {
  margin-top: 1rem;
}

.owl-exclusive-movies .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  transform: translate(0%, -70%);
}

@media screen and (max-width: 768px) {
  .movies-nav > a {
    flex: 0 1 calc(15% - 1.5rem);
    font-size: 12px;
  }
}
@media screen and (max-width: 430px) {
  .movies-nav > a {
    flex: 0 1 calc(20% - 1.2rem);
    font-size: 12px;
  }
}