:root {
  --light-color: #eeeeee;
  --main-bg-color: #fcfcfc;
	--dark-bg-color: #212741;
	--darker-bg-color: #181d30;
	--dark-text-color: #212741;
  --cta-btn-bg-color: #d64811;
  --cta-btn-text-color: #ffffff;
	--rev-btn-border: #c6c7ce;
	--rev-btn-border-muted: #b4b4b4;
  --bonus-color: #000;
  --elements-border-color: #000;
	--transition: all 0.3s;
	--icon-rating-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 16.627 15.888'%3E%3Cg data-name='Group 15'%3E%3Cpath d='M12.074 15.152c-.227 0-.455-.055-.659-.161L8.31 13.359l-3.102 1.63A1.42 1.42 0 0 1 3.15 13.5l.593-3.455-2.513-2.451a1.423 1.423 0 0 1-.016-2.01c.215-.218.498-.36.798-.406l3.473-.504 1.551-3.147A1.423 1.423 0 0 1 8.94.882c.277.138.504.366.64.64l1.555 3.15 3.468.504c.372.053.705.249.932.551.228.303.324.676.272 1.052a1.424 1.424 0 0 1-.42.823l-.002-.002-2.504 2.438.59 3.459a1.418 1.418 0 0 1-1.396 1.655Zm2.298-8.38h.002-.002Z' data-name='Path 47' style='fill:%23fbe269;stroke-width:0'/%3E%3C/g%3E%3C/svg%3E");
  --icon-age-limit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 41 41'%3E%3Cpath d='M26.58 20.68h2.71v-2.74h2.3v2.74h2.73v2.29h-2.73v2.71h-2.3v-2.71h-2.71v-2.29ZM15 15.65v12.12h-3.36v-8.42c-.16.36-1.92.31-1.92.2v-2.71s1.65.18 1.85-1.19H15Zm2.9 5.73a3.405 3.405 0 0 1-1.15-.92 2.71 2.71 0 0 1-.48-1.61 2.843 2.843 0 0 1 1.41-2.45 5.147 5.147 0 0 1 2.91-.73 5.642 5.642 0 0 1 3.52.91 2.762 2.762 0 0 1 1.15 2.29c0 .535-.16 1.057-.46 1.5-.291.401-.658.74-1.08 1a3.308 3.308 0 0 1 1.43 1.24c.318.506.488 1.092.49 1.69a3.524 3.524 0 0 1-.42 1.7c-.235.47-.578.878-1 1.19a4.291 4.291 0 0 1-1.47.62 8.987 8.987 0 0 1-1.9.19 7.482 7.482 0 0 1-2.89-.44 3.287 3.287 0 0 1-1.52-1.32 3.674 3.674 0 0 1-.53-1.94 3.08 3.08 0 0 1 .49-1.78 3.16 3.16 0 0 1 1.5-1.14Zm1.3 2.78c-.025.475.149.939.48 1.28.284.314.687.495 1.11.5a1.402 1.402 0 0 0 1.05-.5 1.82 1.82 0 0 0 .47-1.28 1.8 1.8 0 0 0-.49-1.3 1.482 1.482 0 0 0-1.1-.51 1.42 1.42 0 0 0-1.08.49c-.306.37-.463.841-.44 1.32Zm.18-5.16c-.023.374.12.74.39 1 .273.249.631.385 1 .38.346.009.681-.129.92-.38a1.3 1.3 0 0 0 .38-1 1.419 1.419 0 0 0-.38-1 1.301 1.301 0 0 0-1-.4 1.37 1.37 0 0 0-1 .38 1.39 1.39 0 0 0-.31 1.02Z' style='fill:%23fff;fill-rule:nonzero' transform='translate(.01 .01)'/%3E%3Cpath d='M20.46 40.91h-.01C9.226 40.91-.01 31.674-.01 20.45S9.226-.01 20.45-.01s20.46 9.236 20.46 20.46v.03c-.027 11.205-9.245 20.414-20.45 20.43Zm0-38.6h-.01c-9.968 0-18.17 8.202-18.17 18.17 0 9.968 8.202 18.17 18.17 18.17 9.968 0 18.17-8.202 18.17-18.17-.011-9.96-8.2-18.154-18.16-18.17Z' style='fill:%23fff;fill-rule:nonzero' transform='translate(.01 .01)'/%3E%3C/svg%3E");
}

.site-header .header-content {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  padding: 50px 30px 0;
}

section#main {
  height: 100%;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  padding: 20px 10px 40px;
}

.bodywrapper a {color: var(--cta-btn-bg-color);}

section#main h2 {
  display: block;
  padding: 15px 0 0 0;
}
section#main h2:not(.border-0) {
  border-top: 2px solid black;
  margin-top: 1.5rem;
}

h1 {
  font-size: 48px;
  text-transform: uppercase;
  line-height: normal;
}
@media screen and (max-width: 1023px) {
  h1 {font-size: 32px;}
}

ul li {list-style: disc;}
ol li {list-style: auto;}
.bodywrapper a.external:hover {color: #d85826;}

[class*=logo-] { width: 130px; margin: 0 auto; display: block; text-indent: -9999px; background-size: contain; background-position: center center; background-repeat: no-repeat; max-width: 100%; height: 100%; }
[class*="brand-logo-"][class*="bg-"] { display: block; margin: 0 auto; padding: 5px; border-radius: 4px; }
.brand-logo-200[class*="bg-"] { width: 200px; height: 70px; }
.brand-logo-260[class*="bg-"] { width: 260px; height: 130px; }

:is(a, span).cta-btn { font-size: 14px; color: var(--cta-btn-text-color); background-color: var(--cta-btn-bg-color); padding: 12px 30px; display: inline-block; border-radius: 5px; font-weight: 500; letter-spacing: 0.5px; transition: all .3s; }
:is(a, span).cta-btn:hover{ background: #d85826; }
:is(a, span).cta-btn.review-btn { background: none; color: var(--dark-text-color); border: 1px solid var(--rev-btn-border);}
:is(a, span).cta-btn.review-btn:hover:not(.not-active) { background: var(--white); }
:is(a, span).cta-btn.review-btn.not-active {  color: var(--dark-text-color); font-weight: normal; border: 1px solid var(--rev-btn-border-muted); }
:is(a, span).cta-btn.cta-single { max-width: 100%; min-width: 200px; }

.primary-table .table-row { border: 1px solid var(--elements-border-color); border-radius: 6px; background: unset;}
.primary-table .table-row:first-of-type { border-width: 2px; }
.primary-table .brand-logo { border-radius: 4px 0 0 4px; }
.primary-table .brand-rating { border-right: 1px solid var(--rev-btn-border-muted); }
.brand-rating :is(h3, .brand-score, .brand-name) { color: var(--dark-text-color); font-size: 16px; text-transform: uppercase; font-weight: bold; }
.brand-rating h3::before { all: unset; }
.brand-score { gap: 5px; }
.rating-star { width: 17px; height: 16px; background: center / contain no-repeat var(--icon-rating-star); position: relative; top: -1px; }
.brand-bonus { color: var(--bonus-color); font-weight: 600; line-height: 1.2; min-height: 90px; }
.bonus-amount { font-size: 27px; }
.bonus-before { font-size: 22px; }
.bonus-after { font-size: 18px; }
.primary-table .brand-cta { gap: 8px; }
.primary-table .cta-btn { padding: 12px 20px; }
.special-terms {padding: 0 10px 20px; margin-top: -10px; font-size: 10px; }
/* @media screen and (min-width: 768px) {
	.primary-table .table-row { height: 120px; }
} */
@media screen and (max-width:767px) {
	.primary-table { max-width: 350px; }
	.primary-table .brand-logo { border-radius: 4px 4px 0 0; display: block; height: 65px;}
	.primary-table .brand-rating { border-right: none; border-bottom: 1px solid #424658; padding: 12px 0;}
	.primary-table .brand-bonus { padding: 12px 0; }
	.primary-table .brand-cta { gap: 12px; }
	.primary-table :is(.brand-rating, .brand-bonus, .brand-cta) {max-width: 300px;}
}
#show-more { display: none; }
#show-more ~ #hide-btn { display: none; }
#show-more:checked ~ #show-btn { display: none; }
#show-more:checked ~ #hide-btn { display: inline-block; }
#show-more:checked ~ #hide-btn, label[for=show-more] { cursor: pointer; margin-bottom: 2rem; left: 50%; transform: translateX(-50%); position: relative; display: inline-block; }
.primary-table ~ #show-btn, .primary-table ~ #show-btn ~ #hide-btn { width: 285px; padding: 10px 0; border-radius: 6px; border: 2px solid var(--cta-btn-bg-color); background: none; color: var(--dark-text-color); font-weight: 600; font-size: 14px; text-align: center; }
.primary-table ~ #show-btn:hover, .primary-table ~ #show-btn ~ #hide-btn:hover { background: var(--cta-btn-bg-color); border-color: var(--cta-btn-bg-color); color: var(--cta-btn-text-color); }
.primary-table ~ #show-btn span, .primary-table ~ #show-btn ~ #hide-btn span { position: relative; }
.primary-table ~ #show-btn i, .primary-table ~ #show-btn ~ #hide-btn i { margin-left: 5px; font-size: 12px; }
.primary-table .row-hidden { display: none; }
#show-more:checked + .primary-table .row-hidden { display: flex; }

:is(ul, ol).two-col {columns: 2;}
:is(ul, ol).three-col {columns: 3;}
:is(ul, ol):is(.two-col, .three-col) li { break-inside: avoid-column; }

@media (max-width: 991px) {
	:is(ul, ol):is(.two-col, .three-col) { columns: 1;}
}
.pros-cons-list li {list-style: none;}
.pros-cons-list.pros li::before {
  content: '\f00c';
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  display: inline-block;
  width: 16px;
  height: 16px;
  color: var(--bs-success);
  margin-right: 8px;
}
.simple-boxes {max-width: 100%; margin: 0 auto;}
.simple-table p {margin-bottom: 0;}
#faq-element .accordion-header { font-weight: 600; color: #212741; cursor: pointer; font-size: 1.2rem; }
#faq-element .accordion-button:not(.collapsed) { background-color: unset; color: #d64811; }
#faq-element .accordion-button:not(.collapsed)::after { filter: invert(33%) sepia(74%) saturate(4714%) hue-rotate(7deg) brightness(94%) contrast(87%); -webkit-filter: invert(33%) sepia(74%) saturate(4714%) hue-rotate(7deg) brightness(94%) contrast(87%); }
#faq-element .accordion-item { border-color: #cacaca; }
#faq-element :is(.accordion-item, .accordion-header) { background: transparent;}

.regulation-wrapper :is(.logo-regulation, .age-limit) {height: 35px; background-repeat: no-repeat; background-size: 100%;}
.regulation-wrapper .logo-regulation.bmf {width: 125px; background-image: var(--bmf-at);}
.regulation-wrapper .logo-regulation.gambling-therapy {width: 35px; background-image: var(--gambling-therapy);}
.regulation-wrapper .age-limit {width: 35px; background-image: var(--icon-age-limit); text-indent: -9999px; filter: invert(1);}