.bx-nmb-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.bx-nmb-item {
  width: calc(10% - 8px);
  height: 32px;
  margin: 4px;
  font-size: 14px;
  text-align: center;
  padding: 0px !important;
  border: 2px solid #fff !important;
  border-radius: 10px !important;
  color: #fff !important;
  cursor: pointer;

  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;

  background-color: rgba(0, 0, 0, 0.4) !important;
}

.bx-nmb-item.active {
  background: linear-gradient(180deg, #ff4a87 0%, #b11155 100%) !important;
}

.bx-nmb-item.sld_out {
  background: #979797 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bx-nmb-item.sld_out:before,
.bx-nmb-item.sld_out:after {
  background: #ff0000;
  width: 28px;
  height: 3px;
  content: "";
  display: block;
  position: absolute;
  transition: all 0.2s ease-out;
}

.bx-nmb-item.sld_out:before {
  transform: rotate(-45deg);
}

.bx-nmb-item.sld_out:after {
  transform: rotate(45deg);
}

.bx_rw {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url("../../assets/img/bg4.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.rw_pr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rw_pr .txt {
  width: 140px;
}

.rw_pr .img {
  width: 50%;
}

.bg-badge {
    /* background: linear-gradient(180deg, #1d25f0 0%, #0b235d 100%); */
    /* background-color: #198754; */
    background-color: #ff4a87;
}

.button-h {
    width: 100%;
    border-radius: 20px;
    padding: 5px 10px;
    text-align: center;
    color: #fff !important;
    border: 1px solid;
    transition: all .3s;
}

.button-h:hover {
    font-family: 'Prompt-Medium';
    border-color: #fff;
}

.bgh-1 {
    background: linear-gradient(180deg, #1d25f0 0%, #0b235d 100%);
    border-color: #1d25f0;
}

.bgh-2 {
    background: linear-gradient(180deg, #ff4a87 0%, #b11155 100%);
    border-color: #ff4a87;
}

@media only screen and (max-width: 1200px) {
    .bx-nmb-item {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .bx-nmb-item {
        width: calc(16.66% - 8px);
        margin: 4px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 290px) {
    .bx-nmb-item {
        width: calc(20% - 8px);
    }
}