.main-section, .modal-body {
    background-color: #f5c44c !important;
    background-image: url(https://grid-test.skale.today/file/images/popup.webp) !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.main-game-component {
    display: none;
}

.main-game-wrapper .text-center > h5 {
    display: none;
}

.carousel-control-next-icon {
  background-image:
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M4.4 0L3.5.9 6.6 4 3.5 7.1l.9.9L8 4z'/%3E%3C/svg%3E")
    !important;
}

.carousel-control-prev-icon {
  background-image:
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M3.6 0L4.5.9 1.4 4l3.1 3.1-.9.9L0 4z'/%3E%3C/svg%3E")
    !important;
}

/* container to center it and give bottom‐spacing */
.spend-points-wrapper {
  display: flex;
  justify-content: center;
}

/* make the table outlined in white on a #CB5D54 background */
.spend-points-table {
  border: 2px solid #fff;
  background-color: #CB5D54;
  border-collapse: collapse;
  color: #fff;
  font-weight: 500;
}

/* cells also get a white separator and some padding */
.spend-points-table td {
  border: 1px solid #fff;
  padding: 0.5rem 1rem;
  text-align: center;
}