.tab-content .text-overflow {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-title h2 {
  font-size: 1.25rem;
}

.carousel-control-next,
.carousel-control-prev {
  width: 35px;
  z-index: 2;
  opacity: 1;
}

.carousel-control-next {
  right: -15px;
}
.carousel-control-prev {
  left: -15px;
}
.carousel-control-prev .carousel.footer-div {
  padding: 1rem;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffc107' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
  background-position: 30%;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffc107' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
  background-position: 70%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 35px;
  height: 35px;
  background-size: 70% 70%;
  border-radius: 50%;
  background-color: red;
}

#carouselContainer .carousel {
  text-align: center;
}

a.btn-gamesPage {
  background-color: transparent;
  border: 1px solid #ef453d;
  text-decoration: none;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.3rem;
}

a.btn-gamesPage:hover {
  background-color: #ef453d;
  border: 1px solid #000;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 1600px) {
  .carousel-control-prev {
    left: -25px;
  }
  .carousel-control-next {
    right: -25px;
  }
}

/* @media (min-width: 990px) {
  #carouselContainer.container-fluid {
    width: 85%;
  }
} */

@media (min-width: 768px) {
  .list-title h2 {
    font-size: 2rem;
  }
  .carousel-control-next,
  .carousel-control-prev {
    width: 50px;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 50px;
    height: 50px;
  }
  .carousel-inner {
    height: auto;
  }

  .carousel-item.active,
  .carousel-item-left,
  .carousel-item-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .games .game {
    width: 50%;
  }
}