.signIn, .joinUs {
    text-decoration: none;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
}
	.terms-page ol {
		list-style: none;
		counter-reset: nested;
		padding: 0;
	}
	.terms-page ol li {
		margin: 10px 0 30px !important;
	}
	.terms-page ol ul li,
	.terms-page ol ol li {
		margin: 10px 0 !important;
	}
	.terms-page ol ol,
	.terms-page ol span {
		font-weight: normal;
	}
	.terms-page ol li:before {
		counter-increment: nested;
		content: counters(nested,'.')'. ';
	}
	.terms-page ol.listTypeNone li:before,
	.terms-page ul.listTypeNone li:before {
		counter-increment: none;
		content: '' !important;
	}

	.terms-page ol ol ol {
		padding-left: 14px;
	}
	.terms-page ol ol ol li:before {
		content: '('counter(nested, lower-latin)') ';
	}
	.terms-page ol ol ol ol li:before {
		content: '('counter(nested, lower-roman)') ';
	}
.default-page-styles.text-page {
    padding: 70px 2% 50px 2%;
    line-height: 1.6em;
    font-size: 18px;
}
.openLoginBtn {
  text-decoration: none;
}
.accordion-wrapper .accordion-header h4 {
    margin: 0;
    flex: 1;
    font-size: large;
    padding-right: 2%;
}
table {
  font-family: var(--base-font-family);
  line-height: 1.6;
  box-shadow: 0 2px 14px rgba(4, 0, 26, 0.15);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 50px;
  border-spacing: 0;
  background-color: #fff;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  width: 100%;
}
table thead, table tbody {
  min-width: 500px;
  display: table;
  width: 100%;
}
table thead td, table th {
  font-size: 18px;
  line-height: 1.556;
  background-color: #0e1013;
  padding: 12px 10px 12px 24px;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
}
table thead td:first-child, table th:first-child {
  border-radius: 14px 0 0 0;
  width: 260px;
}
table thead td:last-child, table th:last-child {
  border-radius: 0 14px 0 0;
}
table tr:not(:last-child) td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
table--no-border tr:not(:last-child) td {
  border-bottom: 0;
}
table td {
  font-size: 18px;
  padding: 11px 10px 11px 24px;
}
table td:first-child {
  width: 260px;
}
table td img {
  vertical-align: middle;
}
table .icon-cross {
  color: #ff5f5f;
}
table .icon-check {
  color: var(--btn-secondary);
}
.img_text {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.img_text .left {
  width: 40%;
}
.img_text .right {
  width: 60%;
}
.img_text .right img {
  max-width: 100%;
}
.reverse {
  flex-direction: row-reverse;
}
.promoValue {
  font-size: 56px!important;
}
.promoDescription {
  font-size: 18px!important;
}
.provider {
  pointer-events: none;
}
@media (max-width: 699px)  {
  .img_text {
    flex-wrap: wrap;
  }
  .img_text .left, .img_text .right {
    width: 100%;
  }
  #menuBar {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .promoValue {
    font-size: 28px!important;
  }
  .promoDescription {
    font-size: 9px!important;
    padding-left: 5px;
  }
}
@media screen and (min-width: 1666px) {
    .categoryHolder.doubleSliderSquare .gamesInner .gameColumn:first-child {
        margin-left: min(10.5vw, 180px)!important;
    }
}
.responsive-gif {
    max-width: 100%;
    height: auto;
    display: block;
}


@media only screen and (max-width: 768px) {
    .responsive-gif {
        max-width: calc(100% + 40px);
        width: 100vw; 
        margin-left: -20px; 
        margin-right: -20px;
    }
}

 ul.promocode-list, ol.promocode-list {
      list-style-type: none !important; /* Вимкнути будь-який тип списку */
      padding: 0;
      margin: 0;
    }

    .promocode-list li {
      background-color: #f8f9fa;
      padding: 10px;
      margin-bottom: 8px;
      border-radius: 8px;
      border: 1px solid #ddd;
      transition: background-color 0.3s ease;
    }

    .promocode-list li:hover {
      background-color: #e9ecef;
    }

    .promocode {
      background-color: #343a40;
      color: #ffffff;
      font-weight: bold;
      font-size: 20px;
      padding: 5px 10px;
      border-radius: 4px;
    }

    .description {
      color: #333;
      font-size: 16px;
    }
.video-container {
    position: relative;
    width: 100%;
    max-width: 800px; 
    margin: 0 auto;
    aspect-ratio: 16 / 9;
}

.video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}