@font-face {
  font-family: PTSerif-Bold;
  src: url("../fonts/PTSerif-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: EuclidCircularB-Regular;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/EuclidCircularB-Regular.woff2") format("woff2");
}
@font-face {
  font-family: EuclidCircularB-RegularItalic;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/EuclidCircularB-RegularItalic.woff2") format("woff2");
}
@font-face {
  font-family: EuclidCircularB-Medium;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/EuclidCircularB-Medium.woff2") format("woff2");
}
@font-face {
  font-family: EuclidCircularB-Bold;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/EuclidCircularB-Bold.woff2") format("woff2");
}
@font-face {
  font-family: EuclidCircularB-Semibold;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/EuclidCircularB-Semibold.woff2") format("woff2");
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-credit-card:before {
  content: "\e9ee";
  color: rgb(32, 35, 41);
}

.icon-credit-card:after {
  content: "\e9ef";
  margin-left: -1em;
  color: rgb(18, 29, 255);
}

.icon-pages:before {
  content: "\e9e9";
  color: #121dff;
}

.icon-alternatives:before {
  content: "\e957";
  color: rgb(255, 195, 0);
}

.icon-alternatives:after {
  content: "\e9e8";
  margin-left: -1em;
  color: rgb(217, 0, 39);
}

.icon-integrity:before {
  content: "\e9ce";
  color: rgb(0, 0, 0);
}

.icon-integrity:after {
  content: "\e9cf";
  margin-left: -1em;
  color: rgb(18, 29, 255);
}

.icon-player-control:before {
  content: "\e9d0";
  color: rgb(0, 78, 252);
}

.icon-player-control:after {
  content: "\e9d3";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-write:before {
  content: "\e9c4";
  color: #fff;
}

.icon-list:before {
  content: "\e9c3";
  color: #121dff;
}

.icon-crown-rating:before {
  content: "\e9bf";
  color: #646060;
}

.icon-lock:before {
  content: "\e9c0";
  color: #121dff;
}

.icon-sidebar-check:before {
  content: "\e982";
  color: #121dff;
}

.icon-sidebar-shield:before {
  content: "\e9be";
  color: #121dff;
}

.icon-most-popular:before {
  content: "\e9ea";
  color: rgb(18, 29, 255);
}

.icon-most-popular:after {
  content: "\e9eb";
  margin-left: -1em;
  color: rgb(32, 35, 41);
}

.icon-trending:before {
  content: "\e9f3";
  color: rgb(18, 29, 255);
}

.icon-trending:after {
  content: "\e9f4";
  margin-left: -1em;
  color: rgb(32, 35, 41);
}

.icon-blocking-gambling-sites:before {
  content: "\e95b";
  color: rgb(18, 29, 255);
}

.icon-blocking-gambling-sites:after {
  content: "\e95c";
  margin-left: -1em;
  color: rgb(32, 35, 41);
}

.icon-experts-in-gambling-addiction:before {
  content: "\e9a2";
  color: rgb(0, 0, 0);
}

.icon-experts-in-gambling-addiction:after {
  content: "\e9a3";
  margin-left: -1em;
  color: rgb(18, 29, 255);
}

.icon-full-compliance-with-ukgc:before {
  content: "\e9a7";
  color: rgb(0, 0, 0);
}

.icon-full-compliance-with-ukgc:after {
  content: "\e9a8";
  margin-left: -1em;
  color: rgb(18, 29, 255);
}

.icon-industry-watchdog:before {
  content: "\e9b4";
  color: rgb(32, 35, 41);
}

.icon-industry-watchdog:after {
  content: "\e9b5";
  margin-left: -1em;
  color: rgb(18, 29, 255);
}

.icon-live-casinos:before {
  content: "\e9b8";
  color: rgb(18, 29, 255);
}

.icon-live-casinos:after {
  content: "\e9b9";
  margin-left: -1em;
  color: rgb(32, 35, 41);
}

.icon-tips-and-education:before {
  content: "\e9d8";
  color: rgb(32, 35, 41);
}

.icon-tips-and-education:after {
  content: "\e9d9";
  margin-left: -1em;
  color: rgb(18, 29, 255);
}

.icon-underage-gambling:before {
  content: "\e9de";
  color: rgb(32, 35, 41);
}

.icon-underage-gambling:after {
  content: "\e9df";
  margin-left: -1em;
  color: rgb(18, 29, 255);
}

.icon-fire:before {
  content: "\e95a";
  color: #d8304f;
}

.icon-verified-user:before {
  content: "\e956";
  color: #121dff;
}

.icon-envelope:before {
  content: "\e928";
  color: #00aa8b;
}

.icon-like-full:before {
  content: "\e929";
  color: #009934;
}

.icon-prize:before {
  content: "\e952";
  color: #d132d4;
}

.icon-report-modal:before {
  content: "\e953";
}

.icon-link:before {
  content: "\e94c";
  color: #121dff;
}

.icon-min-deposit:before {
  content: "\e94d";
  color: #646060;
}

.icon-online-since:before {
  content: "\e94e";
  color: #646060;
}

.icon-our-rating:before {
  content: "\e94f";
  color: #646060;
}

.icon-slots-cherry:before {
  content: "\e950";
  color: #646060;
}

.icon-suggested:before {
  content: "\e937";
  color: #fff;
}

.icon-tooltip:before {
  content: "\e927";
  color: #646060;
}

.icon-external-link:before {
  content: "\e936";
  color: #fff;
}

.icon-star-half:before {
  content: "\e930";
  color: rgb(206, 206, 206);
}

.icon-star-half:after {
  content: "\e931";
  margin-left: -1em;
  color: rgb(255, 216, 8);
}

.icon-best-bonuses-tab:before {
  content: "\e90e";
  color: #8e8e8e;
}

.icon-best-casinos-tab:before {
  content: "\e90f";
  color: #8e8e8e;
}

.icon-free-spins-tab:before {
  content: "\e910";
}

.icon-home-tab:before {
  content: "\e911";
  color: #8e8e8e;
}

.icon-trending-tab:before {
  content: "\e912";
  color: #8e8e8e;
}

.icon-spinner-loading:before {
  content: "\e905";
  color: #fff;
}

.icon-check-circle:before {
  content: "\e901";
  color: rgb(186, 31, 59);
}

.icon-check-circle:after {
  content: "\e902";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-error:before {
  content: "\e9bc";
}

.icon-comment-dots-regular:before {
  content: "\e9b0";
}

.icon-restricted:before {
  content: "\e9a4";
}

.icon-edit-location:before {
  content: "\e9a1";
}

.icon-live:before {
  content: "\e99f";
  color: #fff;
}

.icon-expired:before {
  content: "\e973";
}

.icon-copy:before {
  content: "\e974";
  color: #121dff;
}

.icon-dislike:before {
  content: "\e987";
}

.icon-affiliate-disclosure:before {
  content: "\e988";
}

.icon-how-we-rate:before {
  content: "\e989";
}

.icon-retake:before {
  content: "\e98a";
}

.icon-add:before {
  content: "\e98b";
  color: #121dff;
}

.icon-bonus-filters:before {
  content: "\e979";
}

.icon-bonus-types:before {
  content: "\e97a";
  color: rgb(18, 29, 255);
}

.icon-bonus-types:after {
  content: "\e99b";
  margin-left: -1em;
  color: rgb(32, 35, 41);
}

.icon-casino-bonuses:before {
  content: "\e97b";
}

.icon-checked:before {
  content: "\e98f";
}

.icon-chevron-down:before {
  content: "\e990";
  color: #121dff;
}

.icon-chevron-left:before {
  content: "\e991";
}

.icon-chevron-right:before {
  content: "\e992";
}

.icon-chevron-up:before {
  content: "\e993";
}

.icon-clock:before {
  content: "\e96a";
  color: #484fd9;
}

.icon-close:before {
  content: "\e96c";
  color: #ba1f3b;
}

.icon-disclaimer:before {
  content: "\e97c";
  color: #d90027;
}

.icon-exclusive:before {
  content: "\e97e";
  color: #f27400;
}

.icon-heart-full:before {
  content: "\e996";
}

.icon-heart-outline:before {
  content: "\e997";
}

.icon-lightbulb:before {
  content: "\e96f";
}

.icon-like:before {
  content: "\e970";
}

.icon-search:before {
  content: "\e9ae";
  color: #121dff;
}

.icon-star-full:before {
  content: "\e983";
  color: #fccd24;
}

.icon-update:before {
  content: "\e985";
}

.icon-verified:before {
  content: "\e986";
  color: #2dbc2a;
}

span,
object,
iframe,
pre,
a,
address,
big,
code,
img,
q,
s,
small,
strong,
var,
b,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
section,
time,
video,
body {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.btn {
  padding: 0.375rem 0.625rem;
  border: 0 none;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  height: 2.25rem;
  cursor: pointer;
  color: white;
  transition: all 0.3s linear;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  gap: 0.5rem;
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.btn.btn-outlined-blue {
  background-color: white;
  color: var(--blue_primary);
  border: 1px solid var(--blue_primary);
}
.btn.btn-primary {
  background: var(--primary_color);
  border: 1px solid var(--primary_color);
}
.btn.btn-primary:hover {
  box-shadow: 0 0.5rem 0.625rem 0 rgba(234, 36, 72, 0.14), 0 3px 0.875rem 0 rgba(234, 36, 72, 0.12);
  color: white;
}
.btn.btn-primary-light {
  background: white;
  color: var(--primary_color);
  border: 1px solid #e3e7f2;
}
.btn.btn-primary-light:hover {
  background: #fff3f5;
}
.btn.btn-secondary {
  background: var(--blue_primary);
  border: 1px solid var(--blue_primary);
}
.btn.btn-secondary-light {
  background: white;
  color: var(--secondary_color);
  border: 1px solid #e3e7f2;
}
.btn.btn-secondary-light:hover {
  background: #e0e7ee;
}
.btn.btn-primary-no-oultine {
  background: transparent;
  color: var(--primary_color);
  font-size: 0.75rem;
  text-align: right;
}
.btn.btn-primary-no-oultine {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.btn.disabled {
  background: rgb(150, 150, 150) !important;
  pointer-events: none;
}
.btn.btn-hamburger {
  background: transparent;
  padding: 0;
  border-radius: 50%;
  margin-right: 1.5rem;
  color: #2e333c;
  display: flex;
  align-items: center;
  width: 24.53px;
}
.btn.btn-hamburger img {
  height: 1rem;
  width: 24.53px;
}
@media all and (min-width: 1200px) {
  .btn.btn-hamburger {
    display: none;
  }
}
.btn.btn-filter {
  text-transform: unset;
  border-radius: 1rem;
  border: 1px solid #e3e7f2;
  letter-spacing: 0.25px;
}
.btn.btn-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.btn.btn-filter.active .check-parent {
  margin-right: 0.5rem;
}

.radio {
  position: relative;
  cursor: pointer;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
}
.radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.radio .label {
  position: relative;
  display: block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #c8ccd4;
  border-radius: 100%;
  -webkit-tap-highlight-color: transparent;
}
.radio .label::after {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 100%;
  background: var(--primary_color);
  transform: scale(0);
  transition: all 0.2s ease;
  opacity: 0.08;
  pointer-events: none;
}
.radio:has(input[type=radio]:checked) .label {
  border-color: var(--primary_color);
}
.radio:has(input[type=radio]:checked) .label::after {
  transform: scale(1);
  transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  opacity: 1;
}
.radio .hidden {
  display: none;
}
.radio:hover {
  background: #fafafa;
  color: var(--primary_color);
}

.load-more-progress {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.load-more-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.load-more-progress:last-child {
  margin-bottom: 0;
}
.load-more-progress .btn-load-more {
  height: 2.5rem;
  max-width: 200px;
  width: 100%;
  margin-bottom: 1.875rem;
}
.load-more-progress .btn-load-more:last-child {
  margin-bottom: 0;
}
.load-more-progress .btn-load-more:active {
  transform: scale(0.98);
}
.load-more-progress .btn-load-more.spinning {
  position: relative;
}
.load-more-progress .btn-load-more.spinning {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.load-more-progress .btn-load-more.spinning:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  position: relative;
  border: 3px solid var(--blue_primary);
  border-right: 3px solid white;
  -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
  animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}
@-webkit-keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
.load-more-progress .progress-bar-load-text {
  font-size: 0.75rem;
  color: #646060;
  margin-bottom: 0.625rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.load-more-progress .progress-bar-load {
  margin-bottom: 1.25rem;
  background: #e3e7f2;
  height: 0.625rem;
  border-radius: 0.5rem;
  width: 240px;
  overflow: hidden;
}
.load-more-progress .progress-bar-load .progress-element {
  background: var(--blue_primary);
  width: 0;
  height: 100%;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  border-radius: 0.25rem;
}

body {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #fafafa;
  position: relative;
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
body::-webkit-scrollbar {
  display: block;
  background-color: transparent;
  width: 1.375rem;
}
body::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  border: 0.325rem solid #f2f6ff;
  background: #d9deed;
}
body::-webkit-scrollbar-track {
  background-color: #f2f6ff;
  width: 1.375rem;
}
body::-webkit-scrollbar-button:single-button {
  background-color: #f2f6ff;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  border: 5px solid #f2f6ff;
}
body::-webkit-scrollbar-button:single-button:vertical:decrement, body::-webkit-scrollbar-button:single-button:vertical:increment, body::-webkit-scrollbar-button:single-button:horizontal:decrement, body::-webkit-scrollbar-button:single-button:horizontal:increment {
  width: 1.375rem;
  height: 1.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/chevron.svg");
}
body::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("../images/chevron.svg");
}
body::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("../images/chevron-down.svg");
}
body::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("../images/chevron-left.svg");
}
body::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("../images/chevron-right.svg");
}
body h1 {
  font-family: PTSerif-Bold;
  font-size: 1.625rem;
  line-height: 1.875rem;
  color: #202329;
  margin-bottom: 1.5rem;
  margin-top: 0;
}
@media all and (min-width: 576px) {
  body h1 {
    font-family: PTSerif-Bold;
    font-size: 2rem;
    line-height: 2.125rem;
    color: #202329;
    margin-bottom: 1.5rem;
    margin-top: 0;
  }
}
body h2 {
  font-family: PTSerif-Bold;
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #202329;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media all and (min-width: 576px) {
  body h2 {
    font-family: PTSerif-Bold;
    font-size: 1.625rem;
    line-height: 2.125rem;
    color: #202329;
    margin-bottom: 1rem;
    margin-top: 0;
  }
}
body h3 {
  font-family: PTSerif-Bold;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #202329;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media all and (min-width: 576px) {
  body h3 {
    font-family: PTSerif-Bold;
    font-size: 1.375rem;
    line-height: 1.875rem;
    color: #202329;
    margin-bottom: 1rem;
    margin-top: 0;
  }
}
body h3 a {
  font-family: PTSerif-Bold;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #202329;
  margin-bottom: 1rem;
  margin-top: 0;
  color: var(--primary_color);
}
@media all and (min-width: 576px) {
  body h3 a {
    font-family: PTSerif-Bold;
    font-size: 1.375rem;
    line-height: 1.875rem;
    color: #202329;
    margin-bottom: 1rem;
    margin-top: 0;
  }
}
body h4 {
  font-family: PTSerif-Bold;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #202329;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media all and (min-width: 576px) {
  body h4 {
    font-family: PTSerif-Bold;
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #202329;
    margin-bottom: 1rem;
    margin-top: 0;
  }
}
body h4 a {
  font-family: PTSerif-Bold;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #202329;
  margin-bottom: 1rem;
  margin-top: 0;
  color: var(--primary_color);
}
@media all and (min-width: 576px) {
  body h4 a {
    font-family: PTSerif-Bold;
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #202329;
    margin-bottom: 1rem;
    margin-top: 0;
  }
}
body p {
  margin-bottom: 1rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
  margin-top: 0;
}
body a {
  transition: color 0.2s linear;
  text-underline-offset: 3px;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
  margin-top: 0;
}
body i {
  font-family: EuclidCircularB-RegularItalic, Roboto, "Helvetica Neue", Arial, sans-serif;
}
body main {
  position: relative;
}
body.no-overflow {
  overflow: hidden;
}
body .icon-star-full::before {
  color: #ffd808;
}
body .icon-star-full.grey::before {
  color: #cecece;
}
body .hero-section {
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  padding-top: 1.5rem;
}
@media all and (min-width: 992px) {
  body .hero-section {
    padding-top: 0;
  }
}
body .hero-section > div:last-child {
  margin-bottom: 0;
}
body .hero-section p:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 576px) {
  body .hero-section .container {
    gap: 0;
  }
}
body .review-casino-link {
  padding: 0;
  display: block;
  width: max-content;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  position: relative;
  text-decoration: none;
  margin-top: -0.375rem;
}
body .review-casino-link::after {
  content: "";
  position: absolute;
  bottom: 2px;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #202329;
}
body .iframe-wrapper {
  position: relative;
  padding-top: 56.25%;
}
body .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body ul,
body ol {
  list-style: none;
}
body ul > li a,
body ol > li a {
  word-break: break-word;
}
body .bonuses-section,
body .bonuses-section-custom {
  margin-bottom: 1.5rem;
}
body .bonuses-section:last-child,
body .bonuses-section-custom:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 768px) {
  body .bonuses-section,
  body .bonuses-section-custom {
    margin-bottom: 2rem;
  }
}
body .small {
  font-size: 0.75rem;
  line-height: 1.2rem;
  margin-bottom: 0;
}
body figure {
  margin-bottom: 1.25rem;
}
body .generic-section {
  margin-bottom: 1rem;
}
body .generic-section .info-bubble-title {
  margin-top: 0;
}
body .generic-section .info-bubble-title .icon-disclaimer {
  margin-right: 0.875rem;
}
body .generic-section .info-bubble-content p:last-child {
  margin-bottom: 0;
}
body .generic-section dl:not(.casino-review-list) {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
body .generic-section dl:not(.casino-review-list) > div:not(.casino-review-list-element) {
  border: 1px solid #e3e7f2;
  background: white;
  padding: 1rem;
  border-radius: 0.5rem;
  display: grid;
  gap: 0.5rem;
}
body .generic-section dl:not(.casino-review-list) > div:not(.casino-review-list-element) dt {
  font-family: inherit;
  font-size: 0.875rem;
  color: #202329;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
}
body .generic-section dl:not(.casino-review-list) > div:not(.casino-review-list-element) dd {
  color: #202329;
}
body .generic-section p:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 576px) {
  body .generic-section {
    margin-bottom: 2rem;
  }
}
body .generic-section:last-child {
  margin-bottom: 0;
}
body .generic-section.generic-section-background {
  overflow-x: hidden;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0px 2px 20px 0px rgba(24, 39, 75, 0.0392156863);
  padding: 1.25rem 0.75rem;
}
body .generic-section.generic-section-background h2:not(.box-title) {
  margin: 2.25rem 0;
}
body .generic-section.generic-section-background h2:not(.box-title):first-child {
  margin-top: 0;
}
body .generic-section.generic-section-background h2:not(.box-title).title-with-rating {
  margin-bottom: 1.375rem;
}
body .generic-section.generic-section-background h2:not(.box-title).title-with-rating > span {
  margin-right: 1.25rem;
  display: inline-block;
  margin-bottom: 0.875rem;
}
body .generic-section.generic-section-background h2:not(.box-title).title-with-rating .title-star-element {
  background-color: #f6faff;
  border-radius: 0.5rem;
  width: max-content;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #646060;
  font-size: 1.25rem;
  display: inline-block;
  padding: 0 0.625rem;
  height: 2.125rem;
}
body .generic-section.generic-section-background h2:not(.box-title).title-with-rating .title-star-element .bolded {
  color: #202329;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
}
body .generic-section.generic-section-background h2:not(.box-title).title-with-rating .title-star-element .icon-star-full {
  font-family: "icomoon";
  font-size: 1rem;
  margin-left: 0.25rem;
}
@media all and (min-width: 992px) {
  body .generic-section.generic-section-background {
    padding: 1.25rem;
  }
}
body .main-content h2 {
  margin-top: 2rem;
}
body .main-content h2.listing-bonuses-title:first-child {
  margin-top: 0;
}
body .main-content h3 {
  margin-top: 2rem;
}
body .main-content h4 {
  margin-top: 1.5rem;
}
body strong {
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
}

.page-not-available > *:not(.hero-section),
.page-not-available .hero-section > *:not(.edit-location-dropdown):not(.casino-not-available):not(.bonuses-section-others) {
  filter: grayscale(100%);
  pointer-events: none;
}

.first-controller > .btn-outlined-blue {
  max-width: 270px;
  min-width: 200px;
  width: max-content;
  margin: 0 auto;
}

.figure-content-caption {
  margin-bottom: 1rem;
  color: #7d7d7d;
  font-size: 0.875rem;
  margin-top: -1rem;
}
@media all and (min-width: 768px) {
  .figure-content-caption {
    margin-bottom: 2rem;
  }
}

picture img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.25rem;
}

.expand-section .expand-trigger {
  color: #202329;
  cursor: pointer;
  text-decoration: underline;
}
.expand-section .expand-trigger.hidden {
  display: inline-block;
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.expand-section h2 {
  margin-top: 2rem;
}
.expand-section h3,
.expand-section h4 {
  margin-top: 1.5rem;
}
.expand-section p:first-child {
  margin-bottom: 0;
}
.expand-section .expand-element {
  opacity: 0;
  height: 0;
  overflow: hidden;
  display: none;
}
.expand-section .expand-element ul,
.expand-section .expand-element ol {
  margin-top: 0;
}
.expand-section .expand-element-flex {
  opacity: 0;
  height: 0;
  overflow: hidden;
  display: none;
}
@media all and (max-width: 768px) {
  .expand-section .expand-element-mobile {
    display: none;
  }
}
.expand-section.show p:first-child {
  margin-bottom: 1rem;
}
.expand-section.show .expand-element-flex {
  opacity: 1;
  display: flex;
  height: auto;
}
.expand-section.show .expand-element {
  height: auto;
  opacity: 1;
  display: block;
}
.expand-section.show .expand-element-mobile {
  height: auto;
  opacity: 1;
  display: block;
}

.read-less-trigger {
  color: #202329;
  display: none;
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.read-less-trigger.visible {
  display: inline-block;
  opacity: 1;
  height: auto;
  pointer-events: auto;
}

.backtotop {
  position: fixed;
  right: 2.5rem;
  bottom: 2.5rem;
  background: white;
  color: var(--secondary_color);
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 8px;
  z-index: 2;
  text-decoration: none;
  border: 1px solid #e3e7f2;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  display: none;
}
.backtotop:hover {
  text-decoration: none;
  background: #e0e7ee;
  color: var(--secondary_color);
}
.backtotop span {
  font-size: 1rem;
  pointer-events: none;
}
.backtotop.element-visible {
  right: 20px;
  bottom: 90px;
  opacity: 0.7;
}
.backtotop.element-visible {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.backtotop.element-visible:hover {
  opacity: 1;
}
@media all and (min-width: 576px) {
  .backtotop.element-visible {
    right: 2.5rem;
    bottom: 2.5rem;
  }
}

.box {
  position: relative;
}
.box p {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /* autoprefixer   : off */
}

.btn-load-more-wrapper {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
.btn-load-more-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media all and (min-width: 768px) {
  .btn-load-more-wrapper {
    margin-top: 2rem;
  }
}
.btn-load-more-wrapper .btn-load-more {
  width: max-content;
  min-width: 100px;
  min-height: 2rem;
  height: auto;
  line-height: 1.125rem;
}
.btn-load-more-wrapper .btn-load-more:hover {
  background: #9b1930;
}
.btn-load-more-wrapper .btn-load-more.spinning {
  position: relative;
  background-color: transparent;
  border: none;
  pointer-events: none;
}
.btn-load-more-wrapper .btn-load-more.spinning {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.btn-load-more-wrapper .btn-load-more.spinning::before {
  content: "";
  width: 0;
  height: 0;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border: 3px solid var(--primary_color);
  border-right: 3px solid #fff;
  -webkit-animation: rotate360 0.5s infinite linear, exist 0.2s forwards ease;
  animation: rotate360 0.5s infinite linear, exist 0.2s forwards ease;
  transform-origin: center center;
}
.btn-load-more-wrapper .btn-load-more.spinning:after {
  content: "";
  width: 0;
  height: 0;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border: 3px solid rgba(228, 228, 228, 0.2);
  width: 25px;
  height: 25px;
}
@-webkit-keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes exist {
  100% {
    width: 25px;
    height: 25px;
  }
}
@keyframes exist {
  100% {
    width: 25px;
    height: 25px;
  }
}

.grid-container {
  gap: 1.5rem;
  margin: 0 auto;
  align-items: flex-start;
  padding-top: 1.875rem;
  padding-bottom: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.grid-container {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.grid-container:has(.full-content) {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.grid-container .left-content {
  display: grid;
  gap: 1.875rem;
}
@media all and (max-width: 768px) {
  .grid-container .left-content {
    gap: 0.375rem;
  }
}
@media all and (min-width: 414px) {
  .grid-container {
    padding-bottom: 2rem;
  }
}
@media all and (min-width: 576px) {
  .grid-container {
    padding-left: 2rem;
    padding-right: 2rem;
    gap: 1.875rem;
  }
}
@media all and (min-width: 768px) {
  .grid-container {
    max-width: 100%;
    padding-bottom: 2rem;
  }
}
@media all and (min-width: 992px) {
  .grid-container {
    max-width: 1108px;
    padding-bottom: 2.25rem;
  }
  .grid-container {
    display: grid;
    grid-template-columns: auto 250px;
    grid-template-rows: auto;
  }
  .grid-container.grid-container-full {
    max-width: 828px;
  }
  .grid-container.grid-container-full {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
  .grid-container.grid-container-max {
    max-width: 1108px;
  }
  .grid-container.grid-container-max {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
}
@media all and (min-width: 1200px) {
  .grid-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 5px;
  padding-right: 5px;
  margin: auto;
}
.container .main-content {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
}
@media all and (min-width: 768px) {
  .container .main-content {
    margin-bottom: 1rem;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
  }
}
@media all and (min-width: 992px) {
  .container .main-content {
    margin-bottom: 1rem;
    padding-right: 2rem;
    padding-left: 0;
    max-width: calc(100% - 250px);
  }
}
.container + aside {
  width: 100%;
  max-width: 100%;
}
@media all and (min-width: 991px) {
  .container + aside {
    width: 100%;
    max-width: 250px;
  }
}
@media all and (min-width: 414px) {
  .container {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-bottom: 2rem;
  }
}
@media all and (min-width: 576px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
    gap: 2rem;
  }
}
@media all and (min-width: 768px) {
  .container {
    max-width: 100%;
    padding-bottom: 2rem;
  }
}
@media all and (min-width: 992px) {
  .container {
    max-width: 1108px;
    padding-top: 0.5rem;
    padding-bottom: 2.5rem;
  }
}
@media all and (min-width: 1200px) {
  .container {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem;
    padding-bottom: 3rem;
  }
}

body .main-content {
  overflow: hidden;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) {
  list-style: none;
  margin: 1.25rem 0 1.875rem 0;
  padding: 0;
  counter-reset: item;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol):first-child {
  margin-top: 0;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol):last-child {
  margin-bottom: 0;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li {
  counter-increment: item;
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.25rem;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li:last-of-type {
  margin-bottom: 0;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li h2,
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li h3,
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li h4,
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li h5 {
  margin-top: 0;
  margin-bottom: 0;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li h2:not(:only-child),
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li h3:not(:only-child),
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li h4:not(:only-child),
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li h5:not(:only-child) {
  margin-bottom: 0.5rem;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li a {
  text-decoration: underline;
  padding-left: 1rem;
  font-family: inherit;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li > span {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li > span > span {
  padding: 0;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li > span a {
  padding: 0;
  text-decoration: underline;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li > span h4 {
  margin-top: 0;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li > span h4 a {
  font-size: inherit;
  font-family: inherit;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li > span ul:last-child,
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li > span ol:last-child {
  margin-bottom: 0;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li::before {
  content: counter(item);
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--blue_primary);
  width: 1.5rem;
  height: 1.5rem;
  background: #f6faff;
  border-radius: 50%;
  font-size: 0.875rem;
  position: absolute;
  left: 0;
  top: 0;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li::before {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
body .main-content ol:not(.bonus-component ol):not(.breadcrumbs ol) > li:last-child {
  margin-bottom: 0;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) {
  list-style: none;
  margin: 1rem 0 1rem;
  padding: 0;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul):first-child {
  margin-top: 0;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul):last-child {
  margin-bottom: 0;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.25rem;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li a {
  text-decoration: underline;
  font-family: inherit;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li p {
  margin-bottom: 0;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li h2,
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li h3,
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li h4,
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li h5 {
  margin-top: 0;
  margin-bottom: 0;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li h2:not(:only-child),
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li h3:not(:only-child),
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li h4:not(:only-child),
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li h5:not(:only-child) {
  margin-bottom: 0.5rem;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li > span {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li > span > span {
  padding: 0;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li > span a {
  padding: 0;
  text-decoration: underline;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li > span h4,
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li > span h3 {
  margin-top: 0;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li > span ul:last-child,
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li > span ol:last-child {
  margin-bottom: 0;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li h4 {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  width: calc(100% - 0.5rem);
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
  position: relative;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li::before {
  content: "";
  height: 0.375rem;
  width: 0.375rem;
  background: var(--blue_primary);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 9px;
}
body .main-content ul:not(.splide__pagination):not(.overview-list-cards-even):not(.overview-list-cards-odd):not(.listing-layout3):not(.bonus-component ul):not(.results-list):not(.accordion-nav-wrapper .accordion-nav-element ul) > li:last-child {
  margin-bottom: 0;
}
body .main-content .extra-text ul:last-child {
  margin-bottom: 1rem;
}

.single-game .grid-container,
.page-newgames .grid-container {
  padding-top: 0;
}
.single-game .sidebar,
.page-newgames .sidebar {
  margin-top: 1rem;
}

body header {
  position: sticky;
  top: 0;
  z-index: 99;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
body header.slide-down {
  top: 0;
}
body header.slide-up {
  top: -62px;
}
body header .navbar {
  height: 3.875rem;
  background: white;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.07);
  z-index: 100;
  position: relative;
}
body header .navbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
@media all and (min-width: 768px) {
  body header .navbar {
    height: 4.5rem;
  }
}
body header .navbar .navbar-container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  height: 100%;
}
body header .navbar .navbar-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
body header .navbar .navbar-container .btn-hamburger {
  margin-right: 0;
}
body header .navbar .navbar-container .btn-hamburger.active-hamburger {
  transition: all 0.3s ease-in-out;
}
body header .navbar .navbar-container .btn-hamburger.active-hamburger img {
  display: none;
}
body header .navbar .navbar-container .btn-hamburger.active-hamburger::after {
  display: block;
  content: "\e96c";
  color: var(--primary_color);
  font-size: 1rem;
  font-family: "icomoon";
  padding: 0.25rem;
}
@media all and (min-width: 576px) {
  body header .navbar .navbar-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container {
    padding-left: 0;
    padding-right: 0;
  }
  body header .navbar .navbar-container .btn-hamburger {
    margin-right: 1.5rem;
  }
}
body header .navbar .navbar-container .left-content {
  height: 100%;
  flex-grow: 1;
}
body header .navbar .navbar-container .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media all and (max-width: 1199px) {
  body header .navbar .navbar-container .left-content .logo-desktop {
    display: none;
  }
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .left-content {
    justify-content: flex-start;
  }
  body header .navbar .navbar-container .left-content .logo-mobile {
    display: none;
  }
}
body header .navbar .navbar-container .left-content .logo-365 {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
body header .navbar .navbar-container .left-content .logo-365 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media all and (min-width: 500px) {
  body header .navbar .navbar-container .left-content .logo-365 {
    margin-right: 0;
  }
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .left-content .logo-365 {
    margin-right: 2rem;
  }
}
body header .navbar .navbar-container .left-content .logo-365 .logo-desktop {
  height: 1.35rem;
  width: auto;
}
body header .navbar .navbar-container .left-content .logo-365 .logo-mobile {
  height: 1.35rem;
  width: auto;
}
@media all and (max-width: 424px) {
  body header .navbar .navbar-container .left-content .logo-365 .logo-mobile {
    height: 1.25rem;
  }
}
@media all and (max-width: 378px) {
  body header .navbar .navbar-container .left-content .logo-365 .logo-mobile {
    height: 1.15rem;
  }
}
@media all and (max-width: 369px) {
  body header .navbar .navbar-container .left-content .logo-365 .logo-mobile {
    height: 1rem;
  }
}
body header .navbar .navbar-container .left-content .logo-canada {
  margin-bottom: 0;
  margin-right: 0.5rem;
}
body header .navbar .navbar-container .left-content .logo-canada {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
body header .navbar .navbar-container .left-content .logo-canada .logo-desktop {
  height: 2rem;
  width: auto;
}
body header .navbar .navbar-container .left-content .logo-canada .logo-mobile {
  height: 1.55rem;
  width: auto;
}
@media all and (min-width: 414px) {
  body header .navbar .navbar-container .left-content .logo-canada {
    margin-right: 0;
  }
  body header .navbar .navbar-container .left-content .logo-canada .logo-mobile {
    height: 1.75rem;
  }
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .left-content .logo-canada {
    margin-right: 2rem;
  }
}
@media all and (max-width: 350px) {
  body header .navbar .navbar-container .left-content .logo-canada .logo-mobile {
    height: 1.15rem;
  }
}
body header .navbar .navbar-container .left-content .logo-canada2 {
  margin-bottom: 0;
  margin-right: 0;
}
body header .navbar .navbar-container .left-content .logo-canada2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
body header .navbar .navbar-container .left-content .logo-canada2 .logo-desktop {
  height: 2rem;
  width: auto;
}
body header .navbar .navbar-container .left-content .logo-canada2 .logo-mobile {
  height: 2rem;
  width: auto;
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .left-content .logo-canada2 {
    margin-right: 2rem;
  }
}
body header .navbar .navbar-container .left-content .logo-king {
  margin-right: 0;
  margin-bottom: 0;
}
body header .navbar .navbar-container .left-content .logo-king {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .left-content .logo-king {
    margin-right: 2rem;
  }
}
body header .navbar .navbar-container .left-content .logo-king .logo-desktop {
  height: 3rem;
  width: auto;
}
body header .navbar .navbar-container .left-content .logo-king .logo-mobile {
  height: 2rem;
  width: 202px;
  position: relative;
  top: -3px;
}
@media all and (max-width: 360px) {
  body header .navbar .navbar-container .left-content .logo-king {
    margin-right: 0.5rem;
  }
  body header .navbar .navbar-container .left-content .logo-king .logo-mobile {
    height: 30px;
    width: 189px;
    top: -2px;
  }
}
@media all and (max-width: 315px) {
  body header .navbar .navbar-container .left-content .logo-king .logo-mobile {
    height: auto;
    width: 167px;
  }
}
body header .navbar .navbar-container .left-content .logo-online365 {
  margin-right: 0;
  margin-bottom: 0;
}
body header .navbar .navbar-container .left-content .logo-online365 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .left-content .logo-online365 {
    margin-right: 2rem;
  }
}
body header .navbar .navbar-container .left-content .logo-online365 .logo-desktop {
  height: 3rem;
  width: auto;
}
body header .navbar .navbar-container .left-content .logo-online365 .logo-mobile {
  height: 2.25rem;
}
@media all and (max-width: 360px) {
  body header .navbar .navbar-container .left-content .logo-online365 {
    margin-right: 0.5rem;
  }
  body header .navbar .navbar-container .left-content .logo-online365 .logo-mobile {
    height: 2rem;
  }
}
body header .navbar .navbar-container .left-content .nav-wrapper {
  position: relative;
  width: auto;
  height: 100%;
}
body header .navbar .navbar-container .left-content .nav-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav {
  list-style: none;
  height: 100%;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav.hidden {
  display: none !important;
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .left-content .nav-wrapper .nav.hidden {
    display: flex !important;
  }
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item {
  height: inherit;
  margin-right: 1.5rem;
  position: static;
  position: relative;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover {
  width: 100%;
  top: 100%;
  bottom: unset;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item:hover .dropdown-element-hover {
  top: calc(100% - 1px);
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media all and (max-width: 991px) and (min-width: 1199px) {
  body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item {
    margin-right: 1rem;
  }
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item:hover .dropdown-trigger-hover,
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item:hover .nav-link {
  color: var(--blue_primary);
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item::marker {
  display: none;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item:last-of-type {
  margin-right: 0;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .nav-link {
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #2e333c;
  text-decoration: none;
  text-transform: uppercase;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-trigger-hover .nav-link-icon {
  font-size: 0.5rem;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-trigger-hover .nav-link-icon::before {
  color: #2e333c;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-trigger-hover .nav-link-title {
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #2e333c;
  text-transform: uppercase;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover {
  border-radius: 0;
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 0.25rem;
  width: max-content;
  max-width: 1140px;
  left: 0;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover {
  box-shadow: 0 6px 8px -6px rgba(24, 39, 75, 0.04), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover .nav-menu-container {
  padding: 1.5rem;
  gap: 0;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover .nav-menu-container {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: auto;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover .nav-menu-container li {
  border-left: 1px solid #eff1f2;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-bottom: 1.25rem;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover .nav-menu-container li:nth-child(3n+1) {
  border-left: none;
  padding-left: 0;
  padding-right: 0.625rem;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover .nav-menu-container li:nth-last-child(-n+3) {
  padding-bottom: 0;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover .nav-menu-container li a {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 0;
  text-align: center;
  width: max-content;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover .nav-menu-container li a:after {
  content: "";
  display: block;
  height: 2px;
  width: 0;
  background: transparent;
  transition: width 0.4s ease, background-color 0.4s ease;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover .nav-menu-container li a:hover {
  color: #252836;
}
body header .navbar .navbar-container .left-content .nav-wrapper .nav .nav-item .dropdown-element-hover .nav-menu-container li a:hover:after {
  width: 100%;
  background: var(--blue_primary);
}
body header .navbar .navbar-container .right-content {
  height: 100%;
}
body header .navbar .navbar-container .right-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section {
  margin-right: 0;
  position: static;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .bonus-of-the-day-trigger {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--secondary_color);
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  background: transparent;
  cursor: pointer;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .bonus-of-the-day-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .bonus-of-the-day-trigger:active {
  background-color: #012549;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .bonus-of-the-day-trigger img {
  margin-left: 0;
  height: 1.75rem;
  width: 1.75rem;
  pointer-events: none;
}
@media all and (max-width: 320px) {
  body header .navbar .navbar-container .right-content .bonus-of-the-day-section .bonus-of-the-day-trigger {
    width: 2rem;
    height: 2rem;
  }
  body header .navbar .navbar-container .right-content .bonus-of-the-day-section .bonus-of-the-day-trigger img {
    height: 1.5rem;
    width: 1.5rem;
  }
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element {
  top: calc(100% + 0.25rem);
  width: auto;
  left: 0.5rem;
  right: 0.5rem;
  z-index: 100;
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 8px 0px rgba(10, 16, 32, 0.0784313725);
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .icon-close {
  padding: 0.35rem;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  cursor: pointer;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .icon-close:before {
  color: #646060;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list {
  padding: 0.75rem;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element {
  padding: 0.75rem 0;
  align-items: center;
  gap: 0.75rem;
  border-bottom: 1px solid #EBEDFA;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element {
  display: grid;
  grid-template-columns: 70px auto min-content;
  grid-template-rows: auto;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element:first-child {
  padding-top: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element:first-child {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .bonus-of-the-day-timer {
  color: var(--primary_color);
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0;
  border: 1px solid var(--primary_color);
  border-radius: 0.5rem;
  padding: 0 0.5rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  min-width: 95px;
  justify-content: flex-start;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .bonus-of-the-day-timer.zoom {
  position: relative;
  animation-name: counterMove;
  animation-duration: 0.5s;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translateZ(0);
}
@keyframes counterMove {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  35% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .icon-hourglass {
  font-size: 1rem;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .bonus-of-the-day-timer-message {
  position: relative;
  margin-bottom: 0;
  padding-left: 2.125rem;
  font-size: 0.875rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .bonus-of-the-day-timer-message:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/hot-deal.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .bonus-of-the-day-img {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 0.5rem;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .bonus-of-the-day-description .bonus-of-the-day-title {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .bonus-of-the-day-description span {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.375rem;
  color: #646060;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .btn {
  padding: 0.375rem 0.625rem;
  color: #fff;
  background: var(--blue_primary);
  border: 1px solid var(--blue_primary);
  width: 100px;
  height: max-content;
  display: block;
  justify-self: end;
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .btn:hover {
  box-shadow: 0 8px 10px 0px rgba(18, 29, 255, 0.14), 0 3px 14px 0px rgba(18, 29, 255, 0.12);
  color: #fff;
}
@media all and (max-width: 375px) {
  body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element {
    display: grid;
    grid-template-columns: 70px auto auto;
    grid-template-rows: auto;
  }
  body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .btn {
    font-size: 0.75rem;
    padding: 6px;
  }
}
@media all and (max-width: 340px) {
  body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element .bonus-of-the-day-list .bonus-of-the-day-element .btn {
    width: 90px;
    padding: 4px;
  }
}
body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element.show {
  animation: easeInBonusMobile 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
@keyframes easeInBonusMobile {
  from {
    opacity: 0;
    top: calc(100% - 0.25rem);
  }
  to {
    opacity: 1;
    top: calc(100% + 0.25rem);
  }
}
@media all and (min-width: 576px) {
  body header .navbar .navbar-container .right-content .bonus-of-the-day-section {
    position: relative;
  }
  body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element {
    width: 420px;
    right: 0;
    left: unset;
    top: calc(100% + 1.15rem);
  }
  body header .navbar .navbar-container .right-content .bonus-of-the-day-section .dropdown-element.show {
    animation: easeInBonus 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  }
  @keyframes easeInBonus {
    from {
      opacity: 0;
      top: calc(100% + 0.5rem);
    }
    to {
      opacity: 1;
      top: calc(100% + 1.15rem);
    }
  }
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .right-content .bonus-of-the-day-section {
    margin-right: 1rem;
  }
}
body header .navbar .navbar-container .right-content .search-wrapper {
  display: none;
  margin-right: 0;
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .right-content .search-wrapper {
    display: block;
    margin-right: 1.5rem;
  }
}
body header .navbar .navbar-container .right-content .search-wrapper .btn-search {
  padding: 0;
  background-color: transparent;
  font-size: 1rem;
  color: var(--secondary_color);
  cursor: pointer;
}
body header .navbar .navbar-container .right-content .search-wrapper .btn-search span {
  pointer-events: none;
}
body header .navbar .navbar-container .right-content .search-wrapper .btn-search .icon-search {
  padding-left: 0 !important;
  font-size: 1rem;
  margin-left: 0;
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .right-content .search-wrapper .btn-search.clicked-search .icon-search::before {
    color: var(--blue_primary);
  }
  body header .navbar .navbar-container .right-content .search-wrapper .btn-search .icon-search::before {
    color: #2e333c;
  }
}
body header .navbar .navbar-container .right-content .language-wrapper {
  position: relative;
  height: 100%;
  display: none;
}
@media all and (min-width: 1200px) {
  body header .navbar .navbar-container .right-content .language-wrapper {
    display: flex;
  }
}
body header .navbar .navbar-container .right-content .language-wrapper .dropdown-element-hover {
  width: max-content;
  right: 0;
  top: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
body header .navbar .navbar-container .right-content .language-wrapper .dropdown-element-hover.show {
  animation: easeIn2 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
@keyframes easeIn2 {
  from {
    opacity: 0;
    top: calc(100% + 0.5rem);
  }
  to {
    opacity: 1;
    top: calc(100% + 1.6rem);
  }
}
body header .navbar .navbar-container .right-content .language-wrapper .dropdown-element-hover li {
  margin-bottom: 0.25rem;
}
body header .navbar .navbar-container .right-content .language-wrapper .dropdown-element-hover li a {
  padding: 0 1rem;
  padding-top: 0.25rem;
}
body header .navbar .navbar-container .right-content .language-wrapper .dropdown-element-hover li a img {
  height: 1.5rem;
  width: auto;
}
body header .navbar .navbar-container .right-content .language-wrapper .dropdown-element-hover li a:hover {
  background: #edf1fa;
}
body header .navbar .navbar-container .right-content .language-wrapper .dropdown-element-hover li:last-child {
  margin-bottom: 0;
}
body header .accordion-mobile {
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 98;
  padding: 0.625rem;
  background-color: #fff;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
}
body header .accordion-mobile {
  transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
  -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
  -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}
@media all and (min-width: 1200px) {
  body header .accordion-mobile {
    display: none;
  }
}
body header .accordion-mobile.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  height: calc(100vh - 61px);
}
body header .accordion-mobile.active {
  transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
  -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
  -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}
body header .accordion-mobile .language-wrapper-mobile {
  width: 100%;
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper {
  margin: 0;
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-trigger {
  cursor: pointer;
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-trigger .nav-link-icon {
  font-size: 0.5rem;
  margin-left: 0;
  padding: 0.625rem;
  margin-right: 6px;
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-trigger .nav-link-icon::before {
  color: var(--blue_primary);
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-trigger img {
  height: 1.5rem;
  width: auto;
  pointer-events: none;
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-element {
  width: max-content;
  top: 85%;
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-element.show {
  z-index: 1;
  left: unset;
  right: 0;
  top: 100%;
  animation: easeInAnimation 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
@keyframes easeInAnimation {
  from {
    opacity: 0;
    top: calc(100% - 0.5rem);
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-element li {
  margin-bottom: 0.25rem;
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-element li a {
  padding: 0;
  padding-top: 0.25rem;
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-element li a img {
  height: 1.5rem;
  width: auto;
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-element li a:hover {
  background: #edf1fa;
}
body header .accordion-mobile .language-wrapper-mobile .language-wrapper .accordion-element li:last-child {
  margin-bottom: 0;
}
body header .accordion-mobile .accordion-mobile-list {
  list-style: none;
  width: 100%;
  position: relative;
  overflow-y: auto;
  padding: 0;
  height: auto;
  padding-bottom: 50px;
}
body header .accordion-mobile .accordion-mobile-list {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
body header .accordion-mobile .accordion-mobile-list::-webkit-scrollbar {
  /* WebKit */
  background: transparent;
  width: 0;
  display: none;
  height: 0;
}
body header .accordion-mobile .accordion-mobile-list::-webkit-scrollbar {
  width: 10px;
}
body header .accordion-mobile .accordion-mobile-list::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.5rem;
}
body header .accordion-mobile .accordion-mobile-list::-webkit-scrollbar-thumb {
  background: var(--secondary_color);
  border-radius: 0.4rem;
}
body header .accordion-mobile .accordion-mobile-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item {
  margin-bottom: 1.5rem;
  width: 100%;
  padding-right: 0;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-menu-container li {
  margin-bottom: 1rem;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-menu-container li:last-child {
  margin-bottom: 0;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-menu-container li a {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-menu-container li a:hover {
  color: var(--blue_primary);
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .accordion-trigger,
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-link {
  width: 100%;
  border-bottom: 1px solid #eff1f2;
  padding-bottom: 0.875rem;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .accordion-trigger,
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .accordion-trigger *,
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-link * {
  pointer-events: none;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .accordion-trigger.active-title,
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-link.active-title {
  color: #252836;
  border-bottom: 1px solid #b9c2c7;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .accordion-trigger.active-title .nav-link-title::after,
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-link.active-title .nav-link-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--blue_primary);
  position: absolute;
  top: 2.65rem;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .accordion-trigger .nav-link-title,
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-link .nav-link-title {
  margin-left: 0;
  color: #2e333c;
  font-size: 1rem;
  line-height: 1.75rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  text-decoration: none;
  position: relative;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .accordion-trigger .nav-link-icon,
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-link .nav-link-icon {
  font-size: 0.5rem;
  margin-left: 0;
  padding: 0.625rem;
  margin-right: 6px;
}
body header .accordion-mobile .accordion-mobile-list .accordion-item .accordion-trigger .nav-link-icon::before,
body header .accordion-mobile .accordion-mobile-list .accordion-item .nav-link .nav-link-icon::before {
  color: var(--blue_primary);
}
body header .accordion-mobile .accordion-mobile-list .dropdown {
  list-style: none;
}
body header .accordion-mobile .accordion-mobile-list .dropdown li {
  margin-bottom: 1.33rem;
}
body header .accordion-mobile .accordion-mobile-list .dropdown li a {
  color: #202329;
  text-decoration: none;
}
body header .search-element.dropdown-element {
  padding: 1rem 0;
  margin-bottom: 0.5rem;
  position: relative;
}
@media all and (min-width: 1200px) {
  body header .search-element.dropdown-element {
    top: calc(100% + 1.3rem);
    padding: 1rem;
    position: absolute;
  }
}
body header .search-element.dropdown-element.show {
  right: 0;
  left: unset;
  width: 100%;
  z-index: 100;
  animation: searchElement 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
@media all and (min-width: 1200px) {
  body header .search-element.dropdown-element.show {
    width: 400px;
  }
}
@keyframes searchElement {
  from {
    opacity: 0;
    top: 100%;
  }
  to {
    opacity: 1;
    top: calc(100% + 1.3rem);
  }
}
body header .search-element.dropdown-element .search-form {
  width: 100%;
  position: relative;
}
body header .search-element.dropdown-element .search-form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
body header .search-element.dropdown-element .search-form .search-input {
  position: relative;
  width: 100%;
  border-radius: 20px;
  padding: 0.5rem;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  font-size: 1rem;
  color: var(--secondary_color);
  overflow: hidden;
  padding-left: 2.5rem;
  border: 1px solid #e0e7ee;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
}
body header .search-element.dropdown-element .search-form .search-input > * {
  pointer-events: none;
}
body header .search-element.dropdown-element .search-form .search-input:focus, body header .search-element.dropdown-element .search-form .search-input:active {
  border: 1px solid var(--secondary_color);
  outline: none;
  box-shadow: none;
}
body header .search-element.dropdown-element .search-form .search-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  display: block;
  pointer-events: none;
}
body header .search-element.dropdown-element .search-form .search-icon .icon-search {
  color: var(--blue_primary);
}
body header .search-element.dropdown-element .search-form #search-close {
  cursor: pointer;
  z-index: 2;
}
body header .search-element.dropdown-element .search-form #search-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
body header .search-element.dropdown-element .search-form #search-close .icon-close-header {
  position: absolute;
  right: 9px;
  top: unset;
  font-size: 0.75rem;
  left: unset;
  padding: 0.5rem;
}
body header .search-element.dropdown-element .search-dropdown-results {
  position: absolute;
  pointer-events: all;
  right: 0;
  top: 100%;
  z-index: 105;
  width: 100%;
  display: none;
}
body header .search-element.dropdown-element .search-dropdown-results {
  background: white;
  border: 1px solid #e3e7f2;
  border-radius: 0.5rem;
  padding: 0rem;
}
body header .search-element.dropdown-element .search-dropdown-results {
  box-shadow: 0 6px 8px -6px rgba(24, 39, 75, 0.04), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-loader span {
  font-size: 1rem;
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--secondary_color);
}
body header .search-element.dropdown-element .search-dropdown-results .btn-primary {
  width: 100%;
  border-radius: 0 0 0.5rem 0.5rem;
  margin-top: 1rem;
  background: var(--blue_primary);
  border-color: var(--blue_primary);
}
body header .search-element.dropdown-element .search-dropdown-results .btn-primary:hover {
  box-shadow: none;
}
body header .search-element.dropdown-element .search-dropdown-results .results-list li {
  list-style: none;
}
body header .search-element.dropdown-element .search-dropdown-results .results-list li a {
  margin-bottom: 0;
  text-decoration: none;
  color: #202329;
  padding: 0.5rem 1rem;
}
body header .search-element.dropdown-element .search-dropdown-results .results-list li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
body header .search-element.dropdown-element .search-dropdown-results .results-list li a:hover .list-item-text {
  text-decoration: underline;
  color: #202329;
}
body header .search-element.dropdown-element .search-dropdown-results .results-list li a img {
  border-radius: 0.5rem;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
body header .search-element.dropdown-element .search-dropdown-results .results-list li a .icon-pages {
  font-size: 1.75rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-component {
  position: relative;
  display: flex;
  margin-bottom: 1rem;
  padding: 0;
  border-radius: 0.5rem;
  width: 100%;
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-component .tab {
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-component .tab .active-bar {
  position: absolute;
  z-index: 10;
  bottom: 0;
  height: 3px;
  background: var(--blue_primary);
  display: block;
  left: 0;
  transition: transform 0.15s ease;
  -webkit-transition: transform 0.15s ease;
  width: 100%;
  transform: scaleX(0);
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-component .tab.active .active-bar {
  transform: scaleX(1);
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-component .tab:not(.active):hover .tab-item {
  background-color: #f4f4f7;
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-component .tab .tab-item {
  margin-bottom: 0;
  background-color: white;
  color: #202329 !important;
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0.875rem 1rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  border: 1px solid #fff3f5;
  text-align: center;
}
@media all and (min-width: 414px) {
  body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-component .tab .tab-item {
    font-size: 1rem;
  }
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-content {
  width: 100%;
  display: block;
  max-height: 300px;
  overflow-y: auto;
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-content .search-dropdown-content-text {
  display: none;
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-content .search-dropdown-content-text.active {
  display: block;
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-content .search-dropdown-content-text.active p {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
}
body header .search-element.dropdown-element .search-dropdown-results .search-dropdown-content > .active {
  display: block;
}
body header .search-element.dropdown-element .search-dropdown-results.show-dropdown {
  width: 100%;
  animation: easeInSearchMobile 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
body header .search-element.dropdown-element .search-dropdown-results.show-dropdown {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
@media all and (min-width: 1200px) {
  body header .search-element.dropdown-element .search-dropdown-results.show-dropdown {
    width: 400px;
  }
}
@keyframes easeInSearchMobile {
  from {
    opacity: 0;
    top: calc(100% - 1rem);
  }
  to {
    opacity: 1;
    top: 100%;
  }
}

#footer {
  padding-bottom: 70px;
  background-color: #202329;
}
#footer .subscribe-section {
  background-color: white;
  padding: 2.125rem 1.25rem;
}
@media all and (min-width: 768px) {
  #footer .subscribe-section {
    padding: 2.25rem 1.25rem;
  }
}
#footer .subscribe-section .subscribe-content {
  justify-items: flex-start;
  gap: 1.25rem;
  padding: 0;
}
#footer .subscribe-section .subscribe-content {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
#footer .subscribe-section .subscribe-content img,
#footer .subscribe-section .subscribe-content svg {
  width: 100%;
  height: auto;
  max-height: 168px;
  aspect-ratio: 2/1;
}
#footer .subscribe-section .subscribe-content .subscribe-text {
  width: 100%;
  position: relative;
}
#footer .subscribe-section .subscribe-content .subscribe-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#footer .subscribe-section .subscribe-content .subscribe-text h2 {
  margin-bottom: 1.875rem;
  font-size: 1.125rem;
  line-height: 1.875rem;
}
#footer .subscribe-section .subscribe-content .subscribe-text small,
#footer .subscribe-section .subscribe-content .subscribe-text small > a {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
}
#footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form {
  width: 100%;
  position: relative;
}
#footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form .subscribe-notif {
  position: absolute;
  width: auto;
  z-index: 1;
  color: #202329;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  display: none;
  animation-duration: 0.25s;
  top: -1.5rem;
}
#footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form .subscribe-notif.visible {
  display: block;
  animation-name: messageSubscribe;
}
@keyframes messageSubscribe {
  0% {
    top: 0;
  }
  100% {
    top: -1.5rem;
  }
}
#footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form #form-subscribe {
  width: 100%;
  display: flex;
  margin-bottom: 1.25rem;
}
#footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form #form-subscribe input[type=email] {
  width: 100%;
  height: 3rem;
  padding: 0 10px;
  color: #000;
  border: 1px solid #bababa;
  border-radius: 0.5rem 0 0 0.5rem;
  font-size: 1rem;
  z-index: 2;
}
#footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form #form-subscribe input:focus {
  outline: none;
}
#footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form #form-subscribe button {
  width: 8.125rem;
  height: 3rem;
  border-radius: 0px 0.5rem 0.5rem 0;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  background-color: var(--blue_primary);
  gap: 0.25rem;
}
#footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form #form-subscribe button .button-text {
  font-size: 0.75rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
}
#footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form #form-subscribe button .icon-envelope {
  margin-right: 0.5rem;
}
#footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form #form-subscribe button .icon-envelope::before {
  color: white;
}
@media all and (min-width: 768px) {
  #footer .subscribe-section .subscribe-content {
    align-items: center;
  }
  #footer .subscribe-section .subscribe-content {
    display: grid;
    grid-template-columns: 400px auto;
    grid-template-rows: auto;
  }
  #footer .subscribe-section .subscribe-content img,
  #footer .subscribe-section .subscribe-content svg {
    width: 400px;
    height: 200px;
    max-height: unset;
  }
  #footer .subscribe-section .subscribe-content .subscribe-text {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  #footer .subscribe-section .subscribe-content .subscribe-text .subscribe-input-form #form-subscribe button {
    width: 11.25rem;
  }
}
#footer .footer-container {
  gap: 1.125rem;
  padding: 2.125rem 1.25rem;
}
#footer .footer-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media all and (min-width: 768px) {
  #footer .footer-container {
    padding: 2.25rem 1.25rem;
    gap: 2.25rem;
  }
}
#footer .footer-container .show-section-title {
  color: #bec0c9;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
}
#footer .footer-container .show-section .show-more-trigger,
#footer .footer-container .show-section .show-less {
  padding: 0;
  text-decoration: underline;
  color: #f9fbfe;
  cursor: pointer;
  font-size: 0.875rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
}
#footer .footer-container .show-section .show-less {
  margin-bottom: 1rem;
  display: block;
}
#footer .footer-container .show-section .show-more-element {
  display: none;
}
#footer .footer-container .show-section .show-more-element.show {
  display: flex;
}
#footer .footer-container .show-section ul {
  list-style: none;
  margin: 1rem 0 1rem;
  padding: 0;
}
#footer .footer-container .show-section ul:first-child {
  margin-top: 0;
}
#footer .footer-container .show-section ul:last-child {
  margin-bottom: 0;
}
#footer .footer-container .show-section ul > li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.25rem;
}
#footer .footer-container .show-section ul > li a {
  text-decoration: underline;
  font-family: inherit;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
#footer .footer-container .show-section ul > li p {
  margin-bottom: 0;
}
#footer .footer-container .show-section ul > li h2,
#footer .footer-container .show-section ul > li h3,
#footer .footer-container .show-section ul > li h4,
#footer .footer-container .show-section ul > li h5 {
  margin-top: 0;
  margin-bottom: 0;
}
#footer .footer-container .show-section ul > li h2:not(:only-child),
#footer .footer-container .show-section ul > li h3:not(:only-child),
#footer .footer-container .show-section ul > li h4:not(:only-child),
#footer .footer-container .show-section ul > li h5:not(:only-child) {
  margin-bottom: 0.5rem;
}
#footer .footer-container .show-section ul > li > span {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #f9fbfe;
}
#footer .footer-container .show-section ul > li > span > span {
  padding: 0;
}
#footer .footer-container .show-section ul > li > span a {
  padding: 0;
  text-decoration: underline;
}
#footer .footer-container .show-section ul > li > span h4,
#footer .footer-container .show-section ul > li > span h3 {
  margin-top: 0;
}
#footer .footer-container .show-section ul > li > span ul:last-child,
#footer .footer-container .show-section ul > li > span ol:last-child {
  margin-bottom: 0;
}
#footer .footer-container .show-section ul > li h4 {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  width: calc(100% - 0.5rem);
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #f9fbfe;
  position: relative;
}
#footer .footer-container .show-section ul > li::before {
  content: "";
  height: 0.375rem;
  width: 0.375rem;
  background: #f9fbfe;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 9px;
}
#footer .footer-container .show-section ul > li:last-child {
  margin-bottom: 0;
}
#footer .footer-container .show-section ul li {
  position: relative;
  margin-bottom: 1rem;
}
#footer .footer-container .show-section ul li h1,
#footer .footer-container .show-section ul li h2,
#footer .footer-container .show-section ul li h3,
#footer .footer-container .show-section ul li h4 {
  margin-bottom: 0;
}
#footer .footer-container .show-section ul li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
#footer .footer-container .show-section ul li a {
  text-decoration: underline;
  padding-left: 0.25rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #f9fbfe;
}
#footer .footer-container .show-section ul li span,
#footer .footer-container .show-section ul li p {
  color: #f9fbfe;
}
#footer .footer-container .footer-bottom {
  gap: 1.875rem;
}
#footer .footer-container .footer-bottom {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media all and (min-width: 576px) {
  #footer .footer-container .footer-bottom {
    gap: 2.25rem;
  }
  #footer .footer-container .footer-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
  }
  #footer .footer-container .footer-bottom .footer-element:nth-last-child(1) {
    grid-column: 1/-1;
  }
}
@media all and (min-width: 768px) {
  #footer .footer-container .footer-bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
  }
  #footer .footer-container .footer-bottom .footer-element:nth-last-child(1) {
    grid-column: unset;
  }
}
#footer .footer-container .footer-bottom .footer-element h4 {
  color: #bec0c9;
  margin-bottom: 1.25rem;
}
#footer .footer-container .footer-bottom .footer-element nav ul li {
  margin-bottom: 0.875rem;
}
#footer .footer-container .footer-bottom .footer-element nav ul li:last-child {
  margin-bottom: 0;
}
#footer .footer-container .footer-bottom .footer-element nav ul li a {
  color: #f9fbfe;
  text-decoration: none;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
#footer .footer-container .footer-bottom .footer-element .footer-element-social {
  gap: 1.875rem;
  margin-bottom: 2.25rem;
}
#footer .footer-container .footer-bottom .footer-element .footer-element-social {
  display: grid;
  grid-template-columns: repeat(3, 1.5rem);
  grid-template-rows: auto;
}
@media all and (min-width: 768px) {
  #footer .footer-container .footer-bottom .footer-element .footer-element-social {
    margin-bottom: 1.5rem;
  }
}
#footer .footer-container .footer-bottom .footer-element .footer-element-social img {
  width: 1.5rem;
  height: 1.5rem;
}
#footer .footer-container .footer-bottom .footer-element .footer-element-logo {
  gap: 1.125rem;
}
#footer .footer-container .footer-bottom .footer-element .footer-element-logo {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
#footer .footer-container .footer-bottom .footer-element .footer-element-logo img {
  height: 1.25rem;
  width: auto;
}
#footer .footer-container .footer-country-selector {
  padding: 0.625rem 0.875rem;
  border: 1px solid #636363;
  border-radius: 0.5rem;
  margin-top: 1rem;
}
@media all and (min-width: 768px) {
  #footer .footer-container .footer-country-selector {
    margin-top: 0;
  }
}
#footer .footer-container .footer-country-selector .accordion {
  padding-right: 0;
}
#footer .footer-container .footer-country-selector .accordion .accordion-trigger-title {
  margin-left: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #f9fbfe;
  width: 100%;
}
#footer .footer-container .footer-country-selector .accordion .accordion-trigger-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
#footer .footer-container .footer-country-selector .accordion .accordion-trigger-title .icon-chevron-down {
  font-size: 0.5rem;
  justify-self: flex-end;
}
#footer .footer-container .footer-country-selector .accordion .accordion-trigger-title .icon-chevron-down::before {
  color: #f9fbfe;
}
#footer .footer-container .footer-country-selector .accordion .accordion-trigger.active-title .accordion-trigger-title .icon-chevron-down {
  transform: rotate(180deg);
}
#footer .footer-container .footer-country-selector .accordion .accordion-element {
  background-color: #202329;
}
#footer .footer-container .footer-country-selector .accordion .accordion-element.show {
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  border-top: 1px solid #636363;
  max-height: 600px;
}
#footer .footer-container .footer-country-selector .accordion .accordion-element.show ul li {
  margin-bottom: 0.75rem;
}
#footer .footer-container .footer-country-selector .accordion .accordion-element.show ul li:last-child {
  margin-bottom: 0;
}
#footer .footer-container .footer-country-selector .accordion .accordion-element.show ul li a {
  color: #f9fbfe;
  font-size: 0.75rem;
  line-height: 1.5rem;
}
#footer .footer-container .footer-country-selector .accordion .accordion-element.show ul li a:hover {
  color: #66acff;
}
@media all and (min-width: 576px) {
  #footer {
    padding-bottom: 0;
  }
}

.sidebar #sidebar-filters {
  width: 100%;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper {
  background: #ffffff;
  width: inherit;
  gap: 1.25rem;
  border-radius: 0.5rem;
  padding: 1.25rem 1rem;
  box-shadow: 0px 2px 20px 0px rgba(24, 39, 75, 0.0392156863);
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e3e7f2;
  padding-right: 0;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-element.show {
  padding-top: 1.25rem;
  max-height: 1500px;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-element li {
  margin-bottom: 1.25rem;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-element li:last-child {
  margin-bottom: 0;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-trigger {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-trigger {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-trigger .accordion-sidebar-element-title {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-left: 0;
  display: flex;
  align-items: center;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-trigger .accordion-sidebar-element-title .sidebar-icon {
  font-size: 1rem;
  margin-right: 0.75rem;
  margin-left: 0;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-trigger .accordion-sidebar-element-title .sidebar-icon::before {
  color: #646060;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-trigger .icon-chevron-down {
  margin: 0.25rem 0;
  background: #f6faff;
  border-radius: 50%;
  font-size: 0.375rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.625rem;
  pointer-events: none;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-trigger .icon-chevron-down {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-trigger.active-title .accordion-sidebar-element-title {
  color: var(--blue_primary);
}
.sidebar #sidebar-filters .accordion-sidebar-wrapper .accordion-sidebar-element .accordion-trigger.active-title .accordion-sidebar-element-title .sidebar-icon::before {
  color: var(--blue_primary);
}
.sidebar #sidebar-filters .sidebar-intro {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e3e7f2;
}
.sidebar #sidebar-filters .sidebar-intro {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.sidebar #sidebar-filters .sidebar-intro p {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.sidebar #sidebar-filters .sidebar-intro p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.sidebar #sidebar-filters .sidebar-intro p span {
  font-size: 0.75rem;
  margin-right: 0.25rem;
}
@media all and (min-width: 992px) {
  .sidebar #sidebar-filters {
    max-width: 250px;
  }
}

.nav-bottom-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px -0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem 0.5rem 0px 0px;
  height: 70px;
  background-color: white;
  display: flex;
  justify-content: space-around;
  align-items: center;
  z-index: 101;
}
@media all and (min-width: 576px) {
  .nav-bottom-container {
    display: none;
  }
}
.nav-bottom-container.slide-up-bottom {
  bottom: 0px;
}
.nav-bottom-container.slide-down-bottom {
  bottom: -70px;
}
.nav-bottom-container ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  padding-bottom: 0.5rem;
}
.nav-bottom-container ul li {
  width: 25%;
  text-align: center;
}
.nav-bottom-container a {
  text-decoration: none;
  font-size: 11px;
  color: #8e8e8e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.nav-bottom-container a span:not(.bottom-nav-tab-title) {
  height: 1.25rem;
  font-size: 1.25rem;
  margin-bottom: 3px;
}
.nav-bottom-container a .bottom-nav-tab-title {
  font-size: 11px;
  color: #8e8e8e;
  line-height: 13px;
}
.nav-bottom-container a.active {
  color: var(--blue_primary);
}
.nav-bottom-container a.active .bottom-nav-tab-title {
  color: var(--blue_primary);
}
.nav-bottom-container a.active span::before {
  color: var(--blue_primary);
}

.tab-container {
  padding-top: 0;
  position: fixed;
  display: none;
  width: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
  overflow: auto;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
}
.tab-container {
  transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
  -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
  -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}
.tab-container.active {
  display: flex;
  flex-direction: column;
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  height: calc(100% - 70px);
}
.tab-container.active {
  transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
  -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
  -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}
@media all and (min-width: 576px) {
  .tab-container.active {
    display: none;
  }
}
.tab-container:has(.expand-section.show) {
  overflow: auto;
}
.tab-container:has(.expand-section.show) .expand-tab-content-list {
  display: grid;
}
@media all and (min-width: 576px) {
  .tab-container {
    display: none;
  }
}
.tab-container .tab-header {
  padding: 0.75rem 1.125rem 0.9375rem 1.125rem;
  background-image: linear-gradient(#F8FBFF, #FAFAFA 70%);
}
.tab-container .tab-header {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
}
.tab-container .tab-header .tab-title {
  margin: 0 auto 1.125rem auto;
  font-family: PTSerif-Bold;
  font-size: 1.625rem;
  line-height: 2rem;
  color: #202329;
  text-align: center;
  max-width: 21.25rem;
  width: 100%;
}
.tab-container .tab-header .tab-title span {
  display: block;
  position: relative;
}
.tab-container .tab-header .tab-title span:before {
  content: "";
  width: 9.375rem;
  height: 2px;
  background-color: #C9CFFF;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%, 0);
}
.tab-container .tab-header .icon-close {
  margin-bottom: 0.75rem;
  font-size: 0.625rem;
  cursor: pointer;
}
.tab-container .tab-header .icon-close:before {
  color: #646060;
}
.tab-container .tab-header p {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  width: 100%;
  text-align: center;
}
.tab-container .read-less-trigger {
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}
.tab-container .read-less-trigger.visible {
  margin-top: 26px;
  margin-bottom: 40px;
}
.tab-container .read-less-trigger.visible {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.tab-container .read-less-trigger span {
  margin-left: 6px;
  font-size: 1rem;
  transform: rotate(-180deg);
}
.tab-container .tab-content-list {
  margin-top: -0.9375rem;
  grid-column: 1/-1;
  gap: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 2.5rem;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  background-color: #fff;
}
.tab-container .tab-content-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
}
.tab-container .tab-content-list .expand-tab-content-list {
  grid-column: 1/-1;
  gap: 0.875rem;
}
.tab-container .tab-content-list .expand-tab-content-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
}
.tab-container .tab-content-list .expand-tab-content-list .tab-content:first-child:before, .tab-container .tab-content-list .expand-tab-content-list .tab-content:nth-child(2):before, .tab-container .tab-content-list .expand-tab-content-list .tab-content:nth-child(3):before {
  box-shadow: -2px 0px 0px 0px rgb(231, 232, 255);
}
.tab-container .tab-content-list .expand-tab-content-list .tab-content:first-child .image-placeholder, .tab-container .tab-content-list .expand-tab-content-list .tab-content:nth-child(2) .image-placeholder, .tab-container .tab-content-list .expand-tab-content-list .tab-content:nth-child(3) .image-placeholder {
  background-image: url("../images/trending-star.svg");
}
.tab-container .tab-content-list.show .expand-tab-content-list {
  margin-top: -0.875rem;
  overflow: unset;
}
.tab-container .tab-content-list .expand-trigger {
  margin-top: 0.75rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  text-decoration: none;
}
.tab-container .tab-content-list .expand-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.tab-container .tab-content-list .expand-trigger span {
  margin-left: 0.625rem;
  padding: 0.25rem;
  font-size: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #fff;
  align-self: center;
  pointer-events: none;
}
.tab-container .tab-content-list .expand-trigger span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.tab-container .tab-content-list .expand-trigger.hidden {
  margin-top: 0;
}
.tab-container .tab-content-list .tab-content {
  position: relative;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-radius: 0.5rem;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  text-decoration: none;
  box-shadow: 0px 4px 6px 0 rgba(10, 16, 32, 0.06);
  gap: 1rem;
}
.tab-container .tab-content-list .tab-content {
  display: grid;
  grid-template-columns: max-content auto max-content;
  grid-template-rows: auto;
}
.tab-container .tab-content-list .tab-content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: -2px 0px 0px 0px rgb(231, 232, 255);
  border-radius: 0.5rem;
}
.tab-container .tab-content-list .tab-content .image-placeholder {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  background-image: url("../images/trending-star.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  align-self: center;
}
.tab-container .tab-content-list .tab-content:first-child:before {
  box-shadow: -2px 0px 0px 0px rgb(255, 197, 187);
}
.tab-container .tab-content-list .tab-content:first-child .image-placeholder {
  background-image: url("../images/trending-one.svg");
}
.tab-container .tab-content-list .tab-content:nth-child(2):before {
  box-shadow: -2px 0px 0px 0px rgb(255, 197, 187);
}
.tab-container .tab-content-list .tab-content:nth-child(2) .image-placeholder {
  background-image: url("../images/trending-two.svg");
}
.tab-container .tab-content-list .tab-content:nth-child(3):before {
  box-shadow: -2px 0px 0px 0px rgb(255, 197, 187);
}
.tab-container .tab-content-list .tab-content:nth-child(3) .image-placeholder {
  background-image: url("../images/trending-three.svg");
}
.tab-container .tab-content-list .tab-content .tab-content-text {
  padding-right: 3px;
  flex-wrap: wrap;
  gap: 0.125rem;
  align-self: center;
}
.tab-container .tab-content-list .tab-content .tab-content-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.tab-container .tab-content-list .tab-content .tab-content-text .tab-content-title {
  margin-right: 0.25rem;
  margin-bottom: 0;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
@media all and (min-width: 768px) {
  .tab-container .tab-content-list .tab-content .tab-content-text .tab-content-title {
    margin-right: 0;
    margin-bottom: 0.25rem;
  }
}
.tab-container .tab-content-list .tab-content .tab-content-text .tab-content-counter {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #121DFF;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.tab-container .tab-content-list .tab-content .icon-chevron-down {
  padding: 0.25rem;
  color: var(--primary_color);
  font-size: 0.375rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #f6faff;
  position: relative;
  transform: rotate(-90deg);
  align-self: center;
}
.tab-container .tab-content-list .tab-content .icon-chevron-down {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media all and (min-width: 992px) {
  .tab-container .tab-content-list .tab-content .icon-chevron-down {
    padding-left: 0.25rem;
  }
}

.carousel-quiz {
  background-color: white;
  border-radius: 0.5rem;
  width: 100%;
  overflow: hidden;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  box-shadow: 0px 2px 20px 0px rgba(24, 39, 75, 0.0392156863);
}
.carousel-quiz #quiz {
  padding: 1.25rem 0.75rem;
}
.carousel-quiz #quiz {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media all and (min-width: 768px) {
  .carousel-quiz #quiz {
    padding: 1.25rem;
  }
}
.carousel-quiz #quiz .question-element {
  text-align: center;
  margin-top: 0;
  margin-bottom: 2.125rem;
}
@media all and (min-width: 768px) {
  .carousel-quiz #quiz .question-element {
    margin-bottom: 2.25rem;
  }
}
.carousel-quiz #quiz .client-views-element {
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
  color: #202329;
  text-align: center;
}
.carousel-quiz #quiz .container-quiz-info {
  background: #f2f6ff;
  border-radius: 0.375rem;
  padding: 1.25rem 0.75rem;
}
@media all and (min-width: 768px) {
  .carousel-quiz #quiz .container-quiz-info {
    padding: 1.875rem 1.25rem;
  }
}
.carousel-quiz #quiz .answers {
  gap: 0.75rem;
  justify-content: center;
}
.carousel-quiz #quiz .answers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
@media all and (min-width: 768px) {
  .carousel-quiz #quiz .answers {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
  }
}
.carousel-quiz #quiz .answers .answer-element {
  border-radius: 0.5rem;
  background-color: white;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  height: 150px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid white;
}
.carousel-quiz #quiz .answers .answer-element {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media all and (min-width: 768px) {
  .carousel-quiz #quiz .answers .answer-element {
    height: 200px;
    width: 200px;
  }
}
.carousel-quiz #quiz .answers .answer-element p {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  text-align: center;
  font-size: 0.875rem;
  line-height: 22px;
  padding-bottom: 1.75rem;
}
@media all and (min-width: 768px) {
  .carousel-quiz #quiz .answers .answer-element p {
    padding-bottom: 2.125rem;
    font-size: 1rem;
  }
}
.carousel-quiz #quiz .answers .answer-element p::before {
  content: "";
  position: absolute;
  top: calc(100% - 1.125rem);
  left: 50%;
  transform: translateX(-50%);
  width: 1.25rem;
  height: 1.25rem;
  border: 0.25rem solid #e8e9ff;
  border-radius: 100%;
  background: #fff;
}
.carousel-quiz #quiz .answers .answer-element p::after {
  content: "";
  opacity: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: var(--blue_primary);
  position: absolute;
  border: 0.25rem solid #e8e9ff;
  top: calc(100% - 1.125rem);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.carousel-quiz #quiz .answers .answer-element:hover {
  border: 1px solid var(--blue_primary);
}
.carousel-quiz #quiz .answers .answer-element:hover p::after {
  opacity: 1;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.carousel-quiz #quiz .answers .answer-element span {
  z-index: 1;
  display: block;
  height: 50px;
  width: auto;
  margin-bottom: 0.625rem;
}
@media all and (min-width: 768px) {
  .carousel-quiz #quiz .answers .answer-element span {
    height: 80px;
    margin-bottom: 1rem;
  }
}
.carousel-quiz #quiz .answers .answer-element span.icon-free-bonuses {
  content: url("../images/free-bonuses.svg");
}
.carousel-quiz #quiz .answers .answer-element span.icon-best-for-deposit {
  content: url("../images/best-for-deposit.svg");
}
.carousel-quiz #quiz .answers .answer-element span.icon-new-casinos {
  content: url("../images/new-casinos.svg");
}
.carousel-quiz #quiz .answers .answer-element span.icon-top-rated {
  content: url("../images/top-rated.svg");
}
.carousel-quiz #quiz .answers .answer-element span.icon-slots {
  content: url("../images/slots.svg");
}
.carousel-quiz #quiz .answers .answer-element span.icon-live-casinos {
  content: url("../images/live-casino.svg");
}
.carousel-quiz #quiz .answers .answer-element span.icon-days {
  content: url("../images/days.svg");
}
.carousel-quiz #quiz .answers .answer-element span.icon-day {
  content: url("../images/day.svg");
}
.carousel-quiz #quiz .bonus-element {
  position: relative;
  padding: 1.25rem 0.75rem;
  border: 1px solid var(--blue_primary);
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 8px 0px rgba(10, 16, 32, 0.0784313725);
  justify-items: flex-start;
  width: 100%;
  column-gap: 0.75rem;
  row-gap: 1rem;
  align-items: center;
  grid-template-areas: "logo reviewElement" "bonusOffer bonusOffer" "btnContainer btnContainer" "bonusTerms bonusTerms";
}
.carousel-quiz #quiz .bonus-element {
  display: grid;
  grid-template-columns: 60px auto;
  grid-template-rows: auto;
}
.carousel-quiz #quiz .bonus-element .bonus-offer {
  width: max-content;
  background-color: #f8faff;
  padding: 0.375rem 0.625rem;
  grid-area: bonusOffer;
  display: flex;
  align-items: center;
  width: 100%;
  height: 58px;
  border-radius: 0.5rem;
  overflow: hidden;
  font-family: PTSerif-Bold;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
.carousel-quiz #quiz .bonus-element .bonus-offer .bonus-offer-image {
  width: 46px;
  height: 46px;
  margin-right: 0.625rem;
}
.carousel-quiz #quiz .bonus-element .bonus-offer a {
  text-decoration: none;
}
.carousel-quiz #quiz .bonus-element .bonus-offer .bonus-offer-text {
  font-size: 1rem;
  margin-bottom: 0;
  line-height: 1.5rem;
  font-family: PTSerif-Bold;
  margin-top: 0;
}
@media all and (max-width: 767px) {
  .carousel-quiz #quiz .bonus-element .bonus-offer {
    border-radius: 0.25rem;
    min-height: 3.75rem;
    height: auto;
    margin-top: unset;
    font-size: 0.875rem;
  }
}
.carousel-quiz #quiz .bonus-element .bonus-img {
  grid-area: logo;
  width: 60px;
  height: 60px;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
.carousel-quiz #quiz .bonus-element .bonus-img img {
  width: 100%;
  height: auto;
}
@media all and (min-width: 768px) {
  .carousel-quiz #quiz .bonus-element .bonus-img {
    width: 100px;
    height: 100px;
  }
}
.carousel-quiz #quiz .bonus-element .review-color {
  margin-bottom: 0;
  margin-top: 0;
  gap: 0.5rem;
  grid-area: reviewElement;
}
.carousel-quiz #quiz .bonus-element .review-color .icon-star-full {
  font-size: 0.875rem;
}
.carousel-quiz #quiz .bonus-element .btn-container {
  grid-area: btnContainer;
  width: 100%;
}
.carousel-quiz #quiz .bonus-element .btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.carousel-quiz #quiz .bonus-element .btn-container .btn-secondary {
  width: 100%;
}
.carousel-quiz #quiz .bonus-element .bonus-terms {
  grid-area: bonusTerms;
  margin-bottom: 0;
  line-height: 1rem;
  font-size: 11px;
  color: #646060;
  text-align: center;
}
.carousel-quiz #quiz .bonus-element .bonus-terms a {
  color: #202329;
}
@media all and (min-width: 768px) {
  .carousel-quiz #quiz .bonus-element {
    grid-template-columns: 100px auto;
    align-items: flex-start;
    padding: 1.25rem;
    grid-template-areas: "logo reviewElement" "logo bonusOffer" "btnContainer btnContainer" "bonusTerms bonusTerms";
  }
  .carousel-quiz #quiz .bonus-element .btn-container .btn-secondary {
    max-width: 180px;
  }
}
.carousel-quiz #quiz .loader {
  width: 150px;
  height: 150px;
  margin: 0;
  position: relative;
  overflow: hidden;
  margin: auto;
  display: none;
}
.carousel-quiz #quiz .loader .sets {
  position: absolute;
  top: 50%;
  left: 50%;
}
.carousel-quiz #quiz .loader .sets:last-child {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.carousel-quiz #quiz .loader .sets .circle {
  width: 15px;
  height: 15px;
  position: absolute;
  background: var(--blue_primary);
  border-radius: 50%;
  margin: -7.5px;
  -webkit-animation: mesh 3s ease-in-out infinite -1.5s;
  animation: mesh 3s ease-in-out infinite -1.5s;
}
.carousel-quiz #quiz .loader .sets .circle:last-child {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
@-webkit-keyframes mesh {
  0% {
    -webkit-transform-origin: 50% -50%;
    transform-origin: 50% -50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform-origin: 50% -50%;
    transform-origin: 50% -50%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  50.1% {
    -webkit-transform-origin: 50% 150%;
    transform-origin: 50% 150%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 150%;
    transform-origin: 50% 150%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mesh {
  0% {
    -webkit-transform-origin: 50% -50%;
    transform-origin: 50% -50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform-origin: 50% -50%;
    transform-origin: 50% -50%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  50.1% {
    -webkit-transform-origin: 50% 150%;
    transform-origin: 50% 150%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 150%;
    transform-origin: 50% 150%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.carousel-quiz #quiz .bottom-wrapper {
  width: max-content;
  margin-top: 0.75rem;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 768px) {
  .carousel-quiz #quiz .bottom-wrapper {
    margin-top: 1.25rem;
  }
}
.carousel-quiz #quiz .bottom-wrapper::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #202329;
  position: absolute;
  top: calc(100% + 3px);
}
.carousel-quiz #quiz .bottom-wrapper .retake-quiz {
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  font-size: 0.75rem;
  line-height: 1.25rem;
  cursor: pointer;
}
.carousel-quiz #quiz .bottom-wrapper .retake-quiz {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.carousel-quiz #quiz .bottom-wrapper .retake-quiz::after {
  content: "\e9c6";
  font-family: "icomoon";
  font-size: 0.875rem;
  display: inline-block;
  margin-left: 0.5rem;
}

.dropdown {
  margin-right: 1.5rem;
  position: relative;
  margin-bottom: 0;
}
.dropdown .dropdown-trigger {
  color: #202329;
  text-decoration: none;
  color: var(--secondary_color);
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
}
.dropdown .dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.dropdown .dropdown-trigger span {
  font-size: 0.5rem;
  margin-left: 0.375rem;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  transform: rotate(0deg);
  transform-origin: center;
  pointer-events: none;
}
.dropdown .dropdown-trigger span.rotate {
  transform: rotate(-180deg);
}
.dropdown .dropdown-element {
  border: 1px solid #e3e7f2;
  list-style: none;
  background: white;
  width: 13rem;
  border-radius: 4px;
  box-shadow: 4px 4px 10px rgba(37, 37, 37, 0.02);
  position: absolute;
  display: none;
  opacity: 0;
  top: calc(100% + 1.45rem);
}
.dropdown .dropdown-element .icon-close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  font-size: 0.65rem;
  cursor: pointer;
}
.dropdown .dropdown-element li {
  margin-right: 0;
  margin-bottom: 0;
}
.dropdown .dropdown-element li a {
  padding: 0.75rem 1rem;
  transition: all 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  text-decoration: none;
  color: #202329;
  display: block;
  word-break: break-word;
}
.dropdown .dropdown-element li a:hover {
  background: #fff3f5;
  color: var(--primary_color);
}
.dropdown .dropdown-element.show {
  display: block;
  opacity: 1;
  left: 0;
  animation: easeIn 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.dropdown .dropdown-element.show {
  box-shadow: 0 6px 8px -6px rgba(24, 39, 75, 0.04), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
}
@keyframes easeIn {
  from {
    opacity: 0;
    top: calc(100% + 0.5rem);
  }
  to {
    opacity: 1;
    top: calc(100% + 1.45rem);
  }
}
.dropdown:last-child {
  margin-right: 0;
}

.dropdown-hover {
  cursor: pointer;
  position: relative;
}
.dropdown-hover .dropdown-trigger-hover {
  font-size: 0.875rem;
}
.dropdown-hover .dropdown-trigger-hover .icon-chevron-down {
  font-size: 0.875rem;
  margin-left: 0.25rem;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  transform: rotate(0deg);
  transform-origin: center;
  pointer-events: none;
  display: inline-block;
}
.dropdown-hover .dropdown-element-hover {
  background: white;
  display: block;
  overflow: hidden;
  border: 1px solid #e3e7f2;
  position: absolute;
  right: 0;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  border-radius: 0.5rem;
  padding: 1rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  pointer-events: none;
}
.dropdown-hover .dropdown-element-hover {
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}
.dropdown-hover .dropdown-element-hover {
  list-style: none;
}
.dropdown-hover .dropdown-element-hover li::before {
  display: none;
}
.dropdown-hover .dropdown-element-hover .dropdown-element-hover-title {
  font-size: 0.875rem;
  color: #202329;
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 0.75rem;
}
.dropdown-hover .dropdown-element-hover li {
  margin-right: 0;
  margin-bottom: 0;
}
.dropdown-hover .dropdown-element-hover li a {
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  transition: all 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  text-decoration: none;
  color: #202329;
  display: block;
  word-break: break-word;
}
.dropdown-hover .dropdown-element-hover li a:hover {
  color: var(--primary_color);
  border-radius: 0.5rem;
}
.dropdown-hover:hover .dropdown-trigger-hover {
  position: relative;
}
.dropdown-hover:hover .dropdown-trigger-hover .icon-chevron-down {
  transform: rotate(-180deg);
}
.dropdown-hover:hover .dropdown-element-hover {
  opacity: 1;
  z-index: 100;
  visibility: visible;
  max-height: 400px;
  pointer-events: all;
}
.dropdown-hover:hover .dropdown-element-hover {
  box-shadow: 0 6px 8px -6px rgba(24, 39, 75, 0.04), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
}

.accordion-mobile-list {
  list-style-type: none;
}

.accordion {
  padding-right: 1rem;
  list-style-type: none;
  position: relative;
  margin-bottom: 0;
}
.accordion .accordion-trigger {
  color: #202329;
  text-decoration: none;
  color: var(--secondary_color);
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 0;
  cursor: pointer;
}
.accordion .accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.accordion .accordion-trigger > * {
  pointer-events: none;
}
.accordion .accordion-trigger h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.accordion .accordion-trigger span {
  font-size: 0.5rem;
  margin-left: 0.375rem;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  transform: rotate(0deg);
  pointer-events: none;
}
.accordion .accordion-trigger span.rotate {
  transform: rotate(-180deg);
  transform-origin: 50% 50%;
}
.accordion .accordion-element {
  list-style: none;
  background: white;
  position: relative;
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  transition: all 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  overflow: hidden;
}
.accordion .accordion-element {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.accordion .accordion-element::-webkit-scrollbar {
  /* WebKit */
  background: transparent;
  width: 0;
  display: none;
  height: 0;
}
.accordion .accordion-element.show {
  padding-top: 1rem;
  opacity: 1;
  visibility: visible;
  max-height: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.accordion .accordion-element li a {
  padding: 0;
  transition: all 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  text-decoration: none;
  color: #202329;
  display: block;
}
.accordion .accordion-element li a:hover {
  color: var(--blue_primary);
}
.accordion:last-child {
  margin-right: 0;
}

.bonus-component {
  margin-bottom: 1rem;
  position: relative;
}
.bonus-component {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bonus-component {
  background: white;
  border: 1px solid rgba(77, 77, 77, 0.4);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.bonus-component:last-child {
  margin-bottom: 0;
}
.bonus-component h3.main-title {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.bonus-component .btn.btn-secondary {
  background: var(--blue_primary);
  border: 1px solid var(--blue_primary);
}
.bonus-component .btn.btn-secondary-light {
  border: 1px solid var(--blue_primary);
  color: var(--blue_primary);
}
.bonus-component .btn.btn-secondary-light .icon-add {
  font-size: 9px;
}
.bonus-component .bonus-details-info {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
  margin-bottom: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  display: inline-block;
}
.bonus-component .bonus-details-info strong {
  font-family: inherit;
}
.bonus-component .bonus-info-section .bonus-info-container h4 {
  font-weight: 600;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #2e333c;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.bonus-component .bonus-info-section .bonus-info-container h4:first-child {
  margin-top: 0;
}
.bonus-component .bonus-info-section .bonus-info-container h4:last-child {
  margin-bottom: 0;
}
.bonus-component .bonus-casino-logo-container {
  grid-area: logo;
  width: 86px;
  height: 86px;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
.bonus-component .bonus-casino-logo-container img {
  width: 86px;
  height: 86px;
}
@media all and (min-width: 768px) {
  .bonus-component .bonus-casino-logo-container {
    width: 100px;
    height: 100px;
  }
  .bonus-component .bonus-casino-logo-container img {
    width: 100px;
    height: 100px;
  }
}
.bonus-component .review-color-container {
  column-gap: 0.75rem;
  row-gap: 0.5rem;
  width: max-content;
  height: max-content;
}
.bonus-component .review-color-container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
}
.bonus-component .review-color-container .bonus-flag {
  background-size: contain;
  width: max-content;
  align-self: center;
  height: 1.125rem;
  order: 2;
}
.bonus-component .review-color-container .bonus-flag svg,
.bonus-component .review-color-container .bonus-flag img {
  width: auto;
  height: auto;
  max-height: 1.125rem;
}
.bonus-component .review-color-container .review-color {
  order: 1;
}
.bonus-component .review-color-container .badges {
  grid-column: -1/1;
  order: 0;
}
.bonus-component .bonus-container {
  width: 100%;
}
.bonus-component .bonus-container .bonus-info {
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 86px auto;
  grid-template-areas: "logo reviewElement";
  gap: 0.75rem;
  align-items: center;
}
.bonus-component .bonus-container .bonus-info .review-color-container {
  grid-area: reviewElement;
}
@media all and (max-width: 320px) {
  .bonus-component .bonus-container .bonus-info a {
    font-size: 13px;
  }
}
@media all and (min-width: 768px) {
  .bonus-component .bonus-container .bonus-info {
    grid-template-columns: 100px auto;
  }
}
.bonus-component .bonus-container .bonus-content {
  display: block;
  padding: 0px;
}
.bonus-component .bonus-container .bonus-content .bonus-header {
  width: 100%;
  grid-area: bonus-header;
}
.bonus-component .bonus-container .bonus-content .bonus-header h3 {
  margin-top: 0;
  margin-bottom: 1rem;
}
.bonus-component .bonus-container .bonus-content .bonus-header a {
  text-decoration: none;
  cursor: pointer;
}
.bonus-component .bonus-container .bonus-content .bonus-header a h3 {
  margin-top: 0;
}
.bonus-component .bonus-container .bonus-content .bonus-body {
  padding: 0px;
  margin-top: 1rem;
}
.bonus-component .bonus-container .bonus-content .bonus-body .parent-shadow {
  display: block;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}
@-moz-document url-prefix() {
  .bonus-component .bonus-container .bonus-content .bonus-body .parent-shadow {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    visibility: visible;
    max-height: 240px;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .bonus-component .bonus-container .bonus-content .bonus-body .parent-shadow {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    visibility: visible;
    max-height: 240px;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @media (min-resolution: 0.001dpcm) {
    .bonus-component .bonus-container .bonus-content .bonus-body .parent-shadow {
      opacity: 1;
      -webkit-opacity: 1;
      -moz-opacity: 1;
      visibility: visible;
      max-height: 240px;
      overflow: hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
  }
}
.bonus-component .bonus-container .bonus-content .bonus-body .parent-shadow::after {
  content: "";
  position: absolute;
  display: block;
  z-index: 2;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  height: 110px;
  background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
}
.bonus-component .bonus-container .bonus-content .bonus-body h3,
.bonus-component .bonus-container .bonus-content .bonus-body h4 {
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.bonus-component .bonus-container .bonus-content .bonus-body h3:first-child,
.bonus-component .bonus-container .bonus-content .bonus-body h4:first-child {
  margin-top: 0;
}
.bonus-component .bonus-container .bonus-content .bonus-body h3:last-child,
.bonus-component .bonus-container .bonus-content .bonus-body h4:last-child {
  margin-bottom: 0;
}
.bonus-component .bonus-container .bonus-content .bonus-body h3 {
  font-size: 1.125rem;
}
.bonus-component .bonus-container .bonus-content .bonus-body h4 {
  font-size: 1rem;
  font-weight: 600;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #2e333c;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.bonus-component .bonus-container .bonus-content .bonus-body p:last-child {
  margin-bottom: 0;
}
.bonus-component .bonus-container .bonus-content .bonus-body p strong {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
}
@media all and (max-width: 768px) {
  .bonus-component .bonus-container .bonus-content .bonus-body {
    display: none;
  }
}
.bonus-component .bonus-container .bonus-buttons {
  gap: 0.5rem;
  align-content: flex-start;
}
.bonus-component .bonus-container .bonus-buttons {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
}
.bonus-component .bonus-container .bonus-buttons .btn {
  width: 100%;
}
@media all and (min-width: 414px) {
  .bonus-component .bonus-container .bonus-buttons .btn {
    width: 10rem;
  }
}
.bonus-component .bonus-container .bonus-buttons .btn.btn-primary:hover, .bonus-component .bonus-container .bonus-buttons .btn.btn-secondary:hover {
  color: white;
}
@media all and (max-width: 768px) {
  .bonus-component .bonus-container .bonus-buttons {
    width: 100%;
  }
}
@media all and (min-width: 831px) {
  .bonus-component .bonus-container .bonus-buttons .btn {
    min-width: 8.75rem;
  }
}
@media all and (max-width: 830px) and (min-width: 800px) {
  .bonus-component .bonus-container .bonus-buttons .btn {
    font-size: 12px;
    min-width: 7rem;
  }
}
@media all and (max-width: 800px) and (min-width: 768px) {
  .bonus-component .bonus-container .bonus-buttons .btn {
    font-size: 12px;
    min-width: 6rem;
  }
}
@media all and (max-width: 576px) {
  .bonus-component .bonus-container .bonus-buttons .btn {
    font-size: 12px;
  }
}
@media all and (min-width: 414px) {
  .bonus-component .bonus-container .bonus-buttons {
    grid-template-columns: repeat(2, max-content);
  }
}
@media all and (min-width: 320px) {
  .bonus-component .bonus-container .bonus-buttons {
    gap: 1rem;
  }
}
.bonus-component ol {
  list-style: none;
  margin: 1.25rem 0 1.875rem 0;
  padding: 0;
  counter-reset: item;
}
.bonus-component ol:first-child {
  margin-top: 0;
}
.bonus-component ol:last-child {
  margin-bottom: 0;
}
.bonus-component ol > li {
  counter-increment: item;
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.25rem;
}
.bonus-component ol > li:last-of-type {
  margin-bottom: 0;
}
.bonus-component ol > li h2,
.bonus-component ol > li h3,
.bonus-component ol > li h4,
.bonus-component ol > li h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.bonus-component ol > li h2:not(:only-child),
.bonus-component ol > li h3:not(:only-child),
.bonus-component ol > li h4:not(:only-child),
.bonus-component ol > li h5:not(:only-child) {
  margin-bottom: 0.5rem;
}
.bonus-component ol > li a {
  text-decoration: underline;
  padding-left: 1rem;
  font-family: inherit;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.bonus-component ol > li > span {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
}
.bonus-component ol > li > span > span {
  padding: 0;
}
.bonus-component ol > li > span a {
  padding: 0;
  text-decoration: underline;
}
.bonus-component ol > li > span h4 {
  margin-top: 0;
}
.bonus-component ol > li > span h4 a {
  font-size: inherit;
  font-family: inherit;
}
.bonus-component ol > li > span ul:last-child,
.bonus-component ol > li > span ol:last-child {
  margin-bottom: 0;
}
.bonus-component ol > li::before {
  content: counter(item);
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--blue_primary);
  width: 1.5rem;
  height: 1.5rem;
  background: #f6faff;
  border-radius: 50%;
  font-size: 0.875rem;
  position: absolute;
  left: 0;
  top: 0;
}
.bonus-component ol > li::before {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bonus-component ol > li:last-child {
  margin-bottom: 0;
}
.bonus-component ol > li {
  margin-bottom: 0.75rem;
}
.bonus-component ul {
  list-style: none;
  margin: 1rem 0 1rem;
  padding: 0;
}
.bonus-component ul:first-child {
  margin-top: 0;
}
.bonus-component ul:last-child {
  margin-bottom: 0;
}
.bonus-component ul > li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.25rem;
}
.bonus-component ul > li a {
  text-decoration: underline;
  font-family: inherit;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.bonus-component ul > li p {
  margin-bottom: 0;
}
.bonus-component ul > li h2,
.bonus-component ul > li h3,
.bonus-component ul > li h4,
.bonus-component ul > li h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.bonus-component ul > li h2:not(:only-child),
.bonus-component ul > li h3:not(:only-child),
.bonus-component ul > li h4:not(:only-child),
.bonus-component ul > li h5:not(:only-child) {
  margin-bottom: 0.5rem;
}
.bonus-component ul > li > span {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
}
.bonus-component ul > li > span > span {
  padding: 0;
}
.bonus-component ul > li > span a {
  padding: 0;
  text-decoration: underline;
}
.bonus-component ul > li > span h4,
.bonus-component ul > li > span h3 {
  margin-top: 0;
}
.bonus-component ul > li > span ul:last-child,
.bonus-component ul > li > span ol:last-child {
  margin-bottom: 0;
}
.bonus-component ul > li h4 {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  width: calc(100% - 0.5rem);
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
  position: relative;
}
.bonus-component ul > li::before {
  content: "";
  height: 0.375rem;
  width: 0.375rem;
  background: var(--blue_primary);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 9px;
}
.bonus-component ul > li:last-child {
  margin-bottom: 0;
}
.bonus-component ul > li {
  margin-bottom: 0.75rem;
}
.bonus-component .bonus-details {
  display: none;
}
.bonus-component .bonus-details p:last-of-type:not(.more-info-title) {
  margin-bottom: 0;
}
.bonus-component .bonus-details.show {
  display: block;
  width: 100%;
  margin-top: 1rem;
}
@media all and (max-width: 768px) {
  .bonus-component .bonus-details.show .bonus-body {
    display: none;
  }
}
.bonus-component .bonus-details.show .bonus-body-mobile .parent-shadow {
  padding-top: 0.5rem;
}
@media all and (min-width: 768px) {
  .bonus-component .bonus-details.show .bonus-body-mobile {
    display: none;
  }
}
.bonus-component .bonus-details .container-show-less {
  width: 100%;
}
.bonus-component .bonus-details .container-show-less {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: row;
}
.bonus-component .bonus-details .container-show-less a {
  text-decoration: none;
}
.bonus-component .bonus-details .bonus-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
}
@media all and (min-width: 768px) {
  .bonus-component .bonus-details .bonus-description {
    display: none;
  }
}
.bonus-component .rate-reviews-and-compare {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bonus-component .rate-reviews-and-compare .rate-reviews-container {
  gap: 0.75rem;
}
.bonus-component .rate-reviews-and-compare .rate-reviews-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.bonus-component .rate-reviews-and-compare .rate-reviews-container .element-like-wrapper .element-like-text {
  font-size: 0.75rem;
  color: #202329;
}
.bonus-component .rate-reviews-and-compare .rate-reviews-container .element-like-wrapper button {
  padding: 0;
}
.bonus-component .rate-reviews-and-compare .rate-reviews-container .element-like-wrapper button .rating-count {
  font-size: 0.75rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.bonus-component .more-info-section {
  padding: 0.875rem;
  background: #f9fbfe;
  border-radius: 0.5rem;
}
@media all and (max-width: 768px) {
  .bonus-component .more-info-section {
    margin-top: 1.5rem;
  }
}
.bonus-component .more-info-section .more-info-element {
  border-bottom: 1px solid #e3e7f2;
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
}
.bonus-component .more-info-section .more-info-element:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.bonus-component .more-info-section .more-info-element .more-info-text {
  font-size: 0.75rem;
  color: #202329;
}
.bonus-component .more-info-section .more-info-element .more-info-text.badges-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.625rem;
}
.bonus-component .more-info-section .more-info-element .expand-trigger {
  color: var(--blue_primary);
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.75rem;
  text-decoration: none;
}
.bonus-component .more-info-section .more-info-element .expand-trigger.hidden {
  display: none;
}
.bonus-component .more-info-section .more-info-element .expand-trigger .plus {
  padding: 0.25rem;
  border-radius: 50%;
  background-color: white;
  margin-left: 0.425rem;
  line-height: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
}
.bonus-component .more-info-section .more-info-element .read-less-trigger {
  color: var(--blue_primary);
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.75rem;
  cursor: pointer;
  text-decoration: none;
}
.bonus-component .more-info-section .more-info-element .provider-element {
  font-size: 0.75rem;
  color: #202329;
}
.bonus-component .more-info-section .more-info-element .load-more-dropdown.providers-details {
  display: inline;
}
.bonus-component .more-info-section .more-info-element .load-more-dropdown .load-more-trigger {
  font-size: 0.75rem;
  line-height: 1rem;
  text-decoration: none;
}
.bonus-component .more-info-section .more-info-element .load-more-dropdown .load-more-trigger .plus {
  padding: 0.25rem;
  border-radius: 50%;
  background-color: white;
  margin-left: 0.625rem;
  line-height: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
}
.bonus-component .more-info-section .more-info-element .load-more-dropdown .show-less-trigger {
  font-size: 0.75rem;
  line-height: 1rem;
  text-decoration: none;
}
.bonus-component .more-info-section .more-info-element .methods-images {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.bonus-component .more-info-section .more-info-element .methods-images img {
  width: auto;
  height: 1.75rem;
  border: 1px solid #e3e7f2;
  border-radius: 0.25rem;
  padding: 0.25rem 0.375rem;
  margin-right: 0;
}
.bonus-component .more-info-section .more-info-element .methods-images .load-more-trigger {
  vertical-align: super;
  line-height: 1.75rem;
  padding-left: 0;
}
.bonus-component .more-info-section .more-info-element .methods-images.providers-details .load-more-trigger {
  vertical-align: baseline;
}
.bonus-component .more-info-section .more-info-element.bonus-info-cols {
  gap: 0.625rem;
  border-bottom: 1px solid #e3e7f2;
}
.bonus-component .more-info-section .more-info-element.bonus-info-cols {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-template-rows: auto;
}
.bonus-component .more-info-section .more-info-element.bonus-info-cols .bonus-info-category {
  padding: 0;
  border-top: none;
  border-right: 1px solid #e3e7f2;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.bonus-component .more-info-section .more-info-element.bonus-info-cols .bonus-info-category:first-of-type {
  margin-top: 0;
}
.bonus-component .more-info-section .more-info-element.bonus-info-cols .bonus-info-category:last-of-type {
  border-right: none;
}
.bonus-component .more-info-section .more-info-element.bonus-info-cols .bonus-info-category .category-value {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  color: #2e333c;
}
@media all and (max-width: 767px) {
  .bonus-component .more-info-section .more-info-element.bonus-info-cols {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
  }
  .bonus-component .more-info-section .more-info-element.bonus-info-cols .bonus-info-category:nth-child(2n) {
    border-right: none;
  }
}
.bonus-component .lightbox-gallery-wrapper {
  margin-bottom: 0;
}
.bonus-component .more-info-title {
  margin-bottom: 0.625rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  color: #202329;
}
.bonus-component .more-info-title:not(.more-info-section .more-info-title) {
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  color: #2e333c;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.bonus-component .button-read-review {
  width: 100%;
  font-size: 0.75rem;
  color: var(--blue_primary);
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  text-decoration: none;
  line-height: 1.25rem;
  margin-top: 0.75rem;
}
.bonus-component .button-read-review {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bonus-component .button-read-review .icon-chevron-right {
  font-size: 0.375rem;
  margin-left: 0.5rem;
  padding: 0.25rem;
  border-radius: 50%;
  position: relative;
}
.bonus-component .terms-and-conditions small {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1rem;
  font-size: 11px;
  text-align: center;
  display: block;
  margin-top: 0.75rem;
  color: #646060;
}
.bonus-component .terms-and-conditions small a {
  font-size: 11px;
  line-height: 0.875rem;
  color: #202329;
  text-underline-offset: 2px;
}
.bonus-component .bonus-footer {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  width: 100%;
  border-top: 1px solid #e3e7f2;
  padding-top: 1rem;
}
.bonus-component .bonus-footer .container-show-less {
  display: none;
}
.bonus-component .bonus-footer .container-show-less.active {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.bonus-component .bonus-footer .container-show-less .less-trigger {
  text-decoration: none;
  align-self: center;
  color: #202329;
}
.bonus-component .bonus-position {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px 0 4px 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--blue_primary);
}
.bonus-component .bonus-position {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bonus-component .bonus-position span {
  color: white;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
}
.bonus-component.bonus-standard-no-badges .bonus-container .bonus-info {
  grid-template-areas: "logo reviewElement";
}
.bonus-component .gallery-section {
  width: 100%;
  overflow-x: hidden;
  margin-bottom: 0.75rem;
}
.bonus-component .gallery-section .gallery-title {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
@media all and (min-width: 576px) {
  .bonus-component h3.main-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
@media all and (min-width: 768px) {
  .bonus-component {
    margin-bottom: 2rem;
    padding: 1.25rem;
  }
}

.bonus-premium .bonus-info .bonus-position {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px 0 4px 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--blue_primary);
}
.bonus-premium .bonus-info .bonus-position {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bonus-premium .bonus-info .bonus-position span {
  color: white;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
}

.bonus-expired {
  filter: grayscale(75%);
  background: #f7f7f7;
}
.bonus-expired .parent-shadow::after {
  background-image: linear-gradient(0deg, #f7f7f7, rgba(255, 255, 255, 0)) !important;
}

.bonus-component.bonus-new-online-casino-bonus {
  margin-bottom: 2rem;
  padding: 0.75rem 0.625rem;
}
.bonus-component.bonus-new-online-casino-bonus {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bonus-component.bonus-new-online-casino-bonus:last-child {
  margin-bottom: 0;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section {
  justify-items: flex-start;
  width: 100%;
  column-gap: 0.75rem;
  row-gap: 1rem;
  align-items: center;
  grid-template-areas: "logo reviewElement" "bonusOffer bonusOffer" "btnAndCompare btnAndCompare" "bonusTable bonusTable";
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section {
  display: grid;
  grid-template-columns: 86px auto;
  grid-template-rows: auto;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .review-color-container {
  row-gap: 0.375rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .review-color-container .badges {
  order: 0;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .review-color-container .casino-title {
  margin-top: 0;
  margin-bottom: 0;
  width: max-content;
  font-size: 1rem;
  line-height: 1.5rem;
  align-self: center;
  font-family: PTSerif-Bold;
  grid-column: -1/1;
  order: 1;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .review-color-container .review-color {
  order: 2;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .review-color-container .bonus-flag {
  order: 3;
}
@media all and (min-width: 768px) {
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .review-color-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .review-color-container .casino-title {
    order: 0;
    grid-column: unset;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .review-color-container .review-color {
    order: 1;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .review-color-container .bonus-flag {
    order: 2;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .review-color-container .badges {
    order: 3;
    grid-column: unset;
  }
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-offer {
  width: max-content;
  background-color: #f8faff;
  padding: 0.375rem 0.625rem;
  grid-area: bonusOffer;
  display: flex;
  align-items: center;
  width: 100%;
  height: 58px;
  border-radius: 0.5rem;
  overflow: hidden;
  font-family: PTSerif-Bold;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-offer .bonus-offer-image {
  width: 46px;
  height: 46px;
  margin-right: 0.625rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-offer a {
  text-decoration: none;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-offer .bonus-offer-text {
  font-size: 1rem;
  margin-bottom: 0;
  line-height: 1.5rem;
  font-family: PTSerif-Bold;
  margin-top: 0;
}
@media all and (max-width: 767px) {
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-offer {
    border-radius: 0.25rem;
    min-height: 3.75rem;
    height: auto;
    margin-top: unset;
  }
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .button-and-copy-code {
  grid-area: btnAndCompare;
  width: 100%;
  row-gap: 0.75rem;
  column-gap: 1.25rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .button-and-copy-code {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .button-and-copy-code .button-container {
  width: 100%;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .button-and-copy-code .badge-copy {
  width: 100%;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table {
  width: 100%;
  grid-area: bonusTable;
  gap: 0.625rem;
  border-top: 1px solid #e3e7f2;
  padding-top: 1rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element {
  display: flex;
  flex-direction: column;
  padding-left: 0.625rem;
  border-left: 1px solid #e3e7f2;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element.load-more {
  margin-bottom: 0;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element.load-more .load-more-dropdown {
  justify-content: flex-start;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element.load-more .load-more-dropdown {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element.load-more .load-more-dropdown .load-more-trigger {
  align-self: flex-end;
  font-size: 11px;
  color: #348ecf;
  margin-bottom: 0.25rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element:last-child {
  border-right: none;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element .bonus-details-title {
  margin-bottom: 0.375rem;
  color: #646060;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element .bonus-details-text {
  margin-bottom: 3px;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: black;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element .bonus-details-text:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 610px) {
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .bonus-details-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}
@media all and (min-width: 768px) {
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section {
    grid-template-columns: 100px auto;
    align-items: flex-start;
    grid-template-areas: "logo reviewElement" "logo bonusOffer" "btnAndCompare btnAndCompare" "bonusTable bonusTable";
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .button-and-copy-code {
    justify-content: center;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .button-and-copy-code {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .button-and-copy-code .badge-copy {
    width: 180px;
    order: 0;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .button-and-copy-code .button-container {
    width: 180px;
    order: 1;
  }
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section {
  margin-top: 1rem;
  width: 100%;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions {
  position: relative;
  padding: 0;
  height: auto;
  width: 100%;
  border-top: 1px solid #e3e7f2;
  border-bottom: 1px solid #e3e7f2;
  margin-bottom: 1rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion {
  padding: 0;
  border-bottom: 1px solid #e3e7f2;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-trigger {
  padding: 1rem 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
  display: flex;
  text-transform: capitalize;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  justify-content: space-between;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-trigger.active-title {
  color: var(--blue_primary);
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-trigger span {
  color: var(--blue_primary);
  font-size: 0.375rem;
  padding: 0.25rem;
  border-radius: 50%;
  position: relative;
  background: #f6faff;
  width: 1.25rem;
  height: 1.25rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-trigger span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element.show {
  max-height: 1950px;
  padding-top: 0;
  padding-bottom: 0.75rem;
}
@media all and (min-width: 375px) {
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element.show {
    max-height: 1500px;
  }
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element h4,
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element h2,
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element strong:not(p > strong):not(.bonus-bubble-title) {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element h4:first-child,
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element h2:first-child,
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element strong:not(p > strong):not(.bonus-bubble-title):first-child {
  margin-top: 0;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-overall-rating {
  border-bottom: 1px solid #e3e7f2;
  border-top: 1px solid #e3e7f2;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  gap: 0.75rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-overall-rating {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-overall-rating .progress-bar {
  max-width: 268px;
  display: flex;
  width: 100%;
  margin: 0 0.625rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .progress-bar {
  background: #d9d9d9;
  height: 11px;
  border-radius: 0.25rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .progress-bar .progress-element {
  background: #ffd808;
  width: unset;
  height: 100%;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  border-radius: 0.25rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble {
  background-color: transparent;
  font-size: 0.875rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e3e7f2;
  margin-bottom: 0.75rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-title {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  margin-bottom: 0.75rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-text h4 {
  margin-top: 0;
  font-size: 0.875rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 0.875rem;
  color: #202329;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-text ul li,
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-text ol li {
  font-size: 0.875rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-text ul li span,
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-text ol li span {
  font-size: 0.875rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-text p {
  font-size: 0.875rem;
  color: #202329;
  line-height: 1.5rem;
  margin-bottom: 0.875rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-text p:last-child {
  margin-bottom: 0;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table {
  width: 100%;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr {
  width: 100%;
  padding-top: 0.75rem;
  border-top: 1px solid #e3e7f2;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element {
  display: flex;
  flex-direction: column;
  margin-right: 0.625rem;
  border-right: 1px solid #e3e7f2;
  padding: 0 0.625rem 1.25rem 0;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element .bonus-bubble-title {
  color: #202329;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 0;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element .bonus-bubble-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element .bonus-bubble-title .bonus-bubble-rating {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  white-space: nowrap;
  color: #646060;
  margin-left: 0.375rem;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element .bonus-bubble-title .bonus-bubble-rating span {
  color: #202329;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element .bonus-bubble-title .bonus-bubble-rating .icon-star-full {
  margin-right: 0.25rem;
  font-size: 0.75rem;
  font-family: "icomoon";
}
@media all and (min-width: 768px) {
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element {
    margin-right: 1rem;
    padding: 0 1rem 1rem 0;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element:nth-child(4n) {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element:nth-last-child(-n+4) {
    padding-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element:nth-child(2n) {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr .bonus-bubble-element:nth-last-child(-n+2) {
    padding-bottom: 0;
  }
}
@media all and (min-width: 768px) {
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble-table tbody tr {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media all and (min-width: 768px) {
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble {
    padding-bottom: 0.75rem;
  }
}
@media all and (max-width: 320px) {
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble {
    padding: 0.5rem;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble .bonus-bubble-table .bonus-bubble-element {
    padding-right: 0.5rem;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble .bonus-bubble-table .bonus-bubble-element:nth-child(2n) {
    margin-left: 0.5rem;
    padding-right: 0;
  }
  .bonus-component.bonus-new-online-casino-bonus .bonus-details-section .button-container .btn {
    width: 100%;
  }
}
@media all and (min-width: 768px) {
  .bonus-component.bonus-new-online-casino-bonus {
    padding: 1.25rem;
  }
}

.page-details {
  display: flex;
  padding-bottom: 0.5rem;
}
.page-details.page-authors {
  border-bottom: 1px solid #ebedfa;
  padding-bottom: 0.125rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
.page-details.page-authors {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
@media all and (min-width: 768px) {
  .page-details.page-authors {
    flex-wrap: wrap;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .page-details.page-authors {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
}
.page-details .page-details-element {
  color: #202329;
  font-size: 0.875rem;
  margin-right: 1rem;
  margin-bottom: 0.75rem;
}
.page-details .page-details-element .page-details-title {
  display: inline-block;
}
.page-details .page-details-element.author-element-wrapper {
  display: flex;
  gap: 0.875rem;
  white-space: nowrap;
}
.page-details .page-details-element.author-element-wrapper.expand-element {
  display: none;
}
.page-details .page-details-element.author-element-wrapper .author-element {
  margin-bottom: 0;
  position: static;
}
.page-details .page-details-element.author-element-wrapper .author-element {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
}
.page-details .page-details-element.author-element-wrapper .author-element .author-additional-info {
  font-size: 0.75rem;
  color: #202329;
  line-height: 1rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.page-details .page-details-element.author-element-wrapper .author-element .author-additional-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.page-details .page-details-element.author-element-wrapper .author-element .author-additional-info .icon-verified {
  margin-left: 0.375rem;
}
.page-details .page-details-element.author-element-wrapper .author-element .author-additional-info .icon-verified::before {
  color: #2dbc2a;
}
.page-details .page-details-element.author-element-wrapper .author-element .author-additional-info::before {
  content: "";
  display: block;
  width: 1px;
  height: 0.625rem;
  background: #646060;
  margin-right: 0.375rem;
}
.page-details .page-details-element.author-element-wrapper .author-element .author-name {
  font-size: 0.875rem;
  line-height: 1rem;
  color: #202329;
  margin-right: 0.375rem;
  cursor: pointer;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.page-details .page-details-element.author-element-wrapper .author-element .author-name {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.page-details .page-details-element.author-element-wrapper .author-element .author-name span {
  font-size: 0.875rem;
  margin-left: 6px;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element {
  padding: 1rem;
  top: calc(100% - 50px);
  width: 100%;
  gap: 1.25rem;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element.show {
  z-index: 2;
  animation: easeInAuthorMobile 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element.show {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
@keyframes easeInAuthorMobile {
  from {
    opacity: 0;
    top: calc(100% - 60px);
  }
  to {
    opacity: 1;
    top: calc(100% - 50px);
  }
}
@media all and (min-width: 576px) {
  .page-details .page-details-element.author-element-wrapper .author-element .dropdown-element {
    top: 100%;
  }
  .page-details .page-details-element.author-element-wrapper .author-element .dropdown-element.show {
    animation: easeInAuthorDesktop 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  }
  @keyframes easeInAuthorDesktop {
    from {
      opacity: 0;
      top: 90%;
    }
    to {
      opacity: 1;
      top: 100%;
    }
  }
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .icon-close {
  right: 1rem;
  top: 1rem;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .icon-close::before {
  font-size: 0.75rem;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .dropdown-author-description {
  font-size: 0.75rem;
  line-height: 22px;
  color: #202329;
  white-space: normal;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .author-element-text {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #ebedfa;
  width: 100%;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .author-element-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .author-element-text .dropdown-author-name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .author-element-text .dropdown-author-name .icon-verified {
  font-size: 0.75rem;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .author-element-text .dropdown-author-name .author-link {
  text-decoration: underline;
  text-underline-offset: 3px;
  margin-right: 6px;
  font-size: 0.875rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  line-height: 1.5rem;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .author-element-text .dropdown-author-name .author-additional-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .author-element-text .dropdown-author-name .author-additional-info::before {
  content: "";
  display: block;
  width: 1px;
  height: 0.625rem;
  background: #646060;
  margin-right: 0.375rem;
}
.page-details .page-details-element.author-element-wrapper .author-element .dropdown-element .author-element-text .dropdown-author-name .author-additional-info .author-type {
  font-size: 0.75rem;
  color: #202329;
  line-height: 1.5rem;
}
.page-details .page-details-element.author-element-wrapper.editor-element .author-element .author-additional-info .icon-verified::before {
  color: #202329;
}
.page-details .page-details-element.author-element-wrapper.editor-element .author-element .author-name {
  font-size: 0.75rem;
}
.page-details .page-details-element.author-element-wrapper.reviewer-element .author-element .author-additional-info .icon-verified::before {
  color: #202329;
}
.page-details .page-details-element.author-element-wrapper.reviewer-element .author-element .author-name {
  font-size: 0.75rem;
}
.page-details .page-details-element.updated-element {
  white-space: nowrap;
  flex-basis: 100%;
}
.page-details .page-details-element a {
  line-height: unset;
  color: #202329;
}
.page-details .page-details-element:last-child {
  margin-right: 0;
}
.page-details .updated-element {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.page-details .updated-element > * {
  font-size: 0.75rem;
  color: #59636c;
}

.author-section {
  margin-bottom: 2rem;
  align-items: flex-start;
  gap: 1.25rem;
}
.author-section {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.author-section .author-card-element {
  gap: 1.25rem;
  box-shadow: 0px 4px 8px 0px rgba(10, 16, 32, 0.0784313725);
}
.author-section .author-card-element {
  background: white;
  border: none;
  border-radius: 0.5rem;
  padding: 1.25rem 0.75rem;
}
.author-section .author-card-element {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
@media all and (min-width: 768px) {
  .author-section .author-card-element {
    padding: 1.25rem;
  }
}
.author-section .author-card-element .author-element-text {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #ebedfa;
  width: 100%;
}
.author-section .author-card-element .author-element-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.author-section .author-card-element .author-element-text .author-title {
  text-decoration: none;
}
.author-section .author-card-element .author-element-text .author-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.author-section .author-card-element .author-element-text .author-title .author-name {
  text-decoration: underline;
  text-underline-offset: 3px;
  margin-right: 6px;
  font-size: 0.875rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  line-height: 1.5rem;
}
.author-section .author-card-element .author-element-text .author-additional-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.author-section .author-card-element .author-element-text .author-additional-info::before {
  content: "";
  display: block;
  width: 1px;
  height: 0.625rem;
  background: #646060;
  margin-right: 0.375rem;
}
.author-section .author-card-element .author-element-text .author-additional-info .author-type {
  font-size: 0.75rem;
  color: #202329;
  line-height: 1.5rem;
  margin-right: 0.375rem;
}
.author-section .author-card-element .author-element-text .author-additional-info .icon-verified {
  font-size: 0.75rem;
}
.author-section .author-card-element .author-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
@media all and (min-width: 768px) {
  .author-section .author-card-element .author-description {
    -webkit-line-clamp: 2;
  }
}
.author-section .author-card-element .author-description p {
  display: inline;
  font-size: inherit;
  line-height: inherit;
}
.author-section .author-card-element.writer-card .author-element-text .author-additional-info .icon-verified::before {
  color: #2dbc2a;
}
.author-section .author-card-element.editor-card .author-element-text .author-additional-info .icon-verified::before, .author-section .author-card-element.reviewer-card .author-element-text .author-additional-info .icon-verified::before {
  color: #202329;
}

.bonus-component.bonus-new-casino-bonus {
  margin-bottom: 2rem;
  padding: 1rem 0.5rem;
}
.bonus-component.bonus-new-casino-bonus:last-child {
  margin-bottom: 0;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section {
  display: grid;
  grid-template-rows: auto;
  justify-items: flex-start;
  width: 100%;
  gap: 0.75rem;
  grid-template-columns: 86px auto;
  align-items: center;
  grid-template-areas: "logo reviewElement" "bonusOffer bonusOffer" "bonusTable bonusTable" "badgeCopy badgeCopy" "btnContainer btnContainer";
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container {
  grid-area: btnContainer;
  padding: 0;
  justify-content: center;
  position: relative;
  width: 100%;
  justify-self: center;
  gap: 1rem;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container .btn {
  width: 100%;
  height: 36px;
  font-size: 0.75rem;
  line-height: 1rem;
  background: var(--blue_primary);
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container .btn:only-child {
  max-width: 250px;
}
@media all and (min-width: 768px) {
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container .btn {
    width: 163px;
    height: 36px;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container .btn:only-child {
    width: 250px;
  }
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container .trigger-det-cb,
.bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container .trigger-det-cbax {
  background: white;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container .trigger-det-cb .icon-add,
.bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container .trigger-det-cbax .icon-add {
  line-height: normal;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container .trigger-det-cb.active,
.bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container .trigger-det-cbax.active {
  background: #f6faff;
  border: 1px solid rgba(1, 59, 117, 0.2);
}
@media all and (max-width: 767px) {
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container {
    background-color: transparent;
    padding: 0;
    height: max-content;
    width: 100%;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .button-container::before {
    left: unset;
    background-color: transparent;
  }
}
@media all and (min-width: 768px) {
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .review-color-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .review-color-container .review-color {
    order: 0;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .review-color-container .bonus-flag {
    order: 1;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .review-color-container .badges {
    order: 2;
    grid-column: unset;
  }
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .badge-copy-new {
  grid-area: badgeCopy;
  justify-self: center;
  width: 342px;
}
@media all and (max-width: 767px) {
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .badge-copy-new {
    width: max-content;
  }
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-offer {
  width: max-content;
  background-color: #f8faff;
  padding: 0.375rem 0.625rem;
  grid-area: bonusOffer;
  display: flex;
  align-items: center;
  width: 100%;
  height: 58px;
  border-radius: 0.5rem;
  overflow: hidden;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-offer .bonus-offer-image {
  width: 46px;
  height: 46px;
  margin-right: 0.625rem;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-offer a {
  text-decoration: none;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-offer .bonus-offer-text {
  font-size: 1rem;
  margin-bottom: 0;
  line-height: 1.5rem;
  font-family: PTSerif-Bold;
  margin-top: 0;
}
@media all and (max-width: 767px) {
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-offer {
    border-radius: 0.25rem;
    min-height: 3.75rem;
    height: auto;
    margin-top: unset;
  }
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table {
  width: 100%;
  grid-area: bonusTable;
  gap: 0.625rem;
  border-bottom: 1px solid #e3e7f2;
  padding-bottom: 0.875rem;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element {
  display: flex;
  flex-direction: column;
  padding-left: 0.625rem;
  border-left: 1px solid #e3e7f2;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element.load-more {
  margin-bottom: 0;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element.load-more .load-more-dropdown {
  justify-content: flex-start;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element.load-more .load-more-dropdown {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element.load-more .load-more-dropdown .load-more-trigger {
  align-self: flex-end;
  font-size: 11px;
  color: #348ecf;
  margin-bottom: 0.25rem;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element:last-child {
  border-right: none;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element .bonus-details-title {
  margin-bottom: 0.375rem;
  color: #646060;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element .bonus-details-text {
  margin-bottom: 3px;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: black;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table .bonus-details-element .bonus-details-text:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 610px) {
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .bonus-details-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .review-and-compare {
  grid-area: reviewCompare;
  width: max-content;
  display: flex;
  flex-direction: column;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .review-and-compare .review-color {
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .review-and-compare .review-color p {
  color: var(--secondary_color);
  display: flex;
}
.bonus-component.bonus-new-casino-bonus .bonus-details-section .review-and-compare .review-color p::after {
  font-size: 0.875rem;
  margin-left: 0.25rem;
}
@media all and (min-width: 768px) {
  .bonus-component.bonus-new-casino-bonus .bonus-details-section {
    align-items: center;
    grid-template-columns: 100px auto;
    grid-template-areas: "logo reviewElement" "logo bonusOffer" "bonusTable bonusTable" "badgeCopy badgeCopy" "btnContainer btnContainer";
  }
  .bonus-component.bonus-new-casino-bonus .bonus-details-section .review-color-container .badges {
    flex-grow: unset;
  }
}
.bonus-component.bonus-new-casino-bonus .bonus-info-section {
  margin-top: 0.875rem;
  width: 100%;
  border-top: 1px solid #ebedfa;
  padding-top: 0.75rem;
}
.bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #f8f7f7;
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  transition: all 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  overflow: hidden;
}
.bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container.show {
  max-height: 1950px;
  opacity: 1;
  padding: 0.25rem 0 1rem;
  visibility: visible;
  margin-bottom: 1rem;
}
@media all and (min-width: 375px) {
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container.show {
    max-height: 1500px;
  }
}
.bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container .bonus-overall-rating {
  border-bottom: 1px solid #f8f7f7;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  gap: 0.75rem;
}
.bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container .bonus-overall-rating {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container .bonus-overall-rating .progress-bar {
  max-width: 268px;
  display: flex;
  width: 100%;
  margin: 0 0.625rem;
}
.bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container .progress-bar {
  background: #d9d9d9;
  height: 11px;
  border-radius: 0.25rem;
}
.bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container .progress-bar .progress-element {
  background: #ffd808;
  width: unset;
  height: 100%;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  border-radius: 0.25rem;
}
@media all and (max-width: 767px) {
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container .rate-reviews-container .user-reviews-wrapper {
    gap: 0;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container .rate-reviews-container .user-reviews-wrapper .user-reviews-element .icon-comment-dots-regular {
    padding: 0.5rem;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-container .rate-reviews-container .user-reviews-wrapper .user-reviews-element .icon-comment-dots-regular::before {
    font-size: 0.875rem;
  }
}
@media all and (max-width: 767px) {
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble {
    padding: 0.5rem;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble .bonus-bubble-table {
    grid-template-columns: 1fr 1fr;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble .bonus-bubble-table .bonus-bubble-element {
    padding-bottom: 0.875rem;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble .bonus-bubble-table .bonus-bubble-element:nth-child(2n+1) {
    margin-right: 0;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble .bonus-bubble-table .bonus-bubble-element:nth-child(2n) {
    margin-left: 1rem;
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble .bonus-bubble-table .bonus-bubble-element:nth-child(n+5):nth-child(n+6) {
    padding-bottom: 0.875rem;
  }
}
@media all and (max-width: 320px) {
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble {
    padding: 0.5rem;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble .bonus-bubble-table .bonus-bubble-element {
    padding-right: 0.5rem;
  }
  .bonus-component.bonus-new-casino-bonus .bonus-info-section .bonus-info-accordions .bonus-accordion .bonus-accordion-element .bonus-bubble .bonus-bubble-table .bonus-bubble-element:nth-child(2n) {
    margin-left: 0.5rem;
    padding-right: 0;
  }
}
.bonus-component.bonus-new-casino-bonus.bonus-new-casino-bonus-no-badges .bonus-details-section {
  grid-template-areas: "logo reviewElement" "bonusOffer bonusOffer" "bonusTable bonusTable" "btnContainer btnContainer" "badgeCopy badgeCopy";
}
@media all and (min-width: 768px) {
  .bonus-component.bonus-new-casino-bonus.bonus-new-casino-bonus-no-badges .bonus-details-section {
    grid-template-areas: "logo reviewElement" "logo bonusOffer" "bonusTable bonusTable" "badgeCopy badgeCopy" "btnContainer btnContainer";
  }
}
.bonus-component.bonus-new-casino-bonus.bonus-no-copy-code .bonus-details-section {
  grid-template-areas: "logo reviewElement" "logo bonusOffer" "bonusTable bonusTable" "btnContainer btnContainer";
}
.bonus-component.bonus-new-casino-bonus.bonus-no-copy-code .bonus-details-section .button-container {
  padding-top: 0.25rem;
}
@media all and (max-width: 767px) {
  .bonus-component.bonus-new-casino-bonus.bonus-no-copy-code .bonus-details-section {
    grid-template-areas: "logo reviewElement" "bonusOffer bonusOffer" "bonusTable bonusTable" "btnContainer btnContainer";
    padding-bottom: 0.75rem;
  }
  .bonus-component.bonus-new-casino-bonus.bonus-no-copy-code .bonus-details-section .button-container {
    padding-top: 0.125rem;
  }
  .bonus-component.bonus-new-casino-bonus.bonus-no-copy-code .bonus-details-section .button-container .btn {
    margin-right: 0;
  }
}
.bonus-component.bonus-new-casino-bonus.without-more-info .bonus-details-section .badge-copy-new {
  width: 100%;
  max-width: 250px;
}
@media all and (min-width: 767px) {
  .bonus-component.bonus-new-casino-bonus {
    padding: 1.25rem;
  }
}

.report-modal-container .report-trigger {
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.report-modal-container .report-trigger .icon-report-modal {
  padding: 0.5rem;
  background: #f6faff;
  border-radius: 50%;
  margin-right: 0.625rem;
}
.report-modal-container .report-trigger.btn-report {
  border: 1px solid #d90027;
  font-size: 0.875rem;
  max-width: 260px;
  width: 100%;
  background-color: white;
  color: #d90027;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0 auto;
}
.report-modal-container .report-trigger.btn-report .icon-report-modal {
  padding: 0;
  background: transparent;
  border-radius: unset;
  margin-left: 0.125rem;
  margin-right: 0;
}
.report-modal-container .report-trigger.btn-report .icon-report-modal::before {
  color: #d90027;
}

.modal-item-report .modal-content {
  position: relative;
  gap: 1rem;
  background-color: white;
}
.modal-item-report .modal-content {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.modal-item-report .modal-content .modal-title {
  font-size: 0.875rem;
  line-height: 1.875rem;
}
.modal-item-report .modal-content .modal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.modal-item-report .modal-content .icon-close {
  font-size: 11px;
}
.modal-item-report .modal-content form {
  gap: 1rem;
  width: 100%;
}
.modal-item-report .modal-content form {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.modal-item-report .modal-content form .answer-choices {
  flex-wrap: wrap;
  gap: 0.875rem;
}
.modal-item-report .modal-content form .answer-choices {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.modal-item-report .modal-content form .answer-choices .input-container input {
  visibility: hidden;
  display: none;
}
.modal-item-report .modal-content form .answer-choices .input-container label {
  cursor: pointer;
  width: max-content;
  text-transform: none;
  background-color: #eeeeee;
  color: #646060;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  border-radius: 1.25rem;
  padding: 0.25rem 0.875rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: block;
}
.modal-item-report .modal-content form .answer-choices .input-container input:checked + label {
  background: #ffe2e3;
  color: #d90027;
}
.modal-item-report .modal-content form .modal-textarea {
  font-size: 1rem;
  line-height: 1;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  width: 100%;
  max-width: 100%;
  padding: 0.75rem;
  border: none;
  border-radius: 0.25rem;
  background-color: #f5f5f5;
  border: none;
  min-height: 80px;
  resize: none;
}
.modal-item-report .modal-content form .modal-textarea:focus {
  outline: none;
  -webkit-outline: none;
  border: none;
}
.modal-item-report .modal-content form .modal-textarea::-webkit-input-placeholder, .modal-item-report .modal-content form .modal-textarea::-moz-placeholder, .modal-item-report .modal-content form .modal-textarea:-ms-input-placeholder, .modal-item-report .modal-content form .modal-textarea:-moz-placeholder {
  color: #646060;
}
.modal-item-report .modal-content form .btn-primary {
  background: #d90027;
}
.modal-item-report .modal-content form .modal-question {
  margin-bottom: 0;
  font-size: 0.75rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.modal-item-report .modal-content form p:not(.modal-question) {
  margin-bottom: 0;
  color: #646060;
  font-size: 0.75rem;
}
.modal-item-report .modal-content .report-notification {
  position: absolute;
  top: 2.5rem;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  border-radius: 0.5rem;
  display: none;
  place-content: center;
  background-color: white;
  padding: 0 0.75rem;
  align-items: center;
  justify-items: center;
  animation: reportSlideIn 0.75s cubic-bezier(0.45, 0.26, 0, 1);
}
.modal-item-report .modal-content .report-notification.show {
  display: grid;
}
@keyframes reportSlideIn {
  from {
    opacity: 0;
    top: 100%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
.modal-item-report .modal-content .report-notification .icon-verified-user {
  font-size: 1.875rem;
  padding: 1.25rem;
  border-radius: 50%;
  background-color: #f6faff;
  width: 70px;
  height: 70px;
  margin-bottom: 1rem;
}
.modal-item-report .modal-content .report-notification .icon-verified-user {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.modal-item-report .modal-content .report-notification .icon-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.modal-item-report .modal-content .report-notification .report-modal-title {
  font-size: 0.875rem;
  font-family: PTSerif-Bold;
  text-align: center;
  color: #202329;
}
.modal-item-report .modal-content .report-notification p {
  text-align: center;
  font-size: 0.75rem;
  color: #646060;
}
.modal-item-report .modal-content #error_info_report,
.modal-item-report .modal-content #caperror_info_report {
  display: none;
  color: var(--primary_color);
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.modal-item-report .modal-content #error_info_report.visible,
.modal-item-report .modal-content #caperror_info_report.visible {
  display: block;
  width: 100%;
  animation: moveErrorReport 0.12s ease-in-out;
  animation-iteration-count: 1;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
@keyframes moveErrorReport {
  0% {
    left: 0;
  }
  25% {
    left: 10px;
  }
  50% {
    left: -10px;
  }
  100% {
    left: 0px;
  }
}

.generic-section .review-box-element {
  gap: 1.875rem;
  border: 1px solid #e3e7f2;
  margin-bottom: 1.875rem;
  padding: 1.25rem 0.75rem;
  border-radius: 0.5rem;
}
.generic-section .review-box-element {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
@media all and (min-width: 992px) {
  .generic-section .review-box-element {
    padding: 1.25rem;
  }
}
.generic-section .review-box-element:last-child {
  margin-bottom: 0;
}
.generic-section .review-box-element .review-box-element-content .review-casino-link {
  margin-top: 0.5rem;
}
.generic-section .review-box-element-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.generic-section .review-box-element-header h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.generic-section .review-box-element-header img {
  width: 60px;
  height: 60px;
  border-radius: 0.25rem;
  margin-right: 1.25rem;
}
.generic-section .review-box-element-content h4 {
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.generic-section .review-box-element-content .review-star-element {
  padding: 2px 0.75rem;
  font-size: 0.875rem;
  background: #f9fbfe;
  border-radius: 0.5rem;
  width: max-content;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}
@media all and (min-width: 768px) {
  .generic-section .review-box-element-content .review-star-element {
    font-size: 1rem;
  }
}
.generic-section .review-box-element-content .review-star-element .review-star-score {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  color: #646060;
}
.generic-section .review-box-element-content .review-star-element .review-star-score span {
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
}
.generic-section .review-box-element-content .wrapper-casino-review {
  border-top: 1px solid #ebedfa;
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 1.25rem;
}
.generic-section .review-box-element-content .lightbox-gallery-wrapper .lightbox-gallery-list {
  gap: 0;
}
.generic-section .review-box-element-content .lightbox-gallery-wrapper .lightbox-gallery-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.generic-section .review-box-element-content .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element {
  width: 100%;
  max-width: 200px;
  margin-right: 0.75rem;
  aspect-ratio: 2/1;
}
.generic-section .review-box-element-content .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element:last-of-type {
  margin-right: 0;
}
.generic-section .review-box-element-content .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element img {
  height: 89px;
  width: 100%;
  object-fit: cover;
}

.wrapper-casino-review {
  width: 100%;
  gap: 1rem;
  border-bottom: 1px solid #ebedfa;
  padding-bottom: 1.875rem;
}
.wrapper-casino-review {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.wrapper-casino-review .casino-review-list {
  width: 100%;
  background-color: #f9fbfe;
  border-radius: 0.5rem;
}
.wrapper-casino-review .casino-review-list {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element {
  padding: 1.125rem 1.25rem;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element .title-list {
  white-space: nowrap;
  margin-right: 1rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
  margin-top: 0;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element .title-list a {
  color: #202329;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element .title-list a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element .rating {
  margin-bottom: 0;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5rem;
  align-items: center;
  justify-items: end;
  gap: 0.625rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #646060;
  margin-top: 0;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element .rating {
  display: grid;
  grid-template-columns: auto 2.625rem;
  grid-template-rows: auto;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element .rating .rating-value {
  width: 2.625rem;
  white-space: nowrap;
  display: flex;
  justify-content: flex-end;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element .rating .rating-value .text-black {
  color: #202329;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element .rating .progress-bar {
  background: #e3e7f2;
  height: 0.625rem;
  width: 100%;
  border-radius: 0.5rem;
  max-width: 6.25rem;
}
.wrapper-casino-review .casino-review-list .casino-review-list-element .rating .progress-bar .progress-element {
  background: #ffd808;
  width: 50%;
  height: 100%;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  border-radius: 0.25rem;
}
@media all and (min-width: 768px) {
  .wrapper-casino-review .casino-review-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .wrapper-casino-review .casino-review-list .casino-review-list-element:nth-child(2n+1) {
    border-right: 1px solid #e7f0fb;
  }
}
@media all and (min-width: 1200px) {
  .wrapper-casino-review .casino-review-list .casino-review-list-element .rating .progress-bar {
    max-width: 10.125rem;
  }
}

.lightbox-gallery-wrapper {
  margin-bottom: 2rem;
}
.lightbox-gallery-wrapper:last-child {
  margin-bottom: 0;
}
.lightbox-gallery-wrapper .lightbox-gallery-list {
  gap: 0.75rem;
  justify-content: flex-start;
}
.lightbox-gallery-wrapper .lightbox-gallery-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(147px, auto));
  grid-template-rows: auto;
}
@media all and (min-width: 768px) {
  .lightbox-gallery-wrapper .lightbox-gallery-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(177px, auto));
    grid-template-rows: auto;
  }
}
@media all and (max-width: 366px) {
  .lightbox-gallery-wrapper .lightbox-gallery-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, auto));
    grid-template-rows: auto;
  }
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element {
  width: auto;
  max-height: 74px;
  cursor: pointer;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media all and (min-width: 768px) {
  .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element {
    max-height: 89px;
    max-width: 177px;
  }
}
@media all and (max-width: 370px) {
  .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element {
    max-height: 60px;
    max-width: 120px;
  }
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element > * {
  pointer-events: none;
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element img {
  border-radius: 0.5rem;
  height: auto;
  width: 100%;
  object-fit: cover;
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element:hover::before {
  background: rgba(1, 59, 117, 0.5);
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element:hover::after {
  opacity: 1;
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element::after {
  content: "\e951";
  font-family: "icomoon";
  position: absolute;
  font-size: 9px;
  top: 0.625rem;
  right: 0.625rem;
  background: #202329;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  color: white;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  pointer-events: none;
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element::after {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(1, 59, 117, 0);
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  pointer-events: none;
}

.lightbox-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  background: rgba(1, 59, 117, 0.65);
  place-items: center;
  z-index: -1;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  display: none;
}
.lightbox-container .lightbox-image-wrapper {
  gap: 1.5rem;
  display: grid;
  justify-items: center;
  position: relative;
  top: -2rem;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.lightbox-container .lightbox-image-wrapper .icon-close {
  height: 2.5rem;
  width: 2.5rem;
  background: white;
  font-size: 1.25rem;
  color: var(--primary_color);
  display: grid;
  place-items: center;
  position: absolute;
  top: calc(-40px - 1rem);
  right: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  border: 1px solid #e3e7f2;
}
.lightbox-container .lightbox-image-wrapper .icon-close:active {
  transform: scale(0.95);
}
.lightbox-container .lightbox-image-wrapper .icon-close:hover {
  background: #e0e7ee;
}
.lightbox-container .lightbox-image-wrapper .lightbox-img {
  max-height: 75vh;
  max-width: 80vw;
  border-radius: 0.5rem;
  position: relative;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn {
  background: transparent;
  height: 2.5rem;
  width: 2.5rem;
  color: var(--secondary_color);
  opacity: 0.55;
  border-radius: 50%;
  cursor: pointer;
  background: white;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  z-index: 1;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.right {
  right: -20px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.right:hover {
  right: -25px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.right:focus {
  background: #e0e7ee;
  opacity: 1;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.left {
  left: -20px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.left:hover {
  left: -25px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.left:focus {
  background: #e0e7ee;
  opacity: 1;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn:hover {
  background: #e0e7ee;
  opacity: 1;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn span {
  font-size: 1.5rem;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.inactive {
  opacity: 0;
  pointer-events: none;
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets {
  display: grid;
  grid-auto-flow: column;
  background: white;
  padding: 1rem;
  border-radius: 1.5rem;
  gap: 0.75rem;
  position: absolute;
  bottom: calc(-48px - 1rem);
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet {
  background: rgba(1, 59, 117, 0.35);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet:active {
  transform: scale(0.95);
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet:hover {
  background: rgba(1, 59, 117, 0.65);
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet.active {
  background: var(--secondary_color);
}
.lightbox-container.active {
  visibility: visible;
  opacity: 1;
  z-index: 999;
  display: flex;
  justify-content: center;
}
.lightbox-container.active .lightbox-image-wrapper {
  position: relative;
  top: 0;
}

.review-color {
  padding: 0.25rem 0.625rem;
  width: max-content;
  height: max-content;
  border-radius: 0.5rem;
  border: 1px solid #e3e7f2;
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: flex-start;
  align-items: center;
  column-gap: 0.25rem;
}
.review-color .rating {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #646060;
  margin-bottom: 0;
}
.review-color .rating span {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
}
.review-color .icon-star-full {
  font-size: 0.75rem;
}
.review-color .icon-star-full::before {
  color: #fccd24;
}
.review-color .tooltip-element .tooltip-trigger {
  font-size: 0.75rem;
  position: relative;
}
.review-color .modal-element {
  display: flex;
}

.badges {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  column-gap: 0;
}
.badges img,
.badges svg {
  width: 1.75rem;
  height: auto;
}
.badges .badge-item {
  display: none;
}
.badges .badge-item:first-child {
  display: flex;
}
@media all and (min-width: 576px) {
  .badges {
    column-gap: 0.625rem;
  }
}

.badge-item {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  height: auto;
  box-sizing: border-box;
  border-radius: 0.5rem;
}
.badge-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.badge-item .badge-text {
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
}
.badge-item.badge-suggested .icon-suggested {
  font-size: 1.125rem;
  line-height: 1;
}
.badge-item.badge-suggested .badge-text {
  color: white;
}
.badge-item.badge-expired {
  color: #202329;
  padding-right: 9px;
}
.badge-item.badge-expired span {
  margin-right: 2px;
}
.badge-item.badge-expired p {
  color: #202329;
}
.badge-item.badge-featured {
  background: #fffcff;
  border: 1px solid #e898e9;
}
.badge-item.badge-featured p,
.badge-item.badge-featured span {
  color: #B329B5;
}
.badge-item.badge-restricted {
  color: #202329;
  padding-right: 9px;
}
.badge-item.badge-restricted span {
  margin-right: 5px;
}
.badge-item.badge-restricted p {
  color: #202329;
}
.badge-item.badge-exclusive {
  background: #fffbf9;
  border: 1px solid #f8b980;
}
.badge-item.badge-exclusive p,
.badge-item.badge-exclusive span {
  color: #D66900;
}
.badge-item.badge-just-added {
  background: #f8fbff;
  border: 1px solid #a3a7ec;
}
.badge-item.badge-just-added p,
.badge-item.badge-just-added span {
  color: #3740C4;
}
.badge-item.badge-new-casino {
  background: #fff9f9;
  border: 1px solid #eb98a7;
}
.badge-item.badge-new-casino p,
.badge-item.badge-new-casino span {
  color: #d8304f;
}
.badge-item.badge-recommended {
  background: #fafffa;
  border: 1px solid #80cc9a;
}
.badge-item.badge-recommended p,
.badge-item.badge-recommended span {
  color: #009934;
}
.badge-item.badge-subscribe {
  background: #f9fffe;
  border: 1px solid #80c7bb;
}
.badge-item.badge-subscribe p,
.badge-item.badge-subscribe span {
  color: #007A62;
}
.badge-item p,
.badge-item span {
  margin-bottom: 0;
  display: flex;
  line-height: 1.5rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}
.badge-item p {
  font-size: 13px;
}
.badge-item span {
  font-size: 0.75rem;
  margin-right: 0.375rem;
}
@media all and (max-width: 320px) {
  .badge-item .code-text {
    display: none;
  }
}

.badge-game-type {
  padding: 0.25rem 0.375rem;
  border: 1px solid #e3e7f2;
  height: 1.75rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
  width: auto;
  margin-right: 0.75rem;
}
.badge-game-type {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.badge-game-type:last-child {
  margin-right: 0;
}
.badge-game-type .badge-text {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.badge-game-type span {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.badge-game-type span::before {
  color: #646060;
}

.table-container {
  overflow-x: auto;
  margin-bottom: 2rem;
  border-radius: 0.25rem;
}
.table-container::-webkit-scrollbar {
  width: 1rem;
  height: 0.7rem;
}
.table-container::-webkit-scrollbar-thumb {
  background-color: var(--secondary_color);
  border-radius: 0.25rem;
}
.table-container::-webkit-scrollbar-track {
  background: #e3e7f2;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.table-container .table {
  border-radius: 0.25rem;
  border-bottom: 1px solid #e0e7ee;
  width: 100%;
}
.table-container .table .icon-close {
  color: var(--primary_color);
}
.table-container .table thead {
  border: 1px solid #e0e7ee;
  border-bottom: 0;
}
.table-container .table thead tr .cell-head {
  border-left: 1px solid #e0e7ee;
  border-bottom: 1px solid #e0e7ee;
  text-align: left;
}
.table-container .table thead tr .cell-head a {
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
  text-decoration: none;
}
.table-container .table tbody tr:first-of-type {
  border-top: 1px solid #e0e7ee;
}
.table-container .table tbody tr td {
  border-left: 1px solid #e0e7ee;
  border-bottom: 1px solid #e0e7ee;
  padding: 0.5rem;
}
.table-container .table tbody tr td img {
  width: 90px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.table-container .table tbody tr td a {
  text-decoration: none;
}
.table-container .table tr {
  border-left: 1px solid #e0e7ee;
  border-right: 1px solid #e0e7ee;
  width: 100%;
}
.table-container .table tr:nth-child(even) {
  background-color: #f4f9ff;
}
.table-container .table tr:nth-child(odd) {
  background-color: #e5f1f8;
}
.table-container .table .table-cell {
  font-size: 0.875rem;
  text-align: start;
  padding: 1rem;
}
.table-container .table .table-cell p:last-of-type {
  margin-bottom: 0;
}
.table-container .table .cell-head {
  background-color: white;
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.table-container .table.table-comparison {
  min-width: 60rem;
}
.table-container .table.table-comparison thead tr th {
  position: sticky;
  top: 0;
  z-index: 1;
  min-width: 130px;
  text-align: center;
  vertical-align: middle;
  color: var(--secondary_color);
  border-left: 1px solid #e0e7ee;
  border-bottom: 1px solid #e0e7ee;
}
.table-container .table.table-comparison thead tr th:first-of-type {
  position: sticky;
  left: 0;
  z-index: 5;
  width: 150px;
  background-color: white;
}
.table-container .table.table-comparison tbody tr td {
  text-align: center;
  vertical-align: middle;
  min-width: 130px;
  border-bottom: 1px solid #e0e7ee;
  border-left: 1px solid #e0e7ee;
}
.table-container .table.table-comparison tbody tr td:first-of-type {
  text-align: left;
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--secondary_color);
  width: 150px;
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: white;
}
.table-container .table.table-comparison .table-cell p {
  margin-bottom: 0;
  line-height: 0.875rem;
}
.table-container .table.table-comparison .table-cell img {
  border-radius: 0.25rem;
  height: 2rem;
  width: auto;
  display: inline-block;
  margin-right: 0.5rem;
}

.adult-content-modal.modal {
  backdrop-filter: blur(5px);
  background-color: rgba(27, 27, 27, 0.7411764706);
}
.adult-content-modal.modal .modal-content {
  text-align: center;
  justify-content: center;
  max-width: 559px;
  border-radius: 0.5rem;
  gap: 1rem;
  padding: 2rem 1.5rem;
}
.adult-content-modal.modal .modal-content .modal-title {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.adult-content-modal.modal .modal-content .modal-img {
  height: 92px;
  width: auto;
  justify-self: center;
  opacity: 0.3;
  margin-bottom: 0.5rem;
}
.adult-content-modal.modal .modal-content p {
  font-size: 0.875rem;
  margin-bottom: 0;
}
.adult-content-modal.modal .modal-content .button-container {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.adult-content-modal.modal .modal-content .button-container .modal-button {
  max-width: 161px;
  width: 100%;
  height: 2rem;
}
.adult-content-modal.modal .modal-content .button-container .modal-button.yes-button {
  background: var(--primary_color);
  border: none;
}
.adult-content-modal.modal .modal-content .button-container .modal-button.yes-button:hover {
  background: #9b1930;
}
.adult-content-modal.modal .modal-content .button-container .modal-button.no-button {
  border: 1px solid var(--primary_color);
  color: var(--secondary_color);
}
.adult-content-modal.modal .modal-content .button-container .modal-button.no-button:hover {
  background: #e6e6e6;
}
@media all and (min-width: 768px) {
  .adult-content-modal.modal .modal-content .modal-title {
    font-size: 2rem;
  }
  .adult-content-modal.modal .modal-content p {
    font-size: 1.125rem;
  }
}

.table-section {
  border-radius: 0.25rem;
  margin-bottom: 1.875rem;
  background: white;
  overflow: hidden;
  border: 1px solid #ebedfa;
}
.table-section::-webkit-scrollbar {
  display: block;
  background-color: transparent;
  width: 1.375rem;
}
.table-section::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  border: 0.325rem solid #f2f6ff;
  background: #d9deed;
}
.table-section::-webkit-scrollbar-track {
  background-color: #f2f6ff;
  width: 1.375rem;
}
.table-section::-webkit-scrollbar-button:single-button {
  background-color: #f2f6ff;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  border: 5px solid #f2f6ff;
}
.table-section::-webkit-scrollbar-button:single-button:vertical:decrement, .table-section::-webkit-scrollbar-button:single-button:vertical:increment, .table-section::-webkit-scrollbar-button:single-button:horizontal:decrement, .table-section::-webkit-scrollbar-button:single-button:horizontal:increment {
  width: 1.375rem;
  height: 1.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/chevron.svg");
}
.table-section::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("../images/chevron.svg");
}
.table-section::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("../images/chevron-down.svg");
}
.table-section::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("../images/chevron-left.svg");
}
.table-section::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("../images/chevron-right.svg");
}
.table-section.has-table-row {
  width: max-content;
}
.table-section.has-table-scroll {
  width: auto;
  overflow-x: auto;
  overflow-y: visible;
}
.table-section:last-child {
  margin-bottom: 0;
}
.table-section .table {
  width: 100%;
  border-radius: 0.25rem;
  border-spacing: 0;
}
.table-section .table .rating-star-element {
  width: max-content;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #646060;
  font-size: 0.875rem;
  display: inline-block;
}
.table-section .table .rating-star-element .bolded {
  color: #202329;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.table-section .table .rating-star-element .icon-star-full {
  font-family: "icomoon";
  font-size: 0.75rem;
  margin-right: 0.25rem;
}
.table-section .table .thead tr th {
  border-right: 1px solid #ebedfa;
}
.table-section .table .thead tr th:last-child {
  border-right: none;
}
.table-section .table .tbody tr td {
  border-right: 1px solid #ebedfa;
}
.table-section .table .tbody tr td:last-child {
  border-right: none;
}
.table-section .table .tooltip-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.table-section .table .tooltip-wrapper .tooltip-trigger {
  vertical-align: middle;
  position: relative;
}
.table-section .table .tooltip-wrapper .tooltip-trigger::before {
  color: var(--blue_primary);
}
.table-section .table.table-compare:not(.table-verticle-two-columns) .thead tr th {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.table-section .table.table-compare:not(.table-verticle-two-columns) .thead tr th .img-compare {
  width: 5rem;
  height: 5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.625rem;
}
.table-section .table.table-compare:not(.table-verticle-two-columns) .thead tr th .table-link {
  color: #202329;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1rem;
  text-decoration: none;
}
.table-section .table.table-compare:not(.table-verticle-two-columns) .thead tr th .table-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.table-section .table.table-compare:not(.table-verticle-two-columns) .thead tr th .table-link p {
  margin-bottom: 0;
  text-decoration: underline;
  margin-right: 0.5rem;
  white-space: nowrap;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.table-section .table.table-compare:not(.table-verticle-two-columns) .thead tr th .table-link .icon-chevron-right {
  font-size: 0.5rem;
  display: inline-flex;
}
.table-section .table.table-row.table-vertical-two-columns {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0;
}
.table-section .table.table-row.table-vertical-two-columns .thead,
.table-section .table.table-row.table-vertical-two-columns .tbody {
  display: contents;
}
.table-section .table.table-row.table-vertical-two-columns .thead td,
.table-section .table.table-row.table-vertical-two-columns .thead th,
.table-section .table.table-row.table-vertical-two-columns .tbody td,
.table-section .table.table-row.table-vertical-two-columns .tbody th {
  padding: 1rem;
}
.table-section .table.table-row.table-vertical-two-columns .thead {
  grid-column: 1;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(1) {
  grid-row: 1;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(2) {
  grid-row: 2;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(3) {
  grid-row: 3;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(4) {
  grid-row: 4;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(5) {
  grid-row: 5;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(6) {
  grid-row: 6;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(7) {
  grid-row: 7;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(8) {
  grid-row: 8;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(9) {
  grid-row: 9;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(10) {
  grid-row: 10;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(11) {
  grid-row: 11;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(12) {
  grid-row: 12;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(13) {
  grid-row: 13;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(14) {
  grid-row: 14;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(15) {
  grid-row: 15;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(16) {
  grid-row: 16;
}
.table-section .table.table-row.table-vertical-two-columns .thead th:nth-child(17) {
  grid-row: 17;
}
.table-section .table.table-row.table-vertical-two-columns .thead tr {
  display: contents;
}
.table-section .table.table-row.table-vertical-two-columns .thead tr th {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  text-align: left;
  background-color: rgb(245, 248, 255);
  min-width: 179px;
  border-bottom: 1px solid rgb(235, 237, 250);
}
.table-section .table.table-row.table-vertical-two-columns .thead tr th:first-child {
  border-radius: 0.5rem 0 0 0;
}
.table-section .table.table-row.table-vertical-two-columns .thead tr th:last-child {
  border-radius: 0 0 0 0.5rem;
  border-bottom: none;
}
@media all and (min-width: 768px) {
  .table-section .table.table-row.table-vertical-two-columns .thead tr th {
    min-width: 262px;
  }
}
.table-section .table.table-row.table-vertical-two-columns .tbody {
  grid-column: 2;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(1) {
  grid-row: 1;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(2) {
  grid-row: 2;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(3) {
  grid-row: 3;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(4) {
  grid-row: 4;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(5) {
  grid-row: 5;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(6) {
  grid-row: 6;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(7) {
  grid-row: 7;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(8) {
  grid-row: 8;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(9) {
  grid-row: 9;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(10) {
  grid-row: 10;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(11) {
  grid-row: 11;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(12) {
  grid-row: 12;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(13) {
  grid-row: 13;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(14) {
  grid-row: 14;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(15) {
  grid-row: 15;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(16) {
  grid-row: 16;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(17) {
  grid-row: 17;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(odd) {
  background: #fefeff;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:nth-child(even) {
  background: #f9fbfe;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:first-child td {
  border-radius: 0 0.5rem 0 0;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr:last-child td {
  border-radius: 0 0 0.5rem 0;
}
.table-section .table.table-row.table-vertical-two-columns .tbody tr td {
  text-align: left;
  color: #202329;
  border-bottom: rgb(235, 237, 250);
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
  margin-top: 0;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare tr th,
.table-section .table.table-row.table-vertical-two-columns.table-compare tr td {
  height: 100%;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare tr th,
.table-section .table.table-row.table-vertical-two-columns.table-compare tr td {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .thead tr th {
  width: 9.375rem;
  z-index: 10;
  border-bottom: none;
  min-width: unset;
  min-height: 3.75rem;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .thead tr th:nth-child(odd) {
  background: #fefeff;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .thead tr th:nth-child(even) {
  background: #f9fbfe;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .thead tr th:first-child {
  border-bottom: 1px solid rgb(235, 237, 250);
  height: 9.375rem;
}
@media all and (min-width: 768px) {
  .table-section .table.table-row.table-vertical-two-columns.table-compare .thead tr th {
    width: 12.5rem;
  }
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr {
  grid-auto-flow: column;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr:first-child td {
  border-bottom: 1px solid rgb(235, 237, 250);
  height: 150px;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr td {
  flex-direction: column;
  gap: 0.375rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
  width: 9.375rem;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr td .tooltip-wrapper {
  position: relative;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr td .tooltip-wrapper .tooltip-element {
  position: static;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr td .tooltip-wrapper .tooltip-element .tooltip-modal.show {
  max-width: 300px;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr td a {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: inherit;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr td .img-compare {
  width: 5rem;
  height: 5rem;
  border-radius: 0.25rem;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr td .table-link {
  color: #202329;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  display: inline-flex;
  text-decoration: underline;
}
.table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr td .table-link .icon-chevron-right {
  margin-left: 0.5rem;
  font-size: 0.375rem;
}
@media all and (min-width: 768px) {
  .table-section .table.table-row.table-vertical-two-columns.table-compare .tbody tr td {
    width: 12.5rem;
  }
}
.table-section .table.table-column {
  width: 100%;
}
.table-section .table.table-column.table-max-content {
  width: max-content;
}
.table-section .table.table-column .tbody tr {
  display: grid;
  grid-template-columns: auto 1fr;
}
.table-section .table.table-column .tbody tr:nth-child(even) {
  background: #f9fbfe;
}
.table-section .table.table-column .tbody tr:nth-child(odd) {
  background: #fefeff;
}
.table-section .table.table-column .tbody tr td {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #3d4157;
  padding: 1rem;
}
.table-section .table.table-column .tbody tr td * {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.table-section .table.table-column .tbody tr td:first-child {
  width: 175px;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
}
.table-section .table.table-row .thead tr th {
  padding: 0.875rem 1.25rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  background-color: #e3e7f2;
  color: #202329;
  vertical-align: middle;
  word-break: break-all;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: left;
}
.table-section .table.table-row .tbody tr:nth-child(odd) {
  background: #f9fbfe;
}
.table-section .table.table-row .tbody tr:nth-child(even) {
  background: #fefeff;
}
.table-section .table.table-row .tbody tr td {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 1.125rem 1.25rem;
  color: #202329;
}
.table-section .table.table-row.listing-compare-table .thead th div {
  width: 120px;
  height: 68px;
  white-space: wrap;
  word-break: break-word;
  padding: 0 1.25rem;
}
.table-section .table.table-row.listing-compare-table .thead th div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.table-section .table.table-row.listing-compare-table .thead th:first-child div {
  width: max-content;
}
.table-section .table.table-row.listing-compare-table .thead th:nth-child(2) div {
  width: 220px;
}
.table-section .table.table-row.listing-compare-table .thead th:first-child {
  min-width: unset;
}
.table-section .table.table-row.listing-compare-table .thead th:nth-child(2) {
  min-width: 200px;
}
.table-section .table.table-row.listing-compare-table .tbody tr td {
  vertical-align: middle;
}
.table-section .table.table-row.listing-compare-table .tbody tr td.casino-td-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.table-section .table.table-row.listing-compare-table .tbody tr td.casino-td-info img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
  margin-right: 0.625rem;
}
.table-section .table.table-row.listing-compare-table .tbody tr td.casino-td-star {
  font-size: 0.75rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.table-section .table.table-row.listing-compare-table .tbody tr td.casino-td-star .icon-star-full {
  font-family: "icomoon";
  margin-right: 0.25rem;
}
.table-section .table.table-row.listing-compare-table .tbody tr td:first-child {
  min-width: unset;
}
.table-section .table.table-scroll .thead tr th {
  max-width: 400px;
  white-space: nowrap;
  min-width: 150px;
}
.table-section .table.table-scroll .tbody tr td {
  max-width: 400px;
  word-wrap: break-word;
  min-width: 150px;
}
.table-section .table.table-payments-custom .tbody tr td img {
  height: 1.5rem;
  width: auto;
}
@media all and (min-width: 992px) {
  .table-section .table.table-column .tbody tr td {
    word-break: normal;
  }
}
.table-section.table-sticky-section {
  overflow-x: auto;
  max-width: 100%;
  width: max-content;
  border-radius: 0.5rem;
}
.table-section.table-sticky-section .table-sticky {
  border-collapse: collapse;
  width: auto;
}
.table-section.table-sticky-section .table-sticky tr {
  display: grid;
  grid-auto-flow: column;
}
.table-section.table-sticky-section .table-sticky tr th,
.table-section.table-sticky-section .table-sticky tr td {
  width: 130px;
  padding: 1.125rem 1.25rem;
  text-align: left;
  height: 100%;
}
.table-section.table-sticky-section .table-sticky tr th,
.table-section.table-sticky-section .table-sticky tr td {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
}
.table-section.table-sticky-section .table-sticky tr th:first-child,
.table-section.table-sticky-section .table-sticky tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  width: 135px;
}
.table-section.table-sticky-section .table-sticky tr th .icon-row,
.table-section.table-sticky-section .table-sticky tr td .icon-row {
  display: flex;
  gap: 0.25rem;
}
.table-section.table-sticky-section .table-sticky tr th .icon-row .icon-star-full,
.table-section.table-sticky-section .table-sticky tr th .icon-row .icon-star-half,
.table-section.table-sticky-section .table-sticky tr th .icon-row .icon-star,
.table-section.table-sticky-section .table-sticky tr td .icon-row .icon-star-full,
.table-section.table-sticky-section .table-sticky tr td .icon-row .icon-star-half,
.table-section.table-sticky-section .table-sticky tr td .icon-row .icon-star {
  font-size: 1rem;
}
.table-section.table-sticky-section .table-sticky tr th .icon-row .icon-star-full.grey::before,
.table-section.table-sticky-section .table-sticky tr th .icon-row .icon-star-half.grey::before,
.table-section.table-sticky-section .table-sticky tr th .icon-row .icon-star.grey::before,
.table-section.table-sticky-section .table-sticky tr td .icon-row .icon-star-full.grey::before,
.table-section.table-sticky-section .table-sticky tr td .icon-row .icon-star-half.grey::before,
.table-section.table-sticky-section .table-sticky tr td .icon-row .icon-star.grey::before {
  color: #cfcdcd;
}
.table-section.table-sticky-section .table-sticky tr th {
  background-color: #fefeff;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
  /* identical to box height, or 20px */
}
.table-section.table-sticky-section .table-sticky tr th:first-child {
  background-color: #fefeff;
}
.table-section.table-sticky-section .table-sticky tr td {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #202329;
  background: #f9fbfe;
  text-align: left;
}
.table-section.table-sticky-section .table-sticky tr td img {
  height: 35px;
}
.table-section.table-sticky-section .table-sticky tr td .icon {
  width: 2rem;
  height: 1.625rem;
  font-size: 12px;
  line-height: 14px;
  border-radius: 20px;
}
.table-section.table-sticky-section .table-sticky tr td .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.table-section.table-sticky-section .table-sticky tr td .icon.icon-checked {
  color: #2baa80;
  background: #effff1;
}
.table-section.table-sticky-section .table-sticky tr td .icon.icon-close {
  color: var(--primary_color);
  background: #ffeff6;
}
.table-section.table-sticky-section .table-sticky tr:nth-child(even) td {
  background: white;
}
.table-section .badge {
  border-radius: 20px;
  height: max-content;
  width: max-content;
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  gap: 5px;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-align: center;
}
.table-section .fixed-width {
  width: 170px;
  margin: 0 auto;
}
.table-section .fixed-width > * {
  display: inline-block;
  vertical-align: middle;
}
@media all and (min-width: 768px) {
  .table-section .fixed-width {
    width: 214px;
  }
}
.table-section.table-game-details.has-table-row {
  width: auto;
}
.table-section.table-game-details .table.table-full-width .thead tr th {
  text-align: center;
}
.table-section.table-game-details .table.table-row .thead tr th {
  background: #fff;
}
.table-section.table-game-details .table.table-row .tbody tr:nth-child(even) {
  background: #fff;
}
.table-section.table-game-details .table.table-row .tbody tr:nth-child(odd) {
  background: #fafafa;
}
.table-section.table-game-details .tbody tr td:first-child {
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.table-section.table-game-details .tbody tr td:last-child {
  text-align: right;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.table-section.table-game-details .tbody tr td:last-child .table-cell-text {
  padding-right: 0.625rem;
}
.table-section.table-game-details .badge {
  display: inline-block;
}

.breadcrumbs {
  padding-bottom: 0.625rem;
  background-color: transparent;
  width: 100%;
  margin: auto;
  overflow: hidden;
  flex-shrink: 1;
  min-width: 0;
  max-width: 100%;
}
@media all and (min-width: 992px) {
  .breadcrumbs {
    max-width: 1140px;
  }
}
.breadcrumbs ol {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs ol {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.breadcrumbs ol li {
  margin-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.breadcrumbs ol li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.breadcrumbs ol li::before {
  content: "\e992";
  color: #667085;
  display: inline-block;
  font-size: 0.5rem;
  font-family: "icomoon";
  margin-right: 0.5rem;
  line-height: 1.125rem;
}
.breadcrumbs ol li:last-of-type {
  margin-right: 0;
  flex-shrink: 2;
  min-width: 0;
}
@media all and (max-width: 414px) {
  .breadcrumbs ol li:last-of-type {
    flex-shrink: 3;
  }
}
@media all and (max-width: 576px) {
  .breadcrumbs ol li:nth-last-child(2) {
    flex-shrink: 1;
    min-width: 0;
  }
  .breadcrumbs ol li:nth-last-child(2) a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media all and (max-width: 414px) {
  .breadcrumbs ol li:nth-last-child(2) {
    flex-shrink: 2;
  }
}
.breadcrumbs ol li:first-of-type::before {
  display: none;
}
.breadcrumbs ol li a {
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: none;
  margin-bottom: 0;
  color: var(--blue_primary);
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  white-space: nowrap;
}
.breadcrumbs ol li a .home-breadcrumb-default {
  color: var(--blue_primary);
}
.breadcrumbs ol li p {
  margin-bottom: 0;
  line-height: 1.125rem;
  font-size: 0.75rem;
  color: #667085;
  display: inline-block;
}
.breadcrumbs ol li p.current-page {
  color: #667085;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

main > .breadcrumbs {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media all and (min-width: 576px) {
  main > .breadcrumbs {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media all and (min-width: 1200px) {
  main > .breadcrumbs {
    padding-left: 0;
    padding-right: 0;
  }
}

.pagination {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.pagination:last-child {
  margin-bottom: 0;
}
.pagination .arrows {
  text-decoration: none;
  background: white;
  color: #646060;
  border-radius: 0.5rem;
  border: 1px solid #e3e7f2;
  width: 34px;
  height: 34px;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  cursor: pointer;
}
.pagination .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.pagination .arrows.disabled {
  background: rgb(240, 240, 240);
  color: rgb(153, 153, 153);
  pointer-events: none;
}
.pagination .numbers {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.pagination .numbers {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.pagination .numbers .number-item {
  text-decoration: none;
  background: white;
  color: #646060;
  border-radius: 0.5rem;
  margin-right: 0.5rem;
  border: 1px solid #e3e7f2;
  width: 34px;
  height: 34px;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  cursor: pointer;
}
.pagination .numbers .number-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.pagination .numbers .number-item:last-child {
  margin-right: 0;
}
.pagination .numbers .number-item.dots {
  color: #646060;
  pointer-events: none;
}
.pagination .numbers .number-item.active {
  color: var(--blue_primary);
  border: 1px solid var(--blue_primary);
}

.contact-form {
  width: 100%;
  position: relative;
  margin-top: 2rem;
  gap: 1.25rem;
  border: 1px solid #e3e7f2;
  border-radius: 0.5rem;
  padding: 1.875rem 0.75rem;
  /* BOTTOM BARS ================================= */
  /* active state */
}
.contact-form {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.contact-form .btn-secondary {
  width: 100%;
  max-width: 224px;
}
.contact-form .email-notification {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  border: 1px solid #e3e7f2;
  z-index: 1;
  border-radius: 0.5rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.25rem;
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  text-align: center;
  padding: 1rem;
}
.contact-form .email-notification {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.contact-form .email-notification span {
  color: var(--primary_color);
  font-size: 1.25rem;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-bottom: 1rem;
  border: 1px solid #e3e7f2;
}
.contact-form .email-notification span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media all and (min-width: 414px) {
  .contact-form .email-notification {
    font-size: 1.5rem;
    padding: 1.5rem;
    text-align: left;
  }
  .contact-form .email-notification span {
    font-size: 2rem;
    width: 70px;
    height: 70px;
  }
}
.contact-form .error-message {
  display: none;
  color: var(--primary_color);
}
.contact-form .error-message.visible {
  display: block;
  width: 100%;
  animation: move 0.12s ease-in-out;
  animation-iteration-count: 1;
  position: relative;
  margin-top: 1rem;
}
@keyframes move {
  0% {
    left: 0;
  }
  25% {
    left: 10px;
  }
  50% {
    left: -10px;
  }
  100% {
    left: 0px;
  }
}
.contact-form .group {
  position: relative;
  width: 100%;
}
.contact-form .group.name-group {
  grid-column: auto;
}
.contact-form .group.email-group {
  grid-column: auto;
}
.contact-form .group.select-group {
  grid-column: auto;
}
.contact-form .group.message-group {
  grid-column: auto;
}
.contact-form .group.recaptcha-group {
  grid-column: auto;
}
.contact-form .group.recaptcha-group .g-recaptcha {
  margin-bottom: 0;
}
.contact-form .select {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  position: relative;
  width: 100%;
}
.contact-form .select .select-text {
  position: relative;
  font-family: inherit;
  background-color: transparent;
  width: 100%;
  font-size: 1rem;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #202329;
  appearance: none;
  -webkit-appearance: none;
  padding: 0.625rem;
}
.contact-form .select .select-text:focus {
  outline: none;
}
.contact-form .select .select-text:focus ~ .select-bar:before, .contact-form .select .select-text:focus ~ .select-bar:after {
  width: 50%;
}
.contact-form .select .select-bar {
  position: relative;
  display: block;
  width: 100%;
}
.contact-form .select .select-bar::before {
  left: 50%;
}
.contact-form .select .select-bar::after {
  right: 50%;
}
.contact-form .select .select-bar::before, .contact-form .select .select-bar::after {
  content: "";
  height: 1px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: var(--blue_primary);
  transition: 0.2s ease all;
}
.contact-form .select::after {
  content: "\e990";
  font-family: "icomoon";
  font-size: 0.375rem;
  display: block;
  position: absolute;
  top: 18px;
  right: 10px;
  z-index: 1;
  color: var(--blue_primary);
}
.contact-form .select-text:focus ~ .select-bar:before,
.contact-form .select-text:focus ~ .select-bar:after {
  width: 50%;
}
.contact-form input:not(.btn) {
  font-size: 1rem;
  padding: 0.625rem;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #202329;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #767676;
}
.contact-form textarea {
  font-size: 1rem;
  padding: 0.625rem;
  display: block;
  width: 100%;
  border: none;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  border-bottom: 1px solid #202329;
  resize: none;
  color: #767676;
  min-height: 92px;
}
.contact-form textarea::placeholder {
  text-align: left;
}
.contact-form input:not(.btn):focus,
.contact-form textarea:focus {
  outline: none;
  color: #202329;
}
.contact-form .bar {
  position: relative;
  display: block;
  width: 100%;
}
.contact-form .bar:before,
.contact-form .bar:after {
  content: "";
  height: 1px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: var(--blue_primary);
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.contact-form .bar:before {
  left: 50%;
}
.contact-form .bar:after {
  right: 50%;
}
.contact-form input:focus ~ .bar:before,
.contact-form input:focus ~ .bar:after,
.contact-form textarea:focus ~ .bar:before,
.contact-form textarea:focus ~ .bar:after {
  width: 50%;
}
@media all and (min-width: 576px) {
  .contact-form {
    padding: 1.875rem;
  }
  .contact-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .contact-form .group.name-group {
    grid-column: 1/2;
  }
  .contact-form .group.email-group {
    grid-column: 2/-1;
  }
  .contact-form .group.select-group {
    grid-column: 1/-1;
  }
  .contact-form .group.message-group {
    grid-column: 1/-1;
  }
  .contact-form .group.recaptcha-group {
    grid-column: 1/-1;
  }
}

body .cookie-banner {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 0.625rem;
  width: 100%;
  left: 0;
  bottom: 68px;
  position: fixed;
  z-index: 102;
  box-shadow: 0px -4px 0.625rem rgba(0, 0, 0, 0.05);
  opacity: 1;
  border-radius: 0.25rem;
}
body .cookie-banner.hidden {
  display: none;
}
body .cookie-banner p {
  margin-bottom: 0;
  font-size: 0.785rem;
  line-height: 1.25rem;
}
body .cookie-banner .cookies-img {
  display: none;
}
body .cookie-banner .buttons-wrapper {
  margin-top: 0.5rem;
}
body .cookie-banner .buttons-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
body .cookie-banner .buttons-wrapper .btn {
  font-size: 0.75rem;
  text-transform: none;
}
body .cookie-banner .buttons-wrapper .btn.btn-primary {
  width: 40%;
  background-color: var(--blue_primary);
  border-color: var(--blue_primary);
}
body .cookie-banner .buttons-wrapper .btn.btn-primary:hover {
  box-shadow: 0 0.5rem 0.625rem 0 rgba(18, 29, 255, 0.14), 0 3px 0.875rem 0 rgba(18, 29, 255, 0.12);
}
body .cookie-banner .buttons-wrapper .btn.btn-primary-no-oultine {
  color: var(--blue_primary);
}
@media all and (min-width: 576px) {
  body .cookie-banner {
    padding: 1.75rem 1.5rem 1.5rem 1.5rem;
    width: 255px;
    left: 2.5rem;
    bottom: 2.5rem;
  }
  body .cookie-banner .cookies-img {
    display: block;
    width: 4rem;
    position: absolute;
    top: -25%;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media all and (min-width: 768px) {
  .tooltip-element {
    position: relative;
  }
  .tooltip-element .tooltip-content {
    border: 1px solid rgba(151, 151, 151, 0.2);
    list-style: none;
    background: #fff;
    border-radius: 4px;
    box-shadow: 4px 4px 10px rgba(37, 37, 37, 0.02);
    position: absolute;
    display: none;
    opacity: 0;
    top: 1.125rem;
    width: max-content;
    height: max-content;
    max-width: 350px;
    padding: 0;
  }
  .tooltip-element .tooltip-content .modal-content {
    left: 0;
    top: 0;
    width: 100%;
    padding: 0.75rem;
    position: relative;
    transform: unset;
  }
  .tooltip-element .tooltip-content.show {
    display: block;
    opacity: 1;
    transform: translateX(-50%);
    left: 50%;
    animation: tooltipDropdown 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  }
  .tooltip-element .tooltip-content.show {
    box-shadow: 0 6px 8px -6px rgba(24, 39, 75, 0.04), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
  }
  @keyframes tooltipDropdown {
    from {
      opacity: 0.5;
      top: 0.75rem;
    }
    to {
      opacity: 1;
      top: 1.125rem;
    }
  }
}

.casino-not-available {
  background-color: white;
  padding: 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid #FFB74D;
  margin-bottom: 1.875rem;
}
.casino-not-available {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.casino-not-available .h2-title {
  margin-top: 1.5rem;
}
.casino-not-available .title {
  text-align: center;
}
.casino-not-available .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.casino-not-available .title h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.casino-not-available .title .icon-disclaimer {
  font-size: 1.25rem;
  margin-right: 1rem;
}
.casino-not-available .box-buttons {
  gap: 1rem;
  flex-wrap: wrap;
}
.casino-not-available .box-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.load-more {
  margin-bottom: 0.625rem;
}
.load-more .load-more-trigger,
.load-more .show-less-trigger {
  color: var(--blue_primary);
  white-space: nowrap;
  font-size: 0.875rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding-left: 0.625rem;
  cursor: pointer;
}
.load-more .load-more-trigger.hidden {
  display: none;
}
.load-more .show-less-trigger {
  display: none;
  opacity: 0;
  height: 0;
}
.load-more .show-less-trigger.visible {
  display: inline-block;
  opacity: 1;
  height: auto;
}
.load-more .load-more-dropdown {
  display: inline;
}
.load-more .load-more-dropdown img {
  margin-right: 1.125rem;
}
.load-more .load-more-dropdown .load-more-element {
  display: inline;
}
.load-more .load-more-dropdown .load-more-element.hide {
  display: none;
}

.badge-copy {
  cursor: pointer;
  position: relative;
}
.badge-copy .copy-on-click {
  transition: color 0.4s;
  color: inherit;
}
.badge-copy p.code-text {
  font-size: 0.75rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  margin-right: 0.25rem;
  cursor: pointer;
}
.badge-copy p.code-value {
  font-size: 0.75rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  cursor: pointer;
  display: inline-block !important;
  width: auto;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  /* autoprefixer: off */
}
@media all and (max-width: 375px) {
  .badge-copy p.code-value {
    max-width: 110px;
  }
}
.badge-copy p.code-value:hover {
  color: var(--secondary_color);
}
.badge-copy .icon-copy {
  margin-right: 4px;
}
.badge-copy .copy-notif {
  position: absolute;
  width: auto;
  border-radius: 0.5rem;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  border: 1px solid #e3e7f2;
  color: var(--secondary_color);
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  padding: 0.25rem;
  display: none;
  animation-duration: 0.25s;
  top: -28px;
}
.badge-copy .copy-notif.active {
  display: block;
  animation-name: messageCopyCode;
}
@keyframes messageCopyCode {
  0% {
    top: 0;
  }
  100% {
    top: -28px;
  }
}
.badge-copy.on-click {
  animation: scaleElement 0.45s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes scaleElement {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.badge-copy-new {
  border: 1px dashed #d1d4e8;
  border-radius: 0.5rem;
  cursor: pointer;
  position: relative;
  padding: 0.5rem;
  height: 36px;
  width: max-content;
}
.badge-copy-new .icon-copy {
  margin-right: 0.375rem;
  font-size: 0.875rem;
  color: var(--blue_primary);
}
.badge-copy-new p.code-text {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  margin-right: 0.375rem;
  margin-bottom: 0;
  cursor: pointer;
}
.badge-copy-new:has(.not-needed) {
  pointer-events: none;
}
.badge-copy-new p.code-value {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  cursor: pointer;
  color: #d90027;
  margin-bottom: 0;
  display: inline-block !important;
  width: auto;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  /* autoprefixer: off */
}
.badge-copy-new p.code-value:hover {
  color: #d8304f;
}

.filters {
  margin-bottom: 1.875rem;
}
.filters.filters-pipe .btn-item-filter:first-child {
  padding-right: 0.75rem;
  border-right: 1px solid #bdbdbd;
}
.filters .splide .filters-button-version {
  padding-bottom: 5px;
}
.filters .splide .filters-button-version {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.filters .splide .filters-button-version .btn-item-filter {
  margin-right: 0.75rem;
  white-space: nowrap;
}
.filters .splide .filters-button-version .btn-item-filter.default-filter {
  padding-right: 0.75rem;
  border-right: 1px solid #bdbdbd;
}
.filters .splide .filters-button-version .btn-item-filter .btn-filter {
  background-color: white;
  border: 1px solid #bdbdbd;
  border-radius: 0.5rem;
  color: #202329;
  font-size: 0.875rem;
  letter-spacing: unset;
  box-shadow: 0px 2px 20px 0px rgba(24, 39, 75, 0.0392156863);
  text-transform: capitalize;
  padding: 0.625rem 1rem;
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.filters .splide .filters-button-version .btn-item-filter .btn-filter:hover {
  background-color: #f6faff;
}
.filters .splide .filters-button-version .btn-item-filter .btn-filter.active {
  color: var(--blue_primary);
  background-color: #f6faff;
}
@media all and (max-width: 768px) {
  .filters .splide .filters-button-version .btn-item-filter {
    margin-right: 0.45rem;
  }
}
@media all and (max-width: 768px) {
  .filters .splide .filters-button-version {
    padding-bottom: 1.25rem;
  }
}
.filters .splide .filters-underline-version {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.filters .splide .filters-underline-version .btn-item-filter {
  margin-right: 1.25rem;
  white-space: nowrap;
}
.filters .splide .filters-underline-version .btn-item-filter .btn-filter {
  background-color: transparent;
  color: #3d4157;
  font-size: 0.875rem;
  padding: 0;
  padding-bottom: 0.25rem;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  border-radius: 0;
  border: none;
  position: relative;
}
.filters .splide .filters-underline-version .btn-item-filter .btn-filter::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.25rem;
  bottom: 0;
  position: absolute;
  background-color: transparent;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.filters .splide .filters-underline-version .btn-item-filter .btn-filter.active::after {
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  background-color: var(--blue_primary);
}

.splide-links {
  margin-bottom: 1.875rem;
}
.splide-links .links-list {
  padding-bottom: 1.25rem;
}
.splide-links .links-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.splide-links .links-list .btn-pipe {
  padding-right: 0.75rem;
  border-right: 1px solid #bdbdbd;
}
.splide-links .links-list .btn-link-anchor {
  text-decoration: none;
  margin-right: 0.75rem;
}
.splide-links .links-list .btn-link-anchor:first-child {
  padding-right: 0.75rem;
  border-right: 1px solid #bdbdbd;
}
.splide-links .links-list .btn-link-anchor .btn-link {
  border: 1px solid #bdbdbd;
  border-radius: 0.5rem;
  background-color: white;
  color: #202329;
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  padding: 0.625rem 1.25rem;
  text-transform: capitalize;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  white-space: nowrap;
  box-shadow: 0px 2px 20px 0px rgba(24, 39, 75, 0.0392156863);
}
.splide-links .links-list .btn-link-anchor .btn-link .icon-bonus-types {
  font-size: 1rem;
}
.splide-links .links-list .btn-link-anchor .btn-link:active, .splide-links .links-list .btn-link-anchor .btn-link:hover {
  background-color: #f9fbfe;
}

.modal-trigger,
.modal-trigger-ajax {
  cursor: pointer;
}
.modal-trigger.tooltip-trigger::before,
.modal-trigger-ajax.tooltip-trigger::before {
  color: #646060;
}

.modal {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  transform: scale(1.3);
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding-top: 50px;
}
.modal.show {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
@media all and (min-width: 768px) {
  .modal {
    padding-top: 100px;
  }
}
.modal .modal-content {
  background-color: white;
  border-radius: 0.5rem;
  padding: 1rem 0.75rem;
  width: 90%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: grid;
}
@media all and (min-width: 768px) {
  .modal .modal-content {
    width: 50%;
    padding: 1rem;
  }
}
.modal .modal-content .modal-title {
  font-size: 1.125rem;
  margin-top: 0;
  font-family: PTSerif-Bold;
}
.modal .modal-content p:last-child {
  margin-bottom: 0;
}
.modal .modal-content .close-modal {
  color: var(--primary_color);
  line-height: 1rem;
  font-size: 0.75rem;
  cursor: pointer;
  transition: 1s linear;
  justify-self: end;
}
.modal .modal-content .close-modal:hover, .modal .modal-content .close-modal:focus {
  color: var(--secondary_color);
  text-decoration: none;
  cursor: pointer;
}
.modal .modal-content .modal-img {
  width: 100%;
}
.modal.tooltip-content .modal-title {
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.modal.tooltip-content .close-modal {
  font-size: 0.65rem;
}

.modal-element {
  display: flex;
}

.element-like-wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  gap: 1.25rem;
}
@media all and (min-width: 414px) {
  .element-like-wrapper {
    gap: 1rem;
  }
}
.element-like-wrapper .element-like-text {
  color: #202329;
  font-size: 0.75rem;
  width: max-content;
  display: none;
}
@media all and (min-width: 576px) {
  .element-like-wrapper .element-like-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
}
.element-like-wrapper .btn-element-like {
  width: max-content;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  position: relative;
  cursor: pointer;
}
.element-like-wrapper .btn-element-like {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.element-like-wrapper .btn-element-like.active .icon-like,
.element-like-wrapper .btn-element-like.active .icon-dislike {
  transition-delay: 0.2s;
  transition-property: color;
  animation: swirl 0.4s ease-in-out;
  animation-iteration-count: 1;
  margin-right: 0.5rem;
  display: flex;
}
@keyframes swirl {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.element-like-wrapper .btn-element-like.active .icon-like::before {
  color: var(--blue_primary);
}
.element-like-wrapper .btn-element-like.active .icon-dislike::before {
  color: #D90027;
}
.element-like-wrapper .btn-element-like .icon-like,
.element-like-wrapper .btn-element-like .icon-dislike {
  margin-right: 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: #f6faff;
  cursor: pointer;
  pointer-events: none;
}
.element-like-wrapper .btn-element-like .icon-like,
.element-like-wrapper .btn-element-like .icon-dislike {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.element-like-wrapper .btn-element-like .icon-like::before,
.element-like-wrapper .btn-element-like .icon-dislike::before {
  font-size: 0.875rem;
  color: #202329;
}
.element-like-wrapper .btn-element-like .rating-count {
  font-size: 13px;
  line-height: 0.875rem;
  color: #202329;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.element-like-wrapper .btn-element-like.btn-element-yes {
  cursor: pointer;
  color: #202329;
  margin-right: 0.5rem;
}
@media all and (min-width: 768px) {
  .element-like-wrapper .btn-element-like.btn-element-yes {
    margin-right: 0;
  }
}
.element-like-wrapper .btn-element-like.btn-element-yes span {
  pointer-events: none;
}
.element-like-wrapper .btn-element-like.btn-element-yes .icon-like:hover::before {
  color: var(--blue_primary);
}
.element-like-wrapper .btn-element-like.btn-element-yes.active::after {
  background: #e0e7ee;
}
.element-like-wrapper .btn-element-like.btn-element-no {
  color: #202329;
  cursor: pointer;
}
.element-like-wrapper .btn-element-like.btn-element-no span {
  pointer-events: none;
}
.element-like-wrapper .btn-element-like.btn-element-no .icon-dislike {
  font-size: 1rem;
}
.element-like-wrapper .btn-element-like.btn-element-no .icon-dislike:hover::before {
  color: #d90027;
}
.element-like-wrapper .btn-element-like.btn-element-no.active::after {
  background: #fff3f5;
}
.element-like-wrapper .btn-element-like .element-like-message {
  position: absolute;
  width: 130px;
  border-radius: 0.5rem;
  z-index: 1;
  top: -1.26rem;
  left: 0;
  transform: unset;
  background: white;
  border: 1px solid #e3e7f2;
  color: var(--secondary_color);
  font-family: EuclidCircularB-Bold, Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 0.25rem;
  display: none;
  animation-duration: 0.25s;
}
.element-like-wrapper .btn-element-like .element-like-message.active {
  display: block;
  animation-name: messageBonusLike;
}
@keyframes messageBonusLike {
  0% {
    top: -0.75rem;
  }
  100% {
    top: -1.25rem;
  }
}
@media all and (min-width: 414px) {
  .element-like-wrapper .btn-element-like .element-like-message {
    left: 50%;
    transform: translateX(-50%);
  }
}

.inline-wrapper {
  margin-bottom: 1.5rem;
  position: relative;
  border-bottom: 1px solid #e3e7f2;
  padding-bottom: 0.625rem;
}
.inline-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.inline-wrapper .info-links {
  position: static;
}
.inline-wrapper .edit-location-wrapper {
  margin-top: 0;
}
@media all and (min-width: 768px) {
  .inline-wrapper {
    gap: 1.5rem;
    flex-direction: row;
  }
  .inline-wrapper .info-links {
    flex-wrap: nowrap;
  }
}
@media all and (max-width: 320px) {
  .inline-wrapper {
    margin-bottom: 1rem;
  }
  .inline-wrapper .edit-location-wrapper {
    justify-content: flex-start;
  }
  .inline-wrapper .edit-location-wrapper .edit-location-dropdown-element.show {
    left: 0;
  }
}

.info-links {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.info-links .dropdown {
  margin-right: 0.75rem;
}
@media all and (max-width: 375px) {
  .info-links .dropdown {
    margin-bottom: 0.25rem;
  }
}
.info-links .dropdown .dropdown-title {
  display: -webkit-box;
}
@media all and (min-width: 375px) {
  .info-links .dropdown {
    margin-right: 1.25rem;
  }
}

.checked-element {
  gap: 0.25rem;
}
.checked-element {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.checked-element .icon-check-circle {
  font-size: 0.75rem;
}
.checked-element .icon-check-circle::before {
  color: #0db10d;
}
.checked-element .checked-element-item {
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--secondary_color);
  display: block;
}

.additional-dropdown {
  position: static;
}
.additional-dropdown .dropdown-trigger {
  cursor: pointer;
  font-size: 0.75rem;
  white-space: nowrap;
}
.additional-dropdown .dropdown-trigger:hover, .additional-dropdown .dropdown-trigger:focus, .additional-dropdown .dropdown-trigger:active {
  color: var(--blue_primary);
}
.additional-dropdown .dropdown-trigger:hover .dropdown-title, .additional-dropdown .dropdown-trigger:focus .dropdown-title, .additional-dropdown .dropdown-trigger:active .dropdown-title {
  color: var(--blue_primary);
}
.additional-dropdown .dropdown-trigger .dropdown-title {
  font-size: 0.75rem;
  color: #202329;
  margin: 0;
  line-height: inherit;
  pointer-events: none;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  margin-top: 0;
}
.additional-dropdown .dropdown-trigger .icon-affiliate-disclosure,
.additional-dropdown .dropdown-trigger .icon-how-we-rate {
  font-size: 1rem;
  margin-right: 0.375rem;
  pointer-events: none;
  margin-left: 0;
}
@media all and (min-width: 375px) {
  .additional-dropdown .dropdown-trigger .icon-affiliate-disclosure,
  .additional-dropdown .dropdown-trigger .icon-how-we-rate {
    font-size: 1.25rem;
  }
}
.additional-dropdown .dropdown-element {
  padding: 1.25rem;
  width: 100%;
  z-index: 1;
  top: 100%;
}
.additional-dropdown .dropdown-element.show {
  animation: easeTransition 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  z-index: 2;
}
@keyframes easeTransition {
  from {
    opacity: 0;
    top: 90%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
.additional-dropdown .dropdown-element p {
  margin-bottom: 0;
}

.bonus-layout3 {
  background: white;
  border: 1px solid #e3e7f2;
  border-radius: 0.5rem;
  padding: 1.25rem 0.75rem;
  column-gap: 0.75rem;
  row-gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
  grid-template-areas: "bonusInfoImg reviewContainer" "bonusOffer bonusOffer" "btn btn" "termsAndConditions termsAndConditions";
}
.bonus-layout3 {
  display: grid;
  grid-template-columns: 5.375rem auto;
  grid-template-rows: auto;
}
@media all and (min-width: 768px) {
  .bonus-layout3 {
    padding: 1.25rem;
    margin-bottom: 2rem;
    grid-template-areas: "bonusInfoImg reviewContainer bonusOffer btn" "termsAndConditions termsAndConditions termsAndConditions termsAndConditions";
  }
  .bonus-layout3 {
    display: grid;
    grid-template-columns: 5.5rem 134px auto 160px;
    grid-template-rows: auto;
  }
}
.bonus-layout3 .bonus-info-img {
  grid-area: bonusInfoImg;
  height: 5.375rem;
  width: 5.375rem;
  border-radius: 0.5rem;
  border: 1px solid #e3e7f2;
  overflow: hidden;
  margin-right: 0.625rem;
  position: relative;
}
.bonus-layout3 .bonus-info-img .bonus-position {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px 0 4px 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--blue_primary);
}
.bonus-layout3 .bonus-info-img .bonus-position {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bonus-layout3 .bonus-info-img .bonus-position span {
  color: white;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
}
.bonus-layout3 .bonus-info-img img {
  height: 5.375rem;
  width: 5.375rem;
}
@media all and (min-width: 768px) {
  .bonus-layout3 .bonus-info-img {
    height: 5.5rem;
    width: 5.5rem;
  }
  .bonus-layout3 .bonus-info-img img {
    height: 5.5rem;
    width: 5.5rem;
  }
}
.bonus-layout3 .btn-container {
  grid-area: btn;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bonus-layout3 .btn-container .btn.btn-secondary {
  width: 100%;
}
@media all and (min-width: 576px) {
  .bonus-layout3 .btn-container .btn.btn-secondary {
    max-width: 160px;
    justify-self: center;
  }
}
.bonus-layout3 .bonus-offer {
  width: max-content;
  background-color: #f8faff;
  padding: 0.625rem;
  grid-area: bonusOffer;
  display: flex;
  align-items: center;
  width: 100%;
  height: 4.25rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.bonus-layout3 .bonus-offer a {
  text-decoration: none;
}
.bonus-layout3 .bonus-offer .bonus-offer-text {
  font-size: 1rem;
  margin-bottom: 0;
  line-height: 1.5rem;
  font-family: PTSerif-Bold;
  margin-top: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /* autoprefixer   : off */
}
@media all and (min-width: 768px) {
  .bonus-layout3 .bonus-offer {
    padding: 1.25rem;
    height: 5.5rem;
  }
}
.bonus-layout3 .terms-and-conditions {
  grid-area: termsAndConditions;
  border-top: 1px solid #e3e7f2;
  padding-top: 1rem;
}
.bonus-layout3 .terms-and-conditions small {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1rem;
  font-size: 11px;
  text-align: center;
  display: block;
  color: #646060;
}
.bonus-layout3 .terms-and-conditions small a {
  font-size: 11px;
  line-height: 0.875rem;
  color: #202329;
  text-underline-offset: 2px;
}
.bonus-layout3 .review-color-container {
  grid-area: reviewContainer;
  column-gap: 0.75rem;
  row-gap: 0.5rem;
  width: 100%;
  height: max-content;
}
.bonus-layout3 .review-color-container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
}
.bonus-layout3 .review-color-container .casino-title {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: PTSerif-Bold;
  grid-column: -1/1;
  order: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /* autoprefixer   : off */
}
.bonus-layout3 .review-color-container .review-color {
  order: 1;
}
.bonus-layout3 .review-color-container .bonus-flag {
  background-size: contain;
  width: max-content;
  align-self: center;
  height: 1.125rem;
  order: 2;
}
.bonus-layout3 .review-color-container .bonus-flag svg,
.bonus-layout3 .review-color-container .bonus-flag img {
  width: auto;
  height: auto;
  max-height: 1.125rem;
}
@media all and (max-width: 300px) {
  .bonus-layout3 .review-color-container {
    column-gap: 0.25rem;
  }
}

.modal.modal-subscribe-element {
  overflow-y: auto;
}
.modal.modal-subscribe-element .modal-content {
  overflow: hidden;
  width: calc(100% - 1.25rem);
  padding: 1.25rem;
}
@media all and (min-width: 576px) {
  .modal.modal-subscribe-element .modal-content {
    width: 27.5rem;
  }
}
.modal.modal-subscribe-element .modal-content .modal-img {
  max-width: 400px;
  max-height: 400px;
  width: 100%;
  margin-bottom: 1.25rem;
  margin-top: 1.875rem;
}
.modal.modal-subscribe-element .modal-content .first-text {
  font-size: 1.125rem;
  line-height: 1.875rem;
  font-family: PTSerif-Bold;
  color: #202329;
  margin-bottom: 0.875rem;
}
.modal.modal-subscribe-element .modal-content .second-text {
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-family: PTSerif-Bold;
  color: var(--primary_color);
  margin-bottom: 0.875rem;
}
.modal.modal-subscribe-element .modal-content .modal-message {
  color: var(--primary_color);
  margin-bottom: 0.75rem;
  display: none;
}
.modal.modal-subscribe-element .modal-content .modal-message.visible {
  display: block;
  width: 100%;
  animation: move 0.12s ease-in-out;
  animation-iteration-count: 1;
  position: relative;
}
@keyframes move {
  0% {
    left: 0;
  }
  25% {
    left: 10px;
  }
  50% {
    left: -10px;
  }
  100% {
    left: 0px;
  }
}
.modal.modal-subscribe-element .modal-content ol {
  list-style: none;
  margin: 1.25rem 0 1.875rem 0;
  padding: 0;
  counter-reset: item;
}
.modal.modal-subscribe-element .modal-content ol:first-child {
  margin-top: 0;
}
.modal.modal-subscribe-element .modal-content ol:last-child {
  margin-bottom: 0;
}
.modal.modal-subscribe-element .modal-content ol > li {
  counter-increment: item;
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.25rem;
}
.modal.modal-subscribe-element .modal-content ol > li:last-of-type {
  margin-bottom: 0;
}
.modal.modal-subscribe-element .modal-content ol > li h2,
.modal.modal-subscribe-element .modal-content ol > li h3,
.modal.modal-subscribe-element .modal-content ol > li h4,
.modal.modal-subscribe-element .modal-content ol > li h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.modal.modal-subscribe-element .modal-content ol > li h2:not(:only-child),
.modal.modal-subscribe-element .modal-content ol > li h3:not(:only-child),
.modal.modal-subscribe-element .modal-content ol > li h4:not(:only-child),
.modal.modal-subscribe-element .modal-content ol > li h5:not(:only-child) {
  margin-bottom: 0.5rem;
}
.modal.modal-subscribe-element .modal-content ol > li a {
  text-decoration: underline;
  padding-left: 1rem;
  font-family: inherit;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.modal.modal-subscribe-element .modal-content ol > li > span {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--secondary_color);
}
.modal.modal-subscribe-element .modal-content ol > li > span > span {
  padding: 0;
}
.modal.modal-subscribe-element .modal-content ol > li > span a {
  padding: 0;
  text-decoration: underline;
}
.modal.modal-subscribe-element .modal-content ol > li > span h4 {
  margin-top: 0;
}
.modal.modal-subscribe-element .modal-content ol > li > span h4 a {
  font-size: inherit;
  font-family: inherit;
}
.modal.modal-subscribe-element .modal-content ol > li > span ul:last-child,
.modal.modal-subscribe-element .modal-content ol > li > span ol:last-child {
  margin-bottom: 0;
}
.modal.modal-subscribe-element .modal-content ol > li::before {
  content: counter(item);
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--blue_primary);
  width: 1.5rem;
  height: 1.5rem;
  background: #f6faff;
  border-radius: 50%;
  font-size: 0.875rem;
  position: absolute;
  left: 0;
  top: 0;
}
.modal.modal-subscribe-element .modal-content ol > li::before {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.modal.modal-subscribe-element .modal-content ol > li:last-child {
  margin-bottom: 0;
}
.modal.modal-subscribe-element .modal-content ul {
  list-style: none;
  margin: 1rem 0 1rem;
  padding: 0;
}
.modal.modal-subscribe-element .modal-content ul li {
  position: relative;
  margin-bottom: 1rem;
}
.modal.modal-subscribe-element .modal-content ul li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.modal.modal-subscribe-element .modal-content ul li a {
  text-decoration: none;
  padding-left: 1rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  width: calc(100% - 0.5rem);
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.modal.modal-subscribe-element .modal-content ul li a:hover {
  text-decoration: underline;
}
.modal.modal-subscribe-element .modal-content ul li h3,
.modal.modal-subscribe-element .modal-content ul li h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.modal.modal-subscribe-element .modal-content ul li > span {
  text-decoration: none;
  padding-left: 1.5rem;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 0;
  width: calc(100% - 0.5rem);
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
}
.modal.modal-subscribe-element .modal-content ul li > span span {
  padding: 0;
}
.modal.modal-subscribe-element .modal-content ul li > span a {
  padding: 0;
}
.modal.modal-subscribe-element .modal-content ul li > span h4,
.modal.modal-subscribe-element .modal-content ul li > span h3 {
  margin-top: 0;
}
.modal.modal-subscribe-element .modal-content ul li h4 {
  text-decoration: none;
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 0;
  width: calc(100% - 0.5rem);
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #202329;
}
.modal.modal-subscribe-element .modal-content ul li::before {
  content: "";
  height: 0.5rem;
  width: 0.5rem;
  background: var(--primary_color);
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  top: 0.45rem;
  left: 2px;
}
.modal.modal-subscribe-element .modal-content ul li:last-child {
  margin-bottom: 0;
}
.modal.modal-subscribe-element .modal-content form {
  position: relative;
}
.modal.modal-subscribe-element .modal-content form button {
  width: 100%;
  height: 2.5rem;
}
.modal.modal-subscribe-element .modal-content form input[type=email] {
  width: 100%;
  height: 2.5rem;
  padding: 0.5rem 0.875rem;
  color: #202329;
  background-color: #f5f5f5;
  border-radius: 0.5rem;
  z-index: 2;
  margin-bottom: 0.75rem;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  font-size: 1rem;
  outline: none;
  border: none;
}
.modal.modal-subscribe-element .modal-content form input[type=email]:hover {
  background-color: #eeeef6;
}
.modal.modal-subscribe-element .modal-content form input[type=email]:focus, .modal.modal-subscribe-element .modal-content form input[type=email]:active {
  background-color: #eeeef6;
  outline: none;
}
.modal.modal-subscribe-element .modal-content form input[type=email]::placeholder {
  font-size: 1rem;
}
.modal.modal-subscribe-element .modal-content form input[type=email] .subscribe-message {
  display: block;
  width: 100%;
  color: var(--primary_color);
  margin-top: 5px;
  text-align: center;
  animation: move 0.12s ease-in-out;
  animation-iteration-count: 1;
  position: relative;
}
@keyframes move {
  0% {
    left: 0;
  }
  25% {
    left: 10px;
  }
  50% {
    left: -10px;
  }
  100% {
    left: 0px;
  }
}
.modal.modal-subscribe-element .modal-content .text-terms {
  margin-bottom: 0;
  font-size: 12px;
  margin: auto;
}
.modal.modal-subscribe-element .modal-content .text-terms a {
  text-decoration: underline;
}

.expired-alert-wrapper {
  position: fixed;
  bottom: 2rem;
  background: #fff3f5;
  display: none;
  padding: 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid #dfa1ac;
  z-index: 4;
}
.expired-alert-wrapper .expired-alert-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.expired-alert-wrapper .expired-alert-title .icon-error {
  color: white;
  font-size: 1.5rem;
  margin-right: 1rem;
  background: var(--primary_color);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
}
.expired-alert-wrapper .expired-alert-title .icon-error {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.expired-alert-wrapper .expired-alert-title p {
  color: #202329;
  font-size: 1.25rem;
  margin-bottom: 0;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.expired-alert-wrapper .icon-close {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.expired-alert-wrapper .icon-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.expired-alert-wrapper .icon-close:hover {
  background: white;
}
.expired-alert-wrapper.visible {
  left: 50%;
  width: 91%;
  transform: translateX(-50%);
  animation: move 0.3s cubic-bezier(0.45, 0.26, 0, 1);
  animation-iteration-count: 1;
  opacity: 1;
}
.expired-alert-wrapper.visible {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@keyframes move {
  0% {
    bottom: -2rem;
    opacity: 0;
  }
  100% {
    bottom: 2rem;
    opacity: 1;
  }
}
@media all and (max-width: 576px) {
  .expired-alert-wrapper {
    padding: 1rem;
  }
}

.bonus-subscribe-wrapper {
  background: white;
  border-radius: 0.5rem;
  border: 1px solid #d90027;
  margin-bottom: 2rem;
  margin-top: 1.875rem;
  display: grid;
  padding: 0.625rem 0.625rem 0.75rem;
  gap: 0.875rem;
}
.bonus-subscribe-wrapper:last-child {
  margin-bottom: 0;
}
.bonus-subscribe-wrapper:first-child {
  margin-top: 0;
}
.bonus-subscribe-wrapper .bonus-subscribe-info {
  row-gap: 0.5rem;
  column-gap: 0.75rem;
  grid-template-areas: "img infoElem" "title title";
  align-items: center;
}
.bonus-subscribe-wrapper .bonus-subscribe-info {
  display: grid;
  grid-template-columns: 86px auto;
  grid-template-rows: auto;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img {
  grid-area: img;
  border-radius: 0.5rem;
  overflow: hidden;
  width: 86px;
  height: 86px;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img img,
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img video {
  width: 86px;
  height: 86px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-title {
  font-size: 1rem;
  font-family: PTSerif-Bold;
  grid-area: title;
  line-height: 1.5rem;
  background-color: #f6faff;
  padding: 1.375rem 0.625rem;
  border-radius: 0.5rem;
  margin: 0;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-info-elements {
  grid-area: infoElem;
  gap: 0.625rem;
  width: max-content;
  height: max-content;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-info-elements {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-info-elements .bonus-subscribe-text {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: PTSerif-Bold;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-info-elements .badges {
  grid-column: -1/1;
  order: 0;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-info-elements .badges .badge-item {
  height: 1.75rem;
}
@media all and (min-width: 768px) {
  .bonus-subscribe-wrapper .bonus-subscribe-info {
    grid-template-areas: "img infoElem title";
  }
  .bonus-subscribe-wrapper .bonus-subscribe-info {
    display: grid;
    grid-template-columns: 100px 134px auto;
    grid-template-rows: auto;
  }
  .bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img {
    width: 100px;
    height: 100px;
  }
  .bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img img,
  .bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img video {
    width: 100px;
    height: 100px;
  }
  .bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-title {
    padding: 2rem 1.25rem;
    font-size: 1.125rem;
  }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form {
  width: 100%;
  justify-content: flex-start;
  display: inline-flex;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input {
  padding: 0 0.625rem;
  height: 2.75rem;
  color: #595959;
  border: 1px solid #bababa;
  border-radius: 0.5rem 0 0 0.5rem;
  z-index: 2;
  font-size: 1rem;
  width: 100%;
  transition: 0.3s cubic-bezier(0.45, 0.26, 0, 1);
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input:hover {
  border: 1px solid #c7c7c7;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input:focus {
  outline: 0;
  border: 1px solid #c7c7c7;
}
@media all and (max-width: 320px) {
  .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input {
    max-width: 145px;
  }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .btn {
  border-radius: 0px 0.5rem 0.5rem 0;
  background: #d90027;
  border: none;
  height: 2.75rem;
  width: 140px;
  font-size: 0.75rem;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .btn span::before {
  color: white;
}
@media all and (max-width: 320px) {
  .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .btn {
    width: 110px;
  }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .subscribe__fail {
  display: none;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .subscribe__fail.visible {
  display: block;
  margin-top: 0.5rem;
  width: 100%;
  animation: subscribeFail 0.12s ease-in-out;
  animation-iteration-count: 1;
  position: relative;
  color: #96001b;
}
@keyframes subscribeFail {
  0% {
    left: 0;
  }
  25% {
    left: 10px;
  }
  50% {
    left: -10px;
  }
  100% {
    left: 0px;
  }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-disclaimer {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1rem;
  font-size: 11px;
  text-align: center;
  display: block;
  margin-top: 1rem;
  color: #646060;
  border-top: 1px solid #e3e7f2;
  padding-top: 0.875rem;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-disclaimer:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 768px) {
  .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .btn {
    width: 180px;
  }
}
@media all and (min-width: 768px) {
  .bonus-subscribe-wrapper {
    gap: 1rem;
    padding: 1.25rem;
  }
}

.carousel {
  position: relative;
}
.carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.carousel .carousel-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: white;
  width: 2rem;
  height: 2rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.carousel .carousel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.carousel .carousel-button.carousel-button-left {
  left: 2rem;
}
.carousel .carousel-button.carousel-button-right {
  right: 2rem;
}
.carousel .carousel-button.is-hidden {
  display: none;
}
.carousel .carousel-track-container {
  height: 100%;
  position: relative;
  overflow: hidden;
  width: 250px;
  margin-bottom: 1rem;
}
.carousel .carousel-track-container .carousel-track {
  margin: 0;
  height: 100%;
  position: relative;
  transition: transform 250ms ease-in-out;
}
.carousel .carousel-track-container .carousel-track {
  list-style: none;
}
.carousel .carousel-track-container .carousel-track li::before {
  display: none;
}
.carousel .carousel-track-container .carousel-track .carousel-slide {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 250px;
  opacity: 0.1;
  transition: all 0.3s;
  margin: 0;
}
.carousel .carousel-track-container .carousel-track .carousel-slide.current-slide {
  opacity: 1;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element {
  width: 250px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);
  background: white;
  border-radius: 0.5rem;
  overflow: hidden;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .get-title,
.carousel .carousel-track-container .carousel-track .carousel-slide .element .value-title,
.carousel .carousel-track-container .carousel-track .carousel-slide .element .offer-title {
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  line-height: initial;
  text-align: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-bottom: 0.5rem;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .get-title,
.carousel .carousel-track-container .carousel-track .carousel-slide .element .offer-title {
  font-size: 1rem;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .value-title {
  font-size: 56px;
  line-height: 56px;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .btn-primary {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0.25rem;
  margin-top: 1rem;
  width: auto;
  height: auto;
  text-align: center;
  flex-direction: column;
  font-size: 1rem;
  text-decoration: none;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .btn-primary span {
  display: block;
  font-size: 0.75rem;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .terms-wrapper {
  line-height: 0.875rem;
  margin-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-top: 0.5rem;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .terms-wrapper .terms {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
  font-size: 11px;
  width: 100%;
  display: inline;
  text-align: left;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .terms-wrapper .terms-trigger {
  font-family: EuclidCircularB-Regular, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--secondary_color);
  font-size: 11px;
  cursor: pointer;
}
.carousel .carousel-nav {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.carousel .carousel-nav .carousel-indicator {
  width: 0.75rem;
  background: white;
  border: none;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  aspect-ratio: 1/1;
}
.carousel .carousel-nav .carousel-indicator.current-slide {
  background: var(--secondary_color);
  box-shadow: inset 0 0 2px white;
}

.modal.modal-carousel {
  background: rgba(1, 59, 117, 0.6);
}
.modal.modal-carousel .modal-content {
  background-color: var(--secondary_color);
  padding-top: 2rem;
  text-align: center;
  width: 100%;
  max-width: 315px;
}
.modal.modal-carousel .modal-content .close-modal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  color: white;
  width: 2rem;
  height: 2rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
}
.modal.modal-carousel .modal-content .close-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.modal.modal-carousel .modal-content .close-modal::before {
  color: white;
}
.modal.modal-carousel .modal-content .secondary-title {
  color: #61b7f2;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: initial;
  font-size: 1.125rem;
  margin-top: 0;
}
.modal.modal-carousel .modal-content .main-title {
  color: white;
  font-family: EuclidCircularB-Medium, Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: initial;
  font-size: 1.5rem;
}
.modal.modal-carousel .modal-content .carousel .carousel-button {
  width: 1.5rem;
  height: 1.5rem;
}
.modal.modal-carousel .modal-content .carousel .carousel-button.carousel-button-left {
  left: -0.75rem;
}
.modal.modal-carousel .modal-content .carousel .carousel-button.carousel-button-right {
  right: -0.75rem;
}
@media all and (min-width: 576px) {
  .modal.modal-carousel .modal-content {
    max-width: 500px;
  }
  .modal.modal-carousel .modal-content .carousel .carousel-button {
    width: 2rem;
    height: 2rem;
  }
  .modal.modal-carousel .modal-content .carousel .carousel-button.carousel-button-right {
    right: 2rem;
  }
  .modal.modal-carousel .modal-content .carousel .carousel-button.carousel-button-left {
    left: 2rem;
  }
}

.faqs-wrapper {
  margin-bottom: 2rem;
  overflow: hidden;
  padding: 0 0.625rem;
}
@media (min-width: 768px) {
  .faqs-wrapper {
    padding: 0;
  }
}
.faqs-wrapper .faqs-element {
  padding-right: 0;
  border-bottom: 1px solid #e3e7f2;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .faqs-wrapper .faqs-element {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.faqs-wrapper .faqs-element:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.faqs-wrapper .faqs-element .faqs-element-title {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.faqs-wrapper .faqs-element .faqs-element-title {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .faqs-wrapper .faqs-element .faqs-element-title {
    gap: 1.5rem;
  }
}
.faqs-wrapper .faqs-element .faqs-element-title .icon-chevron-down {
  margin: 0.25rem 0;
  background: #f6faff;
  border-radius: 50%;
  font-size: 0.375rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.625rem;
  pointer-events: none;
}
.faqs-wrapper .faqs-element .faqs-element-title .icon-chevron-down {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.faqs-wrapper .faqs-element .faqs-element-title.active-title .icon-chevron-down {
  transform: rotate(-180deg);
}
.faqs-wrapper .faqs-element .faqs-element-title:not(.active-title) .icon-chevron-down {
  transform: rotate(0deg);
}
.faqs-wrapper .faqs-element .faqs-element-accordion {
  background: #f6faff;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  opacity: 0;
  border-radius: 0.5rem;
}
@media all and (min-width: 768px) {
  .faqs-wrapper .faqs-element .faqs-element-accordion {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.faqs-wrapper .faqs-element .faqs-element-accordion.show {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  margin-top: 1.25rem;
  max-height: 1400px;
  opacity: 1;
  transition: 0.3s linear;
}
@media all and (min-width: 768px) {
  .faqs-wrapper .faqs-element .faqs-element-accordion.show {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    max-height: 900px;
  }
}
.faqs-wrapper .faqs-element .faqs-element-accordion.show p:last-child {
  margin-bottom: 0;
}
.faqs-wrapper .faqs-element .faqs-element-accordion.show p:empty {
  display: none;
}
.faqs-wrapper .faqs-element .faqs-element-accordion.show ol:first-child,
.faqs-wrapper .faqs-element .faqs-element-accordion.show ul:first-child {
  margin-top: 0;
}
.faqs-wrapper .faqs-element .faqs-element-accordion.show ol:last-child,
.faqs-wrapper .faqs-element .faqs-element-accordion.show ul:last-child {
  margin-bottom: 0;
}
.faqs-wrapper .faqs-element .faqs-element-accordion table {
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.faqs-wrapper .faqs-element .faqs-element-accordion table thead tr th {
  max-width: 400px;
  white-space: nowrap;
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #2e333c;
  vertical-align: middle;
  word-break: break-all;
  font-family: "EuclidCircularB-Semibold";
  text-align: left;
  background: #fafafa;
}
.faqs-wrapper .faqs-element .faqs-element-accordion table tbody tr td {
  max-width: 400px;
  font-family: "EuclidCircularB-Regular";
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 1rem;
  color: #3d4157;
}

.single-sidebar-bonuses .hero-section {
  background: white;
  border-radius: 0;
  margin-bottom: 0;
  padding-top: 0;
  box-shadow: 0px 2px 20px 0px rgba(24, 39, 75, 0.0392156863);
}
.single-sidebar-bonuses .hero-section .container {
  padding-top: 0.875rem;
  padding-bottom: 1rem;
}
.single-sidebar-bonuses .hero-section .container .breadcrumbs {
  margin-bottom: 0.625rem;
}
.single-sidebar-bonuses .hero-section .container .inline-wrapper {
  width: 100%;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #ebedfa;
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container h1 {
  margin-bottom: 1.25rem;
}
.single-sidebar-bonuses .hero-section .container .expand-section {
  width: 100%;
}
.single-sidebar-bonuses .hero-section .container .expand-section p {
  color: #202329;
}
.single-sidebar-bonuses .hero-section .container .expand-section .accordion {
  margin-top: 1.25rem;
  padding-right: 0;
  width: 100%;
}
.single-sidebar-bonuses .hero-section .container .expand-section .accordion .accordion-trigger {
  cursor: pointer;
  text-decoration: none;
  font-size: 0.875rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
}
.single-sidebar-bonuses .hero-section .container .expand-section .accordion .accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.single-sidebar-bonuses .hero-section .container .expand-section .accordion .accordion-trigger .icon-chevron-down {
  background-color: white;
  border-radius: 50%;
  font-size: 0.375rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.625rem;
  pointer-events: none;
}
.single-sidebar-bonuses .hero-section .container .expand-section .accordion .accordion-trigger .icon-chevron-down {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.single-sidebar-bonuses .hero-section .container .expand-section .accordion .accordion-trigger .icon-chevron-down.rotate {
  transform: rotate(0deg);
}
.single-sidebar-bonuses .hero-section .container .expand-section .accordion .accordion-element.show {
  max-height: 2500px;
  padding-top: 0;
}
.single-sidebar-bonuses .hero-section .container .expand-section .accordion .accordion-element.show p:first-child {
  margin-bottom: 1rem;
}
.single-sidebar-bonuses .hero-section .container .read-less-trigger-accordion {
  display: none;
  cursor: pointer;
  text-decoration: none;
  justify-self: center;
  font-size: 0.875rem;
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #202329;
}
.single-sidebar-bonuses .hero-section .container .read-less-trigger-accordion.visible {
  margin-top: 1.25rem;
}
.single-sidebar-bonuses .hero-section .container .read-less-trigger-accordion.visible {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.single-sidebar-bonuses .hero-section .container .read-less-trigger-accordion .icon-chevron-down {
  background-color: white;
  border-radius: 50%;
  font-size: 0.375rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.625rem;
  pointer-events: none;
  transform: rotate(180deg);
}
.single-sidebar-bonuses .hero-section .container .read-less-trigger-accordion .icon-chevron-down {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) {
  list-style: none;
  margin: 1.25rem 0 1.875rem 0;
  padding: 0;
  counter-reset: item;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol):first-child {
  margin-top: 0;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol):last-child {
  margin-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li {
  counter-increment: item;
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.25rem;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li:last-of-type {
  margin-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li h2,
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li h3,
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li h4,
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li h2:not(:only-child),
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li h3:not(:only-child),
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li h4:not(:only-child),
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li h5:not(:only-child) {
  margin-bottom: 0.5rem;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li a {
  text-decoration: underline;
  padding-left: 1rem;
  font-family: inherit;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li > span {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--secondary_color);
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li > span > span {
  padding: 0;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li > span a {
  padding: 0;
  text-decoration: underline;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li > span h4 {
  margin-top: 0;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li > span h4 a {
  font-size: inherit;
  font-family: inherit;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li > span ul:last-child,
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li > span ol:last-child {
  margin-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li::before {
  content: counter(item);
  font-family: EuclidCircularB-Semibold, Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--blue_primary);
  width: 1.5rem;
  height: 1.5rem;
  background: #f6faff;
  border-radius: 50%;
  font-size: 0.875rem;
  position: absolute;
  left: 0;
  top: 0;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li::before {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) > li:last-child {
  margin-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container ol:not(.breadcrumbs ol) li a {
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.single-sidebar-bonuses .hero-section .container ul {
  list-style: none;
  margin: 1rem 0 1rem;
  padding: 0;
}
.single-sidebar-bonuses .hero-section .container ul:first-child {
  margin-top: 0;
}
.single-sidebar-bonuses .hero-section .container ul:last-child {
  margin-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container ul > li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.25rem;
}
.single-sidebar-bonuses .hero-section .container ul > li a {
  text-decoration: underline;
  font-family: inherit;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.single-sidebar-bonuses .hero-section .container ul > li p {
  margin-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container ul > li h2,
.single-sidebar-bonuses .hero-section .container ul > li h3,
.single-sidebar-bonuses .hero-section .container ul > li h4,
.single-sidebar-bonuses .hero-section .container ul > li h5 {
  margin-top: 0;
  margin-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container ul > li h2:not(:only-child),
.single-sidebar-bonuses .hero-section .container ul > li h3:not(:only-child),
.single-sidebar-bonuses .hero-section .container ul > li h4:not(:only-child),
.single-sidebar-bonuses .hero-section .container ul > li h5:not(:only-child) {
  margin-bottom: 0.5rem;
}
.single-sidebar-bonuses .hero-section .container ul > li > span {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--secondary_color);
}
.single-sidebar-bonuses .hero-section .container ul > li > span > span {
  padding: 0;
}
.single-sidebar-bonuses .hero-section .container ul > li > span a {
  padding: 0;
  text-decoration: underline;
}
.single-sidebar-bonuses .hero-section .container ul > li > span h4,
.single-sidebar-bonuses .hero-section .container ul > li > span h3 {
  margin-top: 0;
}
.single-sidebar-bonuses .hero-section .container ul > li > span ul:last-child,
.single-sidebar-bonuses .hero-section .container ul > li > span ol:last-child {
  margin-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container ul > li h4 {
  text-decoration: none;
  font-family: inherit;
  margin-bottom: 0;
  width: calc(100% - 0.5rem);
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--secondary_color);
  position: relative;
}
.single-sidebar-bonuses .hero-section .container ul > li::before {
  content: "";
  height: 0.375rem;
  width: 0.375rem;
  background: var(--blue_primary);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 9px;
}
.single-sidebar-bonuses .hero-section .container ul > li:last-child {
  margin-bottom: 0;
}
.single-sidebar-bonuses .hero-section .container ul li a {
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  color: var(--blue_primary);
}
.single-sidebar-bonuses .author-section {
  margin-top: 2.5rem;
  margin-bottom: 0;
}
@media all and (min-width: 992px) {
  .single-sidebar-bonuses .author-section {
    margin-top: 3rem;
  }
}

.second-listing-container {
  margin-top: 1.25rem;
}