body {
      font-family: 'Roboto', sans-serif;
      background-color: #f8f9fa;
    }

    header {
      padding: .75rem 0;
    }

    header img {
      height: 45px;
      width: auto;
    }

    .container-narrow {
      max-width: 1150px;
      margin: 0 auto;
      padding: 0 15px;
    }

    @media (max-width: 576px) {
      header img {
        height: 40px;
      }
    }

.slider {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}

.slides {
  width: calc(260px * 4 + 2rem);
  transition: transform 0.6s ease-in-out;
}

#slide1:checked~.slider .slides {
  transform: translateX(0);
}

#slide2:checked~.slider .slides {
  transform: translateX(-280px);
}

.footer {
  background-color: #0e1321;
  color: #ccc;
}

.footer h5 {
  font-size: 1.125rem;
  position: relative;
  margin-bottom: 1rem;
}

.footer h5::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background-color: #ffffff33;
  margin-top: 0.5rem;
}

.footer-link {
  color: #ffffffcc;
  text-decoration: none;
  display: block;
  margin-bottom: 0.5rem;
  transition: color 0.2s ease;
}

.footer-link:hover {
  color: #ff8f00;
}

.footer-bottom {
  border-top: 1px solid #1e2433;
  padding-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #8a8f9e;
}

.footer a img {
  max-width: 180px;
}

@media (max-width: 768px) {
  .footer {
    text-align: center;
  }

  .footer h5::after {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767.98px) {
  #casino-slider {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  #casino-slider .slides {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    width: max-content;
    scroll-snap-type: x mandatory;
    padding-left: 15px;
  }

  #casino-slider .card {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  #casino-slider .card:last-child {
    margin-right: 15px;
  }

  .d-flex.justify-content-end {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .d-flex.justify-content-end.mb-4 {
    display: none !important;
  }
}