@charset "UTF-8";
.red-score {
  color: #e3693b;
}

.orange-score {
  color: #F49C16;
}

.yellow-score {
  color: #ffdf00;
}

.light-green-score {
  color: #b1dd78;
}

.green-score {
  color: #54b368;
}

.blue {
  color: #0969F9;
}

.green {
  color: #1AA260;
}

.orange {
  color: #F98C28;
}

.red {
  color: #E91010;
}

.text_right {
  text-align: right;
}

.text_center {
  text-align: center;
}

body {
  font-family: Font_Regular;
}
body p:not(.modal-title) {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-family: Font_Regular;
}
body p:not(.modal-title) a {
  font-family: inherit;
}
body p:not(.modal-title) strong {
  font-family: Font_Bold;
}
body p:not(.modal-title) img {
  width: 100%;
  height: auto;
}
body p:not(.modal-title):empty {
  display: none;
}
body p:not(.modal-title):last-child {
  margin-bottom: 0;
}
body p:not(.modal-title):has(+ h2) {
  margin-bottom: 0;
}
body cite {
  font-style: normal;
}
body small,
body .small {
  font-size: 0.625rem;
  line-height: 1rem;
  font-family: Font_Regular;
  color: #020202;
}

h1,
.h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-family: Font_Heading;
  color: #020202;
  margin-bottom: 2.5rem;
  margin-top: 0;
}
h1 b,
h1 strong,
.h1 b,
.h1 strong {
  font-size: inherit;
  font-family: inherit;
}
h1 a,
.h1 a {
  font-size: inherit;
  font-family: inherit;
  color: #020202;
}
@media all and (min-width: 576px) {
  h1,
  .h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

h2,
.h2 {
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-family: Font_Heading;
  color: #020202;
  margin-bottom: 1.875rem;
  margin-top: 1.875rem;
}
h2:first-child,
.h2:first-child {
  margin-top: 0;
}
h2 b,
h2 strong,
.h2 b,
.h2 strong {
  font-size: inherit;
  font-family: inherit;
}
h2 a,
.h2 a {
  font-size: inherit;
  font-family: inherit;
  color: #020202;
}
@media all and (min-width: 576px) {
  h2,
  .h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

h3,
.h3 {
  font-size: 1.125rem;
  line-height: 2.125rem;
  font-family: Font_Heading;
  color: #020202;
}
h3:not(.accordion-trigger),
.h3:not(.accordion-trigger) {
  margin-bottom: 1.5rem;
  margin-top: 0;
}
h3 b,
h3 strong,
.h3 b,
.h3 strong {
  font-size: inherit;
  font-family: inherit;
}
h3 a,
.h3 a {
  font-size: inherit;
  font-family: inherit;
  color: #020202;
}
@media all and (min-width: 576px) {
  h3,
  .h3 {
    font-size: 1.25rem;
    line-height: 2.125rem;
  }
}

h4,
.h4 {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #020202;
  font-family: Font_Heading;
  margin-bottom: 1rem;
  margin-top: 0;
}
h4 b,
h4 strong,
.h4 b,
.h4 strong {
  font-size: inherit;
  font-family: inherit;
}
h4 a,
.h4 a {
  font-size: inherit;
  font-family: inherit;
  color: #020202;
}

@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-"] {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-star-half-alt-solid,
.icon-star-regular,
.icon-star-solid {
  color: #ff9a1a;
}

.icon-mail:before {
  content: "\e96f";
  color: #fff;
}

.icon-full-circle {
  color: #F49C16;
}

.icon-commas:before {
  content: "\e9bc";
  color: #e1efff;
}

.icon-check-full:before {
  content: "\e9b2";
  color: rgb(255, 255, 255);
}

.icon-check-full:after {
  content: "\e9b3";
  margin-left: -1em;
  color: rgb(9, 105, 249);
}

.icon-linkedin-outline:before {
  content: "\e93f";
  color: #474f54;
}

.icon-x-outline:before {
  content: "\e940";
  color: #474f54;
}

.icon-facebook-outline:before {
  content: "\e941";
  color: #474f54;
}

.icon-articles:before {
  content: "\e9b1";
  color: #474f54;
}

.icon-check-outline:before {
  content: "\e9bd";
  color: #474f54;
}

.icon-briefcase:before {
  content: "\e93c";
  color: #474f54;
}

.icon-youtube:before {
  content: "\e938";
  color: #0969f9;
}

.icon-search-regular:before {
  content: "\e934";
}

.icon-copy-code:before {
  content: "\e96e";
  color: #6c6c6c;
}

.icon-ad:before {
  content: "\e9a1";
  color: #e6e6e6;
}

.icon-fast-payouts:before {
  content: "\e9a4";
  color: #e6e6e6;
}

.icon-latest-update:before {
  content: "\e9ae";
  color: #d9d9d9;
}

.icon-mobile-friendly:before {
  content: "\e9af";
  color: #e6e6e6;
}

.icon-secure-and-trusted:before {
  content: "\e9b0";
  color: #e6e6e6;
}

.icon-checked-special:before {
  content: "\e99e";
  color: rgb(37, 104, 239);
}

.icon-checked-special:after {
  content: "\e99f";
  margin-left: -1em;
  color: rgb(255, 252, 238);
}

.icon-retake:before {
  content: "\e9a0";
  color: #0969f9;
}

.icon-department:before {
  content: "\e99a";
  color: #474f54;
}

.icon-employment:before {
  content: "\e99b";
  color: #474f54;
}

.icon-experience:before {
  content: "\e99c";
  color: #474f54;
}

.icon-location:before {
  content: "\e99d";
  color: #474f54;
}

.icon-envelope:before {
  content: "\e999";
  color: #0969f9;
}

.icon-facebook:before {
  content: "\e997";
  color: rgb(9, 105, 249);
}

.icon-facebook:after {
  content: "\e998";
  margin-left: -1em;
  color: rgb(250, 250, 250);
}

.icon-warning:before {
  content: "\e996";
  color: #fff;
}

.icon-avoid:before {
  content: "\e995";
  color: #d72525;
}

.icon-blacklisted:before {
  content: "\e992";
  color: #e93131;
}

.icon-no-bonus-available:before {
  content: "\e993";
  color: #e93131;
}

.icon-not-recommended:before {
  content: "\e994";
  color: #e93131;
}

.icon-banned:before {
  content: "\e991";
  color: #e93131;
}

.icon-arrow-down:before {
  content: "\e990";
  color: #0969f9;
}

.icon-form-email:before {
  content: "\e98d";
  color: #0969f9;
}

.icon-form-name:before {
  content: "\e98e";
  color: #0969f9;
}

.icon-form-review:before {
  content: "\e98f";
  color: #0969f9;
}

.icon-important-terms:before {
  content: "\e93a";
  color: #e91010;
}

.icon-more-bonuses:before {
  content: "\e93d";
  color: #f8ca2a;
}

.icon-promo-verdict:before {
  content: "\e98c";
  color: #0969f9;
}

.icon-arrow-circle:before {
  content: "\e98b";
  color: #0969f9;
}

.icon-not-available:before {
  content: "\e98a";
  color: #ed1515;
}

.icon-closed:before {
  content: "\e989";
  color: #e93131;
}

.icon-top-banking:before {
  content: "\e97f";
  color: #fff;
}

.icon-top-bonus-codes:before {
  content: "\e980";
  color: #fff;
}

.icon-top-bonus-filters:before {
  content: "\e981";
  color: #fff;
}

.icon-top-filters:before {
  content: "\e982";
  color: #fff;
}

.icon-top-free-spins:before {
  content: "\e983";
  color: #fff;
}

.icon-top-guides:before {
  content: "\e984";
  color: #fff;
}

.icon-top-live-dealer-casinos:before {
  content: "\e985";
  color: #fff;
}

.icon-top-slots:before {
  content: "\e986";
  color: #fff;
}

.icon-top-star:before {
  content: "\e987";
  color: #fff;
}

.icon-top-games:before {
  content: "\e988";
  color: #fff;
}

.icon-checked:before {
  content: "\e97e";
  color: #07af5e;
}

.icon-trust-editor-pick:before {
  content: "\e978";
}

.icon-trust-free-spins:before {
  content: "\e979";
}

.icon-trust-low-deposit:before {
  content: "\e97a";
}

.icon-trust-new-casinos:before {
  content: "\e97b";
}

.icon-trust-top-rated-casino:before {
  content: "\e97c";
}

.icon-trust-users-choice:before {
  content: "\e97d";
}

.icon-casinos-list:before {
  content: "\e976";
}

.icon-toc-list:before {
  content: "\e977";
}

.icon-chevron-circle:before {
  content: "\e975";
}

.icon-trust-users:before {
  content: "\e971";
}

.icon-trust-check-mark:before {
  content: "\e972";
}

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

.icon-trust-bonuses:before {
  content: "\e974";
}

.icon-times-regular:before {
  content: "\e93b";
}

.icon-arrow-accordion:before {
  content: "\e970";
  color: #494949;
}

.icon-mail:before {
  content: "\e96f";
  color: #fff;
}

.icon-arrow-left:before {
  content: "\e96c";
}

.icon-arrow-right:before {
  content: "\e96d";
}

.icon-badge-latest:before {
  content: "\e968";
  color: #fff;
}

.icon-badge-new-casino:before {
  content: "\e969";
  color: #fff;
}

.icon-badge-user:before {
  content: "\e96a";
  color: #fff;
}

.icon-badge-trending:before {
  content: "\e96b";
  color: #fff;
}

.icon-lock:before {
  content: "\e967";
  color: #fff;
}

.icon-make-fullscreen:before {
  content: "\e915";
}

.icon-make-smallscreen:before {
  content: "\e917";
}

.icon-refresh:before {
  content: "\e965";
}

.icon-report-game:before {
  content: "\e966";
}

.icon-rate:before {
  content: "\e914";
}

.icon-filter-regular:before {
  content: "\e909";
  color: rgb(2, 2, 2);
  opacity: 0.48;
}

.icon-filter-regular:after {
  content: "\e913";
  margin-left: -1em;
  color: rgb(2, 2, 2);
  opacity: 0.144;
}

.icon-cash-filter:before {
  content: "\e908";
  color: #0969f9;
}

.icon-arrow-right-circle:before {
  content: "\e9d6";
}

.icon-tips:before {
  content: "\e9d5";
  color: #07af5e;
}

.icon-shield-safety:before {
  content: "\e9d4";
  color: #0969f9;
}

.icon-modal:before {
  content: "\e9d3";
  color: #fff;
}

.icon-report:before {
  content: "\e9d2";
  color: #e01003;
}

.icon-thumbs-down:before {
  content: "\e9d0";
  color: #b4b8bd;
}

.icon-thumbs-up:before {
  content: "\e9d1";
  color: #b4b8bd;
}

.icon-longarrow-right:before {
  content: "\e9cf";
  color: #0969f9;
}

.icon-banking-sidebar:before {
  content: "\e9c6";
  color: #fff;
}

.icon-free-spins-sidebar:before {
  content: "\e9c7";
  color: #fff;
}

.icon-game-providers-sidebar:before {
  content: "\e9c8";
  color: #fff;
}

.icon-guides-sidebar:before {
  content: "\e9c9";
  color: #fff;
}

.icon-live-dealer-sidebar:before {
  content: "\e9ca";
  color: #fff;
}

.icon-slots-sidebar:before {
  content: "\e9cb";
  color: #fff;
}

.icon-top-bonuses-sidebar:before {
  content: "\e9cc";
  color: #fff;
}

.icon-top-casinos-sidebar:before {
  content: "\e9cd";
  color: #fff;
}

.icon-top-filters-sidebar:before {
  content: "\e9ce";
  color: #fff;
}

.icon-expand:before {
  content: "\e9c3";
}

.icon-facts-checked:before {
  content: "\e9c4";
  color: #0969f9;
}

.icon-how-we-tested:before {
  content: "\e9c5";
  color: #0969f9;
}

.icon-2_deposit:before {
  content: "\e947";
  color: #0969f9;
}

.icon-3_deposit:before {
  content: "\e948";
  color: #0969f9;
}

.icon-4_deposit:before {
  content: "\e963";
  color: #0969f9;
}

.icon-5_deposit:before {
  content: "\e964";
  color: #0969f9;
}

.icon-cashback:before {
  content: "\e9c2";
  color: #0969f9;
}

.icon-claim-bonus:before {
  content: "\e939";
  color: #fff;
}

.icon-deposit_spins:before {
  content: "\e93e";
  color: #0969f9;
}

.icon-first_deposit:before {
  content: "\e91b";
  color: #0969f9;
}

.icon-no_deposit:before {
  content: "\e91c";
  color: #0969f9;
}

.icon-copy1:before {
  content: "\e918";
}

.icon-methodology1:before {
  content: "\e9c1";
}

.icon-betting-guides:before {
  content: "\e9ac";
  color: #1e6ac6;
}

.icon-poker-guides:before {
  content: "\e9be";
  color: #1e6ac6;
}

.icon-blackjack-guides:before {
  content: "\e9bf";
  color: #1e6ac6;
}

.icon-casino-guides:before {
  content: "\e9c0";
  color: #1e6ac6;
}

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

.icon-reload:before {
  content: "\e9ba";
}

.icon-bookmark:before {
  content: "\e9b8";
}

.icon-comment:before {
  content: "\e9b9";
}

.icon-comment-dots-regular1:before {
  content: "\e9b4";
}

.icon-thumb_down_con1:before {
  content: "\e9b5";
}

.icon-thumb_up_pro1:before {
  content: "\e9b6";
}

.icon-write_review1:before {
  content: "\e9b7";
}

.icon-list:before {
  content: "\e9ad";
}

.icon-plus-regular:before {
  content: "\e9ab";
}

.icon-arrow:before {
  content: "\e9aa";
  color: #1e6ac6;
}

.icon-filter:before {
  content: "\e9a9";
}

.icon-lightbulb1:before {
  content: "\e9a8";
}

.icon-open-tab:before {
  content: "\e9a7";
}

.icon-twitter:before {
  content: "\e9a5";
  color: #0969f9;
}

.icon-linkedin:before {
  content: "\e9a6";
  color: #0969f9;
}

.icon-info:before {
  content: "\e9a3";
  color: #0969f9;
}

.icon-hamburger1:before {
  content: "\e9a2";
}

.icon-empty-circle:before {
  content: "\e961";
}

.icon-full-circle:before {
  content: "\e962";
}

.icon-company-checks:before {
  content: "\e957";
}

.icon-company-hours:before {
  content: "\e958";
}

.icon-company-partners:before {
  content: "\e959";
}

.icon-company-reviews:before {
  content: "\e95a";
}

.icon-content-job:before {
  content: "\e95b";
}

.icon-open-position-icon:before {
  content: "\e95c";
}

.icon-values-perseverence:before {
  content: "\e95d";
}

.icon-values-responsability:before {
  content: "\e95e";
}

.icon-values-teamwork:before {
  content: "\e95f";
}

.icon-values-trust:before {
  content: "\e960";
}

.icon-trash-alt-regular:before {
  content: "\e956";
}

.icon-thank-you:before {
  content: "\e954";
}

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

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

.icon-comments:before {
  content: "\e94d";
}

.icon-game-providers:before {
  content: "\e94e";
}

.icon-how-to-get-this-bonus:before {
  content: "\e94f";
}

.icon-compare-with-other-casinos:before {
  content: "\e950";
}

.icon-payment-withdrawal-methods:before {
  content: "\e951";
}

.icon-industry-standards:before {
  content: "\e952";
}

.icon-nav-next:before {
  content: "\e949";
}

.icon-nav-before:before {
  content: "\e94a";
}

.icon-last-page:before {
  content: "\e94b";
}

.icon-first-page:before {
  content: "\e94c";
}

.icon-progress:before {
  content: "\e921";
}

.icon-money-management:before {
  content: "\e922";
}

.icon-minus:before {
  content: "\e945";
}

.icon-plus-light:before {
  content: "\e946";
}

.icon-book-light:before {
  content: "\e92d";
}

.icon-fist-raised-light:before {
  content: "\e931";
}

.icon-hourglass-light:before {
  content: "\e932";
}

.icon-lightbulb-on-light:before {
  content: "\e942";
}

.icon-pen-nib-light:before {
  content: "\e943";
}

.icon-university-light:before {
  content: "\e944";
}

.icon-eye-light:before {
  content: "\e92b";
}

.icon-list-ul-light:before {
  content: "\e92a";
}

.icon-new-casinos:before {
  content: "\e929";
}

.icon-chevron-down-light:before {
  content: "\e907";
}

.icon-payment-methods:before {
  content: "\e904";
  color: #9f6a93;
}

.icon-registration-process:before {
  content: "\e905";
  color: #ff9595;
}

.icon-responsible-gambling:before {
  content: "\e906";
  color: #9f6a93;
}

.icon-casino-overview:before {
  content: "\e903";
  color: #1e6ac5;
}

.icon-ad-light:before {
  content: "\e900";
}

.icon-bell-light:before {
  content: "\e901";
}

.icon-book-reader-light:before {
  content: "\e902";
}

.icon-chart-line-down-regular:before {
  content: "\e90a";
}

.icon-chart-line-regular:before {
  content: "\e90b";
}

.icon-check-regular:before {
  content: "\e90c";
}

.icon-chevron-down-regular:before {
  content: "\e90d";
}

.icon-chevron-left-regular:before {
  content: "\e90e";
  color: #0969f9;
}

.icon-chevron-right-regular:before {
  content: "\e90f";
  color: #0969f9;
}

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

.icon-clock-light:before {
  content: "\e911";
}

.icon-comments-light:before {
  content: "\e912";
}

.icon-coupon-codes:before {
  content: "\e916";
  color: #00ba9c;
}

.icon-file-check-light:before {
  content: "\e919";
}

.icon-filter-light:before {
  content: "\e91a";
}

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

.icon-games:before {
  content: "\e91e";
  color: #ff9595;
}

.icon-gift-regular:before {
  content: "\e91f";
}

.icon-globe-light:before {
  content: "\e920";
}

.icon-home-lg-alt-light:before {
  content: "\e923";
  color: #0969f9;
}

.icon-horizontal-rule-regular:before {
  content: "\e924";
}

.icon-independency:before {
  content: "\e925";
  color: #f39292;
}

.icon-info-circle-light:before {
  content: "\e926";
}

.icon-integrity:before {
  content: "\e927";
  color: #1e6ac6;
}

.icon-latest-added:before {
  content: "\e928";
}

.icon-no-deposit:before {
  content: "\e92c";
}

.icon-pencil-light:before {
  content: "\e92e";
}

.icon-player-control:before {
  content: "\e92f";
  color: #4eb89d;
}

.icon-pro-cons:before {
  content: "\e930";
  color: #ff9595;
}

.icon-safety:before {
  content: "\e933";
  color: #976b90;
}

.icon-star-half-alt-solid:before {
  content: "\e935";
}

.icon-star-regular:before {
  content: "\e936";
}

.icon-star-solid:before {
  content: "\e937";
  color: #ffcb2b;
}

body #header-main {
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: 1px solid #f0f0f0;
  height: 3.875rem;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
@media all and (max-width: 767px) {
  body #header-main {
    height: 4.5rem;
  }
}
body #header-main .container-fluid {
  height: 100%;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body #header-main .container-fluid .logo-and-language-container {
  width: 100%;
  position: relative;
}
@media all and (max-width: 767px) {
  body #header-main .container-fluid .logo-and-language-container {
    justify-content: center;
    padding: 0; /* Add padding on both sides to account for menu and lang switcher */
  }
  body #header-main .container-fluid .logo-and-language-container #lang-switcher {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
  }
}
body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu {
  width: 1.5rem;
  height: 1.625rem;
  background: transparent;
  padding: 0.125rem;
  cursor: pointer;
  border: none;
  left: 15px;
  z-index: 5;
}
body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu img {
  width: 1.25rem;
  height: auto;
}
body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu.active-hamburger img {
  display: none;
}
body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu.active-hamburger::after {
  content: "\e93b";
  font-family: "icomoon";
  font-size: 1rem;
}
body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
@media all and (min-width: 992px) {
  body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu {
    display: none;
  }
}
body #header-main .container-fluid .logo-and-language-container #logo {
  line-height: 1;
  margin-bottom: 0;
  position: relative;
  margin-left: 1rem;
}
@media all and (max-width: 767px) {
  body #header-main .container-fluid .logo-and-language-container #logo {
    /* Increase left margin to avoid menu button */
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
body #header-main .container-fluid .logo-and-language-container #logo .logo-img {
  height: 25px;
  width: auto;
  margin-right: 0.5rem;
}
@media all and (max-width: 320px) {
  body #header-main .container-fluid .logo-and-language-container #logo .logo-img {
    height: 1.25rem;
    margin-right: 0.25rem;
  }
}
body #header-main .container-fluid .logo-and-language-container #logo .logo-text {
  height: 0.875rem;
  width: auto;
}
body #header-main .container-fluid .logo-and-language-container #logo .logo-text {
  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);
}
body #header-main .container-fluid .logo-and-language-container #logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
body #header-main .container-fluid .logo-and-language-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
@media all and (min-width: 992px) {
  body #header-main .container-fluid .logo-and-language-container {
    justify-content: flex-start;
    width: auto;
    margin-right: 20px;
  }
}
body #header-main .container-fluid #main-nav {
  display: none;
}
body #header-main .container-fluid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
body #header-main .header-dropdown-mobile {
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 99;
  padding: 1rem;
  background-color: #fff;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
}
body #header-main .header-dropdown-mobile .search-container {
  margin-bottom: 1.5rem;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion {
  width: 100%;
  background-color: #fff;
  margin-bottom: 0.5rem;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion:last-child {
  margin-bottom: 0;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-trigger {
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #020202;
  padding: 0.75rem 0;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-trigger span {
  color: #020202;
  opacity: 0.5;
  font-size: 0.875rem;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element {
  box-shadow: unset;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element.show {
  box-shadow: -1px 0px 0 #efefef;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element li::marker {
  display: none;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container {
  gap: 0.875rem;
  padding-left: 1.5rem;
  margin: 0.75rem 0;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element {
  padding: 0.25rem 0;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element li::marker {
  display: none;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-img {
  width: 1.5rem;
  height: auto;
  margin-right: 0.625rem;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-text {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-title {
  font-size: 1rem;
  line-height: 1.25rem;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-title::after {
  content: "\e90f";
  font-family: "icomoon";
  font-size: 0.75rem;
  margin-left: 0.625rem;
  color: #676767;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-description {
  display: none;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .navbar-link-quiz {
  display: none;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .no-collapse-elements {
  width: 100%;
  margin-bottom: 1rem;
  background-color: #fff;
  font-size: 1.125rem;
  color: #020202;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
body #header-main .header-dropdown-mobile .accordion-mobile-list li::marker {
  display: none;
}
@media (pointer: coarse) {
  body #header-main .header-dropdown-mobile .accordion-mobile-list {
    padding-bottom: 110px;
  }
}
body #header-main .header-dropdown-mobile.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  height: calc(100vh - 72px);
}
@media all and (max-width: 767px) {
  body #header-main .header-dropdown-mobile.active {
    height: calc(100vh - 88px);
  }
}
@media all and (min-width: 992px) {
  body #header-main .header-dropdown-mobile {
    display: none;
  }
}
body #header-main {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
@media all and (min-width: 992px) {
  body #header-main {
    height: 4.5rem;
  }
  body #header-main .container-fluid .logo-and-language-container #logo {
    margin-left: 0;
  }
  body #header-main .container-fluid #main-nav {
    height: 100%;
    margin: 0 auto;
    flex: 1;
  }
  body #header-main .container-fluid #main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
  body #header-main .container-fluid #main-nav .nav {
    list-style: none;
    height: inherit;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item {
    height: inherit;
    margin-right: 1.5rem;
    position: static;
    cursor: pointer;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-trigger-hover {
    font-family: Font_SemiBold;
    font-size: 0.875rem;
    line-height: 1rem;
    color: #020202;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-trigger-hover .icon-chevron-down-regular {
    font-size: 0.625rem;
    margin-left: 0.25rem;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    transform: rotate(0deg);
    transform-origin: center;
    pointer-events: none;
    display: inline-block;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover {
    border-radius: 0;
    display: grid;
    place-items: center;
    padding: 0;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
    position: absolute;
    right: 0;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    font-family: Font_Regular;
    pointer-events: none;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container {
    max-width: 1140px;
    width: 100%;
    padding: 2rem;
    column-gap: 2rem;
    row-gap: 3rem;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a {
    padding: 0;
    color: #020202;
    font-size: 0.75rem;
    line-height: 1rem;
    text-decoration: none;
    word-break: break-word;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a:hover {
    background-color: transparent;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-img {
    width: 3rem;
    height: auto;
    margin-right: 1rem;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text {
    gap: 0.25rem;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-title {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-family: Font_SemiBold;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-title {
    transition: all 0.2s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.2s cubic-bezier(0.45, 0.26, 0, 1);
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-description {
    font-size: 0.75rem;
    line-height: 1rem;
    color: rgba(2, 2, 2, 0.56);
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text:hover {
    cursor: pointer;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text:hover .nav-menu-element-title {
    color: #0969F9;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element {
    list-style: none !important;
    margin: 0;
    padding: 0;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element li::marker {
    display: none;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz {
    width: 100%;
    background-color: rgba(9, 105, 249, 0.06);
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #0969F9;
    font-family: Font_SemiBold;
    display: none;
  }
}
@media all and (min-width: 992px) and (min-width: 992px) {
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz {
    display: block;
  }
}
@media all and (min-width: 992px) {
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz:hover {
    color: #0457d4;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz span {
    font-size: 0.75rem;
    margin-left: 0.5rem;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .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);
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover {
    list-style: none !important;
    margin: 0;
    padding: 0;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover li::marker {
    display: none;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-trigger-hover {
    color: #0969F9;
    position: relative;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-trigger-hover .icon-chevron-down-regular {
    transform: rotate(-180deg);
  }
  body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-element-hover {
    opacity: 1;
    z-index: 100;
    visibility: visible;
    max-height: 600px;
    pointer-events: all;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-element-hover {
    box-shadow: rgba(88, 102, 126, 0.08) 0px 4px 24px, rgba(88, 102, 126, 0.12) 0px 1px 2px;
    background-color: #fff;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover {
    width: 100%;
    top: 100%;
    bottom: unset;
  }
  body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-element-hover {
    top: calc(100% - 1px);
  }
}
@media all and (min-width: 992px) and (max-width: 991px) and (min-width: 1199px) {
  body #header-main .container-fluid #main-nav .nav .nav-item {
    margin-right: 1rem;
  }
}
@media all and (min-width: 992px) {
  body #header-main .container-fluid #main-nav .nav .no-collapse-elements:last-child {
    margin-right: 0;
  }
  body #header-main .container-fluid #main-nav .nav .no-collapse-elements a {
    font-size: 0.875rem;
    line-height: 1rem;
    font-family: Font_SemiBold;
    color: #020202;
    text-decoration: none;
  }
  body #header-main .container-fluid #main-nav .nav .no-collapse-elements a:hover {
    color: #0969F9;
  }
  body #header-main .container-fluid #main-nav .nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
}

@font-face {
  font-family: Font_Regular;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Regular.woff2") format("woff2");
}
@font-face {
  font-family: Font_SemiBold;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSansJP-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: Font_Bold;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/NotoSansJP-Bold.woff2") format("woff2");
}
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

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

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

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}

.button {
  font-size: 0.875rem;
  line-height: 2.75rem;
  font-family: Font_SemiBold;
  text-transform: uppercase;
  height: 2.75rem;
  border-radius: 0.5rem;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.button.expand-trigger trigger {
  text-decoration: none;
  text-transform: uppercase;
}
.button.button-filter {
  text-transform: capitalize;
}
.button.blue-full {
  background: #0969F9;
  border-color: transparent;
}
.button.blue-full:hover {
  color: white;
  background-color: #0457d4;
}
.button.blue-full:active {
  background-color: #04419c;
  color: white;
}
.button.blue-full:active {
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
}
.button.blue-full-lighter {
  background-color: #e8f2ff;
  border-color: transparent;
  color: #0969F9;
  width: 100%;
}
.button.blue-full-lighter:hover {
  background-color: #c7ddf8;
  color: #0969F9;
}
.button.blue-full-lighter:active {
  background-color: #c7ddf8;
  color: #0969F9;
}
@media all and (min-width: 576px) {
  .button.blue-full-lighter {
    width: max-content;
  }
}
.button.outlined-blue {
  background-color: white;
  border: 1px solid #0969F9;
  color: #0969F9;
}
.button.outlined-blue:hover {
  background-color: rgba(30, 106, 197, 0.1);
}
.button.outlined-blue:active {
  background-color: rgba(30, 106, 197, 0.2);
  color: #04419c;
}
.button.green-full {
  background: #1AA260;
}
.button.green-full:hover {
  color: white;
  background: #1b7449;
}
.button.green-full:active {
  background: #196842;
}
.button.green-full:active {
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
}
.button.green-full-lighter {
  background-color: #e3f9f1;
  color: #035e4f;
}
.button.green-full-lighter:hover {
  background-color: #d1fcec;
}
.button.green-full-lighter:active {
  background-color: #b8fce3;
  border-color: transparent;
  outline: none;
  -webkit-outline: none;
}
.button.outlined-green {
  background-color: transparent;
  border: 2px solid #1AA260;
  color: #1AA260;
}
.button.outlined-green:hover {
  background-color: rgba(30, 106, 197, 0.1);
}
.button.outlined-green:active {
  background-color: rgba(30, 106, 197, 0.2);
}
.button.outlined-white {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.button.outlined-white:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.button.outlined-white:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.button.pink-full {
  background: #DB00C5;
  color: white;
}
.button.pink-full:hover {
  background: #c400b0;
  color: white;
}
.button.red-full {
  background-color: #CD0000;
  border-color: transparent;
  max-width: max-content;
}
.button.red-full:hover {
  color: white;
  background-color: #b90101;
  border-color: transparent;
}
.button.red-full:active {
  background-color: #a50101;
  border-color: transparent;
  outline: none;
  -webkit-outline: none;
}
.button.btn-disabled {
  pointer-events: none;
  user-select: none;
}
.button.arrow {
  font-size: 1rem;
  line-height: 1.25rem;
  border: none;
  border-radius: 0.5rem;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-left: 2rem;
  padding-right: 2.5rem;
  position: relative;
  background: #0969F9;
  max-width: 180px;
  height: 45px;
}
.button.arrow:after {
  content: "\e90f";
  font-family: "icomoon";
  font-weight: 400;
  font-size: 1.25rem;
  color: #0969F9;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: -1.125rem;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.button.arrow:after {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.button.arrow:hover, .button.arrow:focus, .button.arrow:active {
  background: #04419c;
  color: white;
}
.button:active {
  transform: scale(0.95);
}
.button {
  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);
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.expand-trigger trigger {
  max-width: max-content;
}

input:focus, input:active {
  outline: none;
  box-shadow: 0;
}

.link_review_centered {
  font-size: 0.75rem;
  position: relative;
  width: max-content;
  margin: 0 auto 1.5rem auto;
  color: #0969F9;
  font-family: Font_SemiBold;
  text-decoration: none;
}
.link_review_centered:hover {
  color: #0457d4;
}
.link_review_centered::before {
  content: "\e90f";
  font-family: "icomoon";
  color: #0969F9;
  font-size: 0.5rem;
  margin-left: 0.5rem;
}
.link_review_centered::after {
  content: "";
  height: 1px;
  width: calc(100% - 0.75rem);
  position: absolute;
  left: 0;
  top: calc(100% - 0.25rem);
  background: #0969F9;
  display: block;
  bottom: unset;
}
.link_review_centered {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}

.load-more-progress {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.load-more-progress .progress-bar-load-text {
  font-size: 0.75rem;
  color: rgba(2, 2, 2, 0.7);
  margin-bottom: 0.625rem;
}
.load-more-progress .progress-bar-load {
  margin-bottom: 1rem;
  background: rgba(2, 2, 2, 0.08);
  overflow: hidden;
  height: 0.5rem;
  width: 100%;
  max-width: 18.5rem;
}
.load-more-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.load-more-progress:last-child {
  margin-bottom: 0;
}

.btn-load-more {
  border-radius: 0.5rem;
  height: 2.25rem;
  text-transform: uppercase;
  font-family: Font_SemiBold;
}
.btn-load-more.spinning {
  position: relative;
}
.btn-load-more.spinning {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.btn-load-more.spinning:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  position: relative;
  border: 3px solid #0969F9;
  border-right: 3px solid #fff;
  -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);
  }
}
ol {
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}
ol:has(+ h2) {
  margin-bottom: 0;
}
ol li {
  position: relative;
  margin-bottom: 0.875rem;
  font-size: 0.875rem;
  font-family: Font_Regular;
}
ol li:last-child {
  margin-bottom: 0;
}

dl {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
dl {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
dl li::marker {
  display: none;
}

* {
  -webkit-text-size-adjust: 100%;
}

body {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: Font_Regular;
  color: #020202;
  background: #fafbfc;
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
body.overflow-hidden {
  overflow: hidden;
}
body strong,
body b {
  font-family: Font_Bold;
}
body br {
  display: none;
}
body p > picture img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
body .h-centered {
  text-align: center;
}
@media all and (min-width: 768px) {
  body .h-centered {
    text-align: left;
  }
}
body .figure-content,
body picture {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5rem;
  overflow: hidden;
  line-height: 1;
}
body .figure-content img,
body picture img {
  width: 100%;
  height: auto;
}
body .d-grid {
  display: grid;
}
body .highlighted-element {
  border: 1px solid #da00c5;
}
body figure {
  margin-bottom: 1rem;
}
body figure figcaption {
  font-size: 0.75rem;
}
body .load-more-wrapper {
  margin-bottom: 1.875rem;
}
body .load-more-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
body .load-more-wrapper:last-child {
  margin-bottom: 0;
}
body .iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
body .iframe-wrapper:last-child {
  margin-bottom: 0;
}
body .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body .block-expand {
  margin-bottom: 1.5rem;
}
body .block-expand:last-child {
  margin-bottom: 0;
}
body .section-generic {
  margin-top: 2.5rem;
}
body .section-generic h2 {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}
body .section-generic h2:first-child {
  margin-top: 0;
}
body .section-generic:first-child {
  margin-top: 0;
}
body .section-generic > *:has(+ h3) {
  margin-bottom: 1.5rem;
}
body .section-generic > *:first-child {
  margin-top: 0;
}
body .section-generic > *:last-child {
  margin-bottom: 0;
}
body .section-generic .section-generic-content {
  background-color: white;
  border-radius: 0.25rem;
  padding: 1rem;
  box-shadow: 0px 4px 8px 0px rgba(10, 16, 32, 0.0784313725);
}
@media all and (min-width: 992px) {
  body .section-generic .section-generic-content {
    padding: 1.5rem;
  }
}
body .section-generic ul:not(.bonuses-list, .bonuses-list2, .mini-reviews-list) {
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 1.125rem;
  list-style-type: disc;
}
body .section-generic ul:not(.bonuses-list, .bonuses-list2, .mini-reviews-list):last-child {
  margin-bottom: 0;
}
body .section-generic ul:not(.bonuses-list, .bonuses-list2, .mini-reviews-list):has(+ h2) {
  margin-bottom: 0;
}
body .section-generic ul:not(.bonuses-list, .bonuses-list2, .mini-reviews-list) li {
  font-family: Font_Regular;
  margin-bottom: 0.75rem;
  position: relative;
  padding-top: 0;
  font-size: 0.875rem;
}
body .section-generic ul:not(.bonuses-list, .bonuses-list2, .mini-reviews-list) li.no-collapse {
  padding: 0.625rem;
}
@media all and (min-width: 540px) {
  body .section-generic ul:not(.bonuses-list, .bonuses-list2, .mini-reviews-list) li.no-collapse {
    padding: 1rem;
  }
}
body .section-generic ul:not(.bonuses-list, .bonuses-list2, .mini-reviews-list) li:last-child {
  margin-bottom: 0;
}
body .section-generic ul:not(.bonuses-list, .bonuses-list2, .mini-reviews-list) li:last-child h3:last-child {
  margin-bottom: 0;
}
body .section-generic ul:not(.bonuses-list, .bonuses-list2, .mini-reviews-list).red li:before {
  background-color: #E91010;
}
body .section-generic .mini-reviews-list {
  margin-bottom: 1.875rem;
}
body .section-generic ol.toc {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
body .section-generic ol.toc li::marker {
  display: none;
}
body .section-generic ol.toc li {
  margin-bottom: 0.875rem;
}
body .section-generic:empty {
  display: none;
}
body .section-generic.section-generic-background {
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  padding: 1.5rem 0.75rem;
  display: grid;
}
body .section-generic.section-generic-background > *:has(+ h3) {
  margin-bottom: 1.5rem !important;
}
body .section-generic.section-generic-background:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 992px) {
  body .section-generic.section-generic-background {
    padding: 1.5rem;
  }
}
body .section-list > h2 {
  margin-top: 0;
}

.icon-error-octagon {
  display: none;
}

a {
  color: #0969F9;
  font-family: Font_SemiBold;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
a {
  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);
}
a:hover {
  color: #0457d4;
}
a:focus, a:active {
  color: #04419c;
}
a.expand-section_text {
  font-size: 1rem;
  line-height: 2rem;
  position: relative;
  padding-right: 1.25rem;
  display: inline;
}
a.expand-section_text:after {
  content: "\e902";
  font-family: "icomoon";
  font-size: 0.875rem;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 5px;
}
a.expand-section_text:hover:after {
  text-decoration: none;
}

label.solid {
  font-size: 13px;
  line-height: 1.25rem;
  font-family: Font_SemiBold;
  text-align: center;
  letter-spacing: 1px;
  color: #0969F9;
  background-color: #e8f2ff;
  border-radius: 4px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 0.625rem 1rem;
}
@media all and (min-width: 768px) {
  label.solid {
    line-height: 1.125rem;
    padding: 6px 1.25rem;
  }
}
@media all and (min-width: 1200px) {
  label.solid {
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 6px 2rem;
  }
}
label.solid.blue {
  background-color: #e8f2ff;
  color: #0969F9;
}
label.solid.green {
  background-color: #e3f9f1;
  color: #196842;
}
label.solid.red {
  background-color: #fae3e3;
  color: #E91010;
}
label.solid.purple {
  background-color: rgb(237, 230, 247);
  color: #b900e8;
}
label.icon {
  font-size: 11px;
  line-height: 1rem;
  font-family: Font_Regular;
  padding: 5px 0.625rem;
  border: 1px solid #D7D8DB;
  border-radius: 0.5rem;
  display: flex;
  align-items: stretch;
  white-space: nowrap;
}
@media all and (min-width: 768px) {
  label.icon {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}
label.icon span[class^=icon-] {
  font-size: 1rem;
  background-color: #e8f2ff;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  padding: 5px 0.625rem;
  margin: -5px -10px;
  margin-right: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.move-to-section > * {
  pointer-events: none;
}

.section-generic {
  margin-top: 1.875rem;
}
.section-generic .section-title-wrapper {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.section-generic .section-title-wrapper .section-title {
  font-family: Font_Heading;
  margin: 0;
}
@media all and (min-width: 768px) {
  .section-generic .section-title-wrapper {
    margin-bottom: 2rem;
    justify-content: flex-start;
  }
}

.modal-rating,
.modal-report {
  z-index: 101 !important;
}

.tooltip-modal.show {
  z-index: 101 !important;
}
@media all and (min-width: 992px) {
  .tooltip-modal.show {
    z-index: 7 !important;
  }
}

.backtotop {
  position: fixed;
  right: 0.625rem;
  bottom: 80px;
  background: #e8f2ff;
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  display: none;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 2;
  text-decoration: none;
}
.backtotop:hover {
  text-decoration: none;
}
.backtotop span {
  font-size: 1.5rem;
  pointer-events: none;
}
.backtotop.element-visible {
  opacity: 0.7;
}
.backtotop.element-visible:hover {
  opacity: 1;
}
.backtotop.element-visible:active {
  transform: scale(0.98);
}
.backtotop.element-visible {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.align-left {
  text-align: left;
}

.container-fluid {
  width: 100%;
  max-width: 1392px;
  margin: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.img-landscape {
  width: 100%;
  height: auto;
}

.grid-container {
  padding: 1rem;
  max-width: 100%;
  gap: 2.5rem;
}
.grid-container {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.grid-container .main-content {
  order: 0;
  grid-column: 1/-1;
  align-items: flex-start;
}
.grid-container .sidebar {
  grid-column: 1/-1;
  order: 1;
}
@media all and (min-width: 992px) {
  .grid-container {
    max-width: 1140px;
    gap: 2rem;
    margin: 0 auto;
    align-items: flex-start;
    padding: 2rem 1rem;
  }
  .grid-container .home-section {
    grid-column: 1;
  }
  .grid-container .main-content {
    grid-column: 2;
    order: 1;
  }
  .grid-container .sidebar {
    grid-column: 1;
    order: 0;
  }
  .grid-container {
    display: grid;
    grid-template-columns: 230px 1fr;
    grid-template-rows: auto;
  }
}

.container-full {
  padding: 0 1rem;
  max-width: 100%;
}
@media all and (min-width: 992px) {
  .container-full {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 2rem;
  }
}

.container {
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin: auto;
}
.container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
@media all and (min-width: 576px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media all and (min-width: 768px) {
  .container {
    max-width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media all and (min-width: 992px) {
  .container {
    max-width: 1140px;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media all and (min-width: 1200px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

/* Animation Keyframes */
@keyframes rainbowGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes pulseScale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes glowEffect {
  0% {
    box-shadow: 0 0 5px rgba(74, 92, 255, 0.5);
  }
  50% {
    box-shadow: 0 0 15px rgba(74, 92, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 5px rgba(74, 92, 255, 0.5);
  }
}
@keyframes textSwap {
  0%, 45% {
    opacity: 1;
    transform: translateY(0);
  }
  50%, 95% {
    opacity: 0;
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes rewardsTextSwap {
  0%, 45% {
    opacity: 0;
    transform: translateY(5px);
  }
  50%, 95% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(5px);
  }
}
/* OOXOO Integration Auth Buttons */
.ooxoo-auth-buttons {
  display: flex;
  align-items: center;
  gap: 0.25rem; /* Reduced from 6px */
  margin: 0;
}

/* Header-specific button styling */
.header-auth-buttons {
  padding: 0;
  margin-right: 0; /* Remove right margin */
}

/* Header actions wrapper styling */
.header-actions-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
  margin-left: auto;
  position: relative;
  z-index: 5;
  height: 100%;
}

header#header-main .container-fluid {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.ooxoo-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
  background-color: #0969F9;
  color: #fff;
  text-decoration: none !important;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-family: Font_SemiBold;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
  width: 100%; /* Full width for button */
  height: 2.375rem;
  margin-left: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: none;
  outline: none;
  min-width: 90px;
  text-align: center;
  white-space: nowrap;
  /* Animated rewards button styles */
}
.ooxoo-button .profile-text {
  margin-left: 0.5rem;
  display: flex;
}
.ooxoo-button .login-text span,
.ooxoo-button .rewards-text span {
  margin-left: 0.5rem;
}
.ooxoo-button.animate-rewards {
  max-width: 95px;
  width: 100%;
  position: relative;
  border-radius: 0.5rem;
}
.ooxoo-button.animate-rewards .login-text,
.ooxoo-button.animate-rewards .rewards-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.ooxoo-button.animate-rewards .login-text {
  opacity: 1;
}
.ooxoo-button.animate-rewards .rewards-text {
  font-weight: 700;
  letter-spacing: 0.5px;
  opacity: 0;
  font-size: 11px;
}
.ooxoo-button.animate-rewards::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #5d69ff, #0969f9, #54beff, #0056d6);
  background-size: 300% 300%;
  border-radius: inherit;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  animation: rainbowGradient 3s ease-in-out infinite;
  animation-delay: 1s;
}
.ooxoo-button.animate-rewards::after {
  content: "";
  position: absolute;
  inset: 1px; /* Creates a 1px border effect */
  background-color: #0969F9;
  border-radius: 3px;
  z-index: 1;
  transition: all 0.3s ease;
}
.ooxoo-button.animate-rewards .login-text,
.ooxoo-button.animate-rewards .rewards-text {
  z-index: 2;
}
.ooxoo-button.animate-rewards.rewards-active {
  animation: pulseScale 2s ease-in-out infinite;
  box-shadow: 0 0 0.625rem rgba(74, 92, 255, 0.6);
  animation: glowEffect 3s ease-in-out infinite alternate;
}
.ooxoo-button.animate-rewards.rewards-active::before {
  opacity: 1;
}
.ooxoo-button.animate-rewards.rewards-active::after {
  opacity: 0.6;
  background: rgba(0, 0, 0, 0.1);
}
.ooxoo-button.animate-rewards.rewards-active .login-text {
  opacity: 0;
  transform: translateY(-5px);
}
.ooxoo-button.animate-rewards.rewards-active .rewards-text {
  opacity: 1;
  transform: translateY(0);
}
.ooxoo-button.animate-rewards.rewards-active .rewards-text .button-icon {
  animation: pulseScale 1.5s ease-in-out infinite;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.7));
  fill: #ffdc5f !important;
  width: 16px;
  height: 16px;
}
.ooxoo-button:hover {
  background-color: #0457d4;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(9, 105, 249, 0.2);
}
.ooxoo-button:active {
  background-color: #04419c;
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(9, 105, 249, 0.2);
}

.ooxoo-username {
  margin-left: 3px;
  color: #0969F9;
  font-weight: 600;
}

/* Modern Modal styles */
.ooxoo-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  backdrop-filter: blur(4px);
}
.ooxoo-modal.active {
  display: flex;
  opacity: 1;
  animation: modalFadeIn 0.25s ease forwards;
}
@keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ooxoo-modal-content {
  background-color: #fff;
  width: 100%;
  max-width: 760px; /* Set a fixed maximum width to avoid excessive whitespace */
  border-radius: 0.5rem;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  position: relative;
  transform: translateY(1.25rem);
  transition: transform 0.3s ease;
  animation: modalContentSlideUp 0.25s ease forwards;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  max-height: 90vh; /* Ensure it's not taller than the viewport */
}
@media all and (max-width: 575px) {
  .ooxoo-modal-content {
    max-height: none;
  }
}
@keyframes modalContentSlideUp {
  from {
    transform: translateY(1.25rem);
    opacity: 0.8;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.ooxoo-modal-sidebar {
  width: 40%; /* Increased from 35% */
  background-color: #0969F9;
  background-image: linear-gradient(135deg, #0969F9 0%, #0457d4 100%);
  padding: 25px; /* Slightly reduced padding */
  color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ooxoo-modal-sidebar h3 {
  font-size: 22px; /* Slightly reduced size */
  font-family: Font_Bold;
  margin-bottom: 15px;
  color: #fff;
}
.ooxoo-modal-sidebar p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  opacity: 0.95;
}
.ooxoo-modal-sidebar .gamification-features {
  margin-top: 1.25rem;
}
.ooxoo-modal-sidebar .feature-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.ooxoo-modal-sidebar .feature-icon {
  margin-right: 0.75rem;
  background-color: rgba(255, 255, 255, 0.2);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ooxoo-modal-sidebar .feature-text {
  font-size: 0.875rem;
  font-weight: 500;
}

.ooxoo-modal-form {
  width: 60%; /* Decreased from 65% */
  padding: 25px; /* Slightly reduced padding */
}

.ooxoo-modal-close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  font-size: 16px;
  color: #666;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  z-index: 999; /* Very high z-index to ensure it's always on top */
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.08);
  text-decoration: none !important;
}
.ooxoo-modal-close:hover {
  color: #020202;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.ooxoo-modal-close:active {
  transform: scale(0.95);
}

.ooxoo-modal h2 {
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 22px;
  font-family: Font_Bold;
  color: #020202;
  text-align: left;
}

.ooxoo-form-group {
  margin-bottom: 16px;
  width: 100%;
  max-width: 100%; /* Allow form to take full available width */
}
.ooxoo-form-group label {
  display: block;
  margin-bottom: 6px;
  font-family: Font_SemiBold;
  color: #020202;
  font-size: 0.875rem;
}
.ooxoo-form-group input {
  width: 100%;
  padding: 0.625rem 0.75rem;
  border: 1px solid #D7D8DB;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ooxoo-form-group input:focus {
  border-color: #0969F9;
  outline: none;
  box-shadow: 0 0 0 2px rgba(9, 105, 249, 0.1);
}

.ooxoo-form-actions {
  margin-top: 1.25rem;
  width: 100%;
  max-width: 100%;
}

.ooxoo-submit-button {
  width: 100%;
  padding: 0.625rem 16px;
  background-color: #0969F9;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-family: Font_SemiBold;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 1px 3px rgba(9, 105, 249, 0.2);
}
.ooxoo-submit-button:hover {
  background-color: #0457d4;
  transform: translateY(-1px);
  box-shadow: 0 2px 5px rgba(9, 105, 249, 0.25);
}
.ooxoo-submit-button:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(9, 105, 249, 0.25);
}

.ooxoo-modal-footer {
  margin-top: 16px;
  text-align: center;
  font-size: 0.875rem;
  color: #474F54;
  width: 100%;
  max-width: 100%;
}
.ooxoo-modal-footer a {
  color: #0969F9;
  text-decoration: none;
  font-family: Font_SemiBold;
  transition: all 0.2s ease;
}
.ooxoo-modal-footer a:hover {
  text-decoration: underline;
  color: #0457d4;
}

.ooxoo-form-message {
  margin-top: 15px;
  padding: 0.625rem;
  border-radius: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
}
.ooxoo-form-message.success {
  background-color: #e3f9f1;
  color: #1AA260;
  border: 1px solid #e3f9f1;
}
.ooxoo-form-message.error {
  background-color: #fae3e3;
  color: #E91010;
  border: 1px solid #f5cdcd;
}

@media all and (max-width: 991px) {
  .header-actions-wrapper {
    gap: 0.5rem;
  }
  .ooxoo-auth-buttons {
    margin-left: 0;
    margin-right: 0;
  }
  .ooxoo-button {
    padding: 0 0.625rem;
    font-size: 11px;
  }
  .header-auth-buttons {
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .logo-and-language-container {
    flex-wrap: nowrap;
  }
  .header-actions-wrapper {
    height: auto;
    margin: 0;
    padding: 0;
    gap: 0.5rem;
    position: static;
    justify-content: center;
    padding: 0.5rem 0;
    z-index: 1;
  }
  .ooxoo-auth-buttons {
    margin: 0;
  }
  .header-auth-buttons {
    margin: 0;
  }
  .ooxoo-modal-content {
    max-width: 95%;
    width: 95%;
  }
  .ooxoo-modal-form {
    padding: 1.25rem;
  }
  .ooxoo-modal-sidebar {
    padding: 1.25rem;
  }
}
@media all and (max-width: 575px) {
  .header-actions-wrapper {
    margin-left: auto;
  }
  .ooxoo-modal-content {
    flex-direction: column;
    max-width: 90%;
    width: 90%;
    max-height: none;
    border-radius: 0.5rem;
    overflow-y: visible;
    position: relative; /* Ensure positioning context for the close button */
  }
  .ooxoo-modal-sidebar {
    width: 100%;
    padding: 1.25rem;
    border-radius: 0.5rem 0.5rem 0 0;
    padding-top: 40px; /* Add space for the close button */
  }
  .ooxoo-modal-form {
    width: 100%;
    padding: 1.25rem;
  }
  .ooxoo-modal-close {
    top: 0.625rem;
    right: 0.625rem;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.2);
  }
  .ooxoo-modal h2 {
    font-size: 1.25rem;
    margin-bottom: 15px;
  }
  .ooxoo-modal-sidebar h3 {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
  }
  .ooxoo-modal-sidebar p {
    font-size: 0.875rem;
    margin-bottom: 15px;
  }
  .ooxoo-modal-sidebar .feature-item {
    margin-bottom: 0.625rem;
  }
  .ooxoo-modal-sidebar .feature-icon {
    width: 1.75rem;
    height: 1.75rem;
  }
  .ooxoo-modal-sidebar .feature-text {
    font-size: 13px;
  }
  .ooxoo-form-group,
  .ooxoo-form-actions,
  .ooxoo-modal-footer {
    max-width: 100%;
  }
}
/* Extra small screens */
@media all and (max-width: 380px) {
  .ooxoo-modal-content {
    max-width: 95%;
    width: 95%;
  }
  .ooxoo-button {
    min-width: 2.375rem;
  }
  .ooxoo-button .profile-text {
    display: none; /* Hide text on very small screens */
  }
  .ooxoo-button .login-text span,
  .ooxoo-button .rewards-text span {
    display: none; /* Hide text on very small screens */
  }
  .ooxoo-modal-sidebar,
  .ooxoo-modal-form {
    padding: 1rem;
  }
  .ooxoo-modal-sidebar {
    padding-top: 42px; /* Increased to make room for the close button */
  }
  .ooxoo-modal h2,
  .ooxoo-modal-sidebar h3 {
    font-size: 1.125rem;
  }
  .ooxoo-modal-close {
    top: 0.5rem;
    right: 0.5rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 0.875rem;
  }
}
#lang-switcher {
  margin-left: 0.5rem;
}
#lang-switcher {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
#lang-switcher.active .icon-chevron-down-regular {
  transform: rotate(180deg);
}
#lang-switcher .language-switch-trigger {
  position: relative;
  border: 1px solid rgba(2, 2, 2, 0.16);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}
#lang-switcher .language-switch-trigger .lang-image {
  width: 1.125rem;
  height: 1.125rem;
  pointer-events: none;
  border-radius: 50%;
}
#lang-switcher .language-switch-trigger.lang_active {
  background-color: #f7f7f7;
  color: #0969F9;
  text-decoration: none;
}
#lang-switcher .language-switch-trigger .icon-chevron-down-regular,
#lang-switcher .language-switch-trigger .icon-globe-light {
  margin-left: 5px;
  font-size: inherit;
  pointer-events: none;
}
#lang-switcher .lang-dropdown {
  padding: 0;
  min-width: 180px;
  background-color: white;
  border: 1px solid #f0f0f0;
  padding: 1.25rem;
  gap: 0.75rem;
  left: unset;
  right: 0;
}
#lang-switcher .lang-dropdown {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
#lang-switcher .lang-dropdown label {
  display: block;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
#lang-switcher .lang-dropdown ul {
  gap: 0.75rem;
}
#lang-switcher .lang-dropdown ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
#lang-switcher .lang-dropdown ul li::marker {
  display: none;
}
#lang-switcher .lang-dropdown ul {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
#lang-switcher .lang-dropdown ul li a {
  padding: 0;
  font-size: 0.75rem;
  line-height: 1rem;
}
#lang-switcher .lang-dropdown ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
#lang-switcher .lang-dropdown ul li a .lang-switch-element {
  border: 1px solid rgba(2, 2, 2, 0.16);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  margin-right: 10px;
}
#lang-switcher .lang-dropdown ul li a .lang-switch-element .lang-image {
  width: 1.125rem;
  height: 1.125rem;
  pointer-events: none;
  border-radius: 50%;
}
@media all and (min-width: 992px) {
  #lang-switcher .lang-dropdown {
    left: 0;
    right: unset;
  }
}

footer {
  font-size: 0.8125rem;
  line-height: 1.75rem;
  font-family: Font_Regular;
  color: #020202;
  background-color: #fff;
}
footer .footer-logo {
  height: 1.875rem;
  width: 8.875rem;
}
footer ul:not(.accordion-element ul) {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
footer ul:not(.accordion-element ul) li::marker {
  display: none;
}
footer .footer-main {
  border-bottom: 1px solid rgba(151, 151, 151, 0.2);
  padding-top: 2.5rem;
}
@media all and (min-width: 768px) {
  footer .footer-main {
    padding-top: 3rem;
  }
}
footer .footer-main .container-menu {
  padding-top: 0;
  padding-bottom: 1.5rem;
  gap: 2.5rem;
}
footer .footer-main .container-menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
@media all and (min-width: 1200px) {
  footer .footer-main .container-menu {
    padding-left: 0;
    padding-right: 0;
  }
}
footer .footer-main .container-menu .footer-category-element {
  gap: 1.5rem;
  align-content: flex-start;
}
footer .footer-main .container-menu .footer-category-element {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
footer .footer-main .container-menu .footer-category-element .footer-category-title {
  line-height: 1.25rem;
  font-size: 0.875rem;
  position: relative;
  font-family: Font_Bold;
  width: max-content;
  margin-bottom: 0;
}
footer .footer-main .container-menu .footer-category-element .footer-category-title::after {
  position: absolute;
  top: 22px;
  left: 0;
  content: "";
  background-color: #0969F9;
  height: 2px;
  width: 100%;
}
footer .footer-main .container-menu .footer-category-element .footer-category-nav .footer-category-list li {
  margin-bottom: 0.5rem;
  font-family: Font_Regular;
  color: #3f454b;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
footer .footer-main .container-menu .footer-category-element .footer-category-nav .footer-category-list li a {
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
}
footer .footer-main .container-menu .footer-category-element .social-links {
  gap: 1rem;
}
footer .footer-main .container-menu .footer-category-element .social-links {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
footer .footer-main .container-menu .footer-category-element .social-links .social-links-element a {
  text-decoration: none;
  color: #3f454b;
}
footer .footer-main .container-menu .footer-category-element .social-links .social-links-element a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
footer .footer-main .container-menu .footer-category-element .social-links .social-links-element a .icon-footer {
  font-size: 1.25rem;
  margin-right: 0.625rem;
}
footer .footer-main .container-menu .footer-category-element .social-links .social-links-element:last-child {
  margin-right: 0;
}
footer .footer-main .container-menu .description-element {
  grid-column: 1/-1;
}
footer .footer-main .container-menu .description-element p {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #020202;
  font-family: Font_Regular;
}
footer .footer-main .container-menu .description-element p:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 768px) {
  footer .footer-main .container-menu {
    grid-template-columns: 30% repeat(4, 1fr);
  }
  footer .footer-main .container-menu .description-element {
    grid-column: 1;
  }
}
@media all and (min-width: 992px) {
  footer .footer-main .container-menu {
    gap: 1.875rem;
  }
}
footer .footer-main .footer-notice {
  padding-top: 0;
  margin-right: auto;
}
footer .footer-main .footer-notice {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
footer .footer-main .footer-notice .accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
footer .footer-main .footer-notice .accordion-trigger .accordion-trigger-title {
  font-size: 0.875rem;
  font-family: Font_SemiBold;
  line-height: 1.125rem;
  margin-left: 0;
  margin-bottom: 0;
}
footer .footer-main .footer-notice .accordion-trigger h2.accordion-trigger-title::after {
  display: none;
}
footer .footer-main .footer-notice .accordion-element {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
footer .footer-main .footer-notice .accordion-element::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
footer .footer-main .footer-notice ul {
  margin-bottom: 0px;
}
footer .footer-main .footer-notice ul li {
  font-size: 13px;
  line-height: 26px;
}
footer .footer-main .footer-notice ul li a {
  color: #0969F9;
  display: inline;
}
footer .footer-main .footer-notice ul li a:hover {
  color: #0457d4;
}
footer .footer-main .footer-notice ul {
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 1.125rem;
  list-style-type: disc;
}
footer .footer-main .footer-notice ul:last-child {
  margin-bottom: 0;
}
footer .footer-main .footer-notice ul:has(+ h2) {
  margin-bottom: 0;
}
footer .footer-main .footer-notice ul li {
  font-family: Font_Regular;
  margin-bottom: 0.75rem;
  position: relative;
  padding-top: 0;
  font-size: 0.875rem;
}
footer .footer-main .footer-notice ul li.no-collapse {
  padding: 0.625rem;
}
@media all and (min-width: 540px) {
  footer .footer-main .footer-notice ul li.no-collapse {
    padding: 1rem;
  }
}
footer .footer-main .footer-notice ul li:last-child {
  margin-bottom: 0;
}
footer .footer-main .footer-notice ul li:last-child h3:last-child {
  margin-bottom: 0;
}
footer .footer-main .footer-notice ul.red li:before {
  background-color: #E91010;
}
@media all and (min-width: 768px) {
  footer .footer-main .footer-notice {
    padding-bottom: 1.875rem;
  }
}
@media all and (min-width: 1200px) {
  footer .footer-main .footer-notice {
    padding-left: 0;
    padding-right: 0;
  }
}
footer .footer-bottom {
  text-align: center;
}
footer .footer-bottom .container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
footer .footer-bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
@media all and (min-width: 768px) {
  footer .footer-bottom .container {
    padding-bottom: 3rem;
    padding-top: 1.875rem;
  }
}
@media all and (min-width: 1200px) {
  footer .footer-bottom .container {
    padding-left: 0;
    padding-right: 0;
  }
}
footer .footer-bottom .container .footer-logos {
  column-gap: 1.25rem;
  row-gap: 2.5rem;
  margin-bottom: 2.5rem;
  width: 100%;
  flex-wrap: wrap;
}
footer .footer-bottom .container .footer-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media all and (min-width: 768px) {
  footer .footer-bottom .container .footer-logos {
    column-gap: 3.125rem;
    margin-bottom: 1.875rem;
    justify-content: flex-start;
  }
}
footer .footer-bottom .container .footer-logos li {
  margin-bottom: 0;
  width: max-content;
  height: 1.5rem;
}
footer .footer-bottom .container .footer-logos li img {
  width: auto;
  object-fit: contain;
  height: 1.5rem;
}
footer .footer-bottom .container .footer-rights-reserved {
  font-size: 0.875rem;
  margin-bottom: 0;
  line-height: 1.25rem;
  color: #3f454b;
  width: 100%;
  text-align: center;
}
@media all and (min-width: 768px) {
  footer .footer-bottom .container .footer-rights-reserved {
    text-align: right;
  }
}

.section-hero {
  display: flex;
  justify-content: center;
  background: white;
}
.section-hero .section-hero-content {
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "logo" "sectionHeroContentDetails" "sectioInfoDetails" "sectionInfoContent";
  padding-top: 1rem;
  padding-bottom: 1rem;
  row-gap: 1rem;
  align-items: center;
  max-width: 1140px;
  width: 100%;
  justify-self: center;
}
.section-hero .section-hero-content {
  padding: 1rem 1rem 1rem 1rem;
}
.section-hero .section-hero-content .title-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.625rem;
  gap: 0.625rem;
  border-bottom: 1px solid #efefef;
  padding-bottom: 0.625rem;
}
.section-hero .section-hero-content .title-wrapper h4 {
  margin-bottom: 0;
}
.section-hero .section-hero-content .logo {
  grid-area: logo;
  width: 156px;
  height: 78px;
  justify-self: center;
  border-radius: 0.5rem;
  overflow: hidden;
}
.section-hero .section-hero-content .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 2/1;
}
.section-hero .section-hero-content .section-hero-content-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  grid-area: sectionHeroContentDetails;
}
.section-hero .section-hero-content .section-hero-content-details .title {
  margin-bottom: 0.5rem;
  text-align: center;
  grid-column: 1/-1;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element {
  display: grid;
  grid-auto-flow: row;
  gap: 0.625rem;
  padding-right: 0.625rem;
  border-right: 1px solid #e6e6e6;
  padding-left: 0;
  height: auto;
  width: 100%;
  max-width: 161px;
  text-align: center;
  align-items: flex-start;
  align-content: flex-start;
  position: relative;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .review-link {
  display: none;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-box-title {
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  gap: 0.375rem;
  margin: 0 auto;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-box-title.modal-trigger-ajax:after, .section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-box-title.dropdown-trigger:after {
  content: "\e9a3";
  font-family: "icomoon";
  font-size: 0.875rem;
}
@media all and (min-width: 1150px) {
  .section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-box-title {
    margin: unset;
  }
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .tooltip-modal .modal-content .modal-close {
  top: 1rem;
  right: 1rem;
}
@media all and (min-width: 992px) {
  .section-hero .section-hero-content .section-hero-content-details .rating-box-element .tooltip-modal .modal-content .modal-close {
    top: 5px;
    right: 0;
  }
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element-simple {
  border-right: none;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element-simple .tooltip-modal .modal-content {
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element-simple .tooltip-modal .modal-content .modal-close {
  position: relative;
  top: 0.125rem;
  right: 0;
  order: 1;
  margin-bottom: 0;
}
@media all and (min-width: 992px) {
  .section-hero .section-hero-content .section-hero-content-details .rating-box-element-simple .tooltip-modal {
    min-width: 314px;
  }
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-text {
  padding: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 0.625rem;
  height: auto;
  line-height: 1.5rem;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-text > .text-notice {
  font-size: 0.75rem;
  font-family: Font_SemiBold;
  height: 1.625rem;
  line-height: 1rem;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-text > .text-notice .text {
  font-size: 1rem;
  color: white !important;
  line-height: 1.125rem;
  margin-right: 0.25rem;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-text > .text-notice .small-text {
  position: relative;
  top: 0.125rem;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-text .rating-value {
  background: #ae2e81;
  color: white;
  padding: 0.25rem 0;
  width: 3.75rem;
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  line-height: 1.125rem;
  height: 1.625rem;
  text-align: center;
  border-radius: 0.5rem;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-text .rating-value .text {
  font-family: Font_SemiBold;
  font-size: 1rem;
  line-height: 1.125rem;
  text-align: center;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-text .rating-reviews {
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  text-decoration: none;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-text .rating-reviews::after {
  content: "\e990";
  font-family: "icomoon";
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element > .text-recommendation {
  background: transparent;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element > .text-recommendation::after {
  display: none;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element.no-reviews .rating-value {
  font-size: 0.75rem;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element:has(.text-avoid) .text {
  color: #cd0000;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element:has(.text-mediocre) .text {
  color: #ff7a00;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element:has(.text-fair) .text {
  color: #f2a404;
  margin-right: 0.125rem;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element:has(.text-recommended) .text {
  color: #37ae74;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element:has(.text-excellent) .text {
  color: #0969F9;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element.container-recommendation {
  justify-self: flex-end;
}
.section-hero .section-hero-content .section-hero-content-details .rating-box-element.container-recommendation .text-recommendation .rating-value::before {
  content: "\e937";
  font-family: icomoon;
  display: inline-block;
  color: #0969F9;
  margin-right: 0.25rem;
  font-size: 0.625rem;
  position: relative;
  top: -1px;
}
@media all and (min-width: 1150px) {
  .section-hero .section-hero-content .section-hero-content-details .rating-box-element {
    height: auto;
    width: max-content;
    max-width: auto;
  }
}
.section-hero .section-hero-content .section-hero-content-details .page-details {
  grid-column: 1/-1;
  justify-content: center;
}
.section-hero .section-hero-content .section-info-details {
  position: relative;
  height: max-content;
}
.section-hero .section-hero-content .section-info-details .button {
  max-width: 13.75rem;
  justify-self: center;
  margin: auto;
  height: 2.5rem;
}
.section-hero .section-hero-content .section-info-details .button .icon-lock {
  margin-left: 0.375rem;
}
.section-hero .section-hero-content .section-info-details .ad-disclosure {
  position: static;
  display: flex;
  justify-self: center;
  margin-top: 1rem;
  justify-content: center;
  order: 1;
  padding-top: 0;
  height: 100%;
}
.section-hero .section-hero-content .section-info-details .ad-disclosure .dropdown-element-hover {
  width: 100%;
  top: 100%;
  bottom: unset;
}
.section-hero .section-hero-content .section-info-details .ad-disclosure:hover .dropdown-element-hover {
  top: calc(100% - 1px);
}
.section-hero .section-hero-content .section-info-details .ad-disclosure .modal-trigger {
  gap: 0.25rem;
  font-size: 0.75rem;
}
.section-hero .section-hero-content .section-info-details .ad-disclosure .modal-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.section-hero .section-hero-content .section-info-details .ad-disclosure .modal-trigger .intro-icons {
  font-size: 1rem;
}
.section-hero .section-hero-content .section-info-details .ad-disclosure .tooltip-modal {
  width: 100%;
}
@media all and (min-width: 992px) {
  .section-hero .section-hero-content .section-info-details .ad-disclosure .tooltip-modal {
    top: 100%;
    width: 77vw;
    max-width: 1108px;
  }
}
@media all and (min-width: 1150px) {
  .section-hero .section-hero-content .section-info-details .ad-disclosure .tooltip-modal {
    right: 0;
    left: unset;
    transform: unset;
  }
}
.section-hero .section-hero-content .section-info-content {
  grid-area: sectionInfoContent;
  grid-column: 1/-1;
}
.section-hero .section-hero-content .section-info-content .expand-trigger {
  font-family: Font_Bold;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
  vertical-align: unset;
}
@media all and (min-width: 1150px) {
  .section-hero .section-hero-content {
    grid-template-columns: 228px auto min-content;
    grid-template-areas: "logo sectionHeroContentDetails sectioInfoDetails" "sectionInfoContent sectionInfoContent sectionInfoContent";
    align-items: center;
  }
  .section-hero .section-hero-content .logo {
    width: 228px;
    height: 114px;
    margin-bottom: 0;
  }
  .section-hero .section-hero-content .section-hero-content-details {
    margin-left: 1rem;
    display: grid;
    grid-template-columns: min-content min-content 1fr;
    column-gap: 1rem;
    row-gap: 0.875rem;
  }
  .section-hero .section-hero-content .section-hero-content-details .title {
    grid-column: 1/-1;
    text-align: left;
    margin-bottom: 0;
  }
  .section-hero .section-hero-content .section-hero-content-details .rating-box-element {
    max-width: max-content;
    text-align: left;
    gap: 0.375rem;
    padding-right: 1rem;
  }
  .section-hero .section-hero-content .section-hero-content-details .rating-box-element .rating-text {
    flex-direction: row;
  }
  .section-hero .section-hero-content .section-hero-content-details .rating-box-element-simple {
    border-right: 1px solid #e6e6e6;
  }
  .section-hero .section-hero-content .section-hero-content-details .rating-box-element.container-recommendation {
    justify-self: flex-start;
  }
  .section-hero .section-hero-content .section-hero-content-details .page-details {
    border-bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.375rem;
    grid-column: auto;
  }
  .section-hero .section-hero-content .section-hero-content-details .page-details > .date-published::before {
    display: none;
  }
  .section-hero .section-hero-content .section-info-content {
    border-top: 1px solid #e6e6e6;
    padding-top: 1rem;
    grid-row: 4;
  }
  .section-hero .section-hero-content .section-info-details {
    grid-template-columns: auto min-content;
    align-items: center;
    padding-top: 0;
    margin-left: 1.25rem;
    justify-content: center;
  }
  .section-hero .section-hero-content .section-info-details .button {
    width: 174px;
  }
  .section-hero .section-hero-content .section-info-details .ad-disclosure {
    width: max-content;
    margin-bottom: 0;
    margin: 1.25rem auto;
  }
}

.toc-section {
  z-index: 5;
  padding: 0 calc((100% - 1140px + 2rem) / 2);
  box-shadow: 0px 4px 8px 0px rgba(10, 16, 32, 0.0784313725);
  background: white;
  display: grid;
  position: relative;
}
.toc-section.position-sticky {
  position: sticky;
  top: 60px;
}
.toc-section .splide__track {
  margin-left: 1rem;
  margin-right: 1rem;
  border-top: 1px solid #e6e6e6;
}
.toc-section .splide__track .toc-list .toc-list-element {
  line-height: 1.5rem;
  font-size: 0.75rem;
  font-family: Font_SemiBold;
  color: #020202;
  text-transform: uppercase;
  padding: 1.125rem 1.25rem;
  position: relative;
  gap: 0.5rem;
}
.toc-section .splide__track .toc-list .toc-list-element {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.toc-section .splide__track .toc-list .toc-list-element::after {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #e6e6e6;
  display: block;
  position: absolute;
  right: 0;
}
.toc-section .splide__track .toc-list .toc-list-element img {
  height: 1.25rem;
  width: 1.25rem;
}
.toc-section .splide__track .toc-list .toc-list-element a {
  color: inherit;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}
.toc-section .splide__track .toc-list .toc-list-element:first-child {
  padding-left: 0;
}
.toc-section .splide__track .toc-list .toc-list-element:last-child {
  padding-right: 0;
}
.toc-section .splide__track .toc-list .toc-list-element:last-child::after {
  content: none;
}
.toc-section .splide__track .toc-list .toc-list-element.active {
  position: relative;
  color: #0969F9;
}
@media all and (max-width: 1140px) {
  .toc-section {
    padding: 0 1rem;
  }
}
@media all and (max-width: 991px) {
  .toc-section {
    padding: 0;
  }
}
@media all and (min-width: 992px) {
  .toc-section.position-sticky {
    position: sticky;
    top: 71px;
  }
  .toc-section .splide__track {
    margin-left: 0;
    margin-right: 0;
  }
}

.sidebar-menu {
  background: white;
  border-radius: 0.5rem;
  padding: 1.25rem 0.75rem;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  position: relative;
  margin-bottom: 1rem;
}
.sidebar-menu:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 992px) {
  .sidebar-menu {
    padding: 0;
  }
  .sidebar-menu .accordion-trigger {
    padding: 0.875rem 1.25rem 0.875rem 0.625rem;
  }
}
.sidebar-menu .sidebar-content {
  font-family: Font_Regular;
  font-size: 0.75rem;
  line-height: 1.25rem;
  text-align: left;
  color: #020202;
  margin-bottom: 1rem;
}
@media all and (min-width: 992px) {
  .sidebar-menu .sidebar-content {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
.sidebar-menu .accordion .accordion-trigger {
  display: flex;
  justify-content: space-between;
}
@media all and (min-width: 992px) {
  .sidebar-menu .accordion .accordion-trigger {
    margin-bottom: 1.25rem;
  }
}
.sidebar-menu .accordion .accordion-trigger p {
  font-family: Font_Bold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0em;
  text-align: left;
  color: #020202;
  margin-bottom: 0;
  margin-right: auto;
  margin-left: 0.75rem;
}
.sidebar-menu .accordion .accordion-trigger img {
  width: 1.25rem;
  height: 1.25rem;
  aspect-ratio: 1/1;
}
.sidebar-menu .accordion .accordion-trigger .arrow-accordion {
  color: #0969F9;
  font-size: 0.875rem;
}
@media all and (min-width: 992px) {
  .sidebar-menu .accordion .accordion-trigger {
    pointer-events: none;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 1rem;
  }
  .sidebar-menu .accordion .accordion-trigger p {
    order: 0;
    margin-right: unset;
    margin-left: 0;
  }
  .sidebar-menu .accordion .accordion-trigger img {
    order: 1;
  }
  .sidebar-menu .accordion .accordion-trigger .arrow-accordion {
    display: none;
  }
}
.sidebar-menu .accordion .accordion-element.show {
  overflow: visible;
  padding-top: 1.25rem;
  max-height: max-content !important;
}
@media all and (min-width: 992px) {
  .sidebar-menu .accordion .accordion-element.show {
    padding-top: 0;
  }
}
.sidebar-menu .accordion .accordion-element .rating-box-element {
  padding: 0;
  height: auto;
  gap: 0.625rem;
}
.sidebar-menu .accordion .accordion-element ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.sidebar-menu .accordion .accordion-element ul li::marker {
  display: none;
}
.sidebar-menu .accordion .accordion-element .rank {
  font-family: Font_Bold;
  font-size: 0.75rem;
  text-align: left;
  color: #0969F9;
  background-color: #f5f9ff;
  padding: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 1.25rem;
}
.sidebar-menu .accordion .accordion-element .title {
  margin-bottom: 0;
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: left;
  margin-top: 0;
}
.sidebar-menu .accordion .accordion-element .title-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  gap: 0.625rem;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 1rem;
}
.sidebar-menu .accordion .accordion-element .title-wrapper h4 {
  margin-bottom: 0;
}
.sidebar-menu .accordion .accordion-element .modal.tooltip-modal .modal-content .modal-close {
  top: 1rem;
  right: 1rem;
}
@media all and (min-width: 992px) {
  .sidebar-menu .accordion .accordion-element .modal.tooltip-modal .modal-content .modal-close {
    top: 0.125rem;
    right: 0;
  }
}
.sidebar-menu .accordion .accordion-element .icon-chevron-right-regular {
  font-size: 0.625rem;
  color: #0969F9;
  display: inline-block;
}
.sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element {
  margin-bottom: 0;
  padding-bottom: 0.75rem;
}
.sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element .list-top-games-link {
  display: grid;
  grid-template-columns: max-content max-content auto max-content;
  align-items: center;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e6e6e6;
}
.sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element .list-top-games-link .list-top-games-rank {
  font-family: Font_Bold;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0em;
  text-align: left;
  color: #0969F9;
  background-color: #f7f7f7;
  padding: 2px 5px;
  display: inline-block;
  margin-right: 0.375rem;
}
.sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element .list-top-games-link .list-top-games-img {
  border-radius: 0.5rem;
  width: 2.25rem;
  height: 2.25rem;
  aspect-ratio: 1/1;
  margin-right: 0.375rem;
}
.sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element .list-top-games-link .list-top-games-content {
  display: grid;
  gap: 0.375rem;
}
.sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element .list-top-games-link .list-top-games-content .list-top-games-rate {
  font-family: Font_Regular;
  font-size: 11px;
  line-height: 1rem;
  color: #898989;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element .list-top-games-link .list-top-games-content .list-top-games-rate .icon-thumbs-up {
  color: #a7a7a7;
  font-size: 1rem;
}
.sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element .list-top-games-link .icon-chevron-right-regular {
  margin-left: 1.25rem;
}
@media all and (min-width: 992px) {
  .sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element .list-top-games-link .icon-chevron-right-regular {
    margin-left: 1rem;
  }
}
.sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element:last-child {
  padding-bottom: 0;
}
.sidebar-menu .accordion .accordion-element .list-top-games .list-top-games-element:last-child .list-top-games-link {
  padding-bottom: 0;
  border-bottom: none;
}
@media all and (min-width: 992px) {
  .sidebar-menu .accordion .accordion-element .list-top-games {
    padding: 0 0.625rem 1rem;
  }
}
.sidebar-menu .accordion .accordion-element .list-top-bonus-codes .list-top-bonus-codes-element {
  margin-bottom: 0.875rem;
}
.sidebar-menu .accordion .accordion-element .list-top-bonus-codes .list-top-bonus-codes-element .list-top-bonus-codes-link {
  display: grid;
  grid-template-columns: min-content auto;
  align-items: center;
  column-gap: 0.375rem;
  row-gap: 0.625rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid #e6e6e6;
}
.sidebar-menu .accordion .accordion-element .list-top-bonus-codes .list-top-bonus-codes-element .list-top-bonus-codes-link .list-top-bonus-codes-content {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  grid-column: 1/-1;
}
.sidebar-menu .accordion .accordion-element .list-top-bonus-codes .list-top-bonus-codes-element .list-top-bonus-codes-link .list-top-bonus-codes-content .list-top-bonus-codes-title {
  margin-bottom: 0;
}
.sidebar-menu .accordion .accordion-element .list-top-bonus-codes .list-top-bonus-codes-element .list-top-bonus-codes-link .list-top-bonus-codes-img {
  height: 2.5rem;
  width: 5rem;
  aspect-ratio: 2/1;
  border-radius: 0.5rem;
}
.sidebar-menu .accordion .accordion-element .list-top-bonus-codes .list-top-bonus-codes-element .list-top-bonus-codes-link .list-top-bonus-codes-button {
  padding: 11px 0.625rem;
  border-radius: 0.5rem;
  color: #0969F9;
  background: #f5f9ff;
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.sidebar-menu .accordion .accordion-element .list-top-bonus-codes .list-top-bonus-codes-element .list-top-bonus-codes-link .list-top-bonus-codes-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.sidebar-menu .accordion .accordion-element .list-top-bonus-codes .list-top-bonus-codes-element:last-child {
  margin-bottom: 0;
}
.sidebar-menu .accordion .accordion-element .list-top-bonus-codes .list-top-bonus-codes-element:last-child .list-top-bonus-codes-link {
  padding-bottom: 0;
  border-bottom: none;
}
@media all and (min-width: 992px) {
  .sidebar-menu .accordion .accordion-element .list-top-bonus-codes {
    padding: 0 0.625rem 1rem;
  }
}
.sidebar-menu .accordion .accordion-element .list-top-casinos .list-top-casinos-element {
  margin-bottom: 0.875rem;
  display: grid;
  grid-template-columns: min-content auto max-content;
  align-items: center;
  gap: 0.625rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid #e6e6e6;
}
.sidebar-menu .accordion .accordion-element .list-top-casinos .list-top-casinos-element .list-top-casinos-content {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  grid-column: 1/-1;
}
.sidebar-menu .accordion .accordion-element .list-top-casinos .list-top-casinos-element .list-top-casinos-content .list-top-casinos-title {
  margin-bottom: 0;
}
.sidebar-menu .accordion .accordion-element .list-top-casinos .list-top-casinos-element .list-top-casinos-img {
  height: 2.5rem;
  width: 5rem;
  aspect-ratio: 2/1;
  border-radius: 0.5rem;
}
.sidebar-menu .accordion .accordion-element .list-top-casinos .list-top-casinos-element .list-top-casinos-link {
  display: inline-block;
  width: 0.875rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-menu .accordion .accordion-element .list-top-casinos .list-top-casinos-element .rating-box-element {
  position: relative;
}
.sidebar-menu .accordion .accordion-element .list-top-casinos .list-top-casinos-element .rating-box-element .dropdown {
  position: static;
}
.sidebar-menu .accordion .accordion-element .list-top-casinos .list-top-casinos-element .rating-box-element .dropdown .title-wrapper {
  justify-content: space-between;
}
.sidebar-menu .accordion .accordion-element .list-top-casinos .list-top-casinos-element .rating-box-element .icon-info::before {
  color: #474f54;
}
.sidebar-menu .accordion .accordion-element .list-top-casinos .list-top-casinos-element:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media all and (min-width: 992px) {
  .sidebar-menu .accordion .accordion-element .list-top-casinos {
    padding: 0 0.625rem 1rem;
  }
}
.sidebar-menu .accordion .accordion-element .list-standard .list-standard-element {
  padding-bottom: 0.875rem;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0.875rem;
}
.sidebar-menu .accordion .accordion-element .list-standard .list-standard-element:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.sidebar-menu .accordion .accordion-element .list-standard .list-standard-element .list-standard-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.375rem;
}
.sidebar-menu .accordion .accordion-element .list-standard .list-standard-element .list-standard-link .list-standard-title {
  margin-bottom: 0;
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.sidebar-menu .accordion .accordion-element .list-standard .list-standard-element .list-standard-link .list-standard-title .list-standard-value {
  color: #474f54;
}
@media all and (min-width: 992px) {
  .sidebar-menu .accordion .accordion-element .list-standard {
    padding: 0 0.625rem 1rem;
  }
  .sidebar-menu .accordion .accordion-element .list-standard .list-standard-element {
    margin-bottom: 0.75rem;
  }
}

.bonuses-list,
.bonuses-list2,
.mini-reviews-list {
  overflow: visible;
  gap: 1.875rem;
}
.bonuses-list,
.bonuses-list2,
.mini-reviews-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

.bonus-box {
  width: 100%;
  background: white;
  position: relative;
  overflow: visible;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  column-gap: 1rem;
  row-gap: 0.75rem;
  align-items: center;
  border-radius: 0.5rem;
  border: 1px solid #0969F9;
}
.bonus-box::marker {
  content: none;
  color: transparent;
  display: none;
}
.bonus-box::-webkit-details-marker {
  color: transparent;
  display: none;
}
.bonus-box.expired {
  filter: grayscale(1);
}
.bonus-box.expired .modal-element,
.bonus-box.expired .badge-item-copy,
.bonus-box.expired .dropdown {
  pointer-events: none;
}
.bonus-box .casino-logo {
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0;
  width: 7.5rem;
  height: auto;
}
.bonus-box .casino-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bonus-box .casino-logo .main-badges-item {
  width: 100%;
}
.bonus-box .casino-logo .main-badges-item + img {
  border-radius: 0 0 0.25rem 0.25rem;
}
.bonus-box .casino-logo img {
  width: 7.5rem;
  height: 3.75rem;
  border-radius: 0.5rem;
}
.bonus-box .user-review-container .icon-star-solid {
  font-size: 0.875rem;
  margin-right: 0.375rem;
}
.bonus-box .user-review-container .user-review-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: Font_SemiBold;
  color: #020202;
}
.bonus-box .user-review-container .user-review-text .user-review-number {
  color: #0969F9;
  margin-left: 0.25rem;
}
.bonus-box .rating-casino {
  border: 1px solid #d0e2fc;
  border-radius: 0.375rem;
  padding: 5px 0.5rem;
  margin-right: 0;
  align-items: center;
}
.bonus-box .rating-casino .dropdown-trigger {
  line-height: 1.25rem;
  cursor: pointer;
}
.bonus-box .rating-casino .rating-value {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: Font_Bold;
  margin-right: 0.5rem;
  color: #0969F9;
}
.bonus-box .rating-casino .casino-name {
  color: #020202;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: Font_SemiBold;
  margin-right: 0.5rem;
}
.bonus-box .rating-casino .user-reviews-text {
  color: #020202;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-family: Font_SemiBold;
  margin-right: 0.5rem;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
}
.bonus-box .rating-casino .icon-info {
  font-size: 0.875rem;
}
.bonus-box .terms-conditions {
  width: 100%;
  padding: 0.75rem;
  text-align: center;
  background: #f6f6f6;
  border-radius: 0 0 0.5rem 0.5rem;
}
.bonus-box .terms-conditions .terms-small {
  font-size: 11px;
  line-height: 0.875rem;
  display: block;
  opacity: 0.7;
  color: #020202;
}
.bonus-box .terms-conditions .terms-small a {
  text-decoration: underline;
  color: #020202;
}
.bonus-box .terms-conditions .terms-small.text-left {
  text-align: left;
}
.bonus-box .terms-conditions .terms-small .terms-small .modal-trigger {
  font-family: Font_SemiBold;
  color: #020202;
}
.bonus-box .terms-conditions .terms-small .terms-and-cond-trigger {
  font-family: Font_SemiBold;
  color: #020202;
  cursor: pointer;
}
.bonus-box .terms-conditions .terms-small .overlay-modal {
  position: absolute;
  border-radius: 0.5rem;
}
.bonus-box .terms-conditions .terms-small .overlay-modal {
  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);
}
.bonus-box .terms-conditions .terms-small.modal-active .overlay-modal {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  z-index: 3;
  top: 0;
  left: 0;
}
.bonus-box .terms-conditions .terms-small.modal-active .overlay-modal {
  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);
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  height: 0;
  opacity: 0;
  padding: 1rem;
  overflow-y: auto;
  border-radius: 0.5rem;
  bottom: -2rem;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal {
  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);
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar {
  display: block;
  background-color: transparent;
  width: 0.875rem;
  height: 1.125rem;
  border-radius: 0.5rem;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-thumb {
  border-radius: 0.75rem;
  border: 0.25rem solid #f3f3f3;
  background: #d0d0d0;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-track {
  background-color: #f3f3f3;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.5rem;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button {
  background-color: #f3f3f3;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-radius: 0.5rem 0.25rem 0 0;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:increment {
  border-radius: 0 0 0.25rem 0.25rem;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 0.5rem 0 0 0.25rem;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 0.25rem 0.25rem 0;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:decrement, .bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:increment, .bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:decrement, .bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:increment {
  width: 1.375rem;
  height: 1.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../assets/chevron.svg");
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("../assets/chevron-up.svg");
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("../assets/chevron-down.svg");
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("../assets/chevron-left.svg");
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("../assets/chevron-right.svg");
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal.show {
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.0392156863);
  background-color: white;
  max-height: 25vh;
  height: max-content;
  bottom: 0;
  opacity: 1;
  z-index: 4;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal .modal-content .modal-header {
  margin-bottom: 1rem;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal .modal-content .modal-header .modal-title-text {
  font-size: 0.875rem;
  font-family: Font_SemiBold;
  line-height: 1.125rem;
  color: #020202;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal .modal-content .modal-body p {
  font-size: 13px;
  line-height: 1.25rem;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal .modal-content .modal-body p:last-child {
  margin-bottom: 0;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal .modal-content .modal-close {
  background: #ebebeb;
  border: none;
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  padding: 0.5rem;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal .modal-content .modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bonus-box .terms-conditions .terms-small .terms-cond-modal .modal-content .modal-close span {
  font-size: 0.875rem;
  color: #020202;
  pointer-events: none;
}
@media all and (min-width: 768px) {
  .bonus-box .rating-casino {
    margin-right: 1rem;
  }
  .bonus-box .rating-casino .casino-name {
    font-size: 0.875rem;
  }
  .bonus-box .rating-casino .user-reviews-text {
    font-size: 0.875rem;
  }
  .bonus-box .casino-logo {
    width: 8.75rem;
  }
  .bonus-box .casino-logo img {
    width: 8.75rem;
    height: 70px;
  }
  .bonus-box .terms-conditions {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.user-review-section.user-review-section-split .user-review-post-section {
  margin-bottom: 0;
  padding: 0;
  max-height: 24.75rem;
  overflow-y: auto;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: none !important;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: none !important;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button {
  display: none !important;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar {
  display: block;
  background-color: transparent;
  width: 0.875rem;
  height: 1.125rem;
  border-radius: 0.5rem;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-thumb {
  border-radius: 0.75rem;
  border: 0.25rem solid #f3f3f3;
  background: #d0d0d0;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-track {
  background-color: #f3f3f3;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.5rem;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button {
  background-color: #f3f3f3;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-radius: 0.5rem 0.25rem 0 0;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:vertical:increment {
  border-radius: 0 0 0.25rem 0.25rem;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 0.5rem 0 0 0.25rem;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 0.25rem 0.25rem 0;
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:vertical:decrement, .user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:vertical:increment, .user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:horizontal:decrement, .user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:horizontal:increment {
  width: 1.375rem;
  height: 1.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../assets/chevron.svg");
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("../assets/chevron-up.svg");
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("../assets/chevron-down.svg");
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("../assets/chevron-left.svg");
}
.user-review-section.user-review-section-split .user-review-post-section::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("../assets/chevron-right.svg");
}
.user-review-section.user-review-section-split .user-review-post-section.scroll-container {
  padding-right: 0;
}
.user-review-section.user-review-section-split .user-review-post-section .user-review-post-list {
  padding-top: 0;
}
.user-review-section.user-review-section-split .user-review-post-section .user-review-post-list .user-review-post-element {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media all and (min-width: 992px) {
  .user-review-section.user-review-section-split .user-review-post-section .user-review-post-list .user-review-post-element {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
.user-review-section.user-review-section-split .user-review-post-section .user-review-post-list .user-review-post-element:first-child {
  padding-top: 0;
}
.user-review-section.user-review-section-split .user-review-post-section .user-review-post-list .user-review-post-element:last-child {
  border-bottom: none;
}
@media all and (min-width: 992px) {
  .user-review-section.user-review-section-split .user-review-post-section .user-review-post-list .user-review-post-element {
    grid-template-areas: "userReviewLogo userReviewAuthor ratingStars" "userReviewLogo userReviewDate ratingStars" "userReviewText userReviewText userReviewText" "userReviewBtnWrapper report report";
  }
}
.user-review-section.user-review-section-split .user-review-post-section .user-review-post-list .user-review-post-element .rating-stars {
  margin-top: 0.625rem;
}
@media all and (min-width: 992px) {
  .user-review-section.user-review-section-split .user-review-post-section .user-review-post-list .user-review-post-element .rating-stars {
    justify-self: flex-end;
  }
}
.user-review-section.user-review-section-split .user-review-post-section .user-review-post-list .user-review-post-element .rating-stars .icon-star-solid {
  font-size: 0.875rem;
}
.user-review-section.user-review-section-split .user-review-post-section .user-review-post-list .user-review-post-element .user-review-logo {
  font-family: Font_SemiBold;
  color: #474f54;
}
.user-review-section.user-review-section-split .user-review-post-section .user-review-post-list .user-review-post-element .user-review-text {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.user-review-section.user-review-section-split .user-review-panel {
  margin-bottom: 0.875rem;
  padding: 0;
  box-shadow: none;
  border-bottom: none;
  grid-template-columns: min-content auto;
  gap: 1rem;
}
@media all and (min-width: 768px) {
  .user-review-section.user-review-section-split .user-review-panel {
    margin-bottom: 1.25rem;
  }
}
@media all and (min-width: 992px) {
  .user-review-section.user-review-section-split .user-review-panel {
    grid-template-columns: min-content auto;
    gap: 1.25rem;
  }
}
.user-review-section.user-review-section-split .user-review-panel .user-review-main {
  padding-bottom: 0;
  flex-direction: column;
  justify-content: center;
  gap: 0.625rem;
  border-bottom: none;
}
.user-review-section.user-review-section-split .user-review-panel .user-review-main .rating-stars span {
  font-size: 1rem;
}
@media all and (min-width: 992px) {
  .user-review-section.user-review-section-split .user-review-panel .user-review-main {
    padding-left: 0;
  }
}
.user-review-section.user-review-section-split .user-review-panel .rating-wrapper {
  padding-left: 1rem;
  gap: 0.25rem;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid rgba(151, 151, 151, 0.2);
}
@media all and (min-width: 992px) {
  .user-review-section.user-review-section-split .user-review-panel .rating-wrapper {
    padding-left: 1.25rem;
  }
}
.user-review-section.user-review-section-split .user-review-panel .rating-wrapper .review-bar .stars-quantity {
  font-family: Font_SemiBold;
}
.user-review-section.user-review-section-split .user-review-panel .rating-wrapper .review-bar .review-progress-container {
  width: 3rem;
}
.user-review-section.user-review-section-split.no-reviews {
  display: flex;
  flex-direction: column;
}
.user-review-section.user-review-section-split.no-reviews .user-review-panel {
  order: 1;
}
.user-review-section.user-review-section-split.no-reviews .rating-no-reviews {
  order: 3;
}
.user-review-section.user-review-section-split.no-reviews .user-review-no-reviews {
  order: 2;
  padding: 0.875rem;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}
.user-review-section.user-review-section-split.no-reviews .user-review-no-reviews img {
  width: 60px;
  height: auto;
}
.user-review-section.user-review-section-split.no-reviews .user-review-no-reviews .no-reviews-text {
  font-family: Font_Bold;
}

.bonus-box.bonus-box-v2 ul.information-list {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.bonus-box.bonus-box-v2 ul.information-list li::marker {
  display: none;
}
.bonus-box.bonus-box-v2 ul.information-list li {
  padding: 0.375rem 0;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
  width: 100%;
  margin-bottom: 0;
}
.bonus-box.bonus-box-v2 ul.information-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.bonus-box.bonus-box-v2 ul.information-list li:last-child {
  padding-bottom: 0;
}
.bonus-box.bonus-box-v2 ul.information-list li span {
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-family: Font_SemiBold;
}
.bonus-box.bonus-box-v2 ul.information-list li .grey {
  color: #595959;
}
.bonus-box.bonus-box-v2 ul.information-list li .bold {
  color: #020202;
  text-align: right;
}
.bonus-box.bonus-box-v2 .bonus-header {
  padding: 0.75rem;
  display: grid;
  grid-template-columns: 7.5rem auto;
  column-gap: 1rem;
  row-gap: 0.75rem;
  align-items: center;
  grid-template-areas: "casinoImg bonusOffer" "underBonusImg underBonusImg" "bonusInfoGroup bonusInfoGroup";
}
.bonus-box.bonus-box-v2 .bonus-header .casino-logo {
  grid-area: casinoImg;
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo {
  grid-area: underBonusImg;
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo .rating-box-element {
  padding: 0;
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .rating-casino {
  padding: 0;
  border: none;
  margin-right: 0;
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .rating-casino .icon-star-solid {
  margin-right: 0.3125rem;
  font-size: 0.8125rem;
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .rating-casino .icon-star-solid:before {
  color: #ff9a1a;
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .rating-casino .casino-name {
  margin-right: 0;
  color: #0969F9;
}
@media all and (min-width: 768px) {
  .bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .rating-casino .casino-name {
    margin-right: 0.3125rem;
    color: #020202;
  }
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .rating-casino .user-reviews-text {
  margin-right: 0;
}
@media all and (min-width: 768px) {
  .bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .rating-casino .user-reviews-text {
    margin-right: 0.3125rem;
    color: #020202;
  }
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .rating-casino .user-reviews {
  margin-left: 0.3125rem;
  font-size: 0.75rem;
  color: #0969F9;
  font-family: Font_SemiBold;
  text-decoration: none;
}
@media all and (min-width: 768px) {
  .bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .rating-casino .user-reviews {
    margin-left: 0;
    font-size: 0.875rem;
  }
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .dropdown-element {
  max-width: 50rem;
  width: 100%;
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .user-review-section .user-review-panel .rating-wrapper {
  border-right: none;
}
.bonus-box.bonus-box-v2 .bonus-header .info_under-logo .info_under-logo-reviews .user-review-section .user-review-panel .user-review-panel-verified {
  display: none;
}
.bonus-box.bonus-box-v2 .bonus-header .casino-bonus-title {
  grid-area: bonusOffer;
  font-family: Font_Heading;
  color: #020202;
  text-decoration: none;
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 0;
}
.bonus-box.bonus-box-v2 .bonus-header .casino-bonus-title a {
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group {
  grid-area: bonusInfoGroup;
  width: 100%;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .badge-item-copy {
  width: 100%;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.375rem;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .badge-item-copy .badge-item-text {
  margin-right: auto;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .bonus-info-item {
  margin-bottom: 0;
  width: 100%;
  color: #595959;
  font-family: Font_SemiBold;
  padding: 0.5rem 0.375rem;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
  font-size: 0.875rem;
  position: relative;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .bonus-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .bonus-info-item .dropdown {
  position: static;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .bonus-info-item .dropdown .dropdown-element {
  top: 100%;
  min-width: 230px;
  left: unset;
  right: 0;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .bonus-info-item .dropdown .dropdown-trigger {
  width: 100%;
  font-size: inherit;
  color: inherit;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .bonus-info-item .dropdown .dropdown-trigger .icon-info {
  margin-left: 0.375rem;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .bonus-info-item span:not(.icon-close) {
  color: #020202;
}
.bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .button-bonus {
  margin-left: auto;
  width: 100%;
  line-height: 2.5rem;
  height: 2.5rem;
  font-family: Font_Bold;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications {
  margin-top: 0;
  grid-template-columns: repeat(2, 1fr);
  padding: 0.75rem;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .tab-trigger {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #020202;
  font-family: Font_SemiBold;
  justify-content: flex-end;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .tab-trigger span {
  margin-left: 0.375rem;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .tab-trigger span::before {
  color: #0969F9;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained {
  grid-column: -1/1;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained.show {
  padding-top: 0.75rem;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .bonus-specifications-title {
  display: block;
  font-family: Font_Bold;
  line-height: 1.5rem;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .more-bonuses-controller .division-list {
  padding-bottom: 0;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .bonus-text-content {
  margin-bottom: 0.75rem;
  position: relative;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .bonus-text-content ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .bonus-text-content ul li::marker {
  display: none;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .bonus-text-content ul li {
  padding-left: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #020202;
  margin-bottom: 0.875rem;
  position: relative;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .bonus-text-content ul li::before {
  content: "\e90c";
  font-family: "icomoon";
  color: #e20e00;
  background-color: transparent;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  width: unset;
  height: unset;
  position: absolute;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .bonus-text-content:last-child {
  margin-bottom: 0;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-list {
  gap: 0.75rem;
  position: relative;
  padding-bottom: 1rem;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-list:has(.dropdown) {
  grid-template-columns: 1fr;
}
@media all and (min-width: 768px) {
  .bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-list:has(.dropdown) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (min-width: 992px) {
  .bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-list:has(.dropdown) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (min-width: 992px) {
  .bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-item {
  width: 100%;
  height: 100%;
  display: grid;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-item.dropdown .title-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-item.dropdown .dropdown-element {
  min-width: 230px;
  right: 0;
  left: unset;
  z-index: 10;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-item .title-item {
  display: grid;
  gap: 0.25rem;
  font-size: inherit;
  background: #f5f9ff;
  border-radius: 0.5rem;
  position: relative;
  padding: 0.25rem 0.75rem;
  height: 100%;
  width: 100%;
  align-content: center;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-item .title-item .division-title {
  color: #020202;
  font-family: Font_SemiBold;
  line-height: 1.375rem;
  font-size: 0.875rem;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-item .title-item .division-val,
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-item .title-item .title-bold {
  color: #0969F9;
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-item.dropdown .dropdown-trigger {
  width: 100%;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-item.dropdown .title-item .title-bold {
  display: flex;
  align-items: center;
}
.bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .bonus-explained .division-item.dropdown .title-item .title-bold::after {
  content: "\e9a3";
  font-family: "icomoon";
  color: #0969F9;
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 0.875rem;
}
@media all and (min-width: 768px) {
  .bonus-box.bonus-box-v2 .bonus-header {
    padding: 1rem 1rem 0 1rem;
    grid-template-columns: 8.75rem auto;
    grid-template-areas: "casinoImg bonusOffer" "casinoImg underBonusImg" "bonusInfoGroup bonusInfoGroup";
  }
  .bonus-box.bonus-box-v2 .bonus-header .info_under-logo {
    justify-content: flex-start;
    align-self: flex-start;
  }
  .bonus-box.bonus-box-v2 .bonus-header .casino-bonus-title {
    align-self: flex-end;
    line-height: 1.75rem;
  }
  .bonus-box.bonus-box-v2 .bonus-header .bonus-info-group {
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    padding-bottom: 0.75rem;
  }
  .bonus-box.bonus-box-v2 .bonus-header .bonus-info-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
  .bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .bonus-info-item {
    margin-right: 1rem;
    justify-content: flex-start;
    padding: 0;
    border-top: none;
    width: auto;
  }
  .bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .bonus-info-item .dropdown .dropdown-element {
    left: 0;
    right: unset;
    min-width: 15rem;
  }
  .bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .bonus-info-item span {
    margin-left: 0.25rem;
  }
  .bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .button-bonus {
    max-width: 11.25rem;
  }
  .bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .badge-item-copy {
    padding: 0;
    border: none;
    margin-bottom: 0;
    width: auto;
  }
  .bonus-box.bonus-box-v2 .bonus-header .bonus-info-group .badge-item-copy .badge-item-text {
    margin-right: 0.375rem;
  }
  .bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications {
    padding: 0.75rem 1rem;
  }
  .bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .division-list .division-item.dropdown .title-item {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  .bonus-box.bonus-box-v2 .bonus-bottom .casino-specifications .division-list .division-item.dropdown .dropdown-element {
    min-width: 15rem;
    right: unset;
    left: 0;
  }
}

.section-generic .bonuses-list,
.section-generic .bonuses-list2,
.section-generic .mini-reviews-list {
  overflow: visible;
  gap: 1.875rem;
  align-items: flex-start;
  padding-left: 0;
}
.section-generic .bonuses-list,
.section-generic .bonuses-list2,
.section-generic .mini-reviews-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

.bonus-component {
  width: 100%;
  background: white;
  position: relative;
  overflow: visible;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  column-gap: 0.75rem;
  row-gap: 1rem;
  align-items: center;
  border-radius: 0.5rem;
  border: 1px solid #0969F9;
}
.bonus-component.expired .casino-bonus-title {
  background: #efefef;
}
.bonus-component.expired .rating-box-element .text-notice {
  background: #858585;
}
.bonus-component.expired .rating-box-element .text-recommendation {
  color: #858585;
  background: #f8f8f8;
}
.bonus-component.expired .rating-box-element .text-recommendation::after {
  color: #474f54;
}
.bonus-component.expired .badge-item-copy {
  border: 1px dashed #adadad !important;
}
.bonus-component.expired .badge-item-copy .badge-item-value {
  color: #adadad;
}
.bonus-component.expired .badge-item-copy .icon-copy-code {
  color: #808080;
}
.bonus-component.expired .button.outlined-blue {
  border: 1px solid #adadad;
  color: #adadad;
}
.bonus-component.expired .button.blue-full {
  background: #adadad !important;
}
.bonus-component:last-child {
  margin-bottom: 0;
}
.bonus-component.blue-border {
  border: 1px solid #0969F9;
}
.bonus-component.pink-border {
  border: 1px solid #db00c5;
}
.bonus-component::before {
  display: none;
}
.bonus-component .badge-place {
  height: 2rem;
  grid-area: bagdesTop;
  display: flex;
  justify-content: center;
}
.bonus-component .casino-name {
  grid-area: casinoTitleAndBadges;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 0;
  margin-bottom: -0.25rem;
}
.bonus-component .casino-name .bonus-component-casino-title {
  margin-bottom: 0;
  font-family: Font_Bold;
  font-size: 1.5rem;
  margin-top: 0;
  line-height: 1.5rem;
}
.bonus-component .casino-name a {
  font-family: inherit;
  font-size: inherit;
}
.bonus-component .casino-logo {
  grid-area: bonusImg;
  width: 140px;
  height: 70px;
  border-radius: 0.5rem;
  align-self: flex-start;
  overflow: hidden;
  position: relative;
}
.bonus-component .casino-logo img {
  width: 100%;
  aspect-ratio: 2/1;
  object-fit: cover;
  height: 100%;
}
.bonus-component .casino-logo .main-badges-item {
  position: absolute;
  left: 0;
  top: 0;
}
.bonus-component .rating-box-element {
  grid-area: ratingBoxElement;
  justify-self: center;
  padding: 0;
  position: relative;
}
.bonus-component .rating-box-element .dropdown {
  position: static;
}
.bonus-component .rating-box-element .dropdown .dropdown-element {
  left: 50%;
  transform: translateX(-50%);
}
.bonus-component .casino-bonus-title {
  grid-area: casinoBonusTitle;
  font-family: Font_Bold;
  font-size: 1.125rem;
  color: #020202;
  text-align: center;
  background: #f5f9ff;
  border-radius: 0.5rem;
  padding: 0.875rem 0.75rem;
  margin-bottom: 0;
  text-decoration: none;
}
.bonus-component .btn-and-badges-wrapper {
  grid-area: btnBadges;
  margin-top: 0.5rem;
  gap: 0.75rem;
  display: grid;
}
.bonus-component .btn-and-badges-wrapper .badge-item-copy {
  border: 1px dashed rgba(226, 14, 0, 0.4);
  margin-right: 0;
  padding: 0.375rem 0.5rem;
}
@media all and (min-width: 576px) {
  .bonus-component .btn-and-badges-wrapper .badge-item-copy {
    padding: 0.5rem;
  }
}
.bonus-component .btn-and-badges-wrapper .info-below-play {
  font-size: 11px;
  font-family: Font_Bold;
  line-height: normal;
  margin-bottom: 0;
  opacity: 0.8;
  color: #07af5e;
}
.bonus-component .btn-and-badges-wrapper .info-below-play {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bonus-component .btn-and-badges-wrapper .bonus-buttons {
  gap: 0.75rem;
  display: grid;
  justify-content: center;
}
.bonus-component .btn-and-badges-wrapper .bonus-buttons .button {
  background-color: #0969F9;
  justify-self: center;
  font-size: 0.75rem;
  line-height: 1rem;
  width: 100%;
  max-width: 180px;
  font-family: Font_Bold;
}
.bonus-component .btn-and-badges-wrapper .bonus-buttons .button::after {
  content: url("../assets/lock.svg");
  display: inline-block;
  color: white;
  margin-left: 0.375rem;
  width: 0.75rem;
  height: auto;
  display: flex;
}
.bonus-component .show-more-card {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
  gap: 0.25rem;
  align-items: center;
  margin-bottom: 1.25rem;
}
.bonus-component .show-more-card:last-child {
  margin-bottom: 1rem;
}
.bonus-component .show-more-card .show-more-card-element {
  border: 1px solid #f0f0f0;
  height: 2.375rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bonus-component .show-more-card .show-more-card-element .show-more-card-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bonus-component .show-more-card .show-more-card-element .show-more-card-img img {
  height: 2.125rem;
}
.bonus-component .show-more-card .modal-trigger {
  border: 1px solid #0969F9;
  background: transparent;
  width: 81px;
  color: #0969F9;
  font-size: 0.875rem;
  height: 2.375rem;
  line-height: 1rem;
  text-transform: none;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.bonus-component .show-more-card .modal .modal-content .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bonus-component .show-more-card .modal .modal-content .title-wrapper .modal-title {
  margin-bottom: 0;
}
.bonus-component .show-more-card .modal .modal-content .modal-show-more-card-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
  gap: 0.25rem;
}
.bonus-component .division-list {
  gap: 0.75rem;
  position: relative;
  padding-bottom: 1rem;
}
.bonus-component .division-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
}
.bonus-component .division-list:has(.dropdown) {
  grid-template-columns: 1fr;
}
@media all and (min-width: 768px) {
  .bonus-component .division-list:has(.dropdown) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (min-width: 992px) {
  .bonus-component .division-list:has(.dropdown) {
    grid-template-columns: repeat(3, 1fr);
  }
}
.bonus-component .division-list ul.information-list {
  padding-left: 0;
}
.bonus-component .division-list ul.information-list {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.bonus-component .division-list ul.information-list li::marker {
  display: none;
}
.bonus-component .division-list ul.information-list li {
  padding: 0.375rem 0;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
  width: 100%;
  margin-bottom: 0;
}
.bonus-component .division-list ul.information-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.bonus-component .division-list ul.information-list li:last-child {
  padding-bottom: 0;
}
.bonus-component .division-list ul.information-list li span {
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-family: Font_SemiBold;
}
.bonus-component .division-list ul.information-list li .grey {
  color: #595959;
}
.bonus-component .division-list ul.information-list li .bold {
  color: #020202;
}
@media all and (min-width: 992px) {
  .bonus-component .division-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.bonus-component .division-item {
  width: 100%;
  height: 100%;
  display: grid;
}
.bonus-component .division-item.dropdown .title-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.bonus-component .division-item.dropdown .dropdown-element {
  min-width: 220px;
  right: 0;
  left: unset;
  z-index: 10;
}
.bonus-component .division-item .title-item {
  display: grid;
  gap: 0.25rem;
  font-size: inherit;
  background: #f5f9ff;
  border-radius: 0.5rem;
  position: relative;
  padding: 0.25rem 0.75rem;
  height: 100%;
  width: 100%;
  align-content: center;
}
.bonus-component .division-item .title-item .division-title {
  color: #020202;
  font-family: Font_SemiBold;
  line-height: 1.375rem;
  font-size: 0.875rem;
}
.bonus-component .division-item .title-item .division-val,
.bonus-component .division-item .title-item .title-bold {
  color: #0969F9;
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.bonus-component .division-item.dropdown .dropdown-trigger {
  width: 100%;
}
.bonus-component .division-item.dropdown .title-item .title-bold {
  display: flex;
  align-items: center;
}
.bonus-component .division-item.dropdown .title-item .title-bold::after {
  content: "\e9a3";
  font-family: "icomoon";
  color: #0969F9;
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 0.875rem;
}
.bonus-component .bonus-modal .modal-content {
  width: 90vw;
  padding: 0.875rem;
  max-height: 80vh;
  height: auto;
  background: white;
  border-radius: 0.5rem;
  overflow-y: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar {
  display: block;
  background-color: transparent;
  width: 0.875rem;
  height: 1.125rem;
  border-radius: 0.5rem;
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-thumb {
  border-radius: 0.75rem;
  border: 0.25rem solid #f3f3f3;
  background: #d0d0d0;
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-track {
  background-color: #f3f3f3;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.5rem;
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button {
  background-color: #f3f3f3;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-radius: 0.5rem 0.25rem 0 0;
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:vertical:increment {
  border-radius: 0 0 0.25rem 0.25rem;
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 0.5rem 0 0 0.25rem;
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 0.25rem 0.25rem 0;
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:vertical:decrement, .bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:vertical:increment, .bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:horizontal:decrement, .bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:horizontal:increment {
  width: 1.375rem;
  height: 1.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../assets/chevron.svg");
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("../assets/chevron-up.svg");
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("../assets/chevron-down.svg");
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("../assets/chevron-left.svg");
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("../assets/chevron-right.svg");
}
@media all and (min-width: 576px) {
  .bonus-component .bonus-modal .modal-content {
    width: 75vw;
    padding: 1.5rem;
  }
}
.bonus-component .tooltip-modal .modal-content {
  padding: 1rem 0.625rem;
}
.bonus-component .tooltip-modal .modal-content .title-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  gap: 0.625rem;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 1rem;
}
.bonus-component .tooltip-modal .modal-content .title-wrapper h4 {
  margin-bottom: 0;
}
.bonus-component .tooltip-modal .modal-content .modal-close {
  right: 1rem;
  top: 1.25rem;
  font-size: 0.75rem;
}
@media all and (min-width: 992px) {
  .bonus-component .tooltip-modal .modal-content .modal-close {
    margin-bottom: 0;
    top: 7px;
    right: 0;
  }
}
.bonus-component .tooltip-modal .modal-content .modal-close::before {
  color: #ed1515;
}
.bonus-component .tooltip-modal .modal-content h4 {
  color: #020202;
  font-size: 0.875rem;
  margin-bottom: 0;
}
@media all and (min-width: 992px) {
  .bonus-component .tooltip-modal .modal-content {
    padding: 0;
  }
}
.bonus-component .card-wrapper {
  border-radius: 0.5rem;
  overflow: hidden;
}
.bonus-component .card-wrapper:last-child .bonus-slider {
  margin-bottom: -0.5rem;
}
.bonus-component .card-wrapper .splide .splide__arrow {
  background: transparent;
}
.bonus-component .card-wrapper .splide .splide__arrow svg {
  fill: #0969F9;
}
.bonus-component .card-wrapper .card-wrapper-title {
  font-size: 13px;
  margin-bottom: 0.75rem;
  line-height: 1.125rem;
  font-family: Font_SemiBold;
  color: #020202;
}
.bonus-component .card-wrapper .card-list {
  height: 87px;
}
.bonus-component .card-wrapper .card-list {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.bonus-component .card-wrapper .card-list li::marker {
  display: none;
}
.bonus-component .card-wrapper .card-list .card-list-element {
  background: white;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-size: 13px;
  font-family: Font_SemiBold;
  color: #020202;
  text-align: center;
  line-height: 1.125rem;
  margin-bottom: 0;
  width: 140px !important;
  height: 67px;
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.039);
}
.bonus-component .card-wrapper .card-list .card-list-element {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media all and (min-width: 992px) {
  .bonus-component .card-wrapper .card-list .card-list-element {
    font-size: 0.75rem;
  }
}
.bonus-component .card-wrapper .card-list .card-list-element .card-title {
  font-size: inherit;
  margin-bottom: 0;
  line-height: 1rem;
  font-family: Font_Bold;
  color: #020202;
}
.bonus-component .card-wrapper .card-list .card-list-element::before {
  display: none;
}
.bonus-component .card-wrapper .card-list .card-list-element img {
  height: 2rem;
  margin-bottom: 0.25rem;
}
.bonus-component .card-wrapper.no-title {
  margin-bottom: 0;
}
.bonus-component .card-wrapper.no-title .bonus-slider {
  height: 3.5rem;
}
.bonus-component .card-wrapper.no-title .bonus-slider {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.bonus-component .card-wrapper.no-title .bonus-slider::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
.bonus-component .card-wrapper.no-title .bonus-slider::after {
  height: 2.25rem;
}
.bonus-component .card-wrapper.no-title .bonus-slider .splide__arrow {
  top: 17px;
}
.bonus-component .card-wrapper.no-title .bonus-slider .splide__arrow::before {
  height: 2.25rem;
}
.bonus-component .card-wrapper.no-title .bonus-slider .card-list {
  height: 3.5rem;
}
.bonus-component .card-wrapper.no-title .bonus-slider .card-list .card-list-element {
  width: 3.75rem !important;
  height: 2.25rem;
}
.bonus-component .card-wrapper.no-title .bonus-slider .card-list .card-list-element img {
  height: 2.25rem;
  margin-bottom: 0;
}
.bonus-component .lightbox-gallery-wrapper {
  margin-bottom: 1rem;
}
.bonus-component .lightbox-gallery-wrapper .lightbox-gallery-list {
  width: auto;
  display: flex;
  gap: 1rem;
}
.bonus-component .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element {
  max-width: 152px;
  width: 100%;
  height: 76px;
  border-radius: 7px;
  aspect-ratio: 2/1;
}
.bonus-component .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element img {
  border-radius: 7px;
  width: inherit;
  height: inherit;
}
@media all and (min-width: 576px) {
  .bonus-component .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element {
    max-width: 186px;
    width: 100%;
    height: 93px;
  }
}
.bonus-component .accordion-minimal-container {
  grid-area: bonusContent;
  padding-left: 1rem;
  padding-right: 1rem;
  align-items: flex-start;
  position: relative;
  gap: 1rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section {
  width: 100%;
  border-top: 1px solid #f0f0f0;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-header {
  cursor: pointer;
  font-family: Font_Bold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #020202;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-header .arrow {
  font-size: 0.75rem;
  color: inherit;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-header .arrow::before {
  color: inherit;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body {
  max-height: 0;
  display: none;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .title-casino-details {
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: left;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .bonus-explained ul li {
  font-size: 13px;
  line-height: 1rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .bonus-explained .claim-bonus-container {
  width: 100%;
  position: relative;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .bonus-explained .claim-bonus-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media all and (min-width: 992px) {
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .bonus-explained .claim-bonus-container .tooltip-modal {
    border: none;
    padding-bottom: 1rem;
  }
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover {
    width: 31.25rem;
    top: 100%;
    bottom: unset;
  }
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .bonus-explained .claim-bonus-container .tooltip-modal:hover .dropdown-element-hover {
    top: calc(100% + 0.5rem);
  }
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover {
    left: 50%;
    transform: translateX(-50%);
  }
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover .dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value {
    width: 2.5rem;
  }
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .bonus-explained .claim-bonus-container .claim-bonus-heading {
  color: #020202;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: Font_Bold;
  margin-bottom: 0.5rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .bonus-explained .claim-bonus-container .modal-content .rating-value {
  width: 2.5rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons {
  gap: 1rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros,
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons {
  border-radius: 0.5rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros ul,
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros ol,
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons ul,
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons ol {
  font-size: 0.875rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros ol li,
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons ol li {
  font-family: Font_Regular;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros .title-pros-cons,
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons .title-pros-cons {
  font-size: 0.875rem;
  font-family: Font_SemiBold;
  line-height: 1.5rem;
  color: #020202;
  display: block;
  margin-bottom: 1rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 1rem;
}
@media all and (min-width: 992px) {
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros {
    padding-right: 0.5rem;
    border-bottom: none;
    padding-bottom: 0;
  }
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #f0f0f0;
    display: block;
    margin-bottom: 1rem;
    position: absolute;
    top: 0;
    right: -0.5rem;
  }
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros ul {
  gap: 0.75rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros ul li::marker {
  display: none;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros ul {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros ul li {
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 0;
  font-family: Font_Regular;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .pros ul li:before {
  color: #1AA260;
  content: "\e90c";
  font-family: "icomoon";
  background-color: transparent;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  width: unset;
  height: unset;
  position: absolute;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons ul {
  gap: 0.75rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons ul li::marker {
  display: none;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons ul {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons ul li {
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 0;
  font-family: Font_Regular;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons ul li:before {
  color: #cd1b0f;
  content: "\e93b";
  font-family: "icomoon";
  background-color: transparent;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  width: unset;
  height: unset;
  position: absolute;
}
@media all and (min-width: 992px) {
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons .cons {
    padding-left: 0.5rem;
  }
}
@media all and (min-width: 992px) {
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons {
    gap: 1rem;
  }
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .pros-and-cons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container {
  padding: 1rem 0.75rem;
  position: relative;
  background: #f9fbff;
  border-radius: 0.5rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .review-container p,
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .review-container span {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: Font_Regular;
  color: #020202;
  margin-bottom: 0.875rem;
  display: block;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .review-container p:last-child,
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .review-container span:last-child {
  margin-bottom: 0;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .review-container .read-more-link {
  color: #0969F9;
  display: flex;
  margin-left: 0;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: Font_SemiBold;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .title-verdict {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@media all and (max-width: 320px) {
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .title-verdict {
    flex-direction: column;
    align-items: flex-start;
  }
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .title-verdict .title-text {
  font-size: 0.875rem;
  font-family: Font_SemiBold;
  line-height: 1rem;
  color: #020202;
  margin-right: 1rem;
  margin-bottom: 0;
  padding-bottom: 1rem;
  line-height: 1.5rem;
}
@media all and (max-width: 350px) {
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .title-verdict .title-text {
    margin-right: 0.25rem;
  }
}
@media all and (max-width: 320px) {
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .title-verdict .title-text {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .title-verdict .tooltip-element {
  padding-bottom: 1rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .modal-content .rating-value {
  width: 2.5rem;
}
@media all and (min-width: 992px) {
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .tooltip-modal {
    left: 50%;
    transform: translateX(-50%);
  }
  .bonus-component .accordion-minimal-container .accordion-minimal-section .accordion-minimal-body .verdict-container .tooltip-modal .dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value {
    width: 2.25rem;
  }
}
.bonus-component .accordion-minimal-container .accordion-minimal-section input[type=checkbox] {
  display: none;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section input[type=checkbox]:checked ~ .accordion-minimal-body {
  max-height: max-content;
  display: block;
  padding-bottom: 1rem;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section input[type=checkbox]:checked ~ .accordion-minimal-body:last-child {
  padding-bottom: 0;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section:last-child .accordion-minimal-header {
  padding-bottom: 0;
}
.bonus-component .accordion-minimal-container .accordion-minimal-section input[type=checkbox]:checked + .accordion-minimal-header .arrow {
  transform: rotate(180deg);
}
.bonus-component .accordion-minimal-container .accordion-minimal-section input[type=checkbox]:not(:checked) ~ .accordion-minimal-body ~ input[type=checkbox]:checked + .accordion-minimal-header .arrow {
  transform: rotate(0deg);
}
.bonus-component .accordion-minimal-container .accordion-minimal-section input[type=checkbox]:checked ~ .accordion-minimal-header {
  padding-bottom: 1rem;
}
.bonus-component .terms-conditions {
  grid-area: terms;
  width: 100%;
  text-align: center;
  background: #f4f4f4;
  border-radius: 0 0 0.5rem 0.5rem;
}
.bonus-component .terms-conditions .terms-small {
  font-size: 11px;
  line-height: 0.875rem;
  display: block;
  opacity: 0.7;
  color: #020202;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.bonus-component .terms-conditions .terms-small a {
  text-decoration: underline;
  color: #020202;
}
.bonus-component .terms-conditions .terms-small.text-left {
  text-align: left;
}
.bonus-component .terms-conditions .terms-small .terms-small .modal-trigger {
  font-family: Font_SemiBold;
  color: #020202;
}
.bonus-component .terms-conditions .terms-small .terms-and-cond-trigger {
  font-family: Font_SemiBold;
  color: #020202;
  cursor: pointer;
}
@media all and (min-width: 992px) {
  .bonus-component .terms-conditions .terms-small {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.bonus-component .terms-conditions .overlay-modal {
  position: absolute;
  border-radius: 0.5rem;
}
.bonus-component .terms-conditions .overlay-modal {
  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);
}
.bonus-component .terms-conditions.modal-active .overlay-modal {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  z-index: 3;
  top: 0;
  left: 0;
}
.bonus-component .terms-conditions.modal-active .overlay-modal {
  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);
}
.bonus-component .terms-conditions .terms-cond-modal {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  height: 0;
  opacity: 0;
  padding: 1rem;
  overflow-y: auto;
  border-radius: 0.5rem;
  bottom: -2rem;
}
.bonus-component .terms-conditions .terms-cond-modal {
  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);
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar {
  display: block;
  background-color: transparent;
  width: 0.875rem;
  height: 1.125rem;
  border-radius: 0.5rem;
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-thumb {
  border-radius: 0.75rem;
  border: 0.25rem solid #f3f3f3;
  background: #d0d0d0;
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-track {
  background-color: #f3f3f3;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.5rem;
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button {
  background-color: #f3f3f3;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-radius: 0.5rem 0.25rem 0 0;
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:increment {
  border-radius: 0 0 0.25rem 0.25rem;
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 0.5rem 0 0 0.25rem;
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 0.25rem 0.25rem 0;
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:decrement, .bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:increment, .bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:decrement, .bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:increment {
  width: 1.375rem;
  height: 1.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../assets/chevron.svg");
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("../assets/chevron-up.svg");
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("../assets/chevron-down.svg");
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("../assets/chevron-left.svg");
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("../assets/chevron-right.svg");
}
.bonus-component .terms-conditions .terms-cond-modal.show {
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.0392156863);
  background-color: white;
  max-height: 25vh;
  height: max-content;
  bottom: 0;
  opacity: 1;
  z-index: 4;
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header {
  margin-bottom: 1rem;
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header .modal-title-text {
  font-size: 0.875rem;
  font-family: Font_SemiBold;
  line-height: 1.125rem;
  color: #020202;
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-body p {
  font-size: 13px;
  line-height: 1.25rem;
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-body p:last-child {
  margin-bottom: 0;
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close {
  background: #ebebeb;
  border: none;
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  padding: 0.5rem;
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close span {
  font-size: 0.875rem;
  color: #020202;
  pointer-events: none;
}
@media all and (min-width: 768px) {
  .bonus-component .division-list .division-item.dropdown .title-item {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  .bonus-component .division-list .division-item.dropdown .dropdown-element {
    min-width: 15rem;
    right: unset;
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .bonus-component {
    column-gap: 1rem;
    row-gap: 1rem;
  }
  .bonus-component .casino-name {
    justify-content: flex-start;
  }
  .bonus-component .casino-rating {
    padding-bottom: 0.5rem;
  }
  .bonus-component .casino-bonus-title {
    border-radius: 5px;
    padding: 0.875rem 0.5rem;
  }
  .bonus-component .tab-wrapper .tab-content-text.show {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
  .bonus-component .card-wrapper .card-wrapper-title {
    font-size: 0.875rem;
  }
  .bonus-component .tooltip-modal {
    left: 0;
    z-index: 9;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #020202;
    padding: 1rem 0.625rem;
    width: 31.25rem;
  }
  .bonus-component .tooltip-modal .dropdown-element-hover {
    width: max-content;
    top: 100%;
    bottom: unset;
  }
  .bonus-component .tooltip-modal:hover .dropdown-element-hover {
    top: calc(100% - 1px);
  }
  .bonus-component .tooltip-modal ul {
    display: grid;
    gap: 0.625rem;
  }
  .bonus-component .tooltip-modal ul li {
    line-height: 1.25rem;
  }
}

.progress-darkRed {
  background: #cd0000;
}

.progress-red {
  background: #b8283a;
}

.progress-orange {
  background: #ce4900;
}

.progress-green {
  background: #1e834d;
}

.progress-blue {
  background: #0969F9;
}

body .bonus-component.bonus-box-old-v1 {
  display: grid;
  grid-template-columns: 1fr;
  padding-bottom: 0.75rem;
  grid-template-areas: "bagdesTop" "bonusImg " "casinoTitleAndBadges" "ratingBoxElement" "casinoBonusTitle" "btnBadges" "bonusContent";
}
body .bonus-component.bonus-box-old-v1.bonus-has-terms {
  padding-bottom: 0;
  grid-template-areas: "bagdesTop" "bonusImg " "casinoTitleAndBadges" "ratingBoxElement" "casinoBonusTitle" "btnBadges" "bonusContent" "terms ";
}
body .bonus-component.bonus-box-old-v1 .casino-logo {
  justify-self: center;
}
body .bonus-component.bonus-box-old-v1 .badge-item-copy {
  height: 2.25rem;
}
body .bonus-component.bonus-box-old-v1 .casino-name {
  justify-self: center;
}
body .bonus-component.bonus-box-old-v1 .casino-name .bonus-component-casino-title {
  font-size: 1.25rem;
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper {
  grid-area: btnBadges;
  justify-self: center;
  align-self: flex-start;
  row-gap: 0.75rem;
  column-gap: 0.875rem;
  grid-auto-flow: row;
  width: 100%;
  margin-top: 0;
}
body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .badge-item-copy {
  max-width: 15rem;
  width: 100%;
  border: 1px dashed rgba(226, 14, 0, 0.4);
  margin-right: 0;
  padding: 0.375rem 0.5rem;
  justify-self: center;
}
@media all and (min-width: 576px) {
  body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .badge-item-copy {
    padding: 0.5rem;
  }
}
body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .main-badges {
  justify-self: flex-end;
}
body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .bonus-buttons {
  gap: 0.75rem;
  display: block;
  max-width: 15rem;
  width: 100%;
  justify-self: center;
}
body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .bonus-buttons .button {
  height: 2.25rem;
  max-width: 15rem;
  width: 100%;
  background-color: #0969F9;
}
body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .bonus-buttons .button::after {
  content: url("../assets/lock.svg");
  display: inline-block;
  color: white;
  margin-left: 0.375rem;
  width: 0.75rem;
  height: auto;
  display: flex;
}
@media all and (min-width: 992px) {
  body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper {
    grid-auto-flow: column;
  }
  body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper:has(> :nth-child(2):nth-last-child(1)) {
    grid-template-columns: 1fr 1fr;
  }
  body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .badge-item-copy {
    justify-self: flex-end;
  }
  body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .bonus-buttons.actions {
    display: block;
    justify-self: flex-start;
  }
  body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .bonus-buttons.actions:only-child {
    justify-self: center;
  }
}
body .bonus-component.bonus-box-old-v1 .casino-bonus-title {
  grid-area: casinoBonusTitle;
  font-family: Font_Bold;
  font-size: 1.125rem;
  color: #020202;
  text-align: center;
  background: #f5f9ff;
  border-radius: 5px;
  padding: 0.875rem 0.5rem;
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v1 .casino-bonus-title a {
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
body .bonus-component.bonus-box-old-v1 .tab-content-text .division-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
body .bonus-component.bonus-box-old-v1 .tab-content-text .division-list::before {
  display: none;
}
body .bonus-component.bonus-box-old-v1 .tab-content-text .division-list .division-item:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 768px) {
  body .bonus-component.bonus-box-old-v1 .tab-content-text .division-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (min-width: 992px) {
  body .bonus-component.bonus-box-old-v1 .tab-content-text .division-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
body .bonus-component.bonus-box-old-v1 .terms-conditions {
  border: none;
}
body .bonus-component.bonus-box-old-v1 .terms-conditions:empty {
  display: none;
}
@media all and (min-width: 992px) {
  body .bonus-component.bonus-box-old-v1 {
    grid-template-columns: calc(140px + 1rem) 1fr;
    justify-content: flex-start;
    padding-bottom: 1rem;
    grid-template-areas: "bagdesTop bagdesTop" "bonusImg casinoTitleAndBadges" "bonusImg ratingBoxElement" "casinoBonusTitle casinoBonusTitle" "btnBadges btnBadges" "bonusContent bonusContent";
  }
  body .bonus-component.bonus-box-old-v1.bonus-has-terms {
    padding-bottom: 0;
    grid-template-areas: "bagdesTop bagdesTop" "bonusImg casinoTitleAndBadges" "bonusImg ratingBoxElement" "casinoBonusTitle casinoBonusTitle" "btnBadges btnBadges" "bonusContent bonusContent" "terms terms";
  }
  body .bonus-component.bonus-box-old-v1 .casino-name {
    justify-self: flex-start;
  }
  body .bonus-component.bonus-box-old-v1 .casino-name .bonus-component-casino-title {
    font-size: 1.375rem;
    margin-bottom: -0.25rem;
  }
  body .bonus-component.bonus-box-old-v1 .casino-logo {
    margin-left: 1rem;
    justify-self: flex-start;
  }
  body .bonus-component.bonus-box-old-v1 .rating-box-element {
    justify-self: flex-start;
  }
  body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .badge-item-copy {
    min-width: 180px;
    width: unset;
  }
  body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .bonus-buttons {
    max-width: 180px;
  }
  body .bonus-component.bonus-box-old-v1 .btn-and-badges-wrapper .bonus-buttons .button {
    max-width: 180px;
  }
  body .bonus-component.bonus-box-old-v1 .casino-specifications.tab-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  body .bonus-component.bonus-box-old-v1 .bonus-top-badges .main-badges-item:nth-child(3) {
    display: flex;
  }
  body .bonus-component.bonus-box-old-v1 .division-list .division-item {
    margin-bottom: 0;
  }
}

body .bonus-component.bonus-box-old-v2 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: grid;
  grid-template-areas: "bonusImg" "ratingBoxElement" "casinoBonusTitle" "bonusGroup";
}
body .bonus-component.bonus-box-old-v2.bonus-has-terms {
  padding-bottom: 0;
  grid-template-areas: "bonusImg" "ratingBoxElement" "casinoBonusTitle" "bonusGroup" "terms";
}
body .bonus-component.bonus-box-old-v2:has(.casino-logo-counter) {
  padding-top: 3rem !important;
}
body .bonus-component.bonus-box-old-v2.bonus-component .terms-conditions {
  border-top: none;
}
body .bonus-component.bonus-box-old-v2 .terms-conditions {
  padding-top: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-logo-counter {
  background-color: #eff2fe;
  width: 100%;
  height: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #020202;
  font-size: 0.875rem;
  font-family: Font_Bold;
  text-align: center;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem 0.5rem 0 0;
}
body .bonus-component.bonus-box-old-v2 .casino-logo {
  position: relative;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  justify-self: center;
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-logo .main-badges-item {
  width: max-content;
  height: 1.25rem;
}
body .bonus-component.bonus-box-old-v2 .bonus-rating-badges {
  grid-area: casinoBadgesRating;
}
body .bonus-component.bonus-box-old-v2 .bonus-rating-badges .bonus-top-badges {
  height: 26px;
  margin-bottom: 0.625rem;
}
body .bonus-component.bonus-box-old-v2 .bonus-rating-badges .bonus-top-badges {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
body .bonus-component.bonus-box-old-v2 .bonus-rating-badges .bonus-top-badges .main-badges-item:not(:first-child) {
  display: none;
}
body .bonus-component.bonus-box-old-v2 .bonus-group {
  grid-area: bonusGroup;
  grid-column: 1/-1;
  display: grid;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper {
  grid-template-columns: 1fr 1fr;
  grid-column: 1/-1;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  column-gap: 0.75rem;
  row-gap: 1rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab {
  justify-content: flex-end;
  border-bottom: none;
  border-top: none;
  padding-top: 0;
  padding-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab .tab-item {
  position: relative;
  width: 100%;
  max-width: 180px;
  height: 2.25rem;
  display: inline-block;
  line-height: 2.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
}
@media all and (min-width: 992px) {
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab .tab-item {
    font-size: 0.875rem;
  }
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab.active .tab-item {
  background: #f2f5ff;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text {
  border-bottom: none;
  grid-column: 1/-1;
  padding-left: 0;
  padding-right: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .division-list {
  margin-top: 0;
  padding-bottom: 1rem;
  border-top: 1px solid #f0f0f0;
  padding-top: 1rem;
  align-items: flex-start;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .modal-content {
  overflow-x: hidden;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .modal-content h4 {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .modal-content .bonus-tooltip-details .division-item::after {
  display: none;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained.show {
  margin-top: 1rem;
  border-bottom: none;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .division-list .division-item {
  margin-bottom: 0.75rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .division-list .division-item:last-child {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .division-list .division-item:nth-last-child(2):nth-child(odd) {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .more-bonuses-controller {
  padding-top: 1rem;
  border-top: 1px solid #f0f0f0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .more-bonuses-controller .modal .modal-content {
  padding: 1.25rem 1rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .more-bonuses-controller .division-list {
  margin-bottom: 0;
  padding-bottom: 0;
  border-top: none;
  padding-top: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-details-info {
  margin-bottom: 1rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-details-info {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: row;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-details-info-title {
  font-size: 0.875rem;
  font-family: Font_SemiBold;
  color: #020202;
  line-height: 1.5rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .content-icon {
  font-size: 1.5rem;
  display: block;
  margin-right: 0.75rem;
  text-align: center;
  position: relative;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content {
  border-top: 1px solid #f0f0f0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content:nth-child(2) ul > li,
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content:nth-child(2) ol > li {
  padding-left: 1.5rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content:nth-child(2) ul > li::before,
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content:nth-child(2) ol > li::before {
  content: "\e90c";
  font-family: "icomoon";
  color: #e91010;
  background-color: transparent;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  width: unset;
  height: unset;
  position: absolute;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content p:not(.bonus-details-info-title) {
  font-family: Font_Regular;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content p:not(.bonus-details-info-title):last-child {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content:last-child {
  padding-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul {
  margin-bottom: 1rem;
  list-style-type: none !important;
  padding-left: 0 !important;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul:last-child {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li {
  font-family: Font_Regular;
  font-size: 13px;
  margin-bottom: 0.625rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li:last-child {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li span {
  font-family: inherit;
  font-size: inherit;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul {
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 1.125rem;
  list-style-type: disc;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul:last-child {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul:has(+ h2) {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li {
  font-family: Font_Regular;
  margin-bottom: 0.75rem;
  position: relative;
  padding-top: 0;
  font-size: 0.875rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li.no-collapse {
  padding: 0.625rem;
}
@media all and (min-width: 540px) {
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li.no-collapse {
    padding: 1rem;
  }
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li:last-child {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li:last-child h3:last-child {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul.red li:before {
  background-color: #E91010;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ol {
  margin-bottom: 1rem;
  list-style: none;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ol:last-child {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ol li {
  font-family: Font_Regular;
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
  line-height: 1.5rem;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ol li:last-child {
  margin-bottom: 0;
}
body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ol li span {
  font-family: inherit;
  font-size: inherit;
}
body .bonus-component.bonus-box-old-v2 .bonus-buttons {
  justify-content: flex-start;
}
body .bonus-component.bonus-box-old-v2 .bonus-buttons .button.blue-full {
  max-width: 180px;
  width: 100%;
  height: 2.25rem;
  font-size: 0.75rem;
  line-height: 1;
}
@media all and (min-width: 992px) {
  body .bonus-component.bonus-box-old-v2 .bonus-buttons .button.blue-full {
    font-size: 0.875rem;
  }
}
body .bonus-component.bonus-box-old-v2 .rating-box-element {
  justify-self: center;
}
body .bonus-component.bonus-box-old-v2 .rating-box-element .text-recommendation {
  display: flex;
  align-items: center;
}
body .bonus-component.bonus-box-old-v2 .main-badges-item {
  grid-column: 1/-1;
  width: calc(100% - 1.5rem);
  max-width: 23.25rem;
  height: 2.25rem;
  justify-self: center;
  margin-right: 0;
  margin-bottom: 0.75rem;
}
body .bonus-component.bonus-box-old-v2 .general-tab-wrapper {
  row-gap: 0;
}
@media all and (min-width: 992px) {
  body .bonus-component.bonus-box-old-v2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  body .bonus-component.bonus-box-old-v2.bonus-has-terms {
    padding-bottom: 0;
  }
  body .bonus-component.bonus-box-old-v2 .bonus-top-badges .main-badges-item:not(:first-child) {
    display: flex;
  }
  body .bonus-component.bonus-box-old-v2 .casino-logo {
    margin-left: 1rem;
  }
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained.show {
    margin-top: 0.125rem;
  }
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .division-list .division-item {
    margin-bottom: 0;
  }
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .more-bonuses-controller {
    margin-top: 0;
  }
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .more-bonuses-controller .modal {
    padding: 1.25rem 1rem;
  }
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .more-bonuses-controller .modal .modal-content {
    padding: 0;
  }
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .more-bonuses-controller .division-list .tooltip-element {
    padding-bottom: 0;
  }
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .bonus-tooltip-details .division-item {
    padding: 0.75rem 0;
  }
  body .bonus-component.bonus-box-old-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .bonus-tooltip-details .division-item:last-child {
    padding-bottom: 0;
  }
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
textarea {
  font-size: 1rem;
  line-height: 1;
  font-family: Font_Regular;
  color: #020202;
  width: 100%;
  max-width: 100%;
  padding: 0.75rem 0.625rem;
  border-radius: 0.5rem;
  background: white;
  resize: none;
  border: 1px solid #d7d7d7;
}
input[type=text],
input[type=email],
input[type=password],
input[type=number],
textarea {
  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);
}
input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=number]:hover,
textarea:hover {
  border-color: #64a2ff;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
textarea:focus {
  outline: none;
  -webkit-outline: none;
  border-color: #64a2ff;
}
input[type=text]::-webkit-input-placeholder, input[type=text]::-moz-placeholder, input[type=text]:-ms-input-placeholder, input[type=text]:-moz-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=email]::-moz-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=email]:-moz-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=password]::-moz-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=password]:-moz-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=number]::-moz-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=number]:-moz-placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea:-moz-placeholder {
  color: #020202;
}

input[type=submit] {
  display: block;
  width: 100%;
}

textarea {
  border-radius: 0.5rem;
}

input[type=radio]:checked,
input[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

input[type=radio]:checked + label,
input[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 1.25rem;
  display: inline-block;
  color: #666;
}

input[type=radio]:checked + label:before,
input[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 0.75rem;
  height: 0.75rem;
  border: 1px solid #898989;
  border-radius: 100%;
  background: #fff;
}

input[type=radio]:checked + label:after,
input[type=radio]:not(:checked) + label:after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background: #0969F9;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

input[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

input[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

textarea {
  min-height: 8.75rem;
}

.form-item {
  position: relative;
  display: block;
  width: 100%;
}
.form-item label {
  font-size: 0.875rem;
  line-height: 1rem;
  font-family: Font_Regular;
  color: #020202;
  display: block;
  margin-bottom: 0.5rem;
}
.form-item input[type=submit] {
  border: none;
}

.comments-wrapper .comments-header {
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  margin-bottom: 1.5rem;
}
.comments-wrapper .comments-header .no-comments {
  margin-right: 2rem;
}
.comments-wrapper .comments-header .sort-wrapper .dropdown-trigger {
  font-family: Font_Regular;
  text-transform: uppercase;
}
.comments-wrapper .comments-header .sort-wrapper .dropdown-element {
  width: max-content;
  padding: 0.625rem 0;
}
.comments-wrapper .comments-header .sort-wrapper .dropdown-element {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.comments-wrapper .comments-header .sort-wrapper .dropdown-element li::marker {
  display: none;
}
.comments-wrapper .comments-header .sort-wrapper .dropdown-element .sort-by-dropdown-element {
  font-size: 0.875rem;
  line-height: 1;
  text-transform: none;
  padding: 0.625rem 1.25rem;
  cursor: pointer;
}
.comments-wrapper .comments-header .sort-wrapper .icon-filter-light {
  font-size: 1rem;
  margin-right: 0.5rem;
  pointer-events: none;
}

.filters {
  overflow-x: hidden;
  margin-bottom: 2rem;
}
.filters .filter-by {
  font-family: Font_Bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: inline-block;
  margin-bottom: 1rem;
  color: #474F54;
}
.filters .no-of-results {
  font-family: Font_Bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 1rem;
  color: #474F54;
  display: inline-block;
}
.filters .filter-container .filter-list .form-item {
  pointer-events: all;
  height: 2.5rem;
}
.filters .filter-container .filter-list .form-item:last-of-type {
  margin-right: 0;
}
.filters .filter-container .filter-list .form-item .button {
  background: #fff;
  border: 1px solid #d3deeb;
  border-radius: 0.375rem;
  color: #020202;
  line-height: 1rem;
  font-size: 0.875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  height: 100%;
  font-family: Font_SemiBold;
  text-transform: uppercase;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04);
  letter-spacing: -1%;
}
.filters .filter-container .filter-list .form-item .button:hover {
  border-color: #d9a539;
  background: #fdfdff;
}
.filters .filter-container .filter-list .form-item .button.button-active {
  color: #020202;
  border-color: #ffc44a;
  background: #ffc44a;
  font-family: Font_Bold;
}
.filters .filter-container .filter-list .form-item .button.button-active:hover {
  border-color: #ffc44a;
  background: #ffc44a;
}

.filters-section {
  display: grid;
  margin-bottom: 0;
}

.filters-reset {
  overflow: initial;
}
.filters-reset .filter-container {
  height: auto;
}
.filters-reset .filter-container .filter-list {
  height: auto;
}

.dropdown .dropdown-element.dropdown-casino-info {
  width: 300px;
}
.dropdown .dropdown-element.dropdown-casino-info {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}
.dropdown .dropdown-element.dropdown-casino-info .review-link {
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-family: Font_SemiBold;
  text-decoration: underline;
  margin-top: 0.625rem;
  width: 100%;
  display: block;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.625rem;
  padding: 0 0.625rem;
  margin-top: 0.625rem;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row.rating-row-primary {
  border-radius: 0.5rem;
  background-color: rgb(245, 249, 255);
  margin-top: 0;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row.rating-row-primary .logo-img {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 1rem;
  align-self: stretch;
  margin: auto 0;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row.rating-row-primary .rating-label {
  font-family: Font_Bold;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row.rating-row-primary .rating-content .rating-header .rating-score {
  color: #0969F9;
  font-family: Font_Bold;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row .rating-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex: 1;
  flex-basis: 0%;
  margin: auto 0;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row .rating-content .rating-header {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 40px 50px;
  font-family: Font_SemiBold;
  justify-content: start;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row .rating-content .rating-header .rating-label {
  color: #020202;
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  align-self: stretch;
  flex: 1;
  flex-basis: 0%;
  margin: auto 0;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row .rating-content .rating-header .rating-score {
  color: #020202;
  font-size: 0.875rem;
  font-family: Font_SemiBold;
  line-height: 1;
  text-align: center;
  align-self: stretch;
  margin: auto 0;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row .rating-content .progress-bar {
  border-radius: 0.5rem;
  margin-top: 0.25rem;
  height: 0.125rem;
  width: 100%;
}
.dropdown .dropdown-element.dropdown-casino-info .rating-row .rating-content .progress-bar .progress {
  border-radius: 0.5rem;
}

.container-recommendation {
  width: max-content;
  height: 35px;
  padding: 0 0.625rem;
  display: grid;
  grid-auto-flow: column;
  gap: 0.625rem;
  align-items: center;
  border-radius: 0.5rem;
}
.container-recommendation .text-notice {
  font-family: Font_SemiBold;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.5rem;
  height: 1.625rem;
  display: flex;
  align-items: center;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.container-recommendation .text-recommendation {
  font-size: 0.875rem;
  line-height: 1;
  font-family: Font_SemiBold;
  height: 1.625rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
}
.container-recommendation .text-recommendation::after {
  content: "\e9a3";
  font-family: "icomoon";
  color: #474f54;
  display: inline-block;
  margin-left: 0.375rem;
}
.container-recommendation .text-recommendation.text-excellent {
  color: #0969F9;
}
.container-recommendation .text-recommendation.text-recommended {
  color: #1e834d;
}
.container-recommendation .text-recommendation.text-fair {
  color: #d14900;
}
.container-recommendation .text-recommendation.text-mediocre {
  color: #b8283a;
}
.container-recommendation .text-recommendation.text-avoid {
  color: #cd0000;
}
.container-recommendation.casino-container-avoid .text-notice,
.container-recommendation.casino-container-avoid .rating-modal, .container-recommendation.bonus-container-avoid .text-notice,
.container-recommendation.bonus-container-avoid .rating-modal {
  color: #fff;
  background: #cd0000;
}
.container-recommendation.casino-container-mediocre .text-notice,
.container-recommendation.casino-container-mediocre .rating-modal, .container-recommendation.bonus-container-mediocre .text-notice,
.container-recommendation.bonus-container-mediocre .rating-modal {
  color: #fff;
  background: #b8283a;
}
.container-recommendation.casino-container-fair .text-notice,
.container-recommendation.casino-container-fair .rating-modal, .container-recommendation.bonus-container-fair .text-notice,
.container-recommendation.bonus-container-fair .rating-modal {
  color: #fff;
  background: #d14900;
}
.container-recommendation.casino-container-recommended .text-notice,
.container-recommendation.casino-container-recommended .rating-modal, .container-recommendation.bonus-container-recommended .text-notice,
.container-recommendation.bonus-container-recommended .rating-modal {
  color: #fff;
  background: #1e834d;
}
.container-recommendation.casino-container-excellent .text-notice,
.container-recommendation.casino-container-excellent .rating-modal, .container-recommendation.bonus-container-excellent .text-notice,
.container-recommendation.bonus-container-excellent .rating-modal {
  background: #0969F9;
  color: #ffffff;
}

.section-closed .container {
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 2.5rem;
}
.section-closed .container .card-closed-element {
  width: 100%;
  text-align: center;
  display: grid;
  gap: 0.875rem;
  margin-bottom: 1.875rem;
  padding-top: 1.25rem;
}
.section-closed .container .card-closed-element .icon {
  font-size: 2.875rem;
}
.section-closed .container .card-closed-element .red {
  color: #e93131;
  font-family: Font_Bold;
}
.section-closed .container .card-closed-element .card-closed-title {
  font-family: Font_Bold;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 0.125rem;
  color: #020202;
}
.section-closed .container .card-closed-element .card-closed-content {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 1rem;
  color: #020202;
}
@media all and (min-width: 768px) {
  .section-closed .container .card-closed-element {
    margin-bottom: 2.5rem;
    padding-top: 0;
  }
}
.section-closed .container .section-best-alternatives {
  width: 100%;
}
.section-closed .container .section-best-alternatives .best-alternatives-title {
  text-align: center;
}
.section-closed .container .section-best-alternatives .cards-list-best-alternatives {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 1.25rem;
}
.section-closed .container .section-best-alternatives .cards-list-best-alternatives .best-alternatives-element {
  display: grid;
  grid-template-areas: "bonusImg" "ratingBoxElement" "casinoBonusTitle" "bonusBtn";
  row-gap: 1rem;
  padding: 1.25rem 0;
  border: 1px solid #07af5e;
  box-shadow: none;
}
.section-closed .container .section-best-alternatives .cards-list-best-alternatives .best-alternatives-element:has(.terms-conditions) {
  grid-template-areas: "bonusImg" "ratingBoxElement" "casinoBonusTitle" "bonusBtn" "terms";
  padding-bottom: 0;
}
.section-closed .container .section-best-alternatives .cards-list-best-alternatives .best-alternatives-element:has(.terms-conditions) .terms-conditions {
  border-radius: 0 0 0.5rem 0.5rem;
}
.section-closed .container .section-best-alternatives .cards-list-best-alternatives .best-alternatives-element:has(.terms-conditions) .terms-conditions .terms-small {
  padding: 0.75rem;
}
.section-closed .container .section-best-alternatives .cards-list-best-alternatives .best-alternatives-element .casino-logo {
  justify-self: center;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.section-closed .container .section-best-alternatives .cards-list-best-alternatives .best-alternatives-element .rating-box-element {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.section-closed .container .section-best-alternatives .cards-list-best-alternatives .best-alternatives-element .button.blue-full {
  grid-area: bonusBtn;
  width: 100%;
  max-width: 217px;
  justify-self: center;
  height: 2.25rem;
  gap: 0.375rem;
  font-size: 0.75rem;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.section-closed .container .section-best-alternatives .cards-list-best-alternatives .best-alternatives-element .button.blue-full .icon-lock {
  font-size: 0.625rem;
  margin-left: 0;
}
@media all and (min-width: 768px) {
  .section-closed .container {
    padding-bottom: 3.75rem;
  }
}

.modal-trigger,
.modal-trigger-ajax {
  cursor: pointer;
}
.modal-trigger > *,
.modal-trigger-ajax > * {
  pointer-events: none;
}
.modal-trigger.tooltip-trigger,
.modal-trigger-ajax.tooltip-trigger {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.modal-trigger.tooltip-trigger::before,
.modal-trigger-ajax.tooltip-trigger::before {
  color: #646060;
}

.modal {
  display: block;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  z-index: 9999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal.show {
  visibility: visible;
  opacity: 1;
}
@media all and (min-width: 992px) {
  .modal {
    padding-top: 100px;
  }
}
.modal .modal-content {
  background-color: #fff;
  border-radius: 0.5rem;
  border: 1px solid rgba(151, 151, 151, 0.2);
  padding: 1rem;
  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: 992px) {
  .modal .modal-content {
    padding: 2rem;
    width: 60%;
  }
}
.modal .modal-content .modal-title {
  font-size: 1.125rem;
  margin-top: 0;
}
.modal .modal-content p:last-child {
  margin-bottom: 0;
}
.modal .modal-content .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.25rem;
}
.modal .modal-content .title-wrapper .modal-close {
  margin-bottom: 0;
}
.modal .modal-content .modal-close {
  background: transparent;
  border: none;
  color: #E91010;
  cursor: pointer;
}
.modal .modal-content .modal-close.icon-times-regular {
  color: #E91010;
  line-height: 1rem;
  font-size: 1rem;
  cursor: pointer;
  transition: 1s linear;
  justify-self: end;
  margin-bottom: 0.5rem;
  background: transparent;
  border: none;
}
@media all and (min-width: 991px) {
  .modal .modal-content .modal-close.icon-times-regular {
    right: 0;
  }
}
.modal .modal-content .modal-close.icon-times-regular:hover, .modal .modal-content .modal-close.icon-times-regular:focus {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
.modal .modal-content .modal-img {
  width: 100%;
}
.modal.tooltip-modal .modal-title {
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.modal.tooltip-modal .modal-close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

@media all and (min-width: 991px) {
  .hero-section-info-modal .modal-content .modal-close {
    top: 0;
  }
}

.modal-subscribe-element .modal-content .close-modal {
  display: flex;
  justify-self: flex-end;
  cursor: pointer;
}

@media all and (min-width: 991px) {
  .hero-section-info-modal .modal-content .modal-header .modal-close {
    top: -5px;
    right: -7px;
  }
}
.modal-element {
  display: flex;
}

.modal-element-reviews .modal-content {
  padding: 1rem;
  border-radius: 0.375rem;
  gap: 0.875rem;
  width: 95%;
}
@media all and (min-width: 768px) {
  .modal-element-reviews .modal-content {
    padding: 1.25rem;
    width: 90%;
    gap: 1.25rem;
  }
}
@media all and (min-width: 992px) {
  .modal-element-reviews .modal-content {
    max-width: 50rem;
  }
}
.modal-element-reviews .modal-content .title-wrapper {
  margin-bottom: 0;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}
.modal-element-reviews .modal-content .modal-title {
  margin-bottom: 0.875rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: Font_SemiBold;
}
@media all and (min-width: 768px) {
  .modal-element-reviews .modal-content .modal-title {
    margin-bottom: 1.25rem;
  }
}
.modal-element-reviews .modal-content .modal-close {
  margin-bottom: 0.875rem;
}
@media all and (min-width: 768px) {
  .modal-element-reviews .modal-content .modal-close {
    margin-bottom: 1.25rem;
  }
}
.modal-element-reviews .modal-content .rating-reviews {
  height: 2.25rem;
  margin-bottom: 1.25rem;
}

.dropdown-stats-list {
  gap: 0.625rem;
}
.dropdown-stats-list {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.dropdown-stats-list .dropdown-stats-item {
  position: relative;
  gap: 0.75rem;
}
.dropdown-stats-list .dropdown-stats-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.dropdown-stats-list .dropdown-stats-item:not(:first-child):before {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
}
.dropdown-stats-list .dropdown-stats-item .rating-title {
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  color: #020202;
}
.dropdown-stats-list .dropdown-stats-item .rating-bar {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0.625rem;
  align-items: center;
}
@media all and (max-width: 300px) {
  .dropdown-stats-list .dropdown-stats-item .rating-bar meter {
    width: 3.75em;
  }
}
.dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value {
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  line-height: 1.5rem;
  text-align: right;
  color: #020202;
  width: 1.375rem;
  white-space: nowrap;
}

.dropdown-read-review {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #f0f0f0;
  gap: 0.5rem;
}
.dropdown-read-review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.dropdown-read-review .review-link {
  line-height: 1.5rem;
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.dropdown-read-review .container-recommendation {
  padding: 0;
}
.dropdown-read-review .text-recommendation::after {
  content: none !important;
}

.page-details {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  font-family: Font_Regular;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.625rem;
  row-gap: 0.625rem;
  align-items: center;
  position: relative;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.page-details .author-element {
  font-size: 0.875rem;
  width: max-content;
}
.page-details .author-element {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.page-details .author-element .author-profile {
  margin-right: 0.625rem;
  position: relative;
  height: 1.5rem;
  width: 1.5rem;
}
@media all and (max-width: 350px) {
  .page-details .author-element .author-profile {
    margin-right: 3px;
  }
}
.page-details .author-element .author-profile .icon-check-full {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
}
.page-details .author-element .author-profile .author-profile-image {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
}
.page-details .author-element .author-name {
  font-family: Font_SemiBold;
  color: #020202;
  font-size: 0.75rem;
  line-height: 1rem;
  text-decoration: none;
}
.page-details .author-element .author-name {
  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);
}
.page-details .casinos-number {
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #020202;
  width: max-content;
}
.page-details .casinos-number:before {
  content: "• ";
  color: rgb(190, 190, 190);
  margin-right: 6px;
  width: 4.74px;
}
.page-details .casinos-number:first-child::before {
  content: "";
  display: none;
}
.page-details .time-to-read {
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #020202;
  width: max-content;
}
.page-details .time-to-read:before {
  content: "• ";
  color: rgb(190, 190, 190);
  margin-right: 6px;
  width: 4.74px;
}
.page-details .deals-available {
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #020202;
  margin-right: 0.375rem;
  width: max-content;
}
.page-details .deals-available a {
  color: #020202;
}
.page-details .deals-available a .offers-number {
  color: #0969F9;
}
.page-details .deals-available::before {
  content: "• ";
  color: rgb(190, 190, 190);
  margin-right: 0.375rem;
  width: 4.74px;
}
.page-details .date-published {
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #474f54;
  width: max-content;
  line-height: 1.5rem;
}
.page-details .date-published:before {
  content: "• ";
  color: rgb(190, 190, 190);
  margin-right: 6px;
  width: 4.74px;
}
.page-details .date-published:first-child::before {
  content: "";
  display: none;
}
.page-details > .date-published:nth-child(2):before {
  content: "• ";
  color: rgb(190, 190, 190);
  margin-right: 6px;
  width: 4.74px;
}
.page-details .facts-checked.dropdown {
  justify-self: flex-start;
  font-family: Font_SemiBold;
  color: #0969F9;
  position: static;
}
.page-details .facts-checked.dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element {
  color: #020202;
  width: 100%;
  min-width: 240px;
  top: calc(100% - 4.5rem);
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element .title-wrapper {
  align-items: flex-start;
  margin-bottom: 1.25rem;
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element .title-wrapper p {
  margin-bottom: 0;
  background-color: #fbfdff;
  padding: 0.625rem;
  border-radius: 0.625rem;
  margin-right: 1.25rem;
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element .title-wrapper .icon-close {
  margin-left: auto;
  padding: 0.375rem;
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element .title-wrapper .icon-close::before {
  color: #474F54;
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element .author-element .author-image {
  height: 3rem;
  width: 3rem;
  position: relative;
  margin-right: 1.25rem;
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element .author-element .author-image img {
  border-radius: 50%;
  overflow: hidden;
  height: 3rem;
  width: 3rem;
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element .author-element .author-image .icon-check-full {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1rem;
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element .author-element .author-info .author-title {
  font-family: Font_Heading;
  color: #020202;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: left;
  display: block;
  text-decoration: underline;
  margin-bottom: 0.5rem;
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element .author-element .author-info .author-role {
  color: #474f54;
  font-family: Font_Regular;
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-bottom: 0;
  justify-self: flex-start;
  align-self: flex-start;
}
.page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element .author-element .author-info .author-role .icon-briefcase {
  margin-right: 0.5rem;
}
.page-details .facts-checked.dropdown .author-element {
  margin-bottom: 0.75rem;
}
.page-details .facts-checked.dropdown .author-element .author-profile {
  margin-right: 0.625rem;
}
.page-details .facts-checked.dropdown .author-element .author-profile .author-profile-image {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
.page-details .facts-checked.dropdown .author-element .author-name {
  color: #0969F9;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: Font_Regular;
}
.page-details .facts-checked.dropdown .dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.page-details .facts-checked.dropdown .dropdown-trigger .icon-facts-checked {
  font-size: 1rem;
  margin-right: 6px;
  width: 1rem;
  height: 1rem;
  color: #0969F9;
}
.page-details .facts-checked.dropdown .dropdown-trigger .facts-checked-text {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #0969F9;
}
.page-details .facts-checked.dropdown:before {
  content: "• ";
  font-size: 0.75rem;
  color: rgb(190, 190, 190);
  margin-right: 6px;
  width: 4.74px;
}
.page-details .facts-checked.dropdown:first-child::before {
  content: "";
  display: none;
}
@media all and (min-width: 400px) {
  .page-details .facts-checked.dropdown .facts-checked-dropdown.dropdown-element {
    top: calc(100% + 1rem);
  }
}
@media all and (min-width: 576px) {
  .page-details .facts-checked.dropdown {
    position: relative;
  }
  .page-details .facts-checked.dropdown-dropdown {
    min-width: 300px;
    top: calc(100% + 1rem);
  }
}

.how-we-review-el {
  position: static;
}
.how-we-review-el .tooltip-trigger {
  color: #020202;
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-family: Font_Regular;
}
.how-we-review-el .tooltip-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.how-we-review-el .tooltip-trigger span {
  margin-left: 0.25rem;
  font-size: 1rem;
}
.how-we-review-el-modal .modal-content .modal-title-text {
  font-size: 1rem;
  font-family: Font_Bold;
  margin-bottom: 1rem;
  margin-top: 0;
  color: #020202;
}
.how-we-review-el-modal .modal-content .modal-title-text a {
  font-weight: inherit;
  font-size: inherit;
}
.how-we-review-el-modal .modal-content .modal-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  background: transparent;
}
.how-we-review-el-modal .modal-content .modal-body p {
  font-size: 0.75rem;
  line-height: 1rem;
}

.ad-disclosure .dropdown-trigger {
  font-size: 0.75rem;
  font-family: Font_Regular;
  line-height: 1.5rem;
}
.ad-disclosure .ad-disclosure-dropdown p:last-child {
  margin-bottom: 0;
}
.ad-disclosure .icon-ad-light {
  margin-left: 0.25rem;
  font-size: 0.875rem;
}

.rating-modal {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #eff2fe;
  border-radius: 0.5rem;
  padding: 0.25rem 0.375rem;
  width: max-content;
  height: 1.625rem;
}
.rating-modal .icon-star-solid {
  margin-right: 0.25rem;
}
.rating-modal .rating-value {
  font-family: Font_SemiBold;
  font-size: 1rem;
  color: #fff;
  width: max-content;
}

.stars-container {
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
  line-height: 0.875rem;
  background-color: #eff2fe;
  border-radius: 1.25rem;
  padding: 0.125rem 0.5rem;
  width: max-content;
  line-height: 0.75rem;
}
.stars-container {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: auto;
}
.stars-container .rating-stars {
  pointer-events: none;
}
.stars-container .rating-stars .icon-star-solid {
  font-size: 13px;
  pointer-events: inherit;
}
.stars-container .rating-stars-text {
  font-size: 11px;
  line-height: 0.875rem;
  color: #64666a;
  pointer-events: none;
  font-family: Font_SemiBold;
}
.stars-container .rating-stars-text .rating {
  color: #1b1b1b;
  font-size: 1rem;
  line-height: 22px;
  font-family: Font_SemiBold;
  pointer-events: inherit;
}
.stars-container .icon-info {
  font-size: 0.875rem;
}

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

.dropdown {
  position: relative;
  margin-bottom: 0;
}
.dropdown .dropdown-trigger {
  color: #020202;
  text-decoration: none;
  font-family: Font_SemiBold;
  cursor: pointer;
}
.dropdown .dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.dropdown .dropdown-trigger .icon-chevron-down-regular {
  font-size: 0.5rem;
  margin-left: 0.375rem;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  transform: rotate(0deg);
  transform-origin: center;
  pointer-events: none;
}
.dropdown .dropdown-trigger .icon-chevron-down-regular.rotate {
  transform: rotate(-180deg);
}
.dropdown .dropdown-element {
  background: white;
  min-width: 11rem;
  max-width: 20rem;
  width: auto;
  position: absolute;
  visibility: hidden;
  top: calc(100% + 1rem);
  overflow: hidden;
  border: 1px solid rgba(151, 151, 151, 0.2);
  left: 0;
  opacity: 0;
  border-radius: 0.5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.dropdown .dropdown-element .icon-close {
  color: #ed1515;
  font-size: 0.75rem;
  cursor: pointer;
}
.dropdown .dropdown-element .title-wrapper {
  margin-bottom: 0.75rem;
  width: 100%;
}
.dropdown .dropdown-element .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.dropdown .dropdown-element .title-wrapper .title {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: Font_Heading;
  color: #020202;
}
.dropdown .dropdown-element li {
  margin-right: 0;
  margin-bottom: 0;
}
.dropdown .dropdown-element li a {
  padding: 0.75rem 1rem;
  transition: all all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  text-decoration: none;
  color: #020202;
  display: block;
  word-break: break-word;
}
.dropdown .dropdown-element li a:hover {
  background: #e8f2ff;
  color: #0969F9;
}
.dropdown .dropdown-element.show {
  visibility: visible;
  opacity: 1;
  height: max-content;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  z-index: 100;
  left: 0;
}
.dropdown .dropdown-element.show {
  box-shadow: rgba(88, 102, 126, 0.08) 0px 4px 24px, rgba(88, 102, 126, 0.12) 0px 1px 2px;
  background-color: #fff;
}

#breadcrumbs {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#breadcrumbs:last-child {
  margin-bottom: 0;
}
#breadcrumbs nav {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#breadcrumbs nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
#breadcrumbs nav .breadcrumb-element {
  word-break: break-all;
  font-family: Font_Bold;
  margin-left: 0.625rem;
  margin-bottom: 0;
  min-width: 0;
}
#breadcrumbs nav .breadcrumb-element {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
@media all and (max-width: 576px) {
  #breadcrumbs nav .breadcrumb-element:nth-last-child(2) {
    flex-shrink: 1;
  }
  #breadcrumbs nav .breadcrumb-element:last-child {
    flex-shrink: 2;
  }
}
@media all and (max-width: 414px) {
  #breadcrumbs nav .breadcrumb-element:nth-last-child(2) {
    flex-shrink: 2;
  }
  #breadcrumbs nav .breadcrumb-element:last-child {
    flex-shrink: 3;
  }
}
#breadcrumbs nav .breadcrumb-element span,
#breadcrumbs nav .breadcrumb-element a {
  font-size: 0.75rem;
  line-height: 1rem;
  word-break: break-all;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#breadcrumbs nav .breadcrumb-element span {
  color: #4d4d4d;
}
#breadcrumbs nav .breadcrumb-element:before {
  content: "\e90f";
  font-family: "icomoon";
  color: #020202;
  font-size: 0.5rem;
  line-height: 1rem;
  margin-right: 0.625rem;
  vertical-align: middle;
}
#breadcrumbs nav .breadcrumb-element a {
  color: #0969F9;
  text-decoration: none;
  font-family: Font_Bold;
}
#breadcrumbs nav .breadcrumb-element a span {
  color: inherit;
  line-height: inherit;
  display: inline-block;
}
#breadcrumbs nav .breadcrumb-element a:hover {
  color: #04419c;
}
#breadcrumbs nav .breadcrumb-element .icon-home-lg-alt-light {
  display: inline-block;
  color: #0969F9;
  font-size: 0.75rem;
}
#breadcrumbs nav .breadcrumb-element .icon-home-lg-alt-light::before {
  font-size: 0.75rem;
}
#breadcrumbs nav .breadcrumb-element:first-child {
  margin-left: 0;
}
#breadcrumbs nav .breadcrumb-element:first-child:before {
  content: none;
}
#breadcrumbs nav .breadcrumb-element:last-child a {
  color: #020202;
}
#breadcrumbs:last-child {
  margin-bottom: 0;
}

body .expand-section {
  margin-bottom: 1.5rem;
}
body .expand-section .bonuses-list {
  margin-bottom: 1.875rem;
}
body .expand-section .bonuses-list:last-child {
  margin-bottom: 0;
}
body .expand-section .partial-load-trigger {
  border: 1px solid #0969F9;
  color: #0969F9;
  grid-column: 1/-1;
  justify-self: center;
  background: transparent;
  text-transform: lowercase;
  height: 2.375rem;
  font-size: 0.875rem;
}
body .expand-section .partial-load-trigger.hidden {
  display: none;
  opacity: 0;
  height: 0;
}
body .expand-section .trigger {
  text-decoration: none;
  cursor: pointer;
  font-size: 0.875rem;
  font-family: Font_SemiBold;
  line-height: 1.5rem;
  color: #020202;
}
body .expand-section .trigger > * {
  pointer-events: none;
  vertical-align: middle;
  line-height: 0.875rem;
}
body .expand-section .trigger.expand-trigger {
  display: inline;
  margin-left: 0.25rem;
}
body .expand-section .trigger.minimize-trigger .icon-expand {
  transform: rotate(-180deg);
  margin-bottom: 2px;
}
body .expand-section .trigger.hidden {
  display: none !important;
  opacity: 0 !important;
  height: 0 !important;
}
body .expand-section .icon-expand {
  margin-left: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}
body .expand-section .triggers {
  display: grid;
  justify-content: center;
  grid-column: 1/-1;
}
body .expand-section .triggers .trigger {
  background: transparent;
  text-decoration: none;
  text-transform: initial;
  color: #020202;
  font-family: Font_SemiBold;
  margin: 0 auto;
  position: relative;
  display: flex;
  border: none;
  height: auto;
}
body .expand-section .triggers .trigger span {
  font-size: 0.625rem;
  color: #0969F9;
  width: 1.375rem;
  height: 1.375rem;
  background: #f4f8ff;
  border-radius: 50%;
  display: inline-block;
  margin-left: 0.5rem;
  line-height: 1.5rem;
  font-family: "icomoon";
}
body .expand-section .triggers .trigger.minimize-trigger span {
  transform: rotate(180deg);
}
body .expand-section .expand-element {
  opacity: 0;
  height: 0;
  overflow: hidden;
  display: none;
}
body .expand-section .expand-element ul,
body .expand-section .expand-element ol {
  margin-top: 0;
  margin-bottom: 1rem;
}
body .expand-section .expand-element ul {
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 1.125rem;
  list-style-type: disc;
}
body .expand-section .expand-element ul:last-child {
  margin-bottom: 0;
}
body .expand-section .expand-element ul:has(+ h2) {
  margin-bottom: 0;
}
body .expand-section .expand-element ul li {
  font-family: Font_Regular;
  margin-bottom: 0.75rem;
  position: relative;
  padding-top: 0;
  font-size: 0.875rem;
}
body .expand-section .expand-element ul li.no-collapse {
  padding: 0.625rem;
}
@media all and (min-width: 540px) {
  body .expand-section .expand-element ul li.no-collapse {
    padding: 1rem;
  }
}
body .expand-section .expand-element ul li:last-child {
  margin-bottom: 0;
}
body .expand-section .expand-element ul li:last-child h3:last-child {
  margin-bottom: 0;
}
body .expand-section .expand-element ul.red li:before {
  background-color: #E91010;
}
body .expand-section.show p:first-child {
  margin-bottom: 1rem;
}
body .expand-section.show .expand-element {
  height: auto;
  opacity: 1;
  display: grid;
}
body .expand-section > p:first-child {
  margin-bottom: 0;
}
body .black-text {
  color: #020202;
}

.section-hero-categories-list {
  row-gap: 1rem;
  column-gap: 1rem;
  width: 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.section-hero-categories-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  grid-template-rows: auto;
}
.section-hero-categories-list .section-hero-category {
  height: 150px;
  box-shadow: 0px 8px 16px -6px rgba(24, 39, 75, 0.08);
  border-radius: 1.25rem;
  background-color: white;
  border: 2px solid white;
}
.section-hero-categories-list .section-hero-category:hover {
  background-color: #e8f2ff;
  cursor: pointer;
  border-color: #0969F9;
  box-shadow: 0px 8px 16px -6px rgba(24, 39, 75, 0.08);
}
.section-hero-categories-list .section-hero-category .category-link {
  font-size: 13px;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.section-hero-categories-list .section-hero-category .category-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.section-hero-categories-list .section-hero-category .category-link .category-img {
  display: flex;
  margin-bottom: 0.5rem;
}
.section-hero-categories-list .section-hero-category .category-link .category-img svg,
.section-hero-categories-list .section-hero-category .category-link .category-img img {
  width: 3.5rem;
  height: 3.5rem;
}
.section-hero-categories-list .section-hero-category .category-link .category-title {
  font-family: Font_SemiBold;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #020202;
  margin-bottom: 0.25rem;
}
.section-hero-categories-list .section-hero-category .category-link .text-wrapper {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: Font_SemiBold;
}
.section-hero-categories-list .section-hero-category .category-link .text-wrapper .icon-longarrow-right {
  display: inline-block;
  margin-left: 0.25rem;
  transform: rotate(180deg);
}
@media all and (min-width: 992px) {
  .section-hero-categories-list {
    gap: 1.25rem;
  }
  .section-hero-categories-list {
    padding: 0 0 0 0;
  }
}
@media all and (min-width: 576px) and (max-width: 991px) {
  .section-hero-categories-list {
    padding: 0 2.875rem 0 2.875rem;
  }
}

body .cookie-banner {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 0.625rem;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  box-shadow: 0px -4px 0.625rem rgba(0, 0, 0, 0.05);
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .cookie-banner p {
  width: calc(100% - 94px);
  font-size: 0.625rem;
  line-height: 13px;
  margin-bottom: 0;
}
body .cookie-banner p a {
  font-size: 0.625rem;
  line-height: 13px;
}
body .cookie-banner.cookie-fade {
  display: none;
}
body .cookie-banner.cookie-hide,
body .cookie-banner .cookie-hide {
  display: none;
}
body .cookie-banner .cookie-button {
  width: 5.875rem;
  padding: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin-left: 0.625rem;
  height: 2.5rem;
  text-transform: none;
}
@media all and (min-width: 768px) {
  body .cookie-banner {
    padding: 1rem 2rem;
  }
  body .cookie-banner p {
    font-size: 1rem;
    line-height: 1rem;
  }
  body .cookie-banner .cookie-button {
    font-size: 0.875rem;
    margin-left: 2rem;
    width: 170px;
    height: 45px;
  }
}

.modal-element.modal-report-container .modal-trigger {
  z-index: 0;
  color: #595959;
  font-size: 0.875rem;
  font-family: Font_SemiBold;
}
.modal-element.modal-report-container .modal-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.modal-element.modal-report-container .modal-trigger span {
  margin-right: 0.375rem;
  font-size: 0.875rem;
}

#modal-report-bonus .modal-content, #modal-report .modal-content {
  max-width: 600px;
  width: 90%;
  padding: 1.25rem 1rem;
  height: auto;
}
#modal-report-bonus .modal-content .show, #modal-report .modal-content .show {
  display: block;
}
#modal-report-bonus .modal-content .report_bonus_error, #modal-report .modal-content .report_bonus_error {
  font-family: Font_SemiBold;
  color: #E20E00;
  font-size: 0.875rem;
}
#modal-report-bonus .modal-content .title-wrapper, #modal-report .modal-content .title-wrapper {
  border-bottom: 1px solid rgba(151, 151, 151, 0.2);
  justify-content: space-between;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
}
#modal-report-bonus .modal-content .title-wrapper .modal-title, #modal-report .modal-content .title-wrapper .modal-title {
  margin-bottom: 0;
  font-family: Font_Heading;
}
#modal-report-bonus .modal-content .title-wrapper .modal-close, #modal-report .modal-content .title-wrapper .modal-close {
  margin-bottom: 0;
  margin-right: 0;
  font-size: 0.875rem;
}
#modal-report-bonus .modal-content .form-report .radio-options, #modal-report .modal-content .form-report .radio-options {
  display: grid;
  gap: 1.25rem;
  margin-bottom: 0.75rem;
}
#modal-report-bonus .modal-content .form-report .radio-options label, #modal-report .modal-content .form-report .radio-options label {
  font-size: 0.875rem;
  font-family: Font_Regular;
  line-height: 1.25rem;
  letter-spacing: 0;
  text-align: left;
}
#modal-report-bonus .modal-content .form-report textarea, #modal-report .modal-content .form-report textarea {
  margin-bottom: 0.75rem;
}
#modal-report-bonus .modal-content .form-report .button.blue-full, #modal-report .modal-content .form-report .button.blue-full {
  width: 100%;
  height: 2.25rem;
  font-family: Font_Bold;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
#modal-report-bonus .modal-content .notification-element, #modal-report .modal-content .notification-element {
  position: absolute;
  top: 3.75rem;
  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: notifSlideIn 0.75s cubic-bezier(0.45, 0.26, 0, 1);
}
#modal-report-bonus .modal-content .notification-element img, #modal-report .modal-content .notification-element img {
  width: 3.75rem;
  height: auto;
  margin-bottom: 0.75rem;
}
#modal-report-bonus .modal-content .notification-element .notification-title, #modal-report .modal-content .notification-element .notification-title {
  margin-bottom: 0.75rem;
  line-height: 1.5rem;
  font-family: Font_Bold;
}
#modal-report-bonus .modal-content .notification-element .notification-content, #modal-report .modal-content .notification-element .notification-content {
  font-size: 1rem;
}
#modal-report-bonus .modal-content .notification-element.show, #modal-report .modal-content .notification-element.show {
  display: grid;
}
@keyframes notifSlideIn {
  from {
    opacity: 0;
    top: 100%;
  }
  to {
    opacity: 1;
    top: 3.75rem;
  }
}
#modal-report-bonus .modal-content label, #modal-report .modal-content label {
  color: #020202;
}

.info-box {
  background: #fafafa;
  padding: 1.5rem 0.75rem;
  border-radius: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.info-box:first-child {
  margin-top: 0;
}
.info-box:last-child {
  margin-bottom: 0;
}
.info-box .info-box-main {
  gap: 1.25rem;
}
.info-box .info-box-main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.info-box .info-box-main .info-box-logo {
  aspect-ratio: 2/1;
  width: 140px;
  height: 70px;
  justify-self: center;
  border-radius: 0.5rem;
}
.info-box .info-box-main .rating-box-element {
  width: 100%;
  border-radius: 0.5rem;
  padding: 0.75rem 0.5rem;
  height: auto;
  background: white;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: auto;
  grid-auto-flow: row;
  justify-content: center;
  justify-self: center;
  text-align: center;
}
.info-box .info-box-main .rating-box-element.casino-container-avoid {
  border: 1px solid #cd0000;
}
.info-box .info-box-main .rating-box-element.casino-container-mediocre {
  border: 1px solid #ff7a00;
}
.info-box .info-box-main .rating-box-element.casino-container-fair {
  border: 1px solid #f2a404;
}
.info-box .info-box-main .rating-box-element.casino-container-recommended {
  border: 1px solid #37ae74;
}
.info-box .info-box-main .rating-box-element.casino-container-excellent {
  border: 1px solid #0969F9;
}
.info-box .info-box-main .rating-box-element .text-notice {
  color: #fff;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  justify-self: center;
}
.info-box .info-box-main .rating-box-element .text-notice .rating-text-bold {
  font-family: Font_SemiBold;
  font-size: 1rem;
  line-height: 1.125rem;
  text-align: center;
}
.info-box .info-box-main .rating-box-element .text-notice .small-rating-text {
  align-self: flex-end;
  position: relative;
  top: -5px;
  font-size: 0.75rem;
}
.info-box .info-box-main .rating-box-element .text-recommendation {
  background: transparent;
  height: max-content;
  justify-self: center;
}
.info-box .info-box-main .rating-box-element .text-recommendation::after {
  display: none;
}
.info-box .info-box-main .rating-box-element .rating-box-title {
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
@media all and (min-width: 576px) {
  .info-box .info-box-main .rating-box-element {
    width: max-content;
    min-width: 152px;
  }
}
.info-box .info-box-content .table-title {
  display: grid;
  gap: 0.625rem;
  grid-auto-flow: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0.75rem 0;
  border-top: 1px solid #e6e6e6;
}
.info-box .info-box-content .tooltip-element {
  width: 100%;
}
.info-box .info-box-content .tooltip-element .tooltip-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 0;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  gap: 1rem;
}
.info-box .info-box-content .tooltip-element .tooltip-trigger .tooltip-trigger-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.875rem;
  font-family: Font_SemiBold;
}
.info-box .info-box-content .tooltip-element .tooltip-trigger .tooltip-trigger-title .info-box-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.info-box .info-box-content .tooltip-element .tooltip-trigger .secondary-title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.info-box .info-box-content .tooltip-element .tooltip-trigger .secondary-title-wrapper .secondary-title {
  margin-bottom: 0;
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-align: right;
  color: #020202;
  word-break: break-word;
}
.info-box .info-box-content .tooltip-element .tooltip-trigger .arrow-accordion {
  color: #0969F9;
  font-size: 0.75rem;
}
.info-box .info-box-content .tooltip-element .tooltip-modal .modal-close {
  font-size: 0.75rem;
  top: 3px;
  right: 0rem;
  position: relative;
  order: 2;
}
.info-box .info-box-content .tooltip-element .tooltip-modal .modal-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  gap: 0.5rem;
}
.info-box .info-box-content .tooltip-element .tooltip-modal .modal-content h2::after {
  display: none;
}
@media all and (min-width: 991px) {
  .info-box .info-box-content .tooltip-element .tooltip-modal {
    background: #ffffff;
    box-shadow: 0px 4px 8px 0px rgba(10, 16, 32, 0.0784313725);
  }
  .info-box .info-box-content .tooltip-element .tooltip-modal.show {
    top: 100%;
  }
}
.info-box .info-box-content .tooltip-element .tooltip-modal.show {
  width: 100%;
  max-width: 100%;
}
@media all and (min-width: 992px) {
  .info-box .info-box-content .tooltip-element .tooltip-modal {
    padding: 0;
  }
}
.info-box .info-box-content .separation {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.info-box .info-box-content .separation .secondary-title {
  font-family: Font_Regular;
  font-size: 0.875rem;
}
.info-box .info-box-content .separation .rating-text {
  font-size: 0.875rem;
}
.info-box .info-box-content tr:first-child .tooltip-trigger,
.info-box .info-box-content tr:first-child .table-title {
  border-top: none;
  padding-top: 0.75rem;
}
@media all and (min-width: 991px) {
  .info-box .info-box-content tr:first-child .tooltip-trigger,
  .info-box .info-box-content tr:first-child .table-title {
    padding-top: 0;
  }
}
.info-box .info-box-content tr:last-child .tooltip-trigger,
.info-box .info-box-content tr:last-child .table-title {
  padding-bottom: 0;
  border-bottom: none;
}
.info-box .info-box-content tr:last-child .tooltip-element {
  border-bottom: none;
}
.info-box .info-box-content tr:last-child .tooltip-element.show {
  padding-top: 1.25rem;
  padding-bottom: 0;
}
@media all and (min-width: 991px) {
  .info-box .info-box-content {
    border-left: 1px solid #e6e6e6;
    padding-left: 1.25rem;
    padding-right: 0;
  }
}
@media all and (min-width: 991px) {
  .info-box {
    grid-template-columns: max-content 1fr;
    padding: 1.25rem;
  }
}

.section-generic .section-generic-content *:has(+ .info-box) {
  margin-bottom: 0;
}

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

.accordion {
  position: relative;
  margin-bottom: 0;
  width: 100%;
}
.accordion .accordion-trigger {
  color: #020202;
  text-decoration: none;
  font-family: Font_SemiBold;
  margin-bottom: 0;
  cursor: pointer;
  width: 100%;
}
.accordion .accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.accordion .accordion-trigger span {
  font-size: 0.5rem;
  margin-left: 0.375rem;
  transform: rotate(0deg);
  pointer-events: none;
  display: inline-block;
}
.accordion .accordion-trigger span {
  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);
}
.accordion .accordion-trigger span.rotate {
  transform: rotate(-180deg);
}
.accordion .accordion-trigger:has(.accordion-trigger-text) {
  gap: 0.25rem;
}
.accordion .accordion-trigger .accordion-trigger-text {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.accordion .accordion-trigger > * {
  pointer-events: none;
}
.accordion .accordion-element {
  background: white;
  position: relative;
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  display: none;
  overflow: hidden;
  font-size: 0.875rem;
}
.accordion .accordion-element.show {
  padding-top: 1rem;
  opacity: 1;
  visibility: visible;
  max-height: 500px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: block;
}
.accordion .accordion-element li {
  margin-right: 0;
  margin-bottom: 1rem;
}
.accordion .accordion-element li a {
  padding: 0;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  text-decoration: none;
  color: #020202;
  display: block;
  font-family: Font_Regular;
}
.accordion .accordion-element li a {
  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);
}
.accordion .accordion-element li a:hover {
  color: #0969F9;
}
.accordion .accordion-element li .review-link {
  color: #0969F9;
}
.accordion .accordion-element li:last-child {
  margin-bottom: 0;
}
.accordion:last-child {
  margin-right: 0;
}

.section-faq {
  margin-bottom: 2.5rem;
}
.section-faq .accordion {
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  background: white;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
}
.section-faq .accordion:last-child {
  margin-bottom: 0;
}
.section-faq .accordion .accordion-trigger {
  justify-content: space-between;
  font-size: 1rem;
  padding: 1.25rem 0.75rem;
  line-height: 1.5rem;
  font-family: Font_Heading;
  margin-top: 0;
}
@media all and (min-width: 992px) {
  .section-faq .accordion .accordion-trigger {
    padding: 1.25rem;
  }
}
.section-faq .accordion .accordion-trigger .arrow-accordion {
  font-size: 0.875rem;
  color: #4E4E4E;
}
.section-faq .accordion .accordion-element {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media all and (min-width: 576px) {
  .section-faq .accordion .accordion-element {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.section-faq .accordion .accordion-element p {
  font-family: Font_Regular;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #020202;
}
.section-faq .accordion .accordion-element p:last-child {
  margin-bottom: 0;
}
.section-faq .accordion .accordion-element.show {
  padding-top: 0;
  padding-bottom: 1rem;
}

.table-section {
  margin-bottom: 1.5rem;
}
.table-section + h3, .table-section + h4 {
  margin-top: 0;
}
.table-section:last-child {
  margin-bottom: 0;
}
.table-section:has(+ h2) {
  margin-bottom: 0;
}
.table-section .table {
  border-radius: 0.5rem;
  border: 1px solid #e6e6e6;
  background: white;
  border-spacing: 0;
}
.table-section .table a {
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: 0em;
  text-align: left;
  text-decoration: underline;
  color: #0969F9;
  text-underline-offset: 2px;
}
.table-section .table.table-column {
  width: 100%;
}
.table-section .table.table-column .tbody tr {
  display: grid;
  grid-template-columns: 126px 1fr;
}
.table-section .table.table-column .tbody tr:nth-child(even) {
  background: #f9fbff;
}
.table-section .table.table-column .tbody tr td {
  padding: 1.25rem 0.75rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: -0.08px;
  color: #020202;
  font-weight: inherit;
  vertical-align: middle;
  word-break: break-all;
}
.table-section .table.table-column .tbody tr td *:not(.modal-close) {
  font-family: Font_Regular;
}
.table-section .table.table-column .tbody tr td:first-child {
  color: rgba(2, 2, 2, 0.6);
}
.table-section .table.table-column .tbody tr td .table-element-val {
  line-height: inherit;
  margin-bottom: 0;
  display: inline-block;
  margin-bottom: 0.25rem;
}
.table-section .table.table-column .tbody tr td .table-element-val.ellipsis {
  max-width: 50px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  margin-bottom: 0;
}
@media all and (min-width: 1000px) {
  .table-section .table.table-column .tbody tr td .table-element-val.ellipsis {
    max-width: 105px;
  }
}
.table-section .table.table-column .tbody tr td .show-trigger {
  height: 1.625rem;
  border: 1px solid #0969F9;
  padding: 0 0.25rem;
  font-size: 0.875rem;
  border-radius: 0.5rem;
  white-space: nowrap;
  cursor: pointer;
  line-height: inherit;
  vertical-align: top;
  color: #0969F9;
  position: relative;
}
.table-section .table.table-column .tbody tr td .show-trigger {
  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);
}
.table-section .table.table-column .tbody tr td .show-trigger.add-and::before {
  content: "&";
  display: inline-block;
  color: #020202;
  margin-right: 0.25rem;
  pointer-events: none;
}
@media all and (min-width: 375px) {
  .table-section .table.table-column .tbody tr {
    grid-template-columns: 156px 1fr;
  }
}
.table-section .table.table-row .thead tr th {
  font-family: Font_Bold;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #474f54;
  vertical-align: middle;
  border-bottom: 1px solid #eaecf0;
  background: #f3f3f3;
  padding: 0.75rem;
  min-width: 159px;
  text-align: left;
}
.table-section .table.table-row .tbody tr:nth-child(even) {
  background: #fafafa;
}
.table-section .table.table-row .tbody tr td {
  padding: 1.125rem 1rem;
  text-align: left;
  font-size: 0.875rem;
  color: #020202;
  line-height: 1.5rem;
  vertical-align: middle;
  min-width: 99px;
}
.table-section .table.table-row .tbody tr td img {
  height: 2.5rem;
}
.table-section .table.table-row .tbody tr:last-child td {
  border-bottom: none;
}
.table-section .table.table-full-width {
  width: 100%;
}
.table-section .table.table-full-width .tbody tr td,
.table-section .table.table-full-width .thead tr th {
  text-align: left;
}
.table-section .table.table-space-between .modal-element {
  position: static;
}
@media all and (min-width: 992px) {
  .table-section .table.table-space-between .modal-element .tooltip-modal {
    width: 100%;
    max-width: unset;
    top: 100%;
  }
}
.table-section .table.table-space-between .modal-trigger.tooltip-trigger {
  gap: 0.625rem;
}
.table-section .table.table-space-between .modal-close {
  top: 1rem;
}
@media all and (min-width: 992px) {
  .table-section .table.table-space-between .modal-close {
    top: 0;
  }
}
.table-section .table.table-space-between .thead tr {
  position: relative;
}
.table-section .table.table-space-between .thead tr th {
  min-width: 99px;
}
.table-section .table.table-space-between .thead tr th:last-child {
  text-align: right;
}
.table-section .table.table-space-between .tbody tr {
  position: relative;
}
.table-section .table.table-space-between .tbody tr td {
  min-width: none;
  width: 50%;
  min-width: 99px;
}
.table-section .table.table-space-between .tbody tr td:last-child {
  text-align: right;
  display: table-cell;
  width: 100%;
}
.table-section .table.table-space-between .tbody tr td:last-child .tooltip-element {
  display: flex;
  justify-self: flex-end;
  margin-left: auto;
}
.table-section .table.table-space-between .tbody tr td:last-child .tooltip-element .tooltip-trigger {
  margin-left: auto;
}
.table-section .table.table-space-between .tbody tr td:last-child .tooltip-element .tooltip-trigger {
  gap: 0.625rem;
}
.table-section .table.table-half {
  width: 100%;
  margin-bottom: 1.25rem;
}
.table-section .table.table-half:last-child {
  margin-bottom: 0;
}
.table-section .table.table-half .thead tr th {
  width: 50%;
  text-align: left;
  min-width: 99px;
}
.table-section .table.table-half .tbody tr td {
  width: 50%;
  text-align: left;
  vertical-align: middle;
  line-height: 1.5rem;
}
.table-section .table.table-half .tbody tr td img {
  height: 2.5rem;
  display: flex;
}
.table-section .table .icon-check-regular {
  color: #1AA260;
  display: inline-block;
  margin-right: 0.5rem;
}
.table-section .table .icon-times-regular {
  color: #E91010;
  display: inline-block;
  margin-right: 0.5rem;
}
.table-section .table .title-bold {
  font-family: Font_SemiBold;
  color: #020202;
  font-size: 1rem;
}
.table-section .table .blue-text {
  color: #0969F9 !important;
  font-family: Font_SemiBold;
}
.table-section .table td p {
  font-family: Font_Regular;
}
.table-section .table td.modal-td-element {
  gap: 0.625rem;
  width: 100% !important;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.table-section .table td.modal-td-element {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.table-section .table td.modal-td-element p {
  margin-bottom: 0;
  width: max-content;
}
.table-section .table td.modal-td-element .modal-trigger {
  display: flex;
  align-items: center;
}
.table-section .table td.modal-td-element .title-wrapper {
  position: relative;
}
.table-section .table td.modal-td-element .modal-title {
  margin-bottom: 0;
  font-size: 0.875rem;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  max-height: 600px;
  overflow-y: auto;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar {
  display: block;
  background-color: transparent;
  width: 0.875rem;
  height: 1.125rem;
  border-radius: 0.5rem;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-thumb {
  border-radius: 0.75rem;
  border: 0.25rem solid #f3f3f3;
  background: #d0d0d0;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-track {
  background-color: #f3f3f3;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.5rem;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button {
  background-color: #f3f3f3;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-radius: 0.5rem 0.25rem 0 0;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:vertical:increment {
  border-radius: 0 0 0.25rem 0.25rem;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 0.5rem 0 0 0.25rem;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 0.25rem 0.25rem 0;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:vertical:decrement, .table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:vertical:increment, .table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:horizontal:decrement, .table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:horizontal:increment {
  width: 1.375rem;
  height: 1.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../assets/chevron.svg");
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("../assets/chevron-up.svg");
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("../assets/chevron-down.svg");
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("../assets/chevron-left.svg");
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("../assets/chevron-right.svg");
}
.table-section .table td.modal-td-element .tooltip-modal .modal-grid span {
  color: #474f54;
  font-family: Font_SemiBold;
}
.table-section .table td.modal-td-element .tooltip-modal .modal-close {
  display: block;
  margin: 0;
  font-size: 0.875rem;
}
@media all and (min-width: 992px) {
  .table-section .table td.modal-td-element .tooltip-modal {
    max-width: 350px;
    padding: 0.875rem;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content {
    min-width: 280px;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .title-wrapper {
    margin-bottom: 0.75rem;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid {
    max-height: 294px;
    gap: 1rem;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar {
    display: block;
    background-color: transparent;
    width: 0.875rem;
    height: 1.125rem;
    border-radius: 0.5rem;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-thumb {
    border-radius: 0.75rem;
    border: 0.25rem solid #f3f3f3;
    background: #d0d0d0;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-track {
    background-color: #f3f3f3;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.5rem;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button {
    background-color: #f3f3f3;
    display: block;
    width: 1.375rem;
    height: 1.375rem;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-radius: 0.5rem 0.25rem 0 0;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:vertical:increment {
    border-radius: 0 0 0.25rem 0.25rem;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:horizontal:decrement {
    border-radius: 0.5rem 0 0 0.25rem;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:horizontal:increment {
    border-radius: 0 0.25rem 0.25rem 0;
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:vertical:decrement, .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:vertical:increment, .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:horizontal:decrement, .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:horizontal:increment {
    width: 1.375rem;
    height: 1.375rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../assets/chevron.svg");
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("../assets/chevron-up.svg");
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("../assets/chevron-down.svg");
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:horizontal:decrement {
    background-image: url("../assets/chevron-left.svg");
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid::-webkit-scrollbar-button:single-button:horizontal:increment {
    background-image: url("../assets/chevron-right.svg");
  }
  .table-section .table td.modal-td-element .tooltip-modal .modal-content .modal-grid span {
    font-size: 0.75rem;
  }
}
@media all and (min-width: 576px) {
  .table-section .table td.modal-td-element {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
}
.table-section .table .show-trigger {
  height: 1.625rem;
  border: 1px solid #0969F9;
  padding: 0 0.25rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  white-space: nowrap;
  cursor: pointer;
  line-height: inherit;
  vertical-align: top;
  color: #0969F9;
  position: relative;
}
.table-section .table .show-trigger {
  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);
}
.table-section .table .show-trigger.add-and::before {
  content: "&";
  display: inline-block;
  color: #020202;
  margin-right: 0.25rem;
  pointer-events: none;
}
.table-section .table .rating-box-element {
  padding: 0;
  height: auto;
}
.table-section .table .rating-box-element .rating-text-bold {
  font-size: 1rem;
}
.table-section .table .rating-box-element .small-rating-text {
  align-self: flex-end;
  position: relative;
  top: -5px;
  font-size: 0.75rem;
  margin-left: 0.25rem;
}
.table-section .table .rating-box-element .text-recommendation::after {
  display: none;
}
@media all and (min-width: 992px) {
  .table-section .table.table-column .tbody tr td {
    word-break: normal;
  }
}
.table-section.has-table-scroll {
  width: auto;
  overflow-x: auto;
  background: transparent;
  box-shadow: none;
  border-radius: unset;
  overflow-y: visible;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
.table-section.has-table-scroll::-webkit-scrollbar {
  display: block;
  background-color: transparent;
  width: 0.875rem;
  height: 1.125rem;
  border-radius: 0.5rem;
}
.table-section.has-table-scroll::-webkit-scrollbar-thumb {
  border-radius: 0.75rem;
  border: 0.25rem solid #f3f3f3;
  background: #d0d0d0;
}
.table-section.has-table-scroll::-webkit-scrollbar-track {
  background-color: #f3f3f3;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.5rem;
}
.table-section.has-table-scroll::-webkit-scrollbar-button:single-button {
  background-color: #f3f3f3;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.table-section.has-table-scroll::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-radius: 0.5rem 0.25rem 0 0;
}
.table-section.has-table-scroll::-webkit-scrollbar-button:single-button:vertical:increment {
  border-radius: 0 0 0.25rem 0.25rem;
}
.table-section.has-table-scroll::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 0.5rem 0 0 0.25rem;
}
.table-section.has-table-scroll::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 0.25rem 0.25rem 0;
}
.table-section.has-table-scroll::-webkit-scrollbar-button:single-button:vertical:decrement, .table-section.has-table-scroll::-webkit-scrollbar-button:single-button:vertical:increment, .table-section.has-table-scroll::-webkit-scrollbar-button:single-button:horizontal:decrement, .table-section.has-table-scroll::-webkit-scrollbar-button:single-button:horizontal:increment {
  width: 1.375rem;
  height: 1.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../assets/chevron.svg");
}
.table-section.has-table-scroll::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("../assets/chevron-up.svg");
}
.table-section.has-table-scroll::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("../assets/chevron-down.svg");
}
.table-section.has-table-scroll::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("../assets/chevron-left.svg");
}
.table-section.has-table-scroll::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("../assets/chevron-right.svg");
}
.table-section.has-table-scroll .table-scroll {
  background: white;
  border-radius: 0.5rem;
  width: 100%;
}
.table-section.table-sticky-section {
  overflow-x: auto;
  max-width: 100%;
  border: 1px solid rgba(151, 151, 151, 0.2);
  border-radius: 0.5rem;
}
.table-section.table-sticky-section::-webkit-scrollbar {
  display: block;
  background-color: transparent;
  width: 0.875rem;
  height: 1.125rem;
  border-radius: 0.5rem;
}
.table-section.table-sticky-section::-webkit-scrollbar-thumb {
  border-radius: 0.75rem;
  border: 0.25rem solid #f3f3f3;
  background: #d0d0d0;
}
.table-section.table-sticky-section::-webkit-scrollbar-track {
  background-color: #f3f3f3;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.5rem;
}
.table-section.table-sticky-section::-webkit-scrollbar-button:single-button {
  background-color: #f3f3f3;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.table-section.table-sticky-section::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-radius: 0.5rem 0.25rem 0 0;
}
.table-section.table-sticky-section::-webkit-scrollbar-button:single-button:vertical:increment {
  border-radius: 0 0 0.25rem 0.25rem;
}
.table-section.table-sticky-section::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 0.5rem 0 0 0.25rem;
}
.table-section.table-sticky-section::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 0.25rem 0.25rem 0;
}
.table-section.table-sticky-section::-webkit-scrollbar-button:single-button:vertical:decrement, .table-section.table-sticky-section::-webkit-scrollbar-button:single-button:vertical:increment, .table-section.table-sticky-section::-webkit-scrollbar-button:single-button:horizontal:decrement, .table-section.table-sticky-section::-webkit-scrollbar-button:single-button:horizontal:increment {
  width: 1.375rem;
  height: 1.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../assets/chevron.svg");
}
.table-section.table-sticky-section::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("../assets/chevron-up.svg");
}
.table-section.table-sticky-section::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("../assets/chevron-down.svg");
}
.table-section.table-sticky-section::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("../assets/chevron-left.svg");
}
.table-section.table-sticky-section::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("../assets/chevron-right.svg");
}
.table-section.table-sticky-section .table-sticky {
  border-collapse: collapse;
  width: 100%;
  border: none;
}
.table-section.table-sticky-section .table-sticky tr {
  display: grid;
  grid-auto-flow: column;
}
.table-section.table-sticky-section .table-sticky tr:nth-child(even) td {
  background-color: #fafafa;
}
.table-section.table-sticky-section .table-sticky tr:nth-child(odd) td {
  background-color: #fff;
}
.table-section.table-sticky-section .table-sticky tr th {
  background-color: #f3f3f3;
  font-family: Font_Bold;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  color: #474f54;
  padding: 0.75rem 0.5rem;
  height: 3.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.table-section.table-sticky-section .table-sticky tr th:first-child {
  justify-content: flex-start;
}
.table-section.table-sticky-section .table-sticky tr td {
  font-family: Font_Regular;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-align: center;
  color: #020202;
  padding: 1rem 0.5rem;
  word-wrap: break-word;
  height: 4.5rem;
}
.table-section.table-sticky-section .table-sticky tr td img {
  height: 2.25rem;
  aspect-ratio: 2/1;
  border-radius: 0.5rem;
}
.table-section.table-sticky-section .table-sticky tr th,
.table-section.table-sticky-section .table-sticky tr td {
  text-align: left;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 125px;
}
.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;
  min-width: unset;
  width: 104px;
  border-right: 1px solid #e6e6e6;
}

.table-show-more.expand-section {
  overflow: hidden;
}
.table-show-more.expand-section .table-section {
  overflow-x: auto;
}
.table-show-more.expand-section .table-section::-webkit-scrollbar {
  display: block;
  background-color: transparent;
  width: 0.875rem;
  height: 1.125rem;
  border-radius: 0.5rem;
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-thumb {
  border-radius: 0.75rem;
  border: 0.25rem solid #f3f3f3;
  background: #d0d0d0;
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-track {
  background-color: #f3f3f3;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.5rem;
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button {
  background-color: #f3f3f3;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-radius: 0.5rem 0.25rem 0 0;
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:vertical:increment {
  border-radius: 0 0 0.25rem 0.25rem;
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-radius: 0.5rem 0 0 0.25rem;
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-radius: 0 0.25rem 0.25rem 0;
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:vertical:decrement, .table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:vertical:increment, .table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:horizontal:decrement, .table-show-more.expand-section .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("../assets/chevron.svg");
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("../assets/chevron-up.svg");
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("../assets/chevron-down.svg");
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("../assets/chevron-left.svg");
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("../assets/chevron-right.svg");
}
.table-show-more.expand-section .table-section.has-table-scroll {
  padding-bottom: 0;
}
.table-show-more.expand-section .triggers .trigger.minimize-trigger .icon-chevron-down-regular {
  transform: rotate(180deg);
}
.table-show-more.expand-section.show .table-section .table .tbody tr {
  display: table-row;
}

#user-reviews {
  scroll-margin-top: 10rem;
}

.user-review-section .user-review-title {
  margin: 0 0 1rem 0;
}
.user-review-section .user-review-panel {
  background: white;
  padding: 1rem 0.75rem;
  display: grid;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.user-review-section .user-review-panel .user-review-main {
  gap: 0.75rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}
.user-review-section .user-review-panel .user-review-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.user-review-section .user-review-panel .user-review-main .user-review-rating-value {
  font-size: 1.5rem;
  font-family: Font_Bold;
  color: #000000;
}
.user-review-section .user-review-panel .user-review-main .rating-stars {
  margin-right: auto;
  display: flex;
  gap: 0.375rem;
}
.user-review-section .user-review-panel .user-review-main .rating-stars span {
  font-size: 1.25rem;
}
.user-review-section .user-review-panel .user-review-main .rating-stars span::before {
  color: #c8c9c9;
}
.user-review-section .user-review-panel .user-review-main .rating-stars span.yellow::before {
  color: #ff9a1a;
}
.user-review-section .user-review-panel .user-review-main .user-review-quantity {
  color: #656565;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: Font_SemiBold;
}
.user-review-section .user-review-panel .rating-wrapper {
  display: grid;
  gap: 0.625rem;
  padding-top: 1rem;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 1rem;
}
.user-review-section .user-review-panel .rating-wrapper .review-bar {
  gap: 0.625rem;
}
.user-review-section .user-review-panel .rating-wrapper .review-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.user-review-section .user-review-panel .rating-wrapper .review-bar .stars-quantity {
  min-width: 40px;
  color: #656565;
  font-size: 0.75rem;
  line-height: 1rem;
}
.user-review-section .user-review-panel .rating-wrapper .review-bar .review-progress-container {
  margin-right: auto;
  width: auto;
  flex-grow: 1;
  max-width: auto;
  background-color: #e7e7e7;
  border-radius: 80px;
  overflow: hidden;
  height: 0.25rem;
  width: 5rem;
  max-width: 100%;
}
.user-review-section .user-review-panel .rating-wrapper .review-bar .review-progress-container .review-progress {
  border-radius: 80px 0px 0px 80px;
  height: 100%;
  width: 0;
  background: #ff9a1a;
}
.user-review-section .user-review-panel .rating-wrapper .review-bar .review-progress-container .review-progress {
  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);
}
.user-review-section .user-review-panel .rating-wrapper .review-bar .rating-bar-value {
  color: #474f54;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: Font_SemiBold;
  min-width: 4.125rem;
  display: inline-block;
  text-align: right;
}
.user-review-section .user-review-panel .user-review-panel-verified {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
  padding-top: 1rem;
  font-family: Font_SemiBold;
  color: #020202;
  justify-self: center;
  text-align: center;
}
.user-review-section .user-review-panel .user-review-panel-verified img {
  height: 1.5rem;
}
.user-review-section .add-review-section {
  background: white;
  padding: 1.5rem 0.75rem;
  box-shadow: 0px 4px 8px 0px rgba(10, 16, 32, 0.0784313725);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  gap: 1.25rem;
}
.user-review-section .add-review-section {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.user-review-section .add-review-section .add-review-title {
  margin: 0;
  color: #020202;
  font-family: Font_Bold;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0em;
  text-align: left;
}
.user-review-section .add-review-section .rating-stars {
  align-items: center;
  display: flex;
  gap: 0.375rem;
  cursor: pointer;
}
.user-review-section .add-review-section .rating-stars .icon-star-solid {
  font-size: 1.25rem;
  font-family: "icomoon";
}
.user-review-section .add-review-section .rating-stars .icon-star-solid::before {
  color: #c8c9c9;
}
.user-review-section .add-review-section .rating-stars .icon-star-solid.yellow::before {
  color: #ff9a1a;
}
.user-review-section .add-review-section .button {
  height: 2.25rem;
  max-width: 180px;
  line-height: 1rem;
  width: 100%;
  text-transform: initial;
  color: white;
  font-size: 0.875rem;
}
.user-review-section .user-review-post-section {
  background: white;
  border-radius: 0.5rem;
  padding: 1.5rem 0.75rem;
  position: relative;
  margin-bottom: 1.5rem;
}
.user-review-section .user-review-post-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 4px 8px 0px rgba(10, 16, 32, 0.0784313725);
  z-index: -1;
  mix-blend-mode: multiply;
}
.user-review-section .user-review-post-section .dropdown-container {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(151, 151, 151, 0.2);
  gap: 1.25rem;
  padding-bottom: 1.25rem;
  position: relative;
  justify-content: flex-start;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-element {
  right: unset;
  left: 0;
  width: 160px;
  background: white;
  display: block;
  top: 100%;
  overflow: hidden;
  padding: 1.25rem 1rem 0;
  border: 1px solid rgba(151, 151, 151, 0.2);
  right: unset;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  border-radius: 0.5rem;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-element {
  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);
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-element .icon-times-regular {
  color: #ed1515;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-element .filter-dropdown-title {
  color: #474f54;
  font-family: Font_Regular;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-element .filter-type {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0.75rem;
  line-height: 1.5rem;
  cursor: pointer;
  color: #020202;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-element .filter-type:last-of-type {
  padding-bottom: 1.25rem;
  border-bottom: none;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-element .icon-times-regular {
  cursor: pointer;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-element.show {
  opacity: 1;
  z-index: 4;
  max-height: max-content;
  height: max-content;
  top: calc(100% + 0.5rem);
  left: 0;
  visibility: visible;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-element.show {
  box-shadow: rgba(88, 102, 126, 0.08) 0px 4px 24px, rgba(88, 102, 126, 0.12) 0px 1px 2px;
  background-color: #fff;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-trigger {
  color: #474f54;
  font-family: Font_Regular;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-trigger .filter-dropdown-trigger {
  display: inline-block;
  margin-left: 0.625rem;
  font-family: Font_Regular;
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: 0em;
  color: #020202;
}
.user-review-section .user-review-post-section .dropdown-container .dropdown-trigger .icon-chevron-down-regular {
  font-size: 0.75rem;
}
.user-review-section .user-review-post-section .user-review-post-list {
  padding-top: 1.25rem;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element {
  display: grid;
  grid-template-columns: 2.375rem auto;
  grid-template-areas: "userReviewLogo userReviewAuthor" "userReviewLogo userReviewDate" "ratingStars ratingStars" "userReviewText userReviewText" "userReviewBtnWrapper report";
  column-gap: 0.625rem;
  border-bottom: 1px solid rgba(151, 151, 151, 0.2);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element.expand-element {
  display: none;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element:first-child {
  padding-top: 0;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-logo {
  grid-area: userReviewLogo;
  width: 2.375rem;
  height: 2.375rem;
  background: #f8f9fa;
  aspect-ratio: 1/1;
  border-radius: 50%;
  align-self: center;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-author {
  grid-area: userReviewAuthor;
  margin-bottom: 0.25rem;
  font-family: Font_SemiBold;
  color: #020202;
  font-size: 0.875rem;
  line-height: 1.5rem;
  justify-self: flex-start;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-author img {
  width: 1.25rem;
  height: 0.875rem;
  line-height: inherit;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-date {
  grid-area: userReviewDate;
  font-size: 0.75rem;
  color: #474f54;
  line-height: 1rem;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .rating-stars {
  grid-area: ratingStars;
  align-self: center;
  margin-top: 1.25rem;
  display: flex;
  gap: 0.375rem;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .rating-stars .icon-star-solid {
  font-size: 1.25rem;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .rating-stars .icon-star-solid::before {
  color: #c8c9c9;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .rating-stars .icon-star-solid.yellow::before {
  color: #ff9a1a;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-text {
  grid-area: userReviewText;
  grid-column: 1/-1;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-text > * {
  margin-bottom: 0;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-text p span.hidden {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-text .show-more-content-btn {
  cursor: pointer;
  color: blue;
  background: none;
  border: none;
  padding: 0;
  display: inline;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper {
  display: flex;
  grid-area: userReviewBtnWrapper;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper .user-review-thumbs {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper .user-review-thumbs .thumbs-button {
  color: #474f54;
  font-size: 0.75rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0em;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  cursor: pointer;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper .user-review-thumbs .thumbs-button > * {
  pointer-events: none;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper .user-review-thumbs .icon-thumbs.active {
  animation-iteration-count: 1;
  transition-delay: 0.2s;
  transition-property: color;
  animation: swirl 0.4s ease-in-out;
}
@keyframes swirl {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper .user-review-thumbs .icon-thumbs.icon-thumbs-up.active::before {
  color: #0969F9;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper .user-review-thumbs .icon-thumbs.icon-thumbs-down.active::before {
  color: #fe5f55;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper .user-review-thumbs span {
  font-size: 1rem;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper .user-review-reply-btn {
  background: #f5f9ff;
  border-radius: 0.5rem;
  color: #020202;
  border: none;
  font-family: Font_SemiBold;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  padding: 0.25rem 0.625rem;
  margin-left: 1rem;
  width: max-content;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper .user-review-reply-btn:hover {
  background: #e8edf3;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-btn-wrapper .user-review-reply-btn:active {
  background: #dce0e6;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-reply-comment-wrapper {
  grid-column: 1/-1;
  margin-top: 1.25rem;
  display: grid;
  gap: 1.25rem;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-reply-comment-wrapper .accordion-trigger {
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #0969F9;
  gap: 0.375rem;
  display: flex;
  margin-bottom: 0;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-reply-comment-wrapper .accordion-trigger .arrow-accordion {
  padding: 0.25rem;
  font-size: 0.875rem;
  margin-left: 0;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-reply-comment-wrapper .accordion-element.show {
  height: max-content;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-reply-comment-wrapper .accordion-element.user-review-reply-comment-list {
  margin-left: 0.75rem;
  padding-left: 1.5rem;
  padding-top: 0;
  border-left: 2px solid #e6e6e6;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-reply-comment-wrapper .accordion-element.user-review-reply-comment-list .user-review-post-element {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  padding-top: 0;
  border-bottom: 1px solid #e6e6e6;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-reply-comment-wrapper .accordion-element.user-review-reply-comment-list .user-review-post-element:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-reply-comment-wrapper .modal-trigger-id {
  grid-column: 3;
  grid-row: 5;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .modal-element-report {
  grid-area: report;
  justify-self: flex-end;
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .modal-element-report .report {
  cursor: pointer;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: rgb(139, 139, 139);
}
.user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .modal-element-report .report .icon-report {
  font-size: 0.875rem;
}
@media all and (min-width: 992px) {
  .user-review-section .user-review-post-section .user-review-post-list .user-review-post-element {
    grid-template-columns: 2.375rem auto auto;
    grid-template-areas: "userReviewLogo userReviewAuthor ratingStars" "userReviewLogo userReviewDate ratingStars" "userReviewText userReviewText userReviewText" "userReviewBtnWrapper userReviewBtnWrapper report";
  }
}
.user-review-section .user-review-post-section .show-more-reviews-wrapper {
  display: flex;
  justify-content: center;
  padding-top: 1.5rem;
}
.user-review-section .user-review-post-section .show-more-reviews-wrapper .btn-show-more-reviews {
  display: flex;
  align-items: center;
  color: #020202;
  font-family: Font_SemiBold;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.125rem;
  background: transparent;
  border: none;
}
.user-review-section .user-review-post-section .show-more-reviews-wrapper .btn-show-more-reviews span {
  margin-left: 0.5rem;
  font-size: 0.875rem;
}
.user-review-section .modal .modal-content {
  padding: 1rem 0.625rem;
  box-shadow: 0px 4px 8px 0px rgba(10, 16, 32, 0.0784313725);
  overflow: auto;
  width: 100%;
  max-width: unset;
  height: 100%;
  border-radius: 0;
  border-radius: 0.5rem;
  border: 1px solid #f4f4f4;
}
.user-review-section .modal .modal-content {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}
.user-review-section .modal .modal-content::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
.user-review-section .modal .modal-content .user-review-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.875rem;
  justify-items: center;
  align-items: center;
  align-content: flex-start;
}
.user-review-section .modal .modal-content .user-review-form .form-text {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.user-review-section .modal .modal-content .user-review-form .form-item-rating {
  justify-content: center;
  gap: 1.5rem;
  padding: 1.5rem 1rem;
  background: #f9fbff;
  border: 1px solid #0969F9;
  border-radius: 0.5rem;
}
.user-review-section .modal .modal-content .user-review-form .form-item-rating {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.user-review-section .modal .modal-content .user-review-form .form-item-rating .form-title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  line-height: 1.875rem;
  margin-bottom: 1.5rem;
}
.user-review-section .modal .modal-content .user-review-form .form-item-rating .rating-stars {
  gap: 0.625rem;
  justify-content: center;
  margin: 0 auto;
}
.user-review-section .modal .modal-content .user-review-form .form-item-rating .rating-stars {
  display: grid;
  grid-template-columns: repeat(5, max-content);
  grid-template-rows: auto;
}
.user-review-section .modal .modal-content .user-review-form .form-item-rating .rating-stars .icon-star-solid {
  font-size: 1.5rem;
  cursor: pointer;
}
.user-review-section .modal .modal-content .user-review-form .form-item-rating .rating-stars .icon-star-solid::before {
  color: #dbdfeb;
}
.user-review-section .modal .modal-content .user-review-form .form-item-rating .rating-stars .icon-star-solid.yellow::before {
  color: #ff9a1a;
}
.user-review-section .modal .modal-content .user-review-form .info-email {
  margin-bottom: 0.625rem;
  margin-right: 0;
  width: 100%;
}
.user-review-section .modal .modal-content .user-review-form .info-email {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.user-review-section .modal .modal-content .user-review-form .info-email .icon-info {
  font-size: 1rem;
  margin-left: 0.625rem;
  cursor: pointer;
  font-family: "icomoon";
}
.user-review-section .modal .modal-content .user-review-form .info-email .icon-info::before {
  color: #474f54;
}
.user-review-section .modal .modal-content .user-review-form .info-email .info-email-text {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: Font_SemiBold;
  color: #ed1515;
}
.user-review-section .modal .modal-content .user-review-form .info-email .dropdown-element {
  width: calc(100% + 77px);
  padding: 0.75rem;
  border: 1px solid #e3e7f2;
  display: none;
  gap: 0.25rem;
  text-align: left;
  top: calc(100% - 0.25rem);
}
.user-review-section .modal .modal-content .user-review-form .info-email .dropdown-element .icon-times-regular {
  position: unset;
  top: unset;
  right: unset;
  justify-self: flex-end;
  color: #ed1515;
  cursor: pointer;
}
.user-review-section .modal .modal-content .user-review-form .info-email .dropdown-element.show {
  top: calc(100% + 0.25rem);
  display: grid;
}
.user-review-section .modal .modal-content .user-review-form .form-item {
  width: 100%;
}
.user-review-section .modal .modal-content .user-review-form .form-item label {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: Font_SemiBold;
  color: #020202;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}
.user-review-section .modal .modal-content .user-review-form .form-item label::before {
  font-family: "icomoon";
  display: inline-block;
  margin-right: 0.625rem;
  font-size: 1.25rem;
  color: #0969F9;
}
.user-review-section .modal .modal-content .user-review-form .form-item-review label::before {
  content: "\e98f";
}
.user-review-section .modal .modal-content .user-review-form .form-item-email {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  column-gap: 0.625rem;
}
.user-review-section .modal .modal-content .user-review-form .form-item-email label::before {
  content: "\e98d";
}
.user-review-section .modal .modal-content .user-review-form .form-item-email input {
  grid-column: 1/-1;
}
.user-review-section .modal .modal-content .user-review-form .form-item-name label::before {
  content: "\e98e";
}
.user-review-section .modal .modal-content .user-review-form .form-item input:not(.button-rating) {
  padding: 0.75rem 0.875rem;
  height: 48px;
}
.user-review-section .modal .modal-content .user-review-form .form-item textarea {
  padding: 0.625rem 0.875rem;
  min-height: 150px;
  resize: none;
}
@media all and (max-width: 350px) {
  .user-review-section .modal .modal-content .user-review-form .form-item textarea {
    min-height: 100px;
  }
}
.user-review-section .modal .modal-content .user-review-form .form-item input:not(.button-rating),
.user-review-section .modal .modal-content .user-review-form .form-item textarea {
  border: 1px solid #e6e6e6;
  border-radius: 0.5rem;
  width: inherit;
  font-size: 1rem;
  font-family: Font_Regular;
}
.user-review-section .modal .modal-content .user-review-form .form-item input:not(.button-rating):focus,
.user-review-section .modal .modal-content .user-review-form .form-item textarea:focus {
  outline: none;
  -webkit-outline: none;
  border: 1px solid #6f787e;
}
.user-review-section .modal .modal-content .user-review-form .form-item input:not(.button-rating)::-webkit-input-placeholder, .user-review-section .modal .modal-content .user-review-form .form-item input:not(.button-rating)::-moz-placeholder, .user-review-section .modal .modal-content .user-review-form .form-item input:not(.button-rating):-ms-input-placeholder, .user-review-section .modal .modal-content .user-review-form .form-item input:not(.button-rating):-moz-placeholder, .user-review-section .modal .modal-content .user-review-form .form-item input:not(.button-rating)::placeholder,
.user-review-section .modal .modal-content .user-review-form .form-item textarea::-webkit-input-placeholder,
.user-review-section .modal .modal-content .user-review-form .form-item textarea::-moz-placeholder,
.user-review-section .modal .modal-content .user-review-form .form-item textarea:-ms-input-placeholder,
.user-review-section .modal .modal-content .user-review-form .form-item textarea:-moz-placeholder,
.user-review-section .modal .modal-content .user-review-form .form-item textarea::placeholder {
  color: #aaaaaa;
  font-family: Font_Regular;
  font-size: 1rem;
  opacity: 1;
}
.user-review-section .modal .modal-content .user-review-form .caperror {
  display: none;
  color: #0969F9;
  font-family: Font_SemiBold;
}
.user-review-section .modal .modal-content .user-review-form .button-rating {
  width: 100%;
  max-width: unset;
  text-transform: uppercase;
  border-radius: 0.5rem;
  line-height: 1rem;
  font-size: 0.875rem;
}
.user-review-section .modal .modal-content .close-modal {
  margin-bottom: 0;
  font-size: 0.75rem;
  color: #ed1515;
  justify-self: flex-end;
}
@media all and (min-width: 768px) {
  .user-review-section .modal .modal-content {
    padding: 1.25rem;
    max-width: 430px;
    height: max-content;
  }
}
.user-review-section .modal-trigger-id.modal-trigger-report {
  font-family: Font_Regular;
  font-size: 0.75rem;
  font-weight: 450;
  color: #656565;
  line-height: 1rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  justify-self: flex-end;
  cursor: pointer;
}
.user-review-section .modal-trigger-id.modal-trigger-report .icon-report {
  font-size: 0.875rem;
  pointer-events: none;
}
@media all and (min-width: 992px) {
  .user-review-section .user-review-panel {
    grid-template-columns: min-content auto min-content;
    align-items: center;
    padding: 1.5rem 0;
    gap: 1.5rem;
  }
  .user-review-section .user-review-panel .user-review-main {
    flex-direction: column;
    width: max-content;
    padding-left: 1.875rem;
    padding-bottom: 0;
    border-bottom: 0;
    height: 100%;
    justify-content: center;
    gap: 0.625rem;
  }
  .user-review-section .user-review-panel .rating-wrapper {
    border-right: 1px solid rgba(151, 151, 151, 0.2);
    border-left: 1px solid rgba(151, 151, 151, 0.2);
    padding-top: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0;
    border-bottom: none;
  }
  .user-review-section .user-review-panel .rating-wrapper .review-bar {
    gap: 0.875rem;
  }
  .user-review-section .user-review-panel .user-review-panel-verified {
    flex-direction: column;
    width: 8.75rem;
    padding-right: 1.875rem;
    font-size: 0.875rem;
    padding-top: 0;
  }
  .user-review-section .add-review-section {
    justify-content: space-between;
    flex-direction: row;
    padding: 1.5rem;
  }
  .user-review-section .add-review-section .rating-stars {
    margin-right: auto;
  }
  .user-review-section .user-review-post-section {
    padding: 1.5rem;
    margin-bottom: 2.5rem;
  }
  .user-review-section .user-review-post-section .user-review-post-list .user-review-post-element {
    padding-bottom: 1.25rem;
  }
  .user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .rating-stars {
    justify-self: flex-end;
  }
  .user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-reply-comment-wrapper .accordion-element.user-review-reply-comment-list {
    margin-left: 1.5rem;
  }
  .user-review-section .user-review-post-section .user-review-post-list .user-review-post-element .user-review-reply-comment-wrapper .modal-trigger-id {
    grid-column: 3;
    grid-row: 4;
  }
  .user-review-section .user-review-post-section.expand-section.show .expand-element {
    height: auto;
    opacity: 1;
    display: grid;
  }
  .user-review-section .user-review-post-section.expand-section.show .trigger .icon-chevron-right-regular {
    display: inline-block;
    transform: rotate(-90deg);
  }
}

.notification-element {
  display: none;
}
.notification-element img {
  justify-self: center;
  width: 80px;
  aspect-ratio: 1/1;
}
.notification-element .notification-title {
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-family: Font_SemiBold;
}
.notification-element .notification-content {
  color: #474f54;
  font-size: 0.875rem;
}
.notification-element.show {
  display: grid;
  place-content: center;
  text-align: center;
  gap: 1.5rem;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(10, 16, 32, 0.0784313725);
  border-radius: 0.5rem;
  padding: 1.25rem 1rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  animation: ratingSlideIn 0.75s cubic-bezier(0.45, 0.26, 0, 1), RatingSlideOut 0.5s cubic-bezier(0.45, 0.26, 0, 1) 1.7s forwards;
  animation-delay: 0s, 1.7s;
}

.error_info_comment {
  display: none;
  color: #e01003;
  font-family: Font_SemiBold;
  text-align: left;
}
.error_info_comment.visible {
  display: block;
  width: 100%;
  animation: move 0.12s ease-in-out;
  animation-iteration-count: 1;
  position: relative;
  margin-top: 0.5rem;
}
@keyframes move {
  0% {
    left: 0;
  }
  25% {
    left: 10px;
  }
  50% {
    left: -10px;
  }
  100% {
    left: 0px;
  }
}

@keyframes ratingSlideIn {
  from {
    opacity: 0;
    top: 100%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@keyframes RatingSlideOut {
  from {
    opacity: 1;
    top: 0;
    bottom: 0;
  }
  to {
    opacity: 0;
    top: 0;
    bottom: 100%;
    display: none;
  }
}
.author-section {
  align-items: flex-start;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
  margin-top: 1.875rem;
}
.author-section {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.author-section:last-child {
  margin-bottom: 0;
}
.author-section .authors-section-title {
  font-family: Font_Heading;
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin-bottom: 1.25rem;
}
.author-section .author-element {
  column-gap: 0.625rem;
  row-gap: 1rem;
  grid-column: 1/-1;
  align-items: center;
  justify-items: flex-start;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  padding: 1.25rem 0.75rem;
}
.author-section .author-element {
  display: grid;
  grid-template-columns: 88px 1fr;
  grid-template-rows: auto;
}
.author-section .author-element .author-element-img {
  width: 4.75rem;
  height: 4.75rem;
  position: relative;
}
.author-section .author-element .author-element-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.author-section .author-element .author-element-img .icon-check-full {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.25rem;
}
.author-section .author-element .author-element-img img {
  border-radius: 50%;
  width: 4.75rem;
  height: 4.75rem;
}
.author-section .author-element .author-element-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.author-section .author-element .author-element-info .edited {
  color: #474F54;
  font-family: Font_Regular;
  font-size: 0.75rem;
  font-style: normal;
  line-height: 1.25rem;
}
.author-section .author-element .author-element-info .edited .icon-briefcase {
  margin-right: 0.5rem;
}
.author-section .author-element .author-element-info .author-title {
  margin-top: 0.375rem;
  margin-bottom: 0.5rem;
  color: #020202;
  font-family: Font_Heading;
  line-height: 1.375rem;
  font-size: 1rem;
  text-decoration-line: underline;
  text-underline-offset: 3px;
}
.author-section .author-element .author-element-info .author-title {
  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);
}
.author-section .author-element .author-element-info .author-title:hover {
  color: #0969F9;
}
@media all and (min-width: 768px) {
  .author-section .author-element .author-element-info .author-title {
    font-size: 1.125rem;
  }
}
.author-section .author-element .author-element-info .author-type {
  font-size: 0.75rem;
  color: #020202;
  line-height: 1.2rem;
}
.author-section .author-element .author-bottom-info {
  width: 100%;
  grid-column: 1/-1;
}
.author-section .author-element .author-bottom-info {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.author-section .author-element .author-bottom-info .author-exp {
  font-size: 0.875rem;
  color: #474F54;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}
.author-section .author-element .author-bottom-info .author-exp {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.author-section .author-element .author-bottom-info .author-exp span {
  margin-right: 0.375rem;
  margin-left: 0.75rem;
}
.author-section .author-element .author-bottom-info .author-exp span:first-child {
  margin-left: 0;
}
.author-section .author-element .author-bottom-info .author-social {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.author-section .author-element .author-bottom-info .author-social .author-social-link {
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  margin-right: 0.625rem;
  background-color: white;
  padding: 0.5rem;
  line-height: 0px;
  text-decoration: none;
}
.author-section .author-element .author-bottom-info .author-social .author-social-link:hover, .author-section .author-element .author-bottom-info .author-social .author-social-link:active {
  background-color: #0969F9;
}
.author-section .author-element .author-bottom-info .author-social .author-social-link:hover span::before, .author-section .author-element .author-bottom-info .author-social .author-social-link:active span::before {
  color: white;
}
.author-section .author-element .author-bottom-info .author-social .author-social-link span {
  font-size: 1rem;
}
.author-section .author-element .author-bottom-info .author-social .author-social-link:last-child {
  margin-right: 0;
}
.author-section .author-element .author-description {
  grid-column: 1/-1;
  margin-bottom: 0;
  line-height: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #f3f4f6;
}
@media all and (min-width: 768px) {
  .author-section .author-element {
    row-gap: 0.75rem;
    padding: 1.25rem 1.5rem;
  }
  .author-section .author-element .author-description {
    margin-top: 0.25rem;
  }
  .author-section .author-element .author-bottom-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
  }
  .author-section .author-element .author-bottom-info .author-exp {
    margin-bottom: 0;
  }
}

.show-more-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.show-more-card .triggers {
  margin-top: 0.5rem;
}
.show-more-card .modal-show-more-card-list .show-more-card-element .show-more-card-img {
  border-radius: 0.5rem;
}
.show-more-card .show-more-card-element {
  gap: 0.75rem;
}
.show-more-card .show-more-card-element.expand-element {
  margin-top: 0;
}
.show-more-card .show-more-card-element:not(.show-more-card-element.expand-element) {
  display: grid;
}
.show-more-card .show-more-card-element .show-more-card-img {
  background: #f9fbff;
  display: grid;
  height: 4rem;
  place-content: center;
  border-radius: 0.5rem;
}
.show-more-card .show-more-card-element .show-more-card-img img {
  height: 3.75rem;
  width: auto;
}
.show-more-card .show-more-card-element .show-more-card-title {
  color: #020202;
  font-size: 0.875rem;
  text-align: center;
}
.show-more-card.expand-section .expand-element {
  grid-column: unset;
}
@media all and (min-width: 576px) {
  .show-more-card {
    grid-template-columns: repeat(4, 1fr);
  }
}

.main-badges-item {
  padding: 5px 0.5rem;
  border-radius: 0.5rem 0.25rem 0 0;
  border: none;
  height: auto;
}
.main-badges-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.main-badges-item .main-badges-img {
  font-family: "icomoon";
  font-size: 0.625rem;
  line-height: 0.625rem;
  padding-right: 0.25rem;
}
.main-badges-item:last-child {
  margin-right: 0;
}
.main-badges-item .ranking {
  color: white;
  text-transform: uppercase;
  font-size: 0.625rem;
  line-height: 1;
  font-family: Font_SemiBold;
}

.badge-place {
  padding: 0.25rem;
  color: #020202;
  background-color: #eff2fe;
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  height: 1.625rem;
}
.badge-place .ranking {
  font-size: 0.875rem;
  text-transform: unset;
  font-family: Font_SemiBold;
  letter-spacing: unset;
  color: #020202;
}

.badge-new-casino {
  background-color: #5e06ee;
  color: white;
}

.badge-subscribe {
  background-color: #FFD900;
  color: #020202;
  font-family: Font_Bold;
  text-transform: uppercase;
  font-size: 0.625rem;
  line-height: 13.62px;
  justify-self: flex-start;
  height: 1.375rem;
  margin-right: 0;
  border-radius: 0.5rem;
}

.badge-user-choice {
  background-color: #e10095;
  color: white;
}

.badge-latest-added {
  background-color: #2a4ad1;
  color: white;
}

.badge-expired {
  background-color: #cf1200;
  color: white;
}

.badge-top-pick {
  background-color: #fe8900;
  color: white;
}

.badge-trending {
  background-color: #07af5e;
  color: white;
}

.badge-item-copy {
  border-radius: 0.5rem;
  border: 1px dashed #f39f99;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.badge-item-copy.active-notification {
  animation: scaleElement 0.4s ease-out;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform-origin: center center;
}
@keyframes scaleElement {
  0% {
    opacity: 0;
    transform: scale3d(0.98, 0.98, 0.98);
  }
  30% {
    transform: scale3d(1.01, 1.01, 1.01);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.99, 0.99, 0.99);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.badge-item-copy .copy-notification {
  display: none;
  font-family: Font_Regular;
  font-size: 11px;
  position: absolute;
  color: white;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  background: #0969F9;
  padding: 0px 5px;
  border-radius: 0.5rem;
}
.badge-item-copy .badge-item-text {
  color: #595959;
  text-align: center;
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-right: 0.375rem;
}
.badge-item-copy .badge-item-value {
  color: #e20e00;
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding-left: 0;
}
.badge-item-copy .badge-item-value.ellipsis {
  max-width: 135px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media all and (max-width: 1000px) {
  .badge-item-copy .badge-item-value.ellipsis {
    width: 50px;
  }
}
.badge-item-copy .icon-copy-code {
  display: inline-block;
  margin-left: 0.375rem;
  padding-right: 0;
  font-family: "icomoon";
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.progress-bar {
  background-color: #e7e7e7;
  border-radius: 1rem;
  overflow: hidden;
  height: 0.5rem;
  width: 8.125rem;
  max-width: 100%;
}
.progress-bar .progress {
  border-radius: 1rem;
  height: 100%;
  width: 0;
}
.progress-bar .progress {
  transition: all 0.15s cubic-bezier(0.45, 0.26, 0, 1);
  -webkit-transition: all 0.15s cubic-bezier(0.45, 0.26, 0, 1);
  -moz-transition: all 0.15s cubic-bezier(0.45, 0.26, 0, 1);
}
.progress-bar .progress.progress-darkRed {
  background: #cd0000;
}
.progress-bar .progress.progress-red {
  background: #b8283a;
}
.progress-bar .progress.progress-orange {
  background: #ce4900;
}
.progress-bar .progress.progress-green {
  background: #1e834d;
}
.progress-bar .progress.progress-blue {
  background: #0969F9;
}

.lightbox-gallery-wrapper {
  margin-bottom: 2rem;
}
.lightbox-gallery-wrapper .lightbox-gallery-list {
  width: calc(100vw - 0.625rem - 0.625rem);
}
.lightbox-gallery-wrapper .lightbox-gallery-list:not(.section-gallery .lightbox-gallery-list):not(.bonus-component .lightbox-gallery-list) {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  gap: 0.75rem;
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element {
  height: 110px;
  width: 180px;
  cursor: pointer;
  position: relative;
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element > * {
  pointer-events: none;
}
.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: "\e9d3";
  font-family: "icomoon";
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  font-size: 0.5rem;
  padding: 0.35rem;
  color: #fff;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  pointer-events: none;
  background: #0969F9;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element::after {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.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: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  pointer-events: none;
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element img {
  border-radius: 0.5rem;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media all and (min-width: 576px) {
  .lightbox-gallery-wrapper .lightbox-gallery-list {
    width: calc(100vw - 2rem - 2rem);
  }
  .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element {
    width: 180px;
    height: 110px;
  }
  .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element img {
    width: 180px;
    height: 110px;
  }
}
@media all and (min-width: 992px) {
  .lightbox-gallery-wrapper .lightbox-gallery-list {
    width: 100%;
  }
}
.lightbox-gallery-wrapper .lightbox-gallery-list::-webkit-scrollbar {
  width: 1.25rem;
}
.lightbox-gallery-wrapper .lightbox-gallery-list::-webkit-scrollbar-thumb {
  background-color: #bbbbbb;
  border-radius: 1.25rem;
  border: 3px solid #e6e6e6;
}
.lightbox-gallery-wrapper .lightbox-gallery-list::-webkit-scrollbar-track {
  background: #e6e6e6;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.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(2, 2, 2, 0.85);
  place-items: center;
  z-index: -1;
  transition: all 0.25s 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: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}
.lightbox-container .lightbox-image-wrapper .icon-times-regular {
  display: grid;
  place-items: center;
  position: absolute;
  top: -25px;
  right: 0;
  border-radius: 50%;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  cursor: pointer;
}
.lightbox-container .lightbox-image-wrapper .icon-times-regular::before {
  color: #FF3B30;
  font-size: 1rem;
}
.lightbox-container .lightbox-image-wrapper .icon-times-regular:active {
  transform: scale(0.95);
}
.lightbox-container .lightbox-image-wrapper .icon-times-regular:hover {
  opacity: 1;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}
.lightbox-container .lightbox-image-wrapper .lightbox-img {
  max-height: 75vh;
  max-width: 80vw;
  position: relative;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn {
  height: 2.125rem;
  width: 2.125rem;
  color: #0969F9;
  border-radius: 50%;
  background: #fff;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  z-index: 1;
  cursor: pointer;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn .icon-chevron-right-regular,
.lightbox-container .lightbox-image-wrapper .lightbox-btn .icon-chevron-left-regular {
  font-size: 12px;
  line-height: 12px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.right {
  right: -44px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.right:hover {
  right: -49px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.left {
  left: -44px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.left .icon-chevron-left-regular {
  position: relative;
  left: -2px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.left:hover {
  left: -49px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.inactive {
  pointer-events: none;
  background-color: #878787;
  color: #4E4E4E;
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.inactive .icon-chevron-right-regular:before,
.lightbox-container .lightbox-image-wrapper .lightbox-btn.inactive .icon-chevron-left-regular:before {
  color: #4E4E4E;
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets {
  padding: 0.75rem 1.25rem;
  display: grid;
  grid-auto-flow: column;
  background: #fff;
  border-radius: 5rem;
  gap: 0.625rem;
  position: absolute;
  bottom: -45px;
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet {
  background: #D9D9D9;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  cursor: pointer;
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet:active {
  transform: scale(0.95);
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet:hover {
  background: #0969F9;
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet.active {
  background: #0969F9;
}
.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;
}

.show-more-gallery .show-more-card {
  width: 100%;
}
.show-more-gallery .show-more-card .show-more-card-element {
  width: unset;
  height: unset;
  aspect-ratio: unset;
  border-radius: 7px;
}
.show-more-gallery .show-more-card .show-more-card-element .show-more-card-img {
  height: auto;
  width: 100%;
  aspect-ratio: 2/1;
  border-radius: 0.375rem;
  overflow: hidden;
}
.show-more-gallery .show-more-card .show-more-card-element .show-more-card-img img {
  width: 100%;
  height: 100%;
}
@media all and (min-width: 768px) {
  .show-more-gallery .show-more-card .show-more-card-element .show-more-card-img {
    height: auto;
    width: 100%;
    aspect-ratio: 2/1;
  }
}
.show-more-gallery .show-more-card .triggers {
  margin-top: 0.5rem;
}
.show-more-gallery .show-more-card.expand-section.show .expand-element {
  margin-top: 0;
}
@media all and (min-width: 768px) {
  .show-more-gallery .show-more-card {
    column-gap: 1.125rem;
  }
}

.tab-wrapper {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: unset;
  gap: 1rem;
}
.tab-wrapper .tab {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tab-wrapper .tab .icon-deposit {
  aspect-ratio: 1/1;
}
.tab-wrapper .tab .arrow-tabs {
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  transform: rotate(0deg);
  transform-origin: center;
  pointer-events: none;
  display: inline-block;
}
.tab-wrapper .tab .arrow-tabs.rotate {
  transform: rotate(-180deg);
}
.tab-wrapper .tab > * {
  pointer-events: none;
}
.tab-wrapper .tab-content-text {
  overflow: hidden;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  display: none;
}
.tab-wrapper .tab-content-text.show {
  height: auto;
  opacity: 1;
  overflow: visible;
  display: grid;
}

.modal#modalPopup .modal-content {
  background: #deefff;
}
@media all and (min-width: 768px) {
  .modal#modalPopup .modal-content {
    width: 50%;
  }
}
.modal#modalPopup .modal-content .modal-body {
  text-align: center;
}
.modal#modalPopup .modal-content .modal-body .modal-message {
  color: #E91010;
  font-family: Font_SemiBold;
  font-size: 1rem;
  display: none;
}
.modal#modalPopup .modal-content .modal-body .modal-message.visible {
  display: block;
}
.modal#modalPopup .modal-content .modal-body .modal-img {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  width: 100px;
  margin: 0 auto 1.5rem;
}
.modal#modalPopup .modal-content .modal-body .modal-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.modal#modalPopup .modal-content .modal-body .modal-img .image-modal {
  height: 100px;
  width: 100px;
}
.modal#modalPopup .modal-content .modal-body .black-text {
  font-family: Font_Bold;
  font-size: 1.25rem;
  color: #020202;
  margin-bottom: 0;
  text-align: center;
}
@media all and (min-width: 375px) {
  .modal#modalPopup .modal-content .modal-body .black-text {
    font-size: 1.5rem;
  }
}
@media all and (min-width: 768px) {
  .modal#modalPopup .modal-content .modal-body .black-text {
    font-size: 1.75rem;
  }
}
.modal#modalPopup .modal-content .modal-body .blue-text {
  font-family: Font_Bold;
  color: #0969F9;
  font-size: 1.375rem;
  line-height: 2rem;
  text-align: center;
}
@media all and (min-width: 375px) {
  .modal#modalPopup .modal-content .modal-body .blue-text {
    font-size: 1.25rem;
    line-height: 26px;
  }
}
@media all and (min-width: 768px) {
  .modal#modalPopup .modal-content .modal-body .blue-text {
    font-size: 1.5rem;
    line-height: 2.625rem;
  }
}
.modal#modalPopup .modal-content .modal-body form {
  position: relative;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.modal#modalPopup .modal-content .modal-body form input {
  background-color: white;
  font-size: 1rem;
  border: 1px solid #D7D8DB;
}
.modal#modalPopup .modal-content .modal-body form input:focus, .modal#modalPopup .modal-content .modal-body form input:active, .modal#modalPopup .modal-content .modal-body form input:hover {
  background: white;
}
.modal#modalPopup .modal-content .modal-body form input::placeholder {
  font-size: 1rem;
}
.modal#modalPopup .modal-content .modal-body form input:-webkit-autofill,
.modal#modalPopup .modal-content .modal-body form input:-webkit-autofill:hover,
.modal#modalPopup .modal-content .modal-body form input:-webkit-autofill:focus,
.modal#modalPopup .modal-content .modal-body form input:-webkit-autofill:active {
  background: white !important;
}
.modal#modalPopup .modal-content .modal-body form button {
  width: 100%;
  margin-top: 1rem;
  height: 55px;
  color: white;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: Font_SemiBold;
  border-radius: 0.5rem;
  border: none;
}
.modal#modalPopup .modal-content .modal-body form button {
  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);
}
.modal#modalPopup .modal-content .modal-body form button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.modal#modalPopup .modal-content .modal-body form button:hover {
  color: white;
  background-color: #1b60b2;
}
.modal#modalPopup .modal-content .modal-body form button:focus, .modal#modalPopup .modal-content .modal-body form button:active {
  background-color: #1b60b2;
  color: white;
}
.modal#modalPopup .modal-content .modal-body form button:active {
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
}
@media all and (max-width: 540px) {
  .modal#modalPopup .modal-content .modal-body form button {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media all and (max-width: 360px) {
  .modal#modalPopup .modal-content .modal-body form button {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
.modal#modalPopup .modal-content .modal-body .subscribe-message {
  display: block;
  width: 100%;
  color: #E91010;
  margin-top: 0.5rem;
  margin-bottom: 0;
  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#modalPopup .modal-content .modal-body .text-terms {
  margin-bottom: 0;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.modal#modalPopup .modal-content .modal-body .text-terms a {
  text-decoration: underline;
  font-size: inherit;
  font-family: inherit;
}
.modal#modalPopup .modal-content .modal-body .subscribe-confirmation-info {
  font-size: 1rem;
  line-height: 1.5rem;
}
.modal#modalPopup .modal-content .modal-body .subscribe-confirmation-info .email-span {
  font-family: Font_Bold;
}
@media all and (min-width: 768px) {
  .modal#modalPopup .modal-content .modal-body .subscribe-confirmation-info {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.modal#modalPopup .modal-content .modal-body .subscribe-confirmation-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: Font_Bold;
}
@media all and (min-width: 768px) {
  .modal#modalPopup .modal-content .modal-body .subscribe-confirmation-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.modal#modalPopup .modal-content .modal-body .resend-div {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #020202;
}
.modal#modalPopup .modal-content .modal-body .resend-div .resend-link {
  font-size: 0.875rem;
}
.modal#modalPopup .modal-content .modal-body .resend-div .resend-link::after {
  content: "\e976";
  font-family: "icomoon";
  font-size: 0.875rem;
  margin-left: 0.25rem;
  color: #0969F9;
}

.bonus-subscribe-wrapper {
  background: #0969F9;
  border-radius: 0.25rem;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  padding: 1.5rem 0.75rem;
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  justify-items: center;
  row-gap: 1rem;
  column-gap: 2.5rem;
}
.bonus-subscribe-wrapper:last-child {
  margin-bottom: 0;
}
.bonus-subscribe-wrapper:first-child {
  margin-top: 0;
}
.bonus-subscribe-wrapper .badge-subscribe {
  margin: auto;
}
.bonus-subscribe-wrapper .bonus-subscribe-info {
  grid-template-areas: "img badges" "img review";
  column-gap: 1rem;
  row-gap: 0.75rem;
  padding-top: 0.75rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.bonus-subscribe-wrapper .bonus-subscribe-info {
  display: grid;
  grid-template-columns: 140px auto;
  grid-template-rows: auto;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img {
  grid-area: img;
  height: 4.375rem;
  margin-left: auto;
  margin-right: auto;
  width: 8.75rem;
  aspect-ratio: 2/1;
  border-radius: 0.5rem;
  overflow: hidden;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img img {
  width: 8.75rem;
  height: 4.375rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .badge-subscribe {
  align-self: flex-end;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-rating {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: flex-start;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-rating .text-notice {
  background: #0969F9;
  color: white;
  font-family: Font_SemiBold;
  font-size: 1rem;
  line-height: 1.125rem;
  text-align: center;
  height: 1.625rem;
  width: max-content;
  padding: 0.25rem 0.375rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-rating .alpha-rating {
  color: #0969F9;
  height: 1.625rem;
  border-radius: 0.5rem;
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
}
.bonus-subscribe-wrapper .bonus-subscribe-title {
  margin: 0;
  font-size: 1.125rem;
  color: white;
  text-align: center;
  text-transform: uppercase;
  align-self: flex-start;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom {
  display: grid;
  row-gap: 1rem;
  width: 100%;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-note {
  font-family: Font_SemiBold;
  color: white;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-align: center;
  margin-bottom: 0;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form {
  margin-bottom: 1rem;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input {
  padding: 0 1rem;
  height: 2.75rem;
  color: #646464;
  border-radius: 0.25rem 0 0 0.25rem;
  z-index: 2;
  font-size: 1rem;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  border: 1px solid transparent;
  font-family: Font_Regular;
  font-size: 1rem;
  line-height: 1.5rem;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input::placeholder {
  font-family: Font_Regular;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #646464;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input:focus {
  outline: 0;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe {
  padding: 0.625rem 0.75rem;
  border-radius: 0 0.25rem 0.25rem 0;
  background: #ffd900;
  color: #020202;
  border: none;
  height: 2.75rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: Font_Bold;
  width: max-content;
  max-width: 180px;
  white-space: nowrap;
  gap: 0.375rem;
  transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
  position: relative;
  z-index: 2;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe span {
  font-size: 0.75rem;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe span::before {
  color: #020202;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe:hover {
  background: #F4CF00;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe:active {
  background: #EAC700;
  transform: none;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .subscribe__fail {
  display: none;
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .subscribe__fail.visible {
  display: block;
  width: 100%;
  animation: subscribeFail 0.12s ease-in-out;
  animation-iteration-count: 1;
  position: relative;
  color: #E91010;
  padding-left: 1rem;
}
@keyframes subscribeFail {
  0% {
    left: 0;
  }
  25% {
    left: 10px;
  }
  50% {
    left: -10px;
  }
  100% {
    left: 0px;
  }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-disclaimer {
  font-size: 11px;
  line-height: 1rem;
  font-family: Font_Regular;
  color: white;
  text-align: center;
  margin-bottom: 0;
}
@media all and (min-width: 992px) {
  .bonus-subscribe-wrapper {
    padding: 1.5rem;
    grid-template-columns: 13.75rem auto;
    grid-template-rows: max-content max-content 1fr;
    align-items: flex-start;
    justify-content: flex-start;
    justify-items: flex-start;
  }
  .bonus-subscribe-wrapper .bonus-subscribe-img {
    grid-column: 1;
    grid-row: 1/4;
  }
  .bonus-subscribe-wrapper .badge-subscribe {
    justify-self: flex-start;
    grid-column: 2;
    margin: unset;
  }
  .bonus-subscribe-wrapper .bonus-subscribe-title {
    text-align: left;
    grid-column: 2;
  }
  .bonus-subscribe-wrapper .bonus-subscribe-bottom {
    grid-column: 2;
  }
  .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form {
    grid-template-columns: 1fr 11.25rem;
  }
  .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input {
    padding-right: 4rem;
  }
  .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-note {
    text-align: left;
  }
  .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-disclaimer {
    text-align: left;
  }
}

.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;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.5rem;
  border: 1px solid #313030;
  background: #020202;
  box-shadow: 0px 2px 8px 0px rgba(10, 16, 32, 0.08);
  font-size: 1rem;
  color: white;
}
.carousel .carousel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.carousel .carousel-button.carousel-button-left {
  left: 0;
}
.carousel .carousel-button.carousel-button-right {
  right: 0;
}
.carousel .carousel-button.is-hidden {
  border-color: #313030;
  color: #474F54;
}
.carousel .carousel-track-container {
  height: 100%;
  position: relative;
  overflow: hidden;
  width: 235px;
  margin-bottom: 1.5rem;
}
.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 !important;
  margin: 0;
  padding: 0;
}
.carousel .carousel-track-container .carousel-track li::marker {
  display: none;
}
.carousel .carousel-track-container .carousel-track .carousel-slide {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 235px;
  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: 235px;
  box-shadow: 0px 6px 16px 0px rgba(10, 16, 32, 0.1);
  background: white;
  border: 1px solid #FF9A1A;
  border-radius: 0.5rem;
  overflow: hidden;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .img-wrapper {
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .img-wrapper .img-logo {
  width: 8.75rem;
  pointer-events: none;
  border-radius: 0.5rem;
  aspect-ratio: 2/1;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .value-title {
  font-family: Font_Bold;
  font-size: 3rem;
  font-weight: 700;
  line-height: 2.5rem;
  text-align: center;
  padding-bottom: 0.625rem;
  background: #F5F9FF;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-bottom: 0;
  padding-top: 0.625rem;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .offer-title {
  font-family: Font_Bold;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  background: #F5F9FF;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.625rem;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .button {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0.25rem;
  margin-top: 1rem;
  width: auto;
  height: 2.25rem;
  text-align: center;
  flex-direction: column;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-decoration: none;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .button span {
  display: block;
  font-size: 0.75rem;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .terms-wrapper {
  line-height: 0.875rem;
  padding: 0.75rem;
  background: #F4F4F4;
  margin-top: 1rem;
}
.carousel .carousel-track-container .carousel-track .carousel-slide .element .terms-wrapper .terms {
  font-family: Font_Regular;
  color: #020202;
  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: Font_Regular;
  color: #0969F9;
  font-size: 11px;
  cursor: pointer;
}
.carousel .carousel-nav {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.carousel .carousel-nav .carousel-indicator {
  width: 0.5rem;
  height: 0.5rem;
  background: #D9D9D9;
  border: none;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  padding-inline: 0;
  aspect-ratio: 1/1;
}
.carousel .carousel-nav .carousel-indicator.current-slide {
  background: #0969F9;
}
@media all and (min-width: 576px) {
  .carousel {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .carousel .carousel-button {
    width: 2.25rem;
    height: 2.25rem;
  }
  .carousel .carousel-track-container {
    width: 18.75rem;
  }
  .carousel .carousel-track-container .carousel-track .carousel-slide {
    width: 18.75rem;
  }
  .carousel .carousel-track-container .carousel-track .carousel-slide .element {
    width: 18.75rem;
  }
}

.modal.modal-carousel {
  background: rgba(0, 0, 0, 0.24);
}
.modal.modal-carousel .modal-content {
  background-color: #020202;
  text-align: center;
  width: 100%;
  max-width: 343px;
  border-radius: 0.75rem;
  padding: 1.5rem 0.75rem;
  top: 69px;
  transform: translate(-50%, 0);
}
.modal.modal-carousel .modal-content .modal-close {
  position: absolute;
  right: 0.75rem;
  top: 1.5rem;
  cursor: pointer;
  color: rgb(237, 21, 21);
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.5rem;
}
.modal.modal-carousel .modal-content .modal-close::before {
  color: inherit;
}
.modal.modal-carousel .modal-content .modal-close:hover::before, .modal.modal-carousel .modal-content .modal-close:focus::before {
  color: rgb(189, 15, 15);
}
.modal.modal-carousel .modal-content .secondary-title {
  color: #2F82FF;
  font-family: Font_Bold;
  margin-top: 0;
  font-size: 0.875rem;
  line-height: 1.875rem;
  text-align: center;
  margin-bottom: 0.625rem;
}
.modal.modal-carousel .modal-content .main-title {
  color: #E6E6E6;
  font-family: Font_Bold;
  font-size: 1rem;
  line-height: 1.875rem;
  text-align: center;
  margin-top: 0;
}
@media all and (min-width: 576px) {
  .modal.modal-carousel .modal-content {
    padding: 1.5rem;
    max-width: 31.25rem;
    top: 167px;
  }
  .modal.modal-carousel .modal-content .modal-close {
    top: 1.5rem;
    right: 1.5rem;
  }
  .modal.modal-carousel .modal-content .secondary-title {
    font-size: 1rem;
  }
  .modal.modal-carousel .modal-content .main-title {
    font-size: 1.25rem;
  }
}

.lp-trigger-dynamic-light-element {
  background: #fff;
  padding: 1rem 0.75rem;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1rem;
  row-gap: 0.5rem;
  align-items: center;
  border-radius: 0.5rem;
  border: 1px solid #0969F9;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.lp-trigger-dynamic-light-element .lp-trigger-img {
  width: 5rem;
  height: auto;
  justify-self: center;
}
.lp-trigger-dynamic-light-element .lp-trigger-title {
  margin-bottom: 0;
  color: #020202;
  justify-self: center;
  text-align: center;
}
.lp-trigger-dynamic-light-element .lp-trigger-title img.pin {
  margin-left: 0.1875rem;
  width: 1.75rem;
  height: 1.75rem;
}
.lp-trigger-dynamic-light-element .lp-trigger-content {
  margin-bottom: 0;
  color: #020202;
  justify-self: center;
  text-align: center;
}
.lp-trigger-dynamic-light-element .lp-trigger-btn {
  height: 2.25rem;
  max-width: 319px;
  line-height: 1;
  justify-self: center;
  width: 100%;
}
.lp-trigger-dynamic-light-element .lp-trigger-btn .icon-lock {
  margin-left: 0.3125rem;
  font-size: 0.6875rem;
}
@media all and (min-width: 992px) {
  .lp-trigger-dynamic-light-element {
    grid-template-columns: 72px auto;
    grid-template-rows: 1fr 1fr;
    padding: 1rem;
  }
  .lp-trigger-dynamic-light-element .lp-trigger-img {
    width: 4.5rem;
    height: auto;
    grid-column: 1;
    grid-row: 1/3;
  }
  .lp-trigger-dynamic-light-element .lp-trigger-title {
    grid-column: 2;
    align-self: flex-end;
    justify-self: flex-start;
    text-align: left;
  }
  .lp-trigger-dynamic-light-element .lp-trigger-content {
    grid-column: 2;
    justify-self: flex-start;
    text-align: left;
  }
  .lp-trigger-dynamic-light-element .lp-trigger-btn {
    grid-column: 3;
    grid-row: 1/3;
    max-width: 180px;
    justify-self: right;
  }
}

.lp-trigger-dynamic-dark-element {
  background: linear-gradient(180deg, #17264E 0%, #0F172A 100%);
  padding: 1.5rem 0.75rem;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 2.5rem;
  row-gap: 1rem;
  align-items: center;
  border-radius: 0.5rem;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.03), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.lp-trigger-dynamic-dark-element .lp-trigger-img {
  width: 5rem;
  height: auto;
  justify-self: center;
}
.lp-trigger-dynamic-dark-element .lp-trigger-title {
  margin-bottom: 0;
  color: #fff;
  justify-self: center;
  text-align: center;
}
.lp-trigger-dynamic-dark-element .lp-trigger-title img.pin {
  margin-left: 0.1875rem;
  width: 1.75rem;
  height: 1.75rem;
}
.lp-trigger-dynamic-dark-element .lp-trigger-content {
  margin-bottom: 0;
  color: #fff;
  justify-self: center;
  text-align: center;
}
.lp-trigger-dynamic-dark-element .lp-trigger-btn {
  background: linear-gradient(180deg, #FFC14F 0%, #F2A404 100%);
  color: #120E06;
  height: 2.25rem;
  max-width: 319px;
  line-height: 1;
  justify-self: center;
  width: 100%;
  font-family: Font_Bold;
}
.lp-trigger-dynamic-dark-element .lp-trigger-btn .icon-arrow-right {
  margin-left: 0.625rem;
  font-size: 0.625rem;
}
@media all and (min-width: 992px) {
  .lp-trigger-dynamic-dark-element {
    grid-template-columns: 122px auto 122px;
    grid-template-rows: 1fr min-content 1fr;
    padding: 1.5rem;
  }
  .lp-trigger-dynamic-dark-element .lp-trigger-img {
    width: 7.625rem;
    height: auto;
    grid-column: 1;
    grid-row: 1/4;
  }
  .lp-trigger-dynamic-dark-element .lp-trigger-title {
    grid-column: 2;
    align-self: flex-end;
    justify-self: center;
    text-align: center;
  }
  .lp-trigger-dynamic-dark-element .lp-trigger-content {
    grid-column: 2;
    justify-self: center;
    text-align: center;
  }
  .lp-trigger-dynamic-dark-element .lp-trigger-btn {
    grid-column: 2;
    max-width: 200px;
    justify-self: center;
    text-align: center;
  }
}

html {
  scroll-behavior: smooth;
}

.single-casinos-bonus-codes .section-breadcrumbs {
  background: white;
}
.single-casinos-bonus-codes .section-breadcrumbs .container.breadcrumbs-container {
  padding-top: 1rem;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media all and (min-width: 768px) {
  .single-casinos-bonus-codes .section-breadcrumbs .container.breadcrumbs-container {
    padding-top: 1.5rem;
  }
}
.single-casinos-bonus-codes .section-hero {
  width: 100%;
  display: flex;
  align-items: center;
  background: white;
}
.single-casinos-bonus-codes .section-hero .section-hero-content {
  row-gap: 0;
  grid-template-areas: "logo" "title" "sectionHeroContentDetails" "expandSection";
}
.single-casinos-bonus-codes .section-hero .section-hero-content .logo {
  margin-bottom: 1rem;
}
.single-casinos-bonus-codes .section-hero .section-hero-content .title {
  grid-area: title;
  text-align: center;
  margin-bottom: 1.25rem;
}
.single-casinos-bonus-codes .section-hero .section-hero-content .section-hero-content-details .page-details {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.single-casinos-bonus-codes .section-hero .section-hero-content .section-hero-content-details .rating-box-element {
  grid-column: 1/-1;
  justify-self: center;
}
@media all and (min-width: 1150px) {
  .single-casinos-bonus-codes .section-hero .section-hero-content .section-hero-content-details .rating-box-element {
    grid-column: initial;
    justify-self: flex-start;
  }
}
.single-casinos-bonus-codes .section-hero .section-hero-content .section-info-details {
  margin-top: 0.25rem;
  grid-column: 1/-1;
  margin-bottom: 1rem;
}
.single-casinos-bonus-codes .section-hero .section-hero-content .section-info-details .ad-disclosure {
  margin-top: 0;
  margin-bottom: 0;
}
@media all and (min-width: 1150px) {
  .single-casinos-bonus-codes .section-hero .section-hero-content {
    row-gap: 0;
    grid-template-columns: 228px auto;
    grid-template-areas: "logo title" "logo sectionHeroContentDetails" "expandSection expandSection";
  }
  .single-casinos-bonus-codes .section-hero .section-hero-content .logo {
    margin-bottom: 0;
  }
  .single-casinos-bonus-codes .section-hero .section-hero-content .title {
    text-align: left;
    margin-bottom: 0.875rem;
    margin-left: 1rem;
  }
  .single-casinos-bonus-codes .section-hero .section-hero-content .section-hero-content-details {
    padding-bottom: 1rem;
  }
  .single-casinos-bonus-codes .section-hero .section-hero-content .section-hero-content-details .page-details {
    padding-top: 0;
    padding-bottom: 0;
  }
  .single-casinos-bonus-codes .section-hero .section-hero-content .section-hero-content-details .section-info-details {
    justify-self: flex-end;
    align-self: flex-end;
    margin-left: 0;
    grid-column: initial;
    margin-bottom: 0;
  }
  .single-casinos-bonus-codes .section-hero .section-hero-content .section-hero-content-details .section-info-details .ad-disclosure {
    margin: unset;
  }
}
.single-casinos-bonus-codes .section-list-container {
  margin-bottom: 2.5rem;
}
.single-casinos-bonus-codes .section-sister-sites .bonus-box-old-v2 {
  border: 1px solid #db00c5;
  box-shadow: 0px 6px 16px 0px rgba(10, 16, 32, 0.1);
}
.single-casinos-bonus-codes .section-sister-sites .bonus-box-old-v2 .casino-bonus-title {
  background: #fff5ff;
}
.single-casinos-bonus-codes .section-sister-sites .bonus-box-old-v2 .casino-bonus-title a {
  text-decoration: none;
  color: inherit;
  font-family: inherit;
}
.single-casinos-bonus-codes .section-sister-sites .bonus-box-old-v2 .blue-full {
  background: #db00c5;
}
.single-casinos-bonus-codes .section-sister-sites .bonus-box-old-v2 .outlined-blue {
  border: 1px solid #db00c5;
  color: #db00c5;
}
.single-casinos-bonus-codes .section-sister-sites .bonus-box-old-v2 .casino-specifications .tab-content-text span.bonus-specifications-title {
  font-family: Font_Bold;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
  display: block;
}
.single-casinos-bonus-codes .section-sister-sites .bonus-box-old-v2 .casino-specifications.tab-wrapper .tab.active .tab-item {
  background: #fcf6fc;
  color: #db00c5;
}
.single-casinos-bonus-codes .section-how-we-test h2 {
  margin-top: 1.875rem;
}
.single-casinos-bonus-codes .section-how-we-test h2:first-child {
  margin-top: 0;
}
.single-casinos-bonus-codes .section-how-we-test .table-section {
  margin-top: 0.5rem;
}
.single-casinos-bonus-codes .section-how-we-test .table-section .table td .modal-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
}
.single-casinos-bonus-codes .section-how-we-test .table-section .table td .modal-content .modal-close {
  position: relative;
  top: 3px;
  right: 0;
  margin-right: 0;
  font-size: 0.75rem;
  order: 1;
}
.single-casinos-bonus-codes .section-how-we-test .table-section .table td .modal-content p {
  font-family: Font_Regular;
  line-height: 1.5rem;
  text-align: left;
}
.single-casinos-bonus-codes .bonuses-list .btn-load-more {
  margin: auto;
  width: 100%;
  max-width: 272px;
  line-height: 1.75rem;
  height: auto;
}
@media all and (min-width: 992px) {
  .single-casinos-bonus-codes .bonuses-list .btn-load-more {
    margin-top: 0.375rem;
  }
}
@media all and (min-width: 414px) {
  .single-casinos-bonus-codes .bonuses-list .btn-load-more {
    width: max-content;
    max-width: unset;
  }
}
.single-casinos-bonus-codes .section-generic-content .button.outlined-blue {
  width: 100%;
  line-height: 1.25rem;
  margin: auto;
}