body {
  /* background-image: url("../images/3x/3X_leaderboards_web.png"); */
  background-color: #0b1c2e;
  background-position: 50% 0%;
  background-size: auto;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  overflow-x: hidden !important;
  font-family: Crocosanscaps !important;
}
/* 3x leaderboard */
.section {
  background-image: url(../images/3x/3X_leaderboards_web.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position-y: 0px;
}
.table-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  max-width: 220px;
}
.accordion_item_content-t {
  font-family: 'Proximanova text', sans-serif;
}
.slider-icons-cont {
  width: 195px;
  height: 187px;
  position: absolute;
  top: 93%;
  left: 88%;
  z-index: 400;
}
.amount-text {
  font-size: 20px;
}
.active div div .bottom-text span .amount-text {
  font-size: 30px;
}
.slider-icons {
  width: 100%;
  height: 100%;
  background-image: url("../images/3x/clover.png");
  background-repeat: no-repeat;
}
.categories-text span {
  font-size: 30px;
  line-height: 33px;
}
.active .header-slider-container {
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.slide-wrap .pos3 {
  height: 730px !important;
}
.header-slider-container {
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.header-slider-container div {
  width: 200px !important;
  opacity: 1 !important;
  background-size: 54%;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}
.active .header-slider-container div {
  width: 200px !important;
  border-top-right-radius: 45px;
  border-top-left-radius: 45px;
}
.last-line {
  font-size: 40px;
}
.content-steps-container {
  width: 100%; display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 100px;
  }
.categories-text {
  margin-top: 50px;
}
.slider-responsive-header-container {
  height: 65px;
  width: 100%;
  display: flex;
}
.header-active {
  opacity: 1 !important;
  box-shadow: 4px -1px 27px 3px #ffffff;
}
.slider-header {
  height: 100%;
  border: 1px solid;
  width: 100%;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 53%;
  opacity: 0.6;
  margin-right: 10px;
}
.egt-header {
  background-image: url("../images/3x/egt-header.png");
}

.play-header {
  background-image: url("../images/3x/play-header.png");
  background-size: 70%;
}

.ufo-header {
  background-image: url("../images/3x/ufo-header.png");
  margin-right: 0px;
  background-size: 35% !important;
}

.ufo-icon {
  background-image: url("../images/3x/cosmo.png");
}

.play-icon {
  background-image: url("../images/3x/book.png");
}

.egt-icon {
  background-image: url("../images/3x/clover.png");
}

.title-container {
  display: flex;
  width: 100%;
  justify-content: center;
  height: 560px;
  margin-bottom: 15px;
}
.title-image {
  background-image: url("../images/3x/title-ge.png");
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  background-size: contain;

}
.three-rectangles {
  height: 80px;
  max-width: 320px;
  width: 100%;
  border: 2px solid #ffdc30;
  border-radius: 25px;
  background-image: linear-gradient(to top, #0f82c4, #0959b3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.categories-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.categories-icons {
  display: flex;
  flex-direction: row;
  margin-top: 65px;
  margin-bottom: 65px;

}
.categories-contents {
  background-image: url("../images/3x/icon-bg-image.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 72px;
  width: 100%;
  border: 5px solid #ffc73d;
}

.categories-icons-responsive {
  display: none;
}
.icons-row{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.icons-flex {
  display: flex;
  width: 100%;
  height: 180px;
  justify-content: center;
}

.icons-row:first-child {
  margin-bottom: 10%;
}
.icon-bg {
  background-image: url();
  background-repeat: no-repeat;
  height: 100%;
  max-width: 200px;
  width: 100%;
  background-size: contain;
  display: flex;
  justify-content: center;
}
.icon-bg span {
  padding-top: 34%;
  font-family: Crocosanscaps !important;
  font-size: 20px;
}
.icon {
  height: 100%;
  position: absolute;
  width: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 50%;
}
.icons-positions {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 220px;
  justify-content: center;
  margin: 0 5px;
}
.money-bg{
  background-image: url("../images/3x/money-bg.png");
}
.egt-bg{
  background-image: url("../images/3x/egt-bg.png");
}
.playngo-bg{
  background-image: url("../images/3x/playngo-bg.png");
}
.ufo-bg{
  background-image: url("../images/3x/ufo-bg.png");
}

.money-ico{
  background-image: url("../images/3x/money-ico.png");
}
.egt-ico{
  background-image: url("../images/3x/egt.png");
}
.playngo-ico{
  background-image: url("../images/3x/playngo.png");
}
.ufo-ico{
  background-image: url("../images/3x/ufo-frame.png");
}
.one-bet-container{
  height: 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: -50px;
}
.one-bet {
  height: 100%;
  width: 100%;
  border: 7px solid #ffc73d;
  max-width: 439px;
  border-radius: 60px;
  background-color: #15af44;
  padding-top: 33px;
  font-size: 25px;
  box-shadow: 4px 3px 32px 6px #15af44;
  font-family: Crocosans caps;
}

.responsive-slider-container {
  width: 100%;
  margin-top: 100px;
  display: flex;
  justify-content: center;
}

.responsive-slider {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border: 4px solid;
}

.date-button {
  display: flex;
  justify-content: center;
}

.text-image span span {
  font-size:20px;
}

.bottom-text {
  font-family: Crocosanscaps;
  text-align: left;
  display: flex;
  margin: 20px 0px;
  padding-left: 13px;
}

.bottom-text span span {
  font-family: "Crocosans caps", sans-serif !important;

}

/* 3x leaderboard */

.main-content-container {
  font-family: "Crocosans caps", sans-serif !important;
}
.three-rectangles span{
  font-family: Crocosanscaps !important;
  text-align: left;
  font-size: 18px;
}
.content-text-container {
  margin-top: 33px;
  max-width: 970px;
}
.content-text-container h3 {
  font-size: 28px;
  line-height: 33px;
}
.last-line {
  font-size: 33px !important;
}
.carousel-contant-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  right: 20px;
}
.domino {
  color: #17b470;
}
.nardi {
  color: #d95313;
}
.bura {
  color: #db3046;
}
.money-text {
  color: #28ed61;
}
.carousel-container {
  display: flex;
  position: relative;
  height: 600px;
}
.slider {
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
  background-size: contain;
  flex-direction: column;
  border-radius: 25px;
  border: 4px solid;
}
.responsive-slider {
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
  background-size: contain;
  flex-direction: column;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border: 4px solid;
}
.active div div div .scoreboard-container {
  width: 95%;
  border-radius: 22px;
  height: 425px;
}

.active div div div .scoreboard-container .scoreboard-detail-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 319px;
}
#domino-header {
  margin-bottom: 1px;
  margin-top: 2px;
}

.scoreboard-container {
  width: 95%;
  border-radius: 22px;
  height: 204px;
}
.scoreboard-detail-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 120px;
}
.date-picker-container {
  width: 100%;
  overflow-x: auto;
  justify-content: center;
  display: flex;
}
.active div div div div div .date-button {
  height: 34px;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  font-size: 13px;
  width: 100%;
  max-width: 50px;
  padding-top: 13px;
}
.combo_lb_dates {
  justify-content: space-between;
}

.date-button {
  display: flex;
  justify-content: center;;
  height: 25px;
  border-radius: 15px;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  font-size: 10px;
  font-family: Crocosanscaps !important;
  width: 100%;
  max-width: 50px;
  line-height: 11px;
}
.date-button-egt:hover {
  background-color: #660e0a;
  color: #ffffff;
}
.date-button-play {
  background-color: #0076b0;
  color: #0a2431;
}
.date-button-egt {
  background-color: #f64c45;
  color: #660e0a;
}
.date-button-ufo {
  background-color: #702ac8;
  color: #220f34;
}
.date-button-play:hover {
  background-color: #0a2431;
  color: #ffffff;
}
.date-button-ufo:hover {
  background-color: #220f34;
  color: #ffffff;
}

.rectingle-ufo div {
  background-color: #220f34;
}
.rectingle-egt div {
  background-color: #660e0a;
}
.rectingle-play div {
  background-color: #0a2431;
}

.date-picker-container .active-button-ufo {
  background-color: #ffffff;
  color: #702ac8;
}
.date-picker-container .active-button-play {
  background-color: #ffffff;
  color: #0076b0;
}
.date-picker-container .active-button-egt {
  background-color: #ffffff;
  color: #bd1f16;
}

.scoreboard-detail-container::-webkit-scrollbar {
  width: 5px;
  height: 6px;
}

/* Track */
.scoreboard-detail-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* Handle */
.ufo-cont-s::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(
    linear,
    40% 0%,
    75% 84%,
    from(#602697),
    to(#602697),
    color-stop(0.6, #602697)
  );
  border: 2px solid #555555;
  border-radius: 10px;
}

.egt-cont-s::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(
    linear,
    40% 0%,
    75% 84%,
    from(#dc373f),
    to(#dc373f),
    color-stop(0.6, #dc373f)
  );
  border: 2px solid #660e0a;
  border-radius: 10px;
}

.play-cont-s::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(
    linear,
    40% 0%,
    75% 84%,
    from(#175572),
    to(#175572),
    color-stop(0.6, #175572)
  );
  border: 2px solid #220f34;
  border-radius: 10px;
}

/* width */
.combo_lb_dates::-webkit-scrollbar {
  width: 5px;
  height: 6px;
}

/* Track */
.combo_lb_dates::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* Handle */
.scoreboard-container-ufo
.date-picker-container
.combo_lb_dates::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(
    linear,
    40% 0%,
    75% 84%,
    from(#602697),
    to(#602697),
    color-stop(0.6, #602697)
  );
  border: 2px solid #555555;
  border-radius: 10px;
}

/* Handle */
.scoreboard-container-egt
  .date-picker-container
  .combo_lb_dates::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(
    linear,
    40% 0%,
    75% 84%,
    from(#dc373f),
    to(#dc373f),
    color-stop(0.6, #dc373f)
  );
  border: 2px solid #555555;
  border-radius: 10px;
}

/* Handle */
.scoreboard-container-nardi
  .date-picker-container
  .combo_lb_dates::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(
    linear,
    40% 0%,
    75% 84%,
    from(#d85413),
    to(#d85413),
    color-stop(0.6, #d85413)
  );
  border: 2px solid #555555;
  border-radius: 10px;
}
/* Handle */
.bura-cont-s::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(
    linear,
    40% 0%,
    75% 84%,
    from(#dc373f),
    to(#dc373f),
    color-stop(0.6, #dc373f)
  );
  border: 2px solid #555555;
  border-radius: 10px;
}

/* Handle */
.nardi-cont-s::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(
    linear,
    40% 0%,
    75% 84%,
    from(#d85413),
    to(#d85413),
    color-stop(0.6, #d85413)
  );
  border: 2px solid #555555;
  border-radius: 10px;
}


.domino-header {
  background-image: url(../images/dominoheader.png);
}

.EGT-slider {
  background-color: #bd1f16;
}
.play-slider {
  background-color: #175572;
}
.ufo-slider {
  background-color: #543077;
}
.title-slider {
  width: 100%;
  text-align: center;
  font-size: 22px;
  color: #ffffff;
  position: absolute;
  top: 86px;
}
.active div .title-slider {
  width: 100%;
  text-align: center;
  font-size: 28px;
  color: #ffffff;
  position: absolute;
  top: 86px;
}
.active .header-slider {
  width: 27%;
  height: 9%;
  font-size: 22px;
  position: absolute;
  z-index: 30;
  right: 36%;
  background-size: contain;
  background-repeat: no-repeat;
  top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-slider {
  width: 27%;
  height: 9%;
  font-size: 18px;
  position: absolute;
  z-index: 30;
  right: 36%;
  background-size: contain;
  background-repeat: no-repeat;
  top: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table-content-container {
  margin-top: 10px;
}
.table-rectangle {
  width: 100%;
  display: flex;
  min-height: 32px !important;
  align-items: center;
}
.table-rectangle div {
  height: 30px;
  border-radius: 10px;
  font-family: Crocosanscaps !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  width: 100%;
  margin: 0 0.5%;
}
.active div div div div .table-rectangle div {
  height: 40px;
  border-radius: 10px;
  font-family: Crocosanscaps !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  width: 100%;
  margin: 0 0.5%;
  font-size: 15px;
}

.score-pos-container {
  display: flex;
  width: 100%;
  margin-top: 0px;
  justify-content: center;
}
.active div div div .score-pos-container {
  display: flex;
  width: 100%;
  margin-top: 10px;
  justify-content: center;
}

.score-pos-container div {
  width: 96px;
  height: 28px;
  background-repeat: no-repeat;
  margin-right: 20px;
  margin-left: 20px;
  line-height: 29px;
  background-size: contain;
  font-size: 8px;
}
.active div div div .score-pos-container div {
  width: 155px;
  height: 51px;
  background-repeat: no-repeat;
  margin-right: 20px;
  margin-left: 20px;
  line-height: 43px;
  font-size: 16px;
}
.bura-score div {
  background-image: url("../images/bura-rec.png");
}
.domino-score div {
  background-image: url("../images/chemiqula.png");
}
.nardi-score div {
  background-image: url("../images/nardi-rec.png");
}
.active div div .bottom-text {
  font-size: 19px;
  font-family: Crocosanscaps !important;
  margin: 15px 8px;
}
.flex-center {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 77%;
  margin-top: 7px;
}
.onetwothre-container {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  height: 100%;
}
.active div div div .text-image {
  align-items: center;
  display: flex;
  font-size: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  min-height: 77px;
  width: 100%;
  margin: 0 2%;
  border-radius: 30px;
  border: 3px solid #ffe937;
  font-family: Crocosanscaps !important;
}
.text-image {
  display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    min-height: 56px;
    background-color: #f64c45;
    width: 100%;
    margin: 0 2%;
    border-radius: 30px;
    border: 3px solid #ffe937;
    font-family: Crocosanscaps !important;
}
.text-image-ufo .text-image {
  background-color: #702ac8;
}

.text-image-play .text-image {
  background-color: #0076b0;
}
.active div div div .img {
  height: 38px;
  width: 56px;
  background-repeat: no-repeat;
  background-size: contain;
}
.img {
  height: 20px;
  width: 56px;
  background-repeat: no-repeat;
  background-size: contain;
}
th,
td {
  color: #ffffff;
  border: 1px solid #ffffff;
  width: 134px;
}
.domino-image {
  background-image: url("../images/domino.png");
}
.two-domino-image {
  background-image: url("../images/2dominos.png");
}
.three-domino-image {
  background-image: url("../images/3dominos.png");
}
.bura-image {
  background-image: url("../images/card.png");
}
.two-bura-image {
  background-image: url("../images/cards2.png");
}
.three-bura-image {
  background-image: url("../images/cards3.png");
}
.nardi-image {
  background-image: url("../images/dice1.png");
}
.two-nardi-image {
  background-image: url("../images/Dice2.png");
}
.three-nardi-image {
  background-image: url("../images/dice3.png");
}
.nardi-info {
  background-image: url("../images/nardiInfo.png");
  display: none;
}
.bura-info {
  background-image: url("../images/buraInfo.png");
  display: none;
}
.domino-info {
  background-image: url("../images/dominoInfo.png");
  display: none;
}
.active .info-text-click {
  color: #24d688;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
}
.info-text-click {
  color: #24d688;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
}
#nardi-responsive {
  display: none;
}
#bura-responsive {
  display: none;
}
.info-popup {
  height: 260px;
  width: 541px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  left: 635px;
  z-index: 40;
}
.info-popup div {
  height: 100%;
  text-align: left;
  padding-top: 45px;
  padding-left: 53px;
  font-family: Crocosanscaps !important;
  font-size: 15px;
  width: 496px;
}

#info-click-domino + #dominoPopUp {
  display: flex;
}

.slider-arrow {
  width: 50px;
  height: 50px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 60;
  cursor: pointer;
}
.next-arrow {
  background-image: url("../images/arrowright.png");
  top: 335px;
  right: -27%;
}
.responsive-leaderboard {
  display: none;
  max-width: 550px;
  width: 100%;
}

.prev-arrow {
  background-image: url("../images/arrowleft.png");
  top: 335px;
  left: -2%;
}

.accordion_item_content-t.tr {
  width: 100% !important;
  color: #ffffff;
}
.answer-t {
  color: #ffffff !important;
}
table {
  margin-bottom: 10px;
}

@media screen and (max-width: 1400px) { 
  .categories-container {
    width: 86%;
  }
  .icons-flex {
    width: 85%;
  }
  .categories-icons {
    justify-content: center;
  }
}


@media screen and (max-width: 1214px) {

  .content {
    width: 90% !important;
  }
  .categories-container {
    width: 75%;
  }
  .icons-flex {
    width: 100%;
  }
  .rules-containet {
    margin-top: 20px !important;
  }

  .slider-icons-cont {
    display: none;
  }

  .text-image {
    display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      font-size: 10px;
      min-height: 74px;
      background-color: #f64c45;
      width: 100%;
      margin: 0 2%;
      border-radius: 30px;
      border: 3px solid #ffe937;
      font-family: Crocosanscaps !important;
  }
  .title-container {
    height: 361px;
  }

  .responsive-leaderboard {
    display: block;
  }

  .categories-icons-web {
    display: none;
  }

  .categories-icons-responsive {
    display: flex;
    flex-direction: column;
  }

  .content-steps-container {
    width: 100%; display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 280px;
    }
  .categories-text {
    margin-top: 25px;
  }
  #domino-responsive {
    display: flex;
  }
  .carousel-contant-container {
    right: 6px;
  }
  .section {
    background-image: url("../images/3x/3X_leaderboards_mobile.png");
    background-position-y: -80px;
    padding-top: 0 !important;
  }
  .demo {
    display: none;
  }
  .active .header-slider-resp {
    width: 25%;
    height: 12%;
    font-size: 22px;
    position: absolute;
    z-index: 30;
    background-size: contain;
    background-repeat: no-repeat;
    top: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/headerResp.png");
    box-shadow: inset 0 0 20px #000000;
    border-radius: 25px;
    cursor: pointer;
  }
  .info-popup {
    left: 31px;
  }
  .accordion_item_content-t.tr {
    color: black;
  }
  .active-header {
    background-image: url("../images/headerRespActive.png") !important;
    box-shadow: inset 0 0 0px #000000 !important;
  }
  .button-aniamtion {
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    animation: example 2s infinite;
  }
  .active .info-text-click {
    margin-bottom: 10px;
  }
  .domino-header-resp {
    left: 67px;
  }
  .bura-header-resp {
    right: 250px;
  }
  .active div .title-slider {
    top: 31px;
  }
  .last-line {
    font-size: 28px !important;
  }
  .nardi-header-resp {
    left: 430px;
  }
  .w-container {
    max-width: 90% !important;
  }
  .content-text-container h3 {
    font-size: 23px;
    line-height: 25px;
  }

  .scoreboard-container {
    width: 95%;
    border-radius: 22px;
    height: 425px;
  }
  .scoreboard-detail-container {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 335px;
  }

  .date-button {
    height: 34px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    font-size: 13px;
    width: 100%;
    max-width: 50px;
    padding-top: 13px;
  }
  .categories-text span {
    font-size: 21px;
  }
  .last-line {
    font-size: 30px !important;
  }
  .table-rectangle div {
  }
  .bottom-text span{
    font-size: 20px;
  }
  .bottom-text span .amount-text {
    font-size: 30px;
  }
}

@media screen and (max-width: 910px) {
  .content-text-container h3 {
    font-size: 15px;
    line-height: 25px;
  }
  .nardi-header-resp {
    left: 416px;
  }
  .bura-header-resp {
    right: 210px;
  }
  .domino-header-resp {
    left: 38px;
  }
  .active .header-slider-resp {
    width: 27%;
  }
  .categories-container {
    width: 100%;
  }
}

@media screen and (max-width: 870px) {
  .nardi-header-resp {
    left: 284px;
  }
  .bura-header-resp {
    right: 153px;
  }
  .domino-header-resp {
    left: 25px;
  }
  .active .header-slider-resp {
    width: 29%;
    font-size: 18px;
    top: 6px;
  }
  .active div .title-slider {
    font-size: 22px;
  }
  .active div div div .text-image {
    font-size: 11px;
  }
  .active div div div .img {
    height: 30px;
  }
  .active div div div div .table-rectangle div {
    height: 19px;
    font-size: 9px;
    height: 35px;
    border-radius: 9px;
  }
  .combo_lb_dates {
    margin-right: 4px !important;
  }
  .active div div div div div .date-button {
    margin-right: 4px;
    margin-left: 5px;
    height: 20px;
    font-size: 10px;
    line-height: 7px;
  }
  .active div div div .score-pos-container {
    margin-top: 0;
  }
  .active div div div .score-pos-container div {
    width: 96px;
    height: 28px;
    line-height: 29px;
    font-size: 8px;
  }
  .active div div .bottom-text {
    font-size: 20px;
  }
  .active .info-text-click {
    font-size: 12px;
  }
}

@media screen and (max-width: 702px) {
  .accordion_item_content-t {
    flex-direction: column !important;
    align-items: center !important;
  }
  .categories-text span {
    font-size: 15px;
  }
  .last-line {
    font-size: 25px !important;
  }
}

@media screen and (max-width: 560px) {

  .bottom-text span {
    font-size: 12px;
  }
  .bottom-text span .amount-text {
    font-size: 13px;
  }
  .categories-contents {
    border-radius: 35px;
  }
  .date-button {
    margin-left:5px;
  }
}

@media screen and (max-width: 491px) {

  .section {
    background-size: 856px;
  }

  .one-bet {
    font-size: 22px;
  }

  .title-container {
    height: 234px;
  }
  .nardi-header-resp {
    left: 284px;
  }
  .icons-flex {
    height: 160px;
  }
  .slider-responsive-header-container {
    height: 51px;
  }
  .slider-header {
    border-top-left-radius: 31px;
    border-top-right-radius: 31px;
  }
  .icons-row:first-child {
    margin-bottom: 10%;
  }
  .text-image {
    margin: 0 2%;
    border-radius: 20px;;
  }
  .icon-bg span {
    font-size: 16px;
  }

  .table-rectangle div {
    font-size: 10px;
  }
}
@media screen and (max-width: 360px) {
  .icons-row:first-child {
    margin-bottom: 0px;
  }

  .three-rectangles span {
    font-size: 17px;
  }
}

.menu-2 {
  position: relative !important;
}

@keyframes fadeout {
  0% {
    opacity: 1;
    transform: scale(0.75);
  }
  20% {
    transform: scale(1);
  }
  40% {
    opacity: 0.3;
    transform: scale(0.75);
  }
  60% {
    transform: scale(1);
  }
  80% {
    opacity: 1;
    transform: scale(0.75);
  }
  100% {
    transform: scale(0.75);
  }
}