.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/OpenSans-Regular-webfont.woff2") format("woff2");
}
@font-face {
  font-family: Font_SemiBold;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/OpenSans-Semibold-webfont.woff2") format("woff2");
}
@font-face {
  font-family: Font_Bold;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2");
}
@font-face {
  font-family: Font_Heading;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Lora-Bold-webfont.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;
  }
}

.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 {
  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;
}

.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;
}

#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;
}

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;
  }
}

.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;
  }
}

.container.container-404 {
  margin: auto;
  display: block;
  max-width: 1140px;
  padding: 2.5rem 0.75rem;
}
@media all and (min-width: 1200px) {
  .container.container-404 {
    padding: 2.5rem 0;
  }
}
.container.container-404 a.button.blue-full {
  width: max-content;
  margin: auto;
  height: 2.25rem;
  line-height: 2.25rem;
  margin-bottom: 1.5rem;
}
.container.container-404 h2 {
  width: 100%;
  text-align: center;
  margin: 1.5rem 0;
}
.container.container-404 p.subtitle {
  width: 100%;
  text-align: center;
  font-family: Font_SemiBold;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}
@media all and (min-width: 768px) {
  .container.container-404 p.subtitle {
    font-size: 1rem;
  }
}
.container.container-404 img.error-404 {
  width: 100%;
  height: auto;
  display: block;
  margin: auto;
  aspect-ratio: 2/1;
}
@media all and (min-width: 992px) {
  .container.container-404 img.error-404 {
    max-width: 900px;
  }
}
.container.container-404 .buttons-redirect {
  gap: 1.25rem;
}
.container.container-404 .buttons-redirect {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.container.container-404 .buttons-redirect .not-found-button {
  box-shadow: 0px 2px 8px 0px rgba(10, 16, 32, 0.08);
  font-size: 1rem;
  font-family: Font_Bold;
  height: 3.5rem;
  line-height: 1.5rem;
  color: #020202;
  border-radius: 0.5rem;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.container.container-404 .buttons-redirect .not-found-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.container.container-404 .buttons-redirect .not-found-button:hover {
  box-shadow: 0px 4px 20px 0px rgba(0, 48, 177, 0.16);
  color: #0969F9;
}
@media all and (min-width: 575px) {
  .container.container-404 .buttons-redirect {
    grid-template-columns: repeat(2, auto);
  }
}
@media all and (min-width: 992px) {
  .container.container-404 .buttons-redirect {
    grid-template-columns: repeat(4, auto);
  }
}