:root {
  --btb-blue: #081d47;
  --btb-blue-dark: #000613;
  --btb-orange: #ef6043;
  --btb-orange-hover: #d43b1b;
  --btb-orange-active: #9d2911;
  --btb-light: #e5eaf2;
  --btb-line: #afbdd9;
  --btb-neutral-line: #cad7de;
  --btb-white: #fff;
  --btb-footer-gradient: linear-gradient(109deg, rgba(239, 96, 67, 0.4) 0%, rgba(239, 96, 67, 0.3) 0.01%, rgba(214, 75, 52, 0) 100%);
  --btb-blue-gradient: linear-gradient(110deg, #081d47 7.65%, #000613 100%);
}

html,
body {
  top: 0 !important;
  padding: 0;
  margin: 0;
  font-size: min(1.04vw, 18px);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
  overscroll-behavior: contain;
  width: 100%;
  font-family: Satoshi, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  scroll-behavior: smooth;
  background: var(--btb-blue-dark);
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

button,
input,
textarea,
select {
  font: inherit;
}

.site-main {
  min-height: 50vh;
  background: var(--btb-blue-gradient);
}

.limit-container {
  margin: auto;
}

@media screen and (min-width: 767px) {
  .limit-container {
    width: clamp(5rem, 90%, 82rem) !important;
  }

  .hide-on-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  html,
  body {
    font-size: 16px;
  }

  .hide-on-mobile {
    display: none !important;
  }
}

.button,
button {
  transition: all ease 0.3s;
}

button.primary,
.button.btn-offer,
.btn-primary,
.btn-send,
.btn {
  border-radius: 0.3125rem;
  background: var(--btb-orange);
  color: var(--btb-white);
  border: none;
  font-weight: 700;
  transition: all ease 0.3s;
}

button.primary:hover,
.button.btn-offer:hover,
.btn-primary:hover,
.btn-send:hover,
.btn:hover {
  background: var(--btb-orange-hover);
}

button.secondary,
.button.btn-readmore,
.button.btn-review {
  border-radius: 0.3125rem;
  background: transparent;
  border: 1px solid var(--btb-line);
  color: var(--btb-light);
}

[data-aos="custom-fade-in"],
[data-aos="fade-up"],
[data-aos="fade-right"] {
  opacity: 0;
  transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-aos="fade-up"] {
  transform: translateY(1rem);
}

[data-aos="fade-right"] {
  transform: translateX(-1rem);
}

.aos-animate {
  opacity: 1 !important;
  transform: none !important;
}

.skiptranslate {
  display: none !important;
}

.btb-site-header {
  position: sticky;
  top: 0;
  z-index: 1111;
  width: 100%;
}

.btb-site-header .header-container {
  height: 10.75rem;
}

.btb-site-header .top-bar {
  background: var(--btb-blue);
}

.btb-site-header .top-bar-container {
  display: flex;
  height: 6.25rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.btb-site-header .site-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: var(--btb-light);
}

.btb-site-header .site-logo svg {
  height: 4rem;
  width: 19.75rem;
  padding: 0 1.12rem;
  display: block;
}

.hamburger-menu {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  z-index: 10;
  background: transparent;
  border: 0;
  padding: 0;
}

.hamburger-menu span {
  height: 0.14rem;
  background-color: var(--btb-white);
  border-radius: 0.2rem;
  opacity: 1;
  transform: translateY(0) rotate(0);
  transition: all 0.3s;
}

.hamburger-menu.active span:nth-child(1) {
  transform: translateY(0.65rem) rotate(45deg);
}

.hamburger-menu.active span:nth-child(2) {
  opacity: 0;
}

.hamburger-menu.active span:nth-child(3) {
  transform: translateY(-0.65rem) rotate(-45deg);
}

.btb-header-search {
  display: flex;
  align-items: center;
  width: 22rem;
  height: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 0.3125rem;
  padding: 0 0.75rem;
  color: var(--btb-white);
}

.btb-header-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--btb-white);
}

.btb-header-search input::placeholder {
  color: rgba(255, 255, 255, 0.85);
}

.btb-header-search button {
  border: 0;
  background: transparent;
  color: var(--btb-white);
  width: 1.5rem;
  padding: 0;
  display: flex;
}

.btb-site-header .menu-options {
  height: 4.5rem;
  background: var(--btb-light);
  padding: 0;
}

.btb-site-header .menu-wrapper {
  display: flex;
  width: clamp(5rem, 100%, 82rem) !important;
}

.btb-site-header .item {
  display: flex;
  height: 4.5rem;
  position: relative;
  align-items: center;
  width: 16.66%;
  cursor: pointer;
}

.btb-site-header .item .parent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0.625rem;
  padding: 0.5rem 0;
  border-left: 1px solid var(--btb-blue);
}

.btb-site-header .item:first-child .parent,
.btb-site-header .sports-menu .parent {
  border-left: 0;
}

.btb-site-header .parent > a {
  color: var(--btb-blue);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 120%;
}

.btb-site-header .open-sub-menu {
  width: 1rem;
  padding: 0;
  border: 0;
  background: transparent;
  display: flex;
  color: var(--btb-blue);
}

.btb-site-header .item:hover .parent > a,
.btb-site-header .item:hover .open-sub-menu {
  color: var(--btb-orange);
}

.btb-site-header .childrens {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  left: 0;
  top: 10.75rem;
  width: 100%;
  padding: 2.5rem 6.25rem;
  border-radius: 0 0 0.625rem 0.625rem;
  background: linear-gradient(111deg, rgba(229, 234, 242, 0.9) 0%, rgba(214, 222, 238, 0.9) 100%);
  backdrop-filter: blur(7.5px);
  transition: all 0.35s ease;
}

.btb-site-header .item:hover .childrens,
.btb-site-header .childrens.active {
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}

.card-category-menu {
  width: 100%;
}

.card-category {
  color: var(--btb-white);
}

.card-category .image {
  pointer-events: none;
}

.btb-site-footer {
  border-top: 1px solid var(--btb-line);
  background-color: var(--btb-blue);
  z-index: 1;
  position: relative;
  color: var(--btb-white);
}

.btb-site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--btb-footer-gradient);
  z-index: -1;
}

.wrapper-footer {
  display: flex;
  flex-direction: column;
}

.wrapper-footer .container-logo {
  display: flex;
  justify-content: space-between;
  padding: 3.19rem 0 2.5rem;
  border-bottom: 1px solid var(--btb-line);
  gap: 1.74rem;
}

.wrapper-footer .mission p {
  width: 32.5rem;
  color: var(--btb-white);
  line-height: 1.3rem;
}

.wrapper-footer .contact {
  width: 40%;
  text-align: right;
}

.wrapper-footer .container-newsletter {
  border-bottom: 1px solid var(--btb-line);
}

.container-rights-reserved {
  display: flex;
  justify-content: center;
  padding: 2.5rem 0;
}

.container-rights-reserved a,
.container-rights-reserved span {
  padding: 0 2.5rem;
  color: var(--btb-white);
  font-size: 1rem;
}

.btb-language-switcher {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  color: var(--btb-white);
}

.btb-language-switcher button {
  background: transparent;
  border: 0;
  color: inherit;
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
  cursor: pointer;
}

.btb-language-switcher img {
  width: 1.25rem;
  height: 1.25rem;
}

.btb-language-switcher .other-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--btb-blue);
  padding: 0.5rem;
  border: 1px solid var(--btb-line);
  z-index: 10;
}

.btb-language-switcher.active .other-options {
  display: flex;
  flex-direction: column;
}

.newsletter-block .form-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: 2.5rem 0;
  color: var(--btb-white);
}

.newsletter-block .title span {
  font-family: Unbounded, Satoshi, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.newsletter-block .description span {
  display: block;
  margin-top: 0.5rem;
  font-size: 1rem;
}

.newsletter-block .form {
  min-width: 28rem;
}

.newsletter-block form {
  display: flex;
  gap: 0.75rem;
}

.newsletter-block input {
  width: 100%;
  height: 3rem;
  border: 1px solid var(--btb-line);
  background: transparent;
  border-radius: 0.3125rem;
  color: var(--btb-white);
  padding: 0 1rem;
}

.newsletter-block .btn-send {
  min-width: 10rem;
  border: 0;
  padding: 0 1rem;
}

.form-request-message {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.875rem;
}

.form-request-message.success {
  color: #8ff0b5;
}

.form-request-message.error,
.error-message {
  color: #ffb3a6;
}

.full-page {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding-bottom: 4rem;
}

.page-template {
  padding: 4rem 0;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.page-template .limit-container,
.grid-news-container .limit-container,
.promotion-list-container .limit-container {
  width: 100% !important;
  max-width: 82rem !important;
}

.title-container h1,
.title-container h2 {
  color: var(--btb-white);
  font-family: Unbounded, Satoshi, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 2.475rem;
  padding-bottom: 1rem;
}

.title-container h3,
.title-container h4 {
  color: var(--btb-white);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.725rem;
  padding-bottom: 1rem;
}

.description-container p,
.description-container span,
.wp-content p,
.wp-content li {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
  color: var(--btb-white);
}

.wp-content a {
  color: var(--btb-white);
  text-decoration: underline;
}

.wp-content table {
  border-spacing: 0;
  width: 100%;
  background: var(--btb-white);
  border-radius: 0.625rem;
  margin: 2.5rem 0;
  overflow: hidden;
}

.wp-content th,
.wp-content td {
  padding: 1rem 1.5rem;
  color: var(--btb-blue);
  text-align: left;
}

.wp-content tr:nth-child(odd) {
  background-color: var(--btb-light);
}

.wp-content tr:nth-child(even) {
  background-color: var(--btb-white);
}

.home-banner-section {
  position: relative;
  overflow: hidden;
}

.banner-wrapper {
  display: none;
  min-height: 36rem;
  position: relative;
}

.banner-wrapper.active,
.btb-carousel:not(.is-enhanced) .banner-wrapper:first-child {
  display: block;
}

.banner-wrapper .gradient {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-wrapper .content {
  position: relative;
  z-index: 1;
  padding: 3rem 0;
}

.banner-wrapper .ad-home {
  min-height: 5rem;
  margin-bottom: 2rem;
}

.banner-wrapper .post-data {
  display: grid;
  grid-template-columns: minmax(0, 36rem) minmax(0, 1fr);
  align-items: center;
  gap: 3rem;
}

.banner-wrapper .thumbnail img {
  border-radius: 0.625rem;
  width: 100%;
  height: 24rem;
  object-fit: cover;
}

.banner-wrapper h1 a {
  color: var(--btb-white);
  font-family: Unbounded, Satoshi, sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}

.banner-wrapper .action {
  margin-top: 2rem;
}

.banner-wrapper .btn {
  display: inline-flex;
  height: 3rem;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
}

.grid-news-container,
.promotion-list-container,
.carousel-container,
.card-information-section {
  position: relative;
  z-index: 1;
}

.articles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.articles.small {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.article-card,
.promo-card,
.offer-card .wrapper-card,
.compare-card,
.box,
.wp-column {
  border-radius: 0.625rem;
  border: 1px solid var(--btb-neutral-line);
  background: linear-gradient(111deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.2) 100%);
  backdrop-filter: blur(7.5px);
}

.article-card .wrapper-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.article-card .thumbnail img,
.promo-card .thumbnail img,
.offer-card .thumbnail img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
}

.article-card .content,
.promo-card .container,
.offer-card .content {
  padding: 1.25rem;
  color: var(--btb-white);
}

.article-card h4,
.promo-card h3,
.offer-card h4 {
  color: var(--btb-white);
  font-size: 1.25rem;
  line-height: 1.25;
}

.article-card .meta,
.article-card .author,
.promo-card .offer-label {
  color: var(--btb-line);
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}

.article-card .btn {
  display: inline-flex;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
}

.promo-container,
.cards-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.promo-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  padding: 1rem;
  color: var(--btb-white);
}

.promo-card .wrapper-featured {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}

.promo-card .thumbnail {
  position: relative;
}

.promo-card .thumbnail span,
.offer-card .thumbnail span {
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--btb-orange);
  color: var(--btb-white);
  font-weight: 700;
  z-index: 2;
}

.promo-card .buttons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.promo-card .button a {
  display: flex;
  height: 3rem;
  align-items: center;
  justify-content: center;
  min-width: 7rem;
  padding: 0 1rem;
}

.offer-card .wrapper-card {
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr);
  gap: 1.5rem;
  padding: 1.25rem;
  color: var(--btb-white);
  position: relative;
}

.offer-card .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

.offer-card .buttons a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0 1rem;
  border: 1px solid var(--btb-line);
  border-radius: 0.3125rem;
}

.offer-card .buttons .visit-web {
  background: var(--btb-orange);
  border-color: var(--btb-orange);
}

.columns-block {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 3rem;
}

.wp-column {
  padding: 2rem 2.5rem;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 1;
  color: var(--btb-white);
}

.accordion-page-section .wrapper {
  max-width: 82rem;
  margin: auto;
}

.accordion-page-section ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.accordion-page-section li {
  border: 1px solid var(--btb-neutral-line);
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}

.accordion-page-section .question {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--btb-white);
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  text-align: left;
}

.accordion-page-section .answer {
  display: none;
  padding: 0 1.25rem 1.25rem;
  color: var(--btb-white);
}

.accordion-page-section li.open .answer {
  display: block;
}

.ad-block {
  min-height: 4rem;
}

.article-post {
  padding: 4rem 0;
  display: flex;
  gap: 2rem;
}

.article-post .article-content {
  flex: 1;
  min-width: 0;
}

.article-post aside {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 26rem;
}

.article-banner {
  margin-bottom: 2rem;
}

.article-banner .thumbnail img {
  width: 100%;
  max-height: 32rem;
  object-fit: cover;
  border-radius: 0.625rem;
  margin-top: 1rem;
}

.content-classic .wp-content {
  color: var(--btb-white);
}

.content-classic .wrapper > * + * {
  margin-top: 1rem;
}

.newsletter-wrapper {
  padding: 1.25rem;
}

.newsletter-wrapper .newsletter-block .form-wrapper {
  flex-direction: column;
  padding: 0;
}

.newsletter-wrapper .newsletter-block .form {
  min-width: 0;
}

.newsletter-wrapper .newsletter-block form {
  flex-direction: column;
}

.featured-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: var(--btb-white);
}

.navigation-article {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.navigation-article a {
  border: 1px solid var(--btb-line);
  border-radius: 0.625rem;
  padding: 1rem;
  color: var(--btb-white);
}

.review-page {
  padding: 4rem 0;
}

.review-container .thumbnail-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 28rem) minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
  margin-bottom: 2rem;
}

.review-container .thumbnail-wrapper img {
  width: 100%;
  border-radius: 0.625rem;
  background: var(--btb-white);
}

.review-container .content-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26rem;
  gap: 2rem;
  margin-top: 2rem;
}

.review-container .main-content,
.review-container .aside-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.review-container .box,
.review-page .box {
  color: var(--btb-white);
  padding: 1.5rem;
}

.review-container .box h2 {
  font-family: Unbounded, Satoshi, sans-serif;
  font-size: 1.5rem;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.pros-cons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.title-inline {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.bonus-table table {
  width: 100%;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 0.625rem;
}

.bonus-table td {
  padding: 1rem;
  color: var(--btb-blue);
}

.bonus-link {
  display: inline-flex;
  margin-top: 1rem;
  min-height: 3rem;
  align-items: center;
  padding: 0 1rem;
  border-radius: 0.3125rem;
  background: var(--btb-orange);
  color: var(--btb-white);
}

.category-page {
  padding: 4rem 0;
}

.wrapper-category {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.category-articles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 2rem;
}

.pagination-container a,
.pagination-container .points {
  display: grid;
  place-items: center;
  min-width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--btb-line);
  border-radius: 999px;
  color: var(--btb-white);
}

.pagination-container .active {
  background: var(--btb-orange);
  border-color: var(--btb-orange);
}

.compare-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26rem;
  gap: 2rem;
  padding: 4rem 0;
}

.compare-list .heading {
  color: var(--btb-white);
  padding: 1.5rem;
  border-radius: 0.625rem;
  border: 1px solid var(--btb-neutral-line);
  background: rgba(255, 255, 255, 0.12);
  margin-bottom: 1.5rem;
}

.compare-list .heading h1 {
  font-family: Unbounded, Satoshi, sans-serif;
  font-size: 2.25rem;
  margin-bottom: 0.75rem;
}

.compare-list .grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.compare-card {
  padding: 1.25rem;
  color: var(--btb-white);
}

.compare-card select,
.selector select {
  width: 100%;
  height: 3rem;
  border-radius: 0.3125rem;
  border: 1px solid var(--btb-white);
  background: var(--btb-blue);
  color: var(--btb-white);
  padding: 0 1rem;
  margin-bottom: 1rem;
}

.compare-card .thumbnail img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  background: var(--btb-white);
  border-radius: 0.625rem;
  padding: 1rem;
}

.compare-card .controls,
.compare-card .actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
}

.compare-card button a,
.compare-card button span {
  display: flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
}

.compare-card .bars {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
}

.compare-card .bars .container {
  height: 0.5rem;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  overflow: hidden;
}

.compare-card .bars .value {
  height: 100%;
  background: var(--btb-orange);
}

.compare-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.compare-sidebar .selector {
  border-radius: 0.625rem;
  border: 1px solid var(--btb-neutral-line);
  background: rgba(255, 255, 255, 0.12);
  padding: 1.25rem;
}

.compare-sidebar .cover img {
  display: block;
  margin: 0 auto 1rem;
}

.contact-page {
  flex: 1;
}

.contact-form .form-wrapper {
  border-radius: 0.625rem;
  border: 1px solid var(--btb-neutral-line);
  background: rgba(255, 255, 255, 0.12);
  padding: 1.5rem;
}

.contact-form form {
  display: grid;
  gap: 1rem;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  min-height: 3rem;
  border: 1px solid var(--btb-line);
  border-radius: 0.3125rem;
  background: transparent;
  color: var(--btb-white);
  padding: 0.75rem 1rem;
}

.contact-form textarea {
  min-height: 12rem;
  resize: vertical;
}

.error-page {
  min-height: 60vh;
  display: grid;
  place-items: center;
  color: var(--btb-white);
  text-align: center;
  padding: 4rem 0;
}

.error-content h1 {
  font-family: Unbounded, Satoshi, sans-serif;
  font-size: 6rem;
}

.error-content h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.error-content .btn-primary {
  display: inline-flex;
  margin-top: 1.5rem;
  min-height: 3rem;
  align-items: center;
  padding: 0 1.25rem;
}

@media screen and (max-width: 767px) {
  .btb-site-header .header-container {
    height: 3.5rem;
  }

  .btb-site-header .top-bar-container {
    height: 3.5rem;
    padding: 0 1.25rem;
    flex-direction: row-reverse;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
  }

  .btb-site-header .site-logo {
    width: 10.9375rem;
  }

  .btb-site-header .site-logo svg {
    width: 10.1875rem;
    height: 2.375rem;
    padding: 0;
  }

  .btb-header-search {
    width: 2.25rem;
    border: 0;
    padding: 0;
  }

  .btb-header-search input {
    position: fixed;
    left: 1.25rem;
    right: 1.25rem;
    top: 4rem;
    width: calc(100vw - 2.5rem);
    height: 3rem;
    border-radius: 0.3125rem;
    background: var(--btb-white);
    color: var(--btb-blue);
    padding: 0 1rem;
    display: none;
  }

  .btb-header-search.active input {
    display: block;
  }

  .btb-site-header .menu-options {
    position: fixed;
    top: 3.5rem;
    left: 0;
    width: 100vw;
    height: calc(100vh - 3.5rem);
    background: var(--btb-white);
    padding: 1.5rem 1.25rem;
    transform: translateX(-100%);
    transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
    overflow-y: auto;
  }

  .btb-site-header .menu-options.active {
    transform: translateX(0);
  }

  .btb-site-header .menu-wrapper {
    flex-direction: column;
    gap: 1rem;
  }

  .btb-site-header .menu-wrapper.has-active-submenu {
    gap: 0;
  }

  .btb-site-header .menu-wrapper.has-active-submenu .parent {
    display: none !important;
  }

  .btb-site-header .item {
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: stretch;
  }

  .btb-site-header .item .parent {
    border-left: 0;
    background: var(--btb-blue-gradient);
    border-radius: 0.625rem;
    height: 4rem;
    justify-content: space-between;
    padding: 0.75rem 1rem;
  }

  .btb-site-header .parent > a {
    color: var(--btb-white);
    font-size: 0.875rem;
    font-weight: 500;
  }

  .btb-site-header .open-sub-menu svg path {
    stroke: var(--btb-white);
  }

  .btb-site-header .childrens {
    position: static;
    width: 100%;
    height: auto;
    padding: 1rem 0 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    display: none;
  }

  .btb-site-header .childrens.active {
    display: block;
  }

  .btb-site-header .item.active .childrens.active {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100vw;
    height: calc(100vh - 3.5rem) !important;
    padding: 2rem 1.25rem !important;
    z-index: 111111;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
    overflow-y: auto;
    background: var(--btb-white);
  }

  .btb-site-header .go-back {
    color: var(--btb-blue);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.05rem;
    margin: 0 0 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .card-category-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .card-category {
    min-height: 5rem;
    padding: 0.75rem;
  }

  .wrapper-footer .container-logo,
  .newsletter-block .form-wrapper,
  .container-rights-reserved,
  .article-post,
  .review-container .content-wrapper,
  .review-container .thumbnail-wrapper,
  .compare-page {
    flex-direction: column;
    display: flex;
  }

  .wrapper-footer,
  .page-template,
  .category-page,
  .review-page,
  .article-post,
  .compare-page,
  .error-page {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .wrapper-footer .mission p,
  .wrapper-footer .contact,
  .article-post aside,
  .newsletter-block .form {
    width: 100%;
    min-width: 0;
    text-align: left;
  }

  .container-rights-reserved {
    gap: 0.5rem;
  }

  .container-rights-reserved a,
  .container-rights-reserved span {
    padding: 0;
  }

  .newsletter-block form,
  .promo-card,
  .promo-card .buttons,
  .promo-card .wrapper-featured,
  .offer-card .wrapper-card,
  .columns-block {
    display: flex;
    flex-direction: column;
  }

  .full-page,
  .page-template {
    gap: 2rem;
  }

  .page-template,
  .category-page,
  .review-page,
  .article-post,
  .compare-page {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .title-container h1,
  .title-container h2,
  .compare-list .heading h1 {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }

  .description-container p,
  .description-container span,
  .wp-content p,
  .wp-content li {
    font-size: 1rem;
    line-height: 1.45;
  }

  .banner-wrapper {
    min-height: auto;
  }

  .banner-wrapper .content {
    padding: 1.5rem 1.25rem;
  }

  .banner-wrapper .post-data,
  .articles,
  .articles.small,
  .category-articles,
  .compare-list .grid,
  .pros-cons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .banner-wrapper .thumbnail img {
    height: 14rem;
  }

  .banner-wrapper h1 a {
    font-size: 1.75rem;
  }
}

/* Production parity overrides from the archived Next frontend. */
html,
body {
  font-family: Satoshi;
}

h1 {
  font-family: Satoshi;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

h3 {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.btb-header-search {
  position: relative;
  width: 19rem;
  height: 3rem;
  border-radius: 6.25rem;
  border: 1px solid var(--btb-light);
  padding: 0;
  display: flex;
}

.btb-header-search input {
  width: 100%;
  border-radius: 6.25rem;
  border: none;
  outline: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3rem;
  color: var(--btb-line);
  padding: 0 3rem 0 1rem;
  background: transparent;
}

.btb-header-search input::placeholder {
  color: var(--btb-line);
}

.btb-header-search button {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: auto;
  z-index: 111;
  cursor: pointer;
}

.btb-header-search input {
  color: var(--btb-line) !important;
  caret-color: var(--btb-line);
}

.btb-header-search input:focus {
  color: var(--btb-white) !important;
  caret-color: var(--btb-white);
}

.btb-header-search input:-webkit-autofill,
.btb-header-search input:-webkit-autofill:hover,
.btb-header-search input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--btb-white);
  box-shadow: 0 0 0 1000px var(--btb-blue) inset;
  transition: background-color 9999s ease-out;
}

.btb-site-footer a,
.btb-site-footer a:visited,
.btb-site-footer a:hover,
.btb-site-footer a:focus {
  color: var(--btb-white) !important;
}

.newsletter-block input,
.newsletter-block input:focus,
.newsletter-wrapper.box .newsletter-block input,
.newsletter-wrapper.box .newsletter-block input:focus {
  color: var(--btb-white) !important;
  caret-color: var(--btb-white);
}

.newsletter-block input::placeholder,
.newsletter-wrapper.box .newsletter-block input::placeholder {
  color: var(--btb-white);
  opacity: 1;
}

.newsletter-block input:-webkit-autofill,
.newsletter-block input:-webkit-autofill:hover,
.newsletter-block input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--btb-white);
  box-shadow: 0 0 0 1000px rgba(8, 29, 71, 0.65) inset;
  transition: background-color 9999s ease-out;
}

.btb-site-header .item:hover .parent svg {
  transform: rotate(-180deg);
  transition: all 0.3s;
}

.btb-site-header .item:hover .parent svg path {
  stroke: var(--btb-orange);
}

.btb-site-header .childrens {
  background: linear-gradient(111deg, rgba(229, 234, 242, 0.8) 0%, rgba(214, 222, 238, 0.8) 100%);
  transition: all 1s;
}

.card-category-menu {
  width: 100%;
  padding: 0;
  margin: auto;
}

.card-category-menu ul {
  display: flex;
  list-style: none;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 1.5rem 2rem;
  padding: 0;
  margin: 0;
}

.btb-site-header .childrens .card-category-menu.limit-container {
  width: clamp(5rem, 90%, 82rem) !important;
}

.card-category {
  display: inline-flex;
  align-items: center;
  width: 19rem;
  height: 4rem;
  min-height: 0;
  background: var(--btb-blue-gradient);
  color: var(--btb-white);
  border-radius: 0.625rem;
  padding: 0 1rem;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

.card-category:hover img {
  transition: all 0.3s;
  transform: scale(1.5) !important;
}

.card-category:hover .img-menu img {
  transform: none !important;
}

.card-category .title {
  position: relative;
  z-index: 1;
  color: var(--btb-white) !important;
}

.card-category:hover,
.card-category:focus,
.card-category:active,
.card-category.active,
.card-category:hover .title,
.card-category:focus .title,
.card-category:active .title,
.card-category.active .title {
  color: var(--btb-white) !important;
}

.card-category .img-menu {
  display: flex;
  max-width: 8.5rem;
  height: 100%;
  flex: 0 1 8.5rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
}

.card-category .img-menu img {
  width: auto;
  height: auto;
  max-width: 8.5rem;
  max-height: 2.75rem;
  display: flex;
  object-fit: contain;
  object-position: center;
}

.card-category .image,
.card-category .image img {
  display: none;
}

.card-category .image img {
  transition: all 0.3s;
}

.card-category.top-list,
.card-category.more {
  width: 26rem;
}

.card-category.img-right {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.card-category.img-right .img-menu img {
  width: auto;
  height: auto;
  max-width: 8.5rem;
  max-height: 2.75rem;
}

.card-category.img-transparent .img-menu {
  display: none;
}

.card-category.img-transparent .image {
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.card-category.img-transparent .image img {
  display: block;
  width: 10.875rem;
  height: 9rem;
  opacity: 0.4;
  right: -1rem;
  top: 50%;
  position: absolute;
  object-fit: cover;
  transform: translateY(-50%);
}

.card-category.img-transparent:hover .image img {
  transform: translateY(-50%) scale(1.5) !important;
}

.card-category.top-list.img-transparent .image img {
  width: 9rem;
  right: 1rem;
}

.card-category.more.img-transparent .image img {
  width: 6rem;
  height: 5rem;
  right: 1rem;
}

.card-category.college-basketball.img-transparent .image img {
  width: 9rem;
}

.card-category.horse-racing.img-transparent .image img {
  width: 8rem;
  right: 0;
  transform: translateY(-50%) rotate(-70deg) !important;
}

.card-category.horse-racing.img-transparent:hover .image img {
  transform: translateY(-50%) rotate(-70deg) scale(1.5) !important;
}

.card-category.college-football.img-transparent .image img {
  right: -1.5rem;
}

.card-category.nascar.img-transparent .image img {
  width: 5rem;
  right: 2rem;
  transform: translateY(-50%) rotate(340deg) scaleX(-1) !important;
}

.card-category.nascar.img-transparent:hover .image img {
  transform: translateY(-50%) rotate(340deg) scaleX(-1) scale(1.5) !important;
}

.card-category.tennis.img-transparent .image img {
  width: 8rem;
  right: 0.5rem;
  transform: translateY(-50%) rotate(38deg) scaleX(-1) !important;
}

.card-category.tennis.img-transparent:hover .image img {
  transform: translateY(-50%) rotate(38deg) scaleX(-1) scale(1.5) !important;
}

.card-category.invertX.img-transparent .image img {
  transform: translateY(-50%) scaleX(-1);
}

.card-category.invertX.img-transparent:hover .image img {
  transform: translateY(-50%) scaleX(-1) scale(1.5) !important;
}

@media screen and (max-width: 1440px) {
  .card-category .img-menu img,
  .card-category.img-right .img-menu img {
    width: auto;
    height: auto;
    max-width: 6rem;
    max-height: 3rem;
  }
}

.button.btn-readmore,
.button.btn-review {
  border-radius: 0.3125rem;
  border: 1px solid var(--btb-line);
}

.button.btn-readmore a,
.button.btn-review a,
.button.btn-offer a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  height: 3rem;
  color: var(--btb-white);
  text-decoration: none;
}

.button.btn-readmore a:hover,
.button.btn-review a:hover {
  background: #576175;
}

.button.btn-offer {
  background: var(--btb-orange);
  border: none;
}

.button.btn-offer a:hover,
.btn:hover,
.bonus-link:hover {
  background: #d43b1b;
}

.button.btn-offer a:active,
.btn:active,
.bonus-link:active {
  background: var(--btb-orange-active);
}

.home-banner-section {
  position: relative;
  overflow: hidden;
}

.banner-carousel {
  position: relative;
}

.banner-wrapper {
  display: none;
  height: 100%;
  max-height: 43rem;
  position: relative;
}

.banner-wrapper:first-child,
.banner-wrapper.active {
  display: block;
}

.banner-carousel.is-enhanced .banner-wrapper {
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  transition: opacity 0.35s ease;
}

.banner-carousel.is-enhanced .banner-wrapper.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: relative;
}

.banner-wrapper .gradient {
  color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: fill;
  z-index: 0;
  top: 0;
}

.banner-wrapper .content {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  padding: 2rem 0 5.5rem;
  height: 100%;
  gap: 2rem;
}

.banner-wrapper .ad-home {
  min-height: 0;
  margin-bottom: 0;
}

.banner-wrapper .ad-home .limit-container {
  width: 100% !important;
}

.banner-wrapper .post-data {
  display: flex;
  flex: 1;
  height: 70%;
  align-items: stretch;
  gap: 0;
}

.banner-wrapper .thumbnail {
  width: 57.32%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-wrapper .thumbnail img {
  color: transparent;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 1rem;
}

.banner-wrapper .data {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: flex-start;
  justify-content: center;
  padding: 0 1.5rem 0 2rem;
}

.banner-wrapper h1 a {
  color: var(--btb-white);
  font-family: Unbounded;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: 0;
  text-decoration: none;
}

.banner-wrapper .action {
  width: 100%;
  margin-top: 0;
}

.banner-wrapper .btn {
  background: var(--btb-orange);
  display: flex;
  width: 100%;
  height: 3rem;
  max-width: 19rem;
  padding: 1rem 1.25rem;
  justify-content: center;
  align-items: center;
  color: var(--btb-white);
  text-align: center;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  text-decoration: none;
  border-radius: 0.3125rem;
}

.banner-carousel .slick-dots {
  display: flex !important;
  align-items: center;
  position: absolute;
  bottom: 2rem;
  width: auto;
  height: 2rem;
  background: var(--btb-blue);
  border-radius: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 0.3rem;
  margin: 0;
  list-style: none;
  z-index: 2;
}

.banner-carousel .slick-dots li {
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  background: var(--btb-light);
  transition: all 0.3s;
  margin: 0 0.15rem;
}

.banner-carousel .slick-dots li.slick-active {
  background: var(--btb-orange);
}

.banner-carousel .slick-dots button {
  appearance: none;
  border: 0;
  padding: 0;
  width: 1rem;
  height: 1rem;
  color: transparent;
  background: transparent;
  cursor: pointer;
}

.grid-news-container,
.promotion-list-container,
.carousel-container,
.card-information-section {
  position: relative;
  z-index: 1;
}

.grid-news-container .wrapper,
.carousel-container .wrapper,
.category-page,
.review-container,
.compare-list .heading,
.wp-column {
  padding: 2rem 2.5rem;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 100;
  border-radius: 0.625rem;
  border: 1px solid var(--btb-neutral-line);
  background: linear-gradient(111deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.2) 100%);
  backdrop-filter: blur(7.5px);
}

.articles {
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
  flex-direction: row;
  flex-wrap: wrap;
}

.articles.small,
.carousel-container .articles {
  display: flex;
  flex-wrap: wrap;
}

.article-card {
  max-width: 100%;
  border: 0;
  background: transparent;
  backdrop-filter: none;
}

.article-card .wrapper-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  transition: all 0.3s ease;
}

.article-card .no-thumbnail {
  height: 13.5rem;
  border-radius: 0.625rem 0.625rem 0 0;
  border: 1px solid var(--btb-white);
  background: linear-gradient(180deg, rgba(240, 247, 251, 0.2) 0%, rgba(240, 247, 251, 0.4) 100%);
  backdrop-filter: blur(7.5px);
}

.article-card .thumbnail {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
}

.article-card .thumbnail a {
  display: block;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
}

.article-card .thumbnail img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border-radius: 0.625rem 0.625rem 0 0;
  object-fit: cover;
  display: block;
}

.article-card .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  border-radius: 0 0 0.625rem 0.625rem;
  background: var(--btb-white);
  color: var(--btb-blue);
  min-height: 13.75rem;
  position: relative;
  transition: all 0.6s ease;
}

.article-card .content h4,
.article-card .content h4 a,
.article-card .content .title a {
  color: var(--btb-blue);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
}

.article-card .content span,
.article-card .content .meta,
.article-card .content .author {
  color: var(--btb-blue);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3rem;
}

.article-card .author {
  display: none;
}

.article-card .btn {
  position: relative;
  display: block;
  margin-top: auto;
  padding: 0;
  background: transparent;
}

.article-card .btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  gap: 0.625rem;
  width: 100%;
  color: var(--btb-white);
  background: var(--btb-orange);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2rem;
  border-radius: 0.625rem;
}

.article-card .btn a:hover {
  background: #d43b1b;
}

.article-card .wrapper-card.slider {
  width: 17.375rem;
}

.article-card .wrapper-card.slider .thumbnail,
.article-card .wrapper-card.slider .thumbnail a,
.article-card .wrapper-card.slider .thumbnail img {
  height: 10rem;
  padding-top: 0;
}

.article-card .wrapper-card.slider .content {
  min-height: auto;
}

.article-card .wrapper-card.slider .meta {
  display: none;
}

.article-card .wrapper-card.slider .title {
  text-align: center;
}

.promotion-list-container {
  padding: 0 !important;
}

.promo-container,
.cards-container {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.promo-card {
  display: flex;
  height: 11.5rem;
  padding: 2rem 0;
  width: 100%;
  justify-content: space-between;
  border: 0;
  border-bottom: 1px solid var(--btb-line);
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  color: var(--btb-white);
}

.promo-card.last-item {
  border-bottom: none;
}

.promo-card .wrapper-featured {
  display: flex;
  gap: 2rem;
  width: 40%;
  align-items: center;
}

.promo-card .thumbnail img,
.offer-card .thumbnail img {
  display: block;
  width: 7.5rem;
  height: auto;
  aspect-ratio: auto;
  border-radius: 0.3125rem;
  border: 1px solid var(--btb-line);
  object-fit: contain;
}

.promo-card .thumbnail span,
.offer-card .thumbnail span {
  display: none;
  width: 2rem;
  height: 2rem;
  color: var(--btb-white);
  text-align: center;
  font-family: Satoshi;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 120%;
  border-radius: 6.25rem;
  background: var(--btb-orange);
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -1rem;
  left: -1rem;
}

.page-template .promotion-list-container .wrapper-featured .thumbnail span,
.offer-card .thumbnail span {
  display: flex;
}

.promo-card .container {
  margin: auto 0;
  padding: 0;
}

.promo-card .title {
  margin-bottom: 1rem;
}

.promo-card .title h3 a {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.725rem;
  color: var(--btb-white);
}

.promo-card .offer-label {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
  color: var(--btb-white);
}

.promo-card .buttons {
  display: flex;
  align-items: center;
  width: auto;
  gap: 1.5rem;
}

.promo-card .button a {
  width: 12.5rem;
}

.featured-list .promo-card {
  height: auto;
  flex-direction: column;
  gap: 2rem;
}

.featured-list .promo-card .wrapper-featured {
  width: 100%;
}

.featured-list .promo-card .thumbnail img {
  width: 4.375rem;
}

.featured-list .btn-readmore {
  display: none;
}

.category-page {
  padding: 2rem 2.5rem;
}

.category-page.search-page,
.btb-theme .category-page {
  border-radius: 0.625rem;
}

.category-page .wrapper-category .articles-container {
  padding: 2rem 0 2.5rem;
}

.category-articles {
  display: flex;
  gap: 2rem;
  flex-direction: row;
  flex-wrap: wrap;
}

.category-articles .article-card,
.articles .article-card {
  max-width: calc(33% - 1.339rem);
  width: calc(33% - 1.339rem);
}

.sportsbooks-page .btn-readmore {
  display: none;
}

.review-page {
  padding: 4rem 0;
  position: relative;
}

.review-container {
  padding: 2rem 2.5rem;
}

.review-container .title-container h1 {
  font-family: Unbounded;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.475rem;
  letter-spacing: 0;
  color: var(--btb-white);
}

.review-container .thumbnail-wrapper {
  display: flex;
  gap: 2.5rem;
  margin: 1.2rem 0 0;
  align-items: stretch;
}

.review-container .thumbnail-wrapper a.img-item {
  width: 35%;
  height: auto;
  border-radius: 0.625rem;
  border: 1px solid var(--btb-line);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--btb-white);
}

.review-container .thumbnail-wrapper a.img-item img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
  display: block;
  background: var(--btb-white);
}

.review-container .thumbnail-wrapper .bonus-table {
  width: 75%;
}

.review-container .content-wrapper {
  display: flex;
  gap: 2rem;
  padding: 2.5rem 0;
  margin-top: 0;
}

.review-container .main-content {
  width: 70%;
  display: flex;
  gap: 2.5rem;
  position: relative;
  align-items: baseline;
  flex-direction: column;
}

.review-container .aside-content {
  width: 30%;
  display: flex;
  gap: 2.5rem;
  position: relative;
  align-items: baseline;
  flex-direction: column;
}

.review-container .box,
.review-page .box {
  background: var(--btb-white);
  border-radius: 0.625rem;
  padding: 1.5rem;
  height: auto;
  color: var(--btb-blue);
  border: 0;
  backdrop-filter: none;
}

.review-container .box h2 {
  color: var(--btb-blue);
  font-family: Satoshi;
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
  font-style: normal;
}

.review-container p,
.review-container span,
.review-container tr th,
.review-container tr td {
  color: var(--btb-blue);
}

.review-container p {
  padding-bottom: 1rem;
}

.review-container ul {
  margin: 1.5rem 0 0.8rem;
  padding: 0 1rem 0 1.5rem;
}

.pros-cons {
  display: flex;
  gap: 2.5rem;
  width: 100%;
}

.pros-cons .box {
  width: 50%;
}

.sports-betting-markets ul {
  margin: 1.5rem 0;
  column-count: 3;
  column-gap: 20px;
  width: 100%;
}

.sports-betting-markets li {
  break-inside: avoid;
}

.bonus-table table {
  background: var(--btb-white);
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
}

.bonus-table td,
.bonus-table th {
  text-align: left;
  padding: 1rem 0 1rem 1.5rem;
  font-size: 1.25rem;
  color: var(--btb-blue);
}

.bonus-table th {
  font-weight: 700;
}

.bonus-table td {
  font-weight: 400;
}

.bonus-table thead tr,
.bonus-table thead th,
.bonus-table tbody tr,
.bonus-table tbody tr td {
  background: var(--btb-white);
}

.bonus-table tbody tr:nth-child(odd),
.bonus-table tbody tr:nth-child(odd) td {
  background-color: var(--btb-light);
}

.bonus-table tbody tr.promo,
.bonus-table tbody tr.promo td,
.bonus-table .promo,
.bonus-table .promo td {
  background: var(--btb-orange) !important;
}

.bonus-table tr.promo td,
.bonus-table .promo td {
  color: var(--btb-white);
}

.bonus-table tr.promo a,
.bonus-table .promo a {
  color: var(--btb-white);
  text-decoration: none;
}

.bonus-table .claim-now {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bonus-table .button-claim {
  display: flex;
  max-width: 12.1875rem;
  max-height: 2.1875rem;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding: 0.5rem;
  border-radius: 0.3125rem;
  background: var(--btb-blue);
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--btb-white);
  margin: 0 1.5rem;
}

.newsletter-wrapper.box {
  border-radius: 0.625rem;
  border: 1px solid var(--btb-neutral-line);
  background: linear-gradient(111deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.2) 100%);
  backdrop-filter: blur(7.5px);
  padding: 1.5rem;
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
}

.newsletter-wrapper.box h3,
.newsletter-wrapper.box .newsletter-block .title span,
.newsletter-wrapper.box .newsletter-block .description span {
  color: var(--btb-white);
}

.newsletter-wrapper.box h3 {
  font-size: 1.5rem;
  line-height: 1.65rem;
  font-weight: 700;
  color: var(--btb-white);
}

.newsletter-wrapper.box .newsletter-block {
  padding: 0;
}

.newsletter-wrapper.box .newsletter-block .container-title {
  display: none;
}

.newsletter-wrapper.box .newsletter-block .form {
  width: 100%;
}

.newsletter-wrapper.box .newsletter-block form {
  display: flex;
  gap: 1.5rem;
  width: 100%;
  height: auto;
  flex-direction: column;
}

.newsletter-wrapper.box .newsletter-block input {
  width: 100%;
  border-radius: 0.3125rem;
  background: rgba(229, 234, 242, 0.1);
  border: 1px solid var(--btb-line);
}

.newsletter-wrapper.box .newsletter-block button {
  width: auto;
  left: 0;
  height: 3rem;
}

.newsletter-wrapper.box .newsletter-block button:hover {
  background: #d43b1b;
}

.review-page .ad-custom .ad-block {
  padding: 2.5rem 0 0;
}

.review-page .ad-custom .ad-block img {
  width: 100%;
  object-fit: contain;
}

.review-page .end-ad .ad-block {
  padding: 4rem 0 0;
}

.review-page .faqs-wrapper .accordion-page-section {
  border-radius: 0.625rem;
  border: 1px solid var(--btb-neutral-line);
  background: linear-gradient(111deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.2) 100%);
  backdrop-filter: blur(7.5px);
  padding: 2rem 2.5rem;
  margin-top: 4rem;
}

.review-page .faqs-wrapper .accordion-page-section > .wrapper {
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
}

.review-page .accordion-page-section ul {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  list-style-type: none;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
}

.review-page .accordion-page-section li {
  border: 0;
  border-radius: 0.625rem;
  height: auto;
  overflow: hidden;
  background: transparent;
}

.review-page .accordion-page-section .question {
  background: var(--btb-white);
  border: 0;
  border-bottom: 1px solid var(--btb-line);
  padding: 1.5rem;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
}

.review-page .accordion-page-section .question h3 {
  color: var(--btb-blue);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  padding: 0;
}

.review-page .accordion-page-section .toggle-sign {
  position: absolute;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.725rem;
  color: var(--btb-blue);
  top: 50%;
  right: 1.5rem;
  transform: translate(-50%, -50%);
  transition: 0.5s all;
}

.review-page .accordion-page-section .answer {
  background: var(--btb-light);
  padding: 1.5rem;
  height: 0;
  color: var(--btb-blue);
}

.review-page .accordion-page-section li.open .answer {
  height: auto;
}

.review-page .accordion-page-section .answer span,
.review-page .accordion-page-section .answer p {
  color: var(--btb-blue);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem;
}

@media screen and (min-width: 2000px) {
  .category-articles .article-card,
  .articles .article-card {
    max-width: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
  }
}

@media screen and (min-width: 767px) and (max-width: 1023px) {
  .category-articles .article-card,
  .articles .article-card {
    max-width: calc(50% - 1rem);
    width: calc(50% - 1rem);
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2rem;
  }

  .btb-header-search {
    width: 2.25rem;
    border: 0;
    padding: 0;
  }

  .btb-header-search input {
    position: fixed;
    left: 1.25rem;
    right: 1.25rem;
    top: 4rem;
    width: calc(100vw - 2.5rem);
    height: 3rem;
    border-radius: 0.3125rem;
    background: var(--btb-white);
    color: var(--btb-blue) !important;
    caret-color: var(--btb-blue);
    padding: 0 1rem;
    display: none;
  }

  .btb-header-search input:focus {
    color: var(--btb-blue) !important;
    caret-color: var(--btb-blue);
  }

  .btb-header-search.active input {
    display: block;
  }

  .btb-header-search button {
    position: static;
    transform: none;
  }

  .card-category-menu {
    overflow-y: auto;
    max-height: calc(100vh - 15rem);
  }

  .card-category-menu ul {
    display: flex;
    flex-direction: column;
  }

  .card-category {
    width: 100%;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.05rem;
  }

  .banner-wrapper {
    padding: 2rem 0 0;
    max-height: none;
  }

  .banner-wrapper .content {
    padding: 2rem 0 0;
  }

  .banner-wrapper .ad-home {
    padding: 0 1.5rem;
  }

  .banner-wrapper .post-data {
    flex-direction: column-reverse;
    gap: 2rem;
    min-height: 29rem;
  }

  .banner-wrapper .thumbnail {
    width: 100%;
    height: 15.5625rem;
  }

  .banner-wrapper .thumbnail img {
    border-radius: 0;
    object-position: bottom;
  }

  .banner-wrapper .data {
    padding: 0 1.5rem;
  }

  .banner-wrapper h1 a {
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0;
  }

  .banner-wrapper .btn {
    font-size: 1rem;
    width: 9.9375rem;
    height: 3rem;
    line-height: 1.15rem;
    background: var(--btb-blue);
  }

  .banner-carousel .slick-dots {
    bottom: 1rem;
  }

  .grid-news-container .wrapper,
  .carousel-container .wrapper,
  .category-page,
  .review-container,
  .wp-column {
    padding: 1.5rem 1.25rem;
  }

  .articles,
  .articles.small,
  .category-articles,
  .carousel-container .articles {
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.5rem;
  }

  .category-articles .article-card,
  .articles .article-card {
    width: 100%;
    max-width: 100%;
  }

  .article-card .content {
    padding: 1rem !important;
    justify-content: space-between;
    min-height: auto;
  }

  .article-card .content h4 a {
    font-size: 1rem;
    font-weight: 700;
  }

  .article-card .wrapper-card.slider {
    width: 10.25rem;
  }

  .article-card .wrapper-card.slider .thumbnail,
  .article-card .wrapper-card.slider .thumbnail a,
  .article-card .wrapper-card.slider .thumbnail img {
    height: 5.89925rem;
  }

  .promo-card {
    flex-direction: column;
    height: auto;
  }

  .promo-card .wrapper-featured {
    width: 100%;
  }

  .promo-card .thumbnail img,
  .offer-card .thumbnail img {
    width: 5rem;
  }

  .promo-card .buttons {
    flex-direction: column;
    width: 100%;
    margin-top: 1rem;
  }

  .promo-card .button,
  .promo-card .button a {
    width: 100%;
  }

  .review-container .thumbnail-wrapper,
  .review-container .content-wrapper,
  .pros-cons {
    flex-direction: column;
  }

  .review-container .thumbnail-wrapper a.img-item,
  .review-container .thumbnail-wrapper .bonus-table,
  .review-container .main-content,
  .review-container .aside-content,
  .pros-cons .box {
    width: 100%;
  }

  .bonus-table .claim-now {
    flex-direction: column;
    gap: 1rem;
    padding-right: 1rem;
    align-items: flex-start;
  }

  .bonus-table .button-claim {
    margin: 0;
  }

  .review-page .faqs-wrapper .accordion-page-section {
    padding: 1.5rem 1.25rem;
    margin-top: 2rem;
  }

  .review-page .accordion-page-section ul {
    gap: 1.5rem;
    margin: 1.5rem 0 0 !important;
  }

  .review-page .accordion-page-section .question {
    padding: 1rem;
  }

  .review-page .accordion-page-section .question h3 {
    width: 82%;
  }

  .review-page .accordion-page-section .question h3,
  .review-page .accordion-page-section .answer span,
  .review-page .accordion-page-section .answer p {
    font-size: 0.875rem;
    line-height: 1.1375rem;
  }

  .sports-betting-markets ul {
    column-count: 1;
  }
}