@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');


/* header */

.header__top-promolink {
  font-family: 'Montserrat', sans-serif !important;
  text-transform: uppercase;
  background: #404555 !important;
  color: #FFFFFF !important;
  border-radius: 3px;
  font-weight: 400 !important;
  line-height: normal !important;
  padding: 10px 10px !important;
}


.registerDialog {
  border-radius: 16px !important;
  background: #24AE82 !important;
  color: #ffffff !important;
}

.loginDialog {
  color: #ffffff !important;
  text-decoration: underline !important;
  background: none !important;
  border: none !important;
}


/* main */

.story__item img {
    border-radius: 60px !important;
    border: 4px solid #3CE792 !important;
}

.story__item .story_text p {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    white-space: pre-wrap !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}


.dynamic_featured_title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    padding-top: 10px !important;
    letter-spacing: 1px !important;
}

.rd_header_tab_item {
  border-radius: 8px !important;
  padding: 10px 20px !important;
}

.rd_header_tab_name {
  font-family: 'Montserrat', sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.top_jackpots__anim {
 border-radius: 8px !important;
 background: radial-gradient(ellipse at center, #22896F 0%, rgba(34, 137, 111, 0) 80%) !important;
}

.top_jackpots__block {
  border: 2px solid #22896F !important;
  gap: 30px !important;
  background: none !important;
}

/* End */

.top_jackpots__value {
  color:  white !important;
}

@keyframes fadeInOut {
  0%, 100% {
      opacity: 1.5;
  }
  50% {
      opacity: 0.5;
  }
}
  
.jackpot_animation_layers_wrapper {
 background: linear-gradient(
  180deg,
  #3ce792,
  30%,
  transparent,
  95%,
  #3ce792
) !important;
  animation: fadeInOut 4s infinite;
}

.jackpot_amount_number {
  color: #ffff !important;
}


@keyframes slide {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.notification_text {
  font-size: 16px;
  color: #ffff;
  display: inline-block;
  animation: slide 10s linear infinite !important;
}