:root {
  --math: 1;
  --white-color: white;
  --black-color: black;
  --header-height: 72px;
  --small-column-dekstop-width: 302px;
  --header-offset: 30px;
}
:root .admin-bar {
  --header-offset: 32px;
}

html[dir=rtl] {
  --math: -1;
}

.highlight {
  color: var(--white-color-3);
}

.content-main-text-wrapper {
  padding-top: 10px;
  overflow: hidden;
  position: relative;
  max-height: var(--initial-text-height);
}
@media (min-width: 576px) {
  .content-main-text-wrapper {
    transition: max-height 0.3s ease-in-out;
  }
}
.content-main-text-wrapper .uncollapsed-content {
  font-size: 1.6rem;
  position: relative;
}
.content-main-text-wrapper .uncollapsed-content .elipsis {
  display: none;
}
.content-main-text-wrapper #topContent {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .content-main-text-wrapper #topContent {
    display: block;
  }
  .content-main-text-wrapper #topContent.collapse {
    margin-bottom: 20px;
  }
}
.content-main-text-wrapper.closed {
  max-height: var(--text-height);
}
@media (min-width: 768px) {
  .content-main-text-wrapper.closed {
    transition: max-height 0.3s;
  }
}
.content-main-text-wrapper.closed:after {
  bottom: 0;
  position: absolute;
  content: "";
  max-height: 30ch;
  height: 100%;
  width: 100%;
  background: #020024;
  background: linear-gradient(0deg, #020024 0%, white 0%, rgba(255, 255, 255, 0) 100%);
}
.content-main-text-wrapper h2, .content-main-text-wrapper h3, .content-main-text-wrapper h4, .content-main-text-wrapper h5 {
  scroll-margin-top: var(--header-height);
  color: var(--titles-color, #000000);
}
@media (min-width: 992px) {
  .content-main-text-wrapper h2, .content-main-text-wrapper h3, .content-main-text-wrapper h4, .content-main-text-wrapper h5 {
    margin-top: 30px;
  }
}
.content-main-text-wrapper h2 {
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 700;
}
.content-main-text-wrapper h3 {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
}
.content-main-text-wrapper h4 {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 700;
}
.content-main-text-wrapper p, .content-main-text-wrapper li {
  font-size: var(--min-font-size);
  line-height: var(--text-line-hight);
}
@media (min-width: 992px) {
  .content-main-text-wrapper p, .content-main-text-wrapper li {
    line-height: 2;
  }
}
.content-main-text-wrapper img:after {
  content: "";
  clear: both;
  display: block;
}
@media (min-width: 768px) {
  .content-main-text-wrapper img {
    position: static;
  }
}
.content-main-text-wrapper .blocks-gallery-grid .wp-block-gallery {
  display: block;
}
@media (min-width: 768px) {
  .content-main-text-wrapper .blocks-gallery-grid .wp-block-gallery {
    display: flex;
  }
}
.content-main-text-wrapper figure {
  border-radius: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .content-main-text-wrapper figure {
    padding-top: 0;
    margin-inline-end: 20px;
    float: inline-start;
    overflow: hidden;
  }
}
.content-main-text-wrapper .wp-block-group:after {
  content: "";
  clear: both;
  display: block;
}
.content-main-text-wrapper .simple-btn {
  margin-top: 23px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: fit-content;
}
.content-main-text-wrapper img {
  border-radius: 10px;
  max-width: 100%;
  object-fit: cover;
}

.table-of-contents-trigger {
  border: none;
  width: calc(100% - 10px);
  margin: auto;
  display: flex;
  height: 50px;
  background-color: white;
  align-items: center;
  justify-content: space-between;
}
.table-of-contents-trigger .minus {
  display: none;
}
.table-of-contents-trigger[aria-expanded=true] .plus {
  display: none;
}
.table-of-contents-trigger[aria-expanded=true] .minus {
  fill: #707070;
  display: block;
}
.table-of-contents-trigger .icon {
  width: 25px;
  height: 25px;
  fill: var(--theme-color-7);
}
.table-of-contents-trigger .open-icon {
  position: relative;
  width: 30px;
  height: 30px;
  padding: 6px;
  border-radius: 100%;
  fill: var(--theme-color-1);
  box-shadow: 0px 1px 3px 0px #0000004D;
  color: var(--theme-color-1);
}
.table-of-contents-trigger .text {
  font-size: 1.8rem;
  margin-inline-start: 10px;
  display: inline-block;
  transform: translateY(2px);
  color: var(--theme-color-7);
}

.table-of-contents {
  margin-bottom: 10px;
  margin-top: 20px;
  background: white;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #C9C9C9;
}
.table-of-contents .table-of-contents-trigger[aria-expanded=true] {
  border-bottom: 1px solid #C9C9C9;
}
.table-of-contents .contents {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0;
  padding-top: 0;
}
.table-of-contents .contents li {
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.table-of-contents .contents li:first-of-type {
  margin-top: 10px;
}
.table-of-contents .contents li:last-of-type {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .table-of-contents .contents li {
    font-size: 1.6rem;
  }
}
.table-of-contents .contents li a {
  padding: 0;
  color: black;
  transition: text-shadow 0.3s ease;
}
.table-of-contents .contents li a:hover {
  text-shadow: 0 1px 1px currentColor;
}

.read-more-link.plain {
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .read-more-link.plain {
    display: none;
  }
}
.read-more-link.plain:before {
  top: -100%;
  position: absolute;
  content: "";
  max-height: 30ch;
  inset-inline-start: 0;
  height: 100%;
  width: 100%;
  background: #020024;
  background: linear-gradient(0deg, #020024 0%, white 0%, rgba(255, 255, 255, 0) 100%);
}
.read-more-link.plain[aria-expanded=true]:before {
  display: none;
}

.main-sub-title {
  font-size: 2.8rem;
  font-weight: 700;
}

.review-content-container {
  position: relative;
  box-shadow: 0px 1px 3px 0px #00000026;
  background-color: white;
  border: 1px solid #C9C9C9;
  border-radius: 10px;
  margin-top: 20px;
}
.review-content-container .review-title {
  font-size: 2.2rem;
  font-weight: 700;
  padding-bottom: 10px;
}
.review-content-container .review-title .highlight {
  color: var(--theme-color-1);
}
.review-content-container .writer img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
}
.review-content-container .sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
}
.review-content-container .sub-header .review-header-text {
  font-size: 1.2rem;
  flex: 1;
  margin-inline-start: 10px;
}
@media (min-width: 576px) {
  .review-content-container .sub-header .review-header-text {
    font-size: 1.6rem;
  }
}
.review-content-container .sub-header .review-header-text .highlight {
  color: #0d6efd;
}
.review-content-container .content-main-text-wrapper {
  color: black;
  --text-height: 55ch;
}
.review-content-container .content-main-text-wrapper .content {
  font-size: 1.6rem;
}
.review-content-container .content-main-text-wrapper .content.add-padding {
  padding-bottom: 60px;
}
@media (min-width: 992px) {
  .review-content-container .content-main-text-wrapper .content {
    padding-bottom: 0;
    padding-inline: 5px;
  }
}
.review-content-container .read-more-link {
  display: flex;
  justify-content: center;
  position: relative;
  inset-inline-start: 0;
  bottom: 0;
  width: 100%;
  border: none;
  min-height: 58px;
  background: var(--theme-gradient-4);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 1px 3px 0px #0000004D;
  font-size: 1.6rem;
  min-width: calc(100% + 20px);
  left: -10px;
}
.review-content-container .read-more-link .open {
  display: none;
}
.review-content-container .read-more-link.open-state .closed {
  display: none;
}
.review-content-container .read-more-link.open-state .open {
  display: block;
}

[dir=rtl] .read-more-link {
  inset-inline-end: unset;
  right: -10px;
}

.social-block-container {
  display: flex;
  margin-bottom: 0;
}
.social-block-container li {
  list-style: none;
}
.social-block-container li button {
  color: var(--theme-color-1);
  border: none;
  background-color: transparent;
}
.social-block-container li button svg {
  width: 23px;
  height: 23px;
}

.casino-list-wrapper .title {
  text-align: center;
  align-items: baseline;
  display: flex;
}
.casino-list-wrapper .larger {
  font-size: 2.4rem;
  display: block;
  margin-inline-end: 10px;
}
.casino-list-wrapper .list-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.casino-list-wrapper .list-header .additional-information {
  overflow-x: scroll;
}
@media (min-width: 576px) {
  .casino-list-wrapper .list-header .additional-information {
    overflow-x: unset;
  }
}
.casino-list-wrapper .list-header .additional-information .description {
  white-space: nowrap;
}
.casino-list-wrapper .list-header .additional-information ul li {
  white-space: nowrap;
}
.casino-list-wrapper .additional-information {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  text-transform: uppercase;
  gap: 5px;
}
.casino-list-wrapper .additional-information ul {
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 0;
  margin-bottom: 0;
}
.casino-list-wrapper .additional-information li {
  list-style: none;
  align-items: center;
  display: flex;
  gap: 5px;
}
.casino-list-wrapper .additional-information li .icon {
  color: var(--badge-color);
}

.App {
  margin-top: 10px;
}

.home .App {
  margin-top: 15px;
}
@media (min-width: 576px) {
  .home .App {
    margin-top: 30px;
  }
}
.home .casino-list-wrapper .title {
  display: block;
}

.banner-link {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.bonus-banner-container {
  margin-bottom: 1rem;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
  min-height: 202px;
  justify-content: center;
  gap: 22px;
}
@media (min-width: 992px) {
  .bonus-banner-container {
    gap: unset;
    justify-content: unset;
    min-height: 100px;
    flex-direction: row;
  }
}
.bonus-banner-container img:not(.casino-logo) {
  clear: both;
  float: none !important;
  margin-left: 0 !important;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  object-fit: cover;
  position: absolute;
  max-height: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.27), rgba(0, 0, 0, 0.27));
}
.bonus-banner-container .casino-logo {
  z-index: 1;
  display: block;
  position: relative;
  max-height: 30px;
}
@media (min-width: 992px) {
  .bonus-banner-container .casino-logo {
    max-height: unset;
    max-width: 150px;
    margin-inline-start: 20px;
    inset-inline-start: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
  }
}
.bonus-banner-container .prefix-btn {
  z-index: 1;
  display: block;
  max-width: 200px;
  width: 100%;
  position: relative;
  max-height: 35px;
}
@media (min-width: 992px) {
  .bonus-banner-container .prefix-btn {
    max-height: unset;
    inset-inline-end: 20px;
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
  }
}
.bonus-banner-container .bonus-text {
  color: var(--white-color);
  position: relative;
  font-weight: normal;
  padding: 0 5px;
  line-height: 1.2;
  text-align: center;
  font-size: 1.6rem;
}
@media (min-width: 992px) {
  .bonus-banner-container .bonus-text {
    font-size: 1.5rem;
    transform: translate(calc(-50% - 20px), -50%);
    left: 50%;
    top: 50%;
    font-weight: 700;
    position: absolute;
  }
}
@media (min-width: 1400px) {
  .bonus-banner-container .bonus-text {
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 2rem;
  }
}

.promotions-list-section aside {
  height: 100%;
  display: flex;
  position: relative;
  padding-top: 280px;
  flex-direction: column;
}
.promotions-list-section .content-wrapper {
  padding: 13px;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.promotions-list-section .promotions-text {
  text-align: center;
  margin-bottom: 20px;
}
.promotions-list-section .promotions-content {
  font-size: var(--min-font-size);
}
.promotions-list-section .promotions-list {
  padding: 10px 0;
  overflow-x: auto;
  grid-auto-columns: 220px;
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  gap: 15px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .promotions-list-section .promotions-list {
    grid-auto-columns: 1fr;
    overflow-x: initial;
  }
}
.promotions-list-section .promotions-list-image-top {
  position: relative;
  padding-top: 61.8181818182%;
}
.promotions-list-section .promotions-list-image-top img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.promotions-list-section .post-link {
  flex: 1;
}
.promotions-list-section .post-link, .promotions-list-section .post-title {
  font-size: 1.6rem;
  color: var(--casino_promotions_main-theme-color);
  font-weight: 700;
}
.promotions-list-section .post-link::before, .promotions-list-section .post-title::before {
  position: absolute;
  top: 0;
  inset-inline-start: -100%;
  z-index: 1;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.promotions-list-section .post-link:hover::before, .promotions-list-section .post-title:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}
.promotions-list-section .post-link:before, .promotions-list-section .post-title:before {
  display: none;
}
@media (min-width: 768px) {
  .promotions-list-section .post-link:before, .promotions-list-section .post-title:before {
    display: block;
  }
}
.promotions-list-section .established-date {
  flex: 1;
  color: var(--casino_promotions_established-theme-color);
  display: flex;
  font-size: 1.4rem;
  align-items: flex-end;
}
.promotions-list-section .flip-card {
  inset-inline-end: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 1;
}
.promotions-list-section .flip-card svg {
  pointer-events: none;
}
.promotions-list-section .flip-card.close-x {
  margin-bottom: 10px;
  position: static;
  width: 32px;
  height: 32px;
  display: block;
  margin-inline-start: auto;
}
.promotions-list-section .flip-card.close-x svg {
  fill: var(--casino_promotions_established-theme-color);
}
.promotions-list-section .front {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  top: 0;
  position: absolute;
  z-index: 2;
  transform: rotateY(0);
  transition: transform 0.6s cubic-bezier(0.39, 0.2, 0.37, 1.44);
  box-shadow: 0px 1px 3px 0px #00000026;
  border-radius: 10px;
  overflow: hidden;
  backface-visibility: hidden;
  background: white;
}
.promotions-list-section .back {
  padding: 15px;
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  transform: rotateY(180deg);
  z-index: 1;
  backface-visibility: hidden;
  transition: transform 0.6s cubic-bezier(0.39, 0.2, 0.37, 1.44);
  box-shadow: 0px 1px 3px 0px #00000026;
  border-radius: 9px;
  overflow: hidden;
  background: white;
  display: flex;
  flex-direction: column;
}
.promotions-list-section .back .back-title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: var(--casino_promotions_main-theme-color);
}
.promotions-list-section .back .back-content {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: var(--casino_promotions_main-theme-color);
}
.promotions-list-section .back .prefix-btn {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}
.promotions-list-section aside.show .front {
  z-index: 1;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  box-shadow: none;
}
.promotions-list-section aside.show .back {
  transform: rotateY(0);
  z-index: 2;
}
.promotions-list-section .all-articles {
  max-width: max-content;
  width: 100%;
  margin: auto;
  gap: 5px;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  line-height: unset;
  display: flex;
}

.faq-container {
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: center;
}
.faq-container .prefix-title {
  margin-bottom: 20px;
}
.faq-container .faq-inner-wrapper {
  min-width: calc(100% - 59px);
}
.faq-container .title-text {
  font-size: 1.6rem;
  padding-inline-start: 10px;
  padding-inline-end: 52px;
}
.faq-container .accordion-item {
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  box-shadow: 0px 1px 3px 0px #00000026;
  border-radius: 15px !important;
  border: none;
}
.faq-container .accordion-item.open-state {
  background-color: var(--theme-color-9);
}
.faq-container .accordion-item .accordion-collapse {
  background-color: var(--faq_answer_background-theme-color);
}
.faq-container .accordion-item .toggle-icon {
  cursor: pointer;
  background: var(--theme-gradient-1);
  height: auto;
  min-width: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  inset-inline-end: 0;
  z-index: 4;
}
.faq-container .accordion-item .toggle-icon svg {
  width: 21px;
  height: 20px;
  fill: white;
  pointer-events: none;
}
.faq-container .accordion-item .toggle-icon[aria-expanded=true] {
  background: var(--theme-color-5);
}
.faq-container .accordion-item .toggle-icon[aria-expanded=true] .title-text {
  color: var(--faq_question-theme-color);
}
.faq-container .accordion-item .toggle-icon[aria-expanded=true] .plus {
  display: none;
}
.faq-container .accordion-item .toggle-icon[aria-expanded=true] .minus {
  display: block;
}
.faq-container .accordion-item .minus {
  display: none;
}
.faq-container .accordion-button {
  outline: none;
  font-weight: 700;
  background-color: transparent !important;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  box-shadow: none !important;
  border-start-end-radius: 15px !important;
  border-end-end-radius: 15px !important;
  padding-inline-start: 10px;
  border-start-end-radius: 15px;
  border-end-start-radius: 15px;
}
.faq-container .accordion-button:after {
  display: none;
}
.faq-container .accordion-button:after {
  transform: rotate(0);
}
.faq-container .accordion-button[aria-expanded=true] {
  border-end-end-radius: 0 !important;
}
.faq-container .accordion-button[aria-expanded=true] .title-text {
  color: var(--faq_question-theme-color);
}
.faq-container .accordion-header {
  display: flex;
  align-items: center;
}
.faq-container .accordion-header svg {
  pointer-events: none;
  color: var(--theme-color-1);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.faq-container .accordion-body {
  font-size: 1.4rem;
  padding-top: 0;
  padding-inline-end: 50px;
  padding-inline-start: 40px;
  text-align: start;
}

.star-header {
  background-color: var(--theme-color-1);
  color: white;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  padding: 0 22px 0;
  min-height: 68px;
  align-items: center;
}
.star-header svg {
  width: 19px;
  height: 19px;
}
.star-header .star-title {
  margin-bottom: 0;
}

.star-header svg {
  color: var(--theme-color-3);
}

.top-bonuses-aside-container {
  --slide-offset: -50px;
  box-shadow: 0px 1px 3px 0px #0000004D;
  border-radius: 10px;
  overflow: hidden;
}
.top-bonuses-aside-container .star-title {
  text-align: center;
  font-weight: 700;
}
.top-bonuses-aside-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: white;
}
.top-bonuses-aside-container ul li {
  display: flex;
  position: relative;
  overflow: hidden;
  padding-inline-start: 5px;
  max-height: 65px;
  border-bottom: 1px solid #C9C9C9;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .top-bonuses-aside-container ul li {
    padding-inline-start: 10px;
    font-size: 1.2rem;
  }
}
@media (min-width: 992px) {
  .top-bonuses-aside-container ul li {
    padding-inline-end: 14px;
  }
  .top-bonuses-aside-container ul li .slide-content {
    min-width: 100%;
    transition: all 0.3s ease;
    position: relative;
    inset-inline-start: 0;
  }
  .top-bonuses-aside-container ul li:focus-within .slide-content, .top-bonuses-aside-container ul li:hover .slide-content {
    transition: all 0.3s ease;
    inset-inline-start: var(--slide-offset);
  }
  .top-bonuses-aside-container ul li:focus-within .aside-bonus-btn, .top-bonuses-aside-container ul li:hover .aside-bonus-btn {
    transform: translateX(calc(-1 * var(--math) * 100% + var(--math) * 14px));
  }
}
@media (min-width: 1400px) {
  .top-bonuses-aside-container ul li {
    font-size: 1.4rem;
  }
}
.top-bonuses-aside-container ul li .slide-content {
  flex: 1;
  display: flex;
  align-items: center;
  margin-inline-start: 10px;
}
@media (min-width: 992px) {
  .top-bonuses-aside-container ul li .slide-content {
    margin-inline-start: 0;
  }
}
.top-bonuses-aside-container ul li .review-link {
  color: black;
  min-width: 100%;
}
.top-bonuses-aside-container ul li .bonus-text {
  white-space: nowrap;
  padding-inline-start: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .top-bonuses-aside-container ul li .bonus-text {
    padding-inline-start: 10px;
    padding-inline-end: 10px;
  }
}
.top-bonuses-aside-container ul li .bonus-text .smaller {
  font-size: 1.4rem;
  white-space: nowrap;
  color: #656565;
  margin-inline-end: 5px;
}
.top-bonuses-aside-container ul li .bonus-text .regular {
  font-size: 1.6rem;
}
.top-bonuses-aside-container ul li .bonus-text .highlight {
  white-space: nowrap;
  font-size: 1.6rem;
  color: var(--theme-color-1);
  font-weight: 700;
  margin-inline-end: 5px;
}
.top-bonuses-aside-container ul li .brand-logo {
  padding-inline-end: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 100%;
  background-color: var(--logo-bg-color);
  position: relative;
  flex: 0 0 50px;
  height: 50px;
}
.top-bonuses-aside-container ul li .brand-logo.square {
  border-radius: 10px;
  flex: 0 0 80px;
  height: 34px;
  padding: 10px;
}
.top-bonuses-aside-container ul li .brand-logo.square img {
  padding: 6px;
}
@media (min-width: 992px) {
  .top-bonuses-aside-container ul li .brand-logo {
    flex: 0 0 40px;
    height: 40px;
  }
}
.top-bonuses-aside-container ul li .brand-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.top-bonuses-aside-container ul li .stretched-link {
  color: white;
  width: 0;
}
.top-bonuses-aside-container ul li .aside-bonus-btn {
  min-height: 65px;
  line-height: 65px;
  width: 85px;
  font-size: 1.6rem;
  border-radius: 0;
  display: block;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.top-bonuses-aside-container ul li .aside-bonus-btn.larger {
  width: 145px;
  font-size: 1.3rem;
  display: none;
}
@media (min-width: 992px) {
  .top-bonuses-aside-container ul li .aside-bonus-btn.larger {
    display: block;
  }
}
@media (min-width: 992px) {
  .top-bonuses-aside-container ul li .aside-bonus-btn {
    transform: translateX(calc(var(--math) * 100% + 16px));
  }
}
.top-bonuses-aside-container .top-bonuses-aside-footer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #EAF8FF, #EAF8FF), linear-gradient(0deg, #DBDBDB, #DBDBDB);
  box-shadow: 0px 1px 3px 0px #0000004D;
}
.top-bonuses-aside-container .top-bonuses-aside-footer a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 58px;
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  color: var(--theme-color-1);
  text-decoration: none;
}
@media (min-width: 992px) {
  .top-bonuses-aside-container .top-bonuses-aside-footer a {
    background: var(--theme-gradient-1);
    color: white;
  }
}

.top-software ul li img {
  position: relative;
  max-width: 30px;
  max-height: 20px;
  object-fit: contain;
  color: transparent;
  margin-inline-end: 10px;
}

.top-bonuses-aside-container.most-popular-list .star-title {
  font-size: 1.5rem;
}
.top-bonuses-aside-container.most-popular-list li {
  display: flex;
  align-items: center;
  padding-top: 17px;
  padding-bottom: 17px;
}
.top-bonuses-aside-container.most-popular-list li svg {
  flex-basis: 30px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  color: #feffde;
  margin-inline-end: 10px;
  padding: 5px;
  background: linear-gradient(0deg, #FD5900 0%, #FFDE00 100%);
}
@media (min-width: 992px) {
  .top-bonuses-aside-container.most-popular-list li svg {
    margin-inline-start: 0x;
  }
}
.top-bonuses-aside-container.most-popular-list li .list-start-icon {
  font-size: 3rem;
  margin-inline-end: 10px;
  margin-inline-start: 10px;
  color: var(--theme-color-1);
}
@media (min-width: 992px) {
  .top-bonuses-aside-container.most-popular-list li .list-start-icon {
    font-size: 2rem;
    margin-inline-start: 0;
  }
}
.top-bonuses-aside-container.most-popular-list a {
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: black;
  font-weight: 700;
}
.top-bonuses-aside-container.most-popular-list a:hover {
  text-decoration: underline;
}

.top-bonuses-aside-container .star-title {
  font-size: 1.5rem;
}

.software-image {
  margin-inline-end: 10px;
  font-size: 2rem;
  color: var(--theme-color-1);
}

.strip-wrapper {
  display: grid;
  grid-template-rows: repeat(3, 75px);
  grid-template-columns: 1fr;
  justify-content: space-between;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid var(--theme-color-1);
}
@media (min-width: 992px) {
  .strip-wrapper {
    flex-basis: 100%;
    display: flex;
    height: 75px;
  }
}
.strip-wrapper .thumb {
  flex: 1;
  display: flex;
  object-fit: contain;
  padding-top: 5px;
  padding-bottom: 5px;
  align-items: center;
  justify-content: center;
  background-color: var(--logo-bg-color);
  min-width: 200px;
}
.strip-wrapper .thumb img {
  max-width: 65%;
  max-height: 65%;
  margin: auto;
  display: block;
}
.strip-wrapper .bonus-strip-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #EAF6FF;
  flex: 1;
}
@media (min-width: 992px) {
  .strip-wrapper .bonus-strip-content {
    flex: 3;
  }
}
.strip-wrapper .bonus-strip-content .casino-title a {
  color: var(--theme-color-1);
  font-size: 1.6rem;
  font-weight: 700;
}
.strip-wrapper .bonus-strip-content .casino-title a:hover {
  text-decoration: underline;
}
.strip-wrapper .bonus-strip-content .text, .strip-wrapper .bonus-strip-content .highlight {
  font-size: 1.6rem;
}
.strip-wrapper .bonus-strip-content .text {
  color: #2E2E2E;
}
.strip-wrapper .bonus-strip-content .highlight {
  color: var(--theme-color-1);
  font-weight: 700;
}
.strip-wrapper .strip-btn {
  border-radius: 0;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 100%;
  font-size: 2rem;
  min-width: 200px;
}
@media (min-width: 992px) {
  .strip-wrapper .strip-btn {
    font-size: 1.6rem;
    width: auto;
  }
}

.review-content-container {
  box-shadow: none;
  border: none;
  padding: 0 !important;
}

.col-max {
  border: none !important;
  background: white;
}

main {
  background-color: #E5E5E5;
}

.promotions-list-section {
  position: relative;
  padding-bottom: 30px;
  background: var(--theme-color-9) url(../../images/bg-home.svg);
  background-repeat: repeat;
  background-blend-mode: multiply;
}
.promotions-list-section .promotions-text {
  padding-top: 30px;
  position: relative;
}
.promotions-list-section .prefix-btn {
  position: relative;
}

.table-of-contents-wrapper .title-with-logo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.table-of-contents-wrapper .title-with-logo img {
  max-width: 20%;
}
@media (min-width: 768px) {
  .table-of-contents-wrapper .title-with-logo img {
    max-width: 10%;
  }
}
.table-of-contents-wrapper .title-with-logo .icon {
  font-size: 3rem;
  color: var(--theme-color-1);
}
.table-of-contents-wrapper .title-with-logo h1 {
  line-height: 1;
}
@media (max-width: 768px) {
  .table-of-contents-wrapper .title-with-logo h1 {
    font-size: 2.6rem;
  }
}

/*# sourceMappingURL=casino-promotion.css.map */