@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.inter-uniquifier {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}

* {
  font-family: "Inter", serif;
	padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: #121416;
  max-width: 1920px;
  margin: 0 auto;
  color: #FFF;
}

.text-section {
  max-width: 1200px;
  width: 100%;
}



a {
  text-decoration: none;
  color: #FFF;
}

span {
  color: #FFF;
}

li {
  list-style: none;
}

.bookmakers li {
  margin: 0 !important;
}

.text-section ul li, .text-section ol li {
  margin-left: 30px;
}

.text-section-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #0065FF;
    border-radius: 12px;
    font-weight: 500;
    font-size: 18px;
    position: relative;
    overflow: hidden;
    color: white;
    text-align: center;
    padding: 20px 50px;
}

.text-section-btn::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 60%;
  height: 200%;
  background: -o-linear-gradient(
    330deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.text-section-btn:hover::before {
  -webkit-animation: shine .4s ease-in-out;
          animation: shine .4s ease-in-out;
}

.text-section-btn:hover {
  -webkit-box-shadow: inset 0 0 30px #18a3ff;
          box-shadow: inset 0 0 30px #18a3ff;
}

ul {
  list-style-type: none;
}

h1 {
  font-weight: 700;
  font-size: 44px;
  line-height: 120%;
  text-align: center;
}

h2 {
  font-weight: 500;
  font-size: 44px;
  line-height: 120%;
  letter-spacing: 1px;
}

p {
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0;
}

@-webkit-keyframes shine {
  0% {
    left: -100%;
  }
  100% {
    left: 120%;
  }
}

@keyframes shine {
  0% {
    left: -100%;
  }
  100% {
    left: 120%;
  }
}


.all-languages {
  display: none;
}

.first-bonus-block-nesting {
  display: none;
}

.header-mobile {
  display: none;
}

.header-mobile-nav {
  display: none;
}

.main-banner-img-mobile {
  display: none;
}

.get-bonus-banner-img-mobile {
  display: none;
}

.bookmaker-logo-wrapper {
  width: 124px;
}

.bookmaker-logo-wrapper .bookmaker-stars {
  display: none;
}

.event-post-new-mobile {
  display: none;
}

.prediction-result-img-mobile {
  display: none;
}

.bookmaker-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.load-more-bookmakers {
  display: none;
}



/* HEADER START */
header {
  max-width: 1920px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 17px 135px 14px 82px;
  border-bottom: 1px solid #393d40;
  position: fixed;
  z-index: 10000;
  background-color: #121416;
}

.header-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 20px;
}

header .logo img {
  width: 216px;
  height: 32px;
}

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

nav a {
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
}

.main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.submenu {
  display: none;
  padding: 12px 20px 0 20px;
  gap: 12px;
  border-radius: 20px;
  border: 1px solid #393D40;
  position: absolute;
  margin-top: 17px;
  background-color: #121416;
}

.submenu-column {
  float: left; 
}

.submenu-column:not(:last-child) {
  margin-right: 40px;
}

.submenu-item {
  padding: 10px;
  margin-bottom: 12px;
}

.submenu-link {
  padding: 10px;
  background-color: #1B1F22;
  height: 42px;
  border-radius: 12px;
}



.submenu-link:hover {
  background-color: #272E36;
  color: #0065FF;
}

.submenu-sports-events {
  padding-right: 0;
  padding-left: 10px;
}

.submenu-right {
  position: absolute;
  left: 286px;
  top: -1px;
  border-radius: 0 20px 20px 0;
  max-width: 200px;
  width: 100%;
  height: 274px;
  border-left: none;
  background-color: #121416;
  border-top: 1px solid #393D40;
  border-right: 1px solid #393D40;
  border-bottom: 1px solid #393D40;
  padding: 12px 0 0 4px;
  width: 177px;
}

.submenu-right .submenu-item {
  padding-right: 0;
}

.submenu-right::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px; 
  height: 90%; 
  background-color: #393D40; 
}

.submenu-sports-events.active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.menu-item {
  padding: 10px;
  background-color: #1B1F22;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  height: 42px;
  position: relative;
}

.menu-item:hover {
  background-color: #272E36;
}

.menu-item:hover .menu-link-enclosure {
  background-color: #272E36;
  color: #0065FF;
}

.menu-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  background-color: #1B1F22;
  border-radius: 12px;
  height: 42px;
}

.menu-link:hover {
  background-color: #272E36;
  color: #0065FF;
}

.menu-link-enclosure {
  padding: 0;
}

.header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.main-language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  gap: 10px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

.all-languages {
  position: absolute;
  padding: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 177px;
  gap: 20px;
  background-color: #121416;
  border-radius: 20px;
  border: 1px solid #393D40;
  top: 79px;
  margin-left: -25px;
}

.all-languages.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}



.available-language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  min-width: 57px;
}

.language-img {
  height: 18px;
}

.language-slug {
  color: #FFF;
}

.flag {
  width: 24px;
  height: 18px;
}

.vector {
  width: 12px;
  height: 6px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.first-bonus-block-wrapper {
  background-color: #272E36;
  padding: 12px 20px;
  border-radius: 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  position: relative;
  overflow: hidden;
}

.first-bonus-block-wrapper::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 60%;
  height: 200%;
  background: -o-linear-gradient(
    330deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.first-bonus-block-wrapper:hover::before {
  -webkit-animation: shine .4s ease-in-out;
          animation: shine .4s ease-in-out;
}

 .first-bonus-block-wrapper:hover {
  -webkit-box-shadow: inset 0 0 30px #404040;
          box-shadow: inset 0 0 30px #404040;
} 

.sign-up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #0065FF;
  border-radius: 12px;
  /* width: 102px; */
  height: 46px;
  font-weight: 500;
  font-size: 18px;

  position: relative;
  overflow: hidden;
  color: white;
  text-align: center;
  padding: 0 10px;
}

.sign-up::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 60%;
  height: 200%;
  background: -o-linear-gradient(
    330deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.sign-up:hover::before {
  -webkit-animation: shine .4s ease-in-out;
          animation: shine .4s ease-in-out;
}

 .sign-up:hover {
  -webkit-box-shadow: inset 0 0 30px #18a3ff;
          box-shadow: inset 0 0 30px #18a3ff;
} 

.first-bonus-block-nesting {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 79px;
  border-radius: 20px;
  border: 1px solid #393D40;
  padding: 20px;
  gap: 20px;
  margin-left: -50px;
}

.first-bonus-block-nesting.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #121416;
}

.first-bonus-block-nesting .linebet-img img {
  max-width: 133px;
}

.get-bonus {
  background-color: #0065FF;
  padding: 12px 20px;
  border-radius: 12px;
}
/* HEADER END */



/* HEADER MOBILE START */
.header-mobile {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}

.header-mobile-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-mobile-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.burger {
  position: relative;
}

.header-mobile-nav {
  position: absolute;
  top: 128px;
  background-color: #121416;
  width: 100%;
  margin-left: -20px;
  padding: 20px;
}
/* HEADER MOBILE END */























/* MAIN START */
main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 101px;
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 100px;
  padding: 0 0 100px 0;
  max-width: 1200px;
  width: 100%;
}

.banner-pages {
  max-width: 1200px;
  width: 100%;
}

.banner img {
  max-width: 1200px;
  width: 100%;
}

.get-bonus-banner {
  margin-top: -20px;
}

.text-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}

.bookmaker-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 40px 52px 40px;
  gap: 24px;
  background-color: #1B1F22;
  border-radius: 20px;
}

.bookmaker-rating-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0%;
}

.text-section-title h2 {
  text-align: center;
}

.text-section-p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 100%;
}

.bookmakers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.bookmaker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7.5px 28px;
  background-color: #121416;
  border-radius: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bookmaker-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 385px;
  width: 100%;
}

.bookmaker-logo {
  max-height: 40px;
  max-width: 124px;
}

.apps-logo {
  max-height: 40px;
  max-width: 124px;
}

.bookmaker-first-deposit-bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.bookmaker-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15.65px;
}

.bookmaker-pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 124px;
  width: 100%;
  margin-right: -20px;
}

.bookmaker-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-left: 7px;
  min-width: 190px;
}

.bookmaker-stars img {
  width: 30px;
  height: 30px;
}

.bookmaker-site {
  text-align: center;
  width: 96px;
  padding: 10.43px 17.39px;
  border-radius: 8px;
  background-color: #0065FF;

  position: relative;
  overflow: hidden;
  color: white;
}

.bookmaker-site::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 60%;
  height: 200%;
  background: -o-linear-gradient(
    330deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.bookmaker-site:hover::before {
  -webkit-animation: shine .4s ease-in-out;
          animation: shine .4s ease-in-out;
}

 .bookmaker-site:hover {
  -webkit-box-shadow: inset 0 0 30px #18a3ff;
          box-shadow: inset 0 0 30px #18a3ff;
} 

.bookmaker-review {
  text-align: center;
  width: 96px;
  padding: 10.43px 17.39px;
  border-radius: 8px;
  background-color: #272E36;
  color: #0065FF;

  position: relative;
  overflow: hidden;
}

.bookmaker-review::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 60%;
  height: 200%;
  background: -o-linear-gradient(
    330deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.bookmaker-review:hover::before {
  -webkit-animation: shine .4s ease-in-out;
          animation: shine .4s ease-in-out;
}

 .bookmaker-review:hover {
  -webkit-box-shadow: inset 0 0 30px #404040;
          box-shadow: inset 0 0 30px #404040;
} 


.text-section-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
/* MAIN END */













/* ANDROID APPS START */
.android-apps-bookmaker-rating-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.select-os {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 6px;
  background-color: #121416;
}

.bookmaker-os {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
  min-width: 74px;
}

.select-os-btn {
  height: 40px;
  border-radius: 6px;
  padding: 4px 26px;
  background-color: #121416;
  border: none;
  color: #FFF;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}

.bookmaker-download-app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 208px;
  height: 40px;
  background-color: #0065FF;
  border-radius: 8px;

  position: relative;
  overflow: hidden;
}

.bookmaker-download-app::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 60%;
  height: 200%;
  background: -o-linear-gradient(
    330deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.bookmaker-download-app:hover::before {
  -webkit-animation: shine .4s ease-in-out;
          animation: shine .4s ease-in-out;
}

 .bookmaker-download-app:hover {
  -webkit-box-shadow: inset 0 0 30px #18a3ff;
          box-shadow: inset 0 0 30px #18a3ff;
} 

#ts-wrapper-android-apps {
  max-width: 589px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.select-os-btn.active {
  background-color: #0065FF;
}

.bookmaker-rating-apps {
  margin-top: 0;
}

.bookmaker-rating-apps .bookmaker-pay {
  margin-right: 0;
}
/* ANDROID APPS END*/



/* HOW TO PLACE BETS START */
.main-place-bets {
  padding-top: 120px;
}
/* HOW TO PLACE BETS END */





/* PREVIEWS-MATCHES START */
.previews-matches-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  width: 100%;
}

.previews-matches-title h2 {
  font-weight: 500;
  font-size: 44px;
  line-height: 120%;
  letter-spacing: 1px;
}

.previews-matches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #1B1F22;
  border-radius: 20px;
  padding: 20px 40px 14px 40px;
  gap: 24px;
  overflow: hidden;
}

.select-sport {
  background-color: #121416;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  padding: 4px;
  width: 100%;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory; 
  scrollbar-width: none;
}

#select-sport-btns {
  scroll-margin-top: 80px;
}

.previews-matches-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  border-radius: 6px;
  padding: 4px 24px;
  background-color: #121416;
  border: none;
  color: #FFF;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  cursor: pointer;

  -o-object-fit: cover;

     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0; 
}

.previews-matches-btn.active {
  background-color: #0065FF;
}

.matches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.match-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.match-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  background-color: #121416;
  border: 1px solid #393D40;
  padding: 28px 20px;
  gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 261px;
  overflow: hidden;
}

.match-item:nth-child(-n+5) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.load-more-matches {
  display: none;
  background-color: #272E36;
  text-align: center;
  color: #0065FF;
  font-weight: 500;
  font-size: 15.65px;
  border-radius: 8px;
  border: none;
  height: 40px;
  padding: 10.43px 17.39px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin-top: 20px;
  width: 261px;
} 

.team-img {
  width: 43.39px;
  height: 40px;
}

.team-img img {
  width: 43.39px;
  height: auto;
}

.team-1, .team-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  min-width: 66px;
}

.team-name {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: .5px;
  text-align: center;
  max-width: 90px; /* подгони под свой дизайн */
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  vertical-align: middle;
}

.match-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  min-width: 57px;
}

.match-time {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
}

.match-date-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  background-color: #0065FF;
  border-radius: 12px;
  padding: 2px;
  min-width: 57px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-preview-mathes .main-banner img {
  margin-bottom: -5px;
}
/* PREVIEWS-MATCHES END */



/* BOOKMAKERS REVIEW START */
.back-main-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  float: left;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 80px;
}

.back-main-page span {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #0065FF;
}

.review-title {
  margin-top: -60px;
  text-transform: uppercase;
}

.review-title h1 {
  font-weight: 700;
  font-size: 44px;
  line-height: 120%;
  letter-spacing: 1px;
}

.internal-pages-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  
}

.internal-page {
  width: 25%;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 10px;
  border-bottom: 3px solid rgba(0, 101, 255, .3);
}

.internal-page.active, .internal-page:hover {
  border-bottom: 3px solid rgba(0, 101, 255, 1);
}

.pros-cons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.pros-cons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.pros-cons-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 372px;
  min-height: 220px;
  border-radius: 40px;
  background-color: #1B1F22;
  border: 1px solid #393D40;
  gap: 12px;
  padding-bottom: 20px;
}

.pros-cons-item-bonus-span {
  padding: 0 20px;
  text-align: center;
}

.pros-cons-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  max-width: 372px;
  padding: 0 20px 20px 40px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.pros-cons-list li {
  list-style-type: disc;
}

.pros-cons-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}

.pros-cons-item img {
  width: 82px;
  height: 82px;
  margin-top: -41px;
  margin-bottom: 10px;
}

.pros-cons-list li, .pros-cons-item span {
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
}

.bk-review-get-bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 139px;
  width: 100%;
  height: 44px;
  border-radius: 12px;
  background-color: #272E36;
  color: #0065FF;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  padding: 5px;

  position: relative;
  overflow: hidden;
}

.bk-review-get-bonus::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 60%;
  height: 200%;
  background: -o-linear-gradient(
    330deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.bk-review-get-bonus:hover::before {
  -webkit-animation: shine .4s ease-in-out;
          animation: shine .4s ease-in-out;
}

 .bk-review-get-bonus:hover {
  -webkit-box-shadow: inset 0 0 30px #404040;
          box-shadow: inset 0 0 30px #404040;
}

.pros-cons-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  width: 264px;
  height: 40px;
  background-color: #0065FF;

  position: relative;
  overflow: hidden;
}

.pros-cons-btn::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 60%;
  height: 200%;
  background: -o-linear-gradient(
    330deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.pros-cons-btn:hover::before {
  -webkit-animation: shine .4s ease-in-out;
          animation: shine .4s ease-in-out;
}

 .pros-cons-btn:hover {
  -webkit-box-shadow: inset 0 0 30px #18a3ff;
          box-shadow: inset 0 0 30px #18a3ff;
}


.review-info {
  width: 100%;
}

.review-info table {
  width: 100%;
  border-radius: 20px;
  border: 1px solid #393D40;
  border-collapse: separate; 
  overflow: hidden; 
  background-color: #1B1F22;
}

.review-info table td {
  padding: 17px 10px 20px 10px;
}

.td-title {
  border-right: 1px solid #393D40;
  border-bottom: 1px solid #393D40;
  padding-left: 117px !important;
  width: 480px;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
}

.td-title img {
  vertical-align: middle;
}

.td-title span {
  margin-left: 6px;
  margin-bottom: 5px;
  vertical-align: middle;
  font-weight: 400;
  font-size: 17.2px;
}

.td-desc {
  text-align: center;
  border-bottom: 1px solid #393D40;
  max-width: 720px;
  font-weight: 700;
  font-size: 17.2px;
  line-height: 100%;
}

.td-title-border, .td-desc-border {
  border-bottom: none;
}

.reviews-block-wrapper {
  background-color: #0065FF;
  border-radius: 24px;
  padding: 40px 0 14px 40px;
  overflow: hidden; 
  max-width: 1200px;
  width: 100%;
}

.reviews-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 120px;
}

.reviews-block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  overflow-x: auto;
  width: 100%;
  padding-bottom: 10px; 
  -ms-scroll-snap-type: x mandatory; 
      scroll-snap-type: x mandatory; 
  scrollbar-width: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.reviews-block-content::-webkit-scrollbar {
  display: none;
}

.review-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 24px;
  padding: 32px 28px;
  background-color: #1B1F22;
  width: 558px;
  gap: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0; 
  pointer-events: none;
}

.review-item-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 14px;
}

.review-item-user img {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.review-item-user span {
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
}

.review-item-text p {
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
}

.review-item-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
/* BOOKMAKERS REVIEW END */


/* SPORTS EVENTS START */
.sports-events-main h1 {
  font-weight: 700;
  font-size: 44px;
  line-height: 120%;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 120px;
}

.calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.calendar h2 {
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
}

.calendar-date {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}

.calendar-of-events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.calendar-of-events-day {
  width: 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.calendar-of-events-list-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0065FF;
  border-radius: 8px;
  padding: 4px 0;
  font-weight: 500;
  font-size: 16px;
  position: relative;
}

.calendar-of-events-list-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #04275B;
  z-index: -1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.calendar-of-events-list-main-date-title {
  padding: 8px 20px;
  width: 410px;
}

.calendar-of-events-list-main-score-title {
  padding: 8px 20px;
  width: 84px;
}

.calendar-of-events-list-main-group-title {
  padding: 8px 20px;
  width: 86px;
}


.calendar-of-events-list-event {
  padding: 4px 0;
  background-color: #001E4C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 15px;
}

.calendar-of-events-list-event:nth-child(even) {
  background-color: #04275B;
}

.calendar-of-events-list-event-teams {
  width: 410px;
  padding: 8px 20px;
}

.calendar-of-events-list-main-score-title {
  padding: 8px 20px;
  width: 84px;
  text-align: center;
}

.calendar-of-events-list-main-score-group {
   padding: 8px 20px;
   width: 86px;
   text-align: center;
}




.standings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.standings-group {
  width: 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.standings-group-name {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 16px;
}

.standings-group-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0065FF;
  padding: 4px 0;
  border-radius: 8px;
  position: relative;
}

.standings-group-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #04275B;
  z-index: -1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.standings-number {
  width: 58px;
  padding: 8px 20px;
}

.standings-teams-title {
  width: 115px;
  padding: 8px 20px;
  text-align: center;
}

.standings-games-title {
  width: 92px;
  padding: 8px 20px;
}

.standings-letter {
  width: 51px;
  padding: 8px 20px;
}

.standings-balls-title {
  width: 76px;
  padding: 8px 20px;
}

.standings-score-title {
  width: 84px;
  padding: 8px 20px;
}

.standings-group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #04275B;
  padding: 4px 0;
}

.standings-group-item:nth-child(even) {
  background-color: #001E4C;
}

.standings-group-item:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.standings-group-item-teams img {
  width: 20px;
  height: 20px;
}

.standings-group-item-count {
  width: 58px;
  padding: 8px 20px;
  text-align: center;
}

.standings-group-item-teams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 115px;
  padding: 8px 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.standings-group-item-games {
  width: 92px;
  padding: 8px 20px;
  text-align: center;
}

.standings-group-item-letter-count {
  width: 51px;
  padding: 8px 20px;
  text-align: center;
}

.standings-group-item-balls {
  width: 76px;
  padding: 8px 20px;
  text-align: center;
}

.standings-group-item-score {
  width: 84px;
  padding: 8px 20px;
  text-align: center;
}
/* SPORTS-EVENTS END */





/* SPORTS EVENTS MATCH REVIEWS START  */
.main-sports-events {
  gap: 0;
}

.sports-events-title {
  font-weight: 500;
  font-size: 44px;
  line-height: 120%;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 120px;
}

.sports-events-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 28px 40px 40px 40px;
  gap: 40px;
  background-color: #1B1F22;
  border-radius: 20px;
  border: 1px solid #393D40;
}

.sports-events-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  width: 318px;
  padding: 4px;
  gap: 4px;
  background-color: #121416;
  border-radius: 6px;
  margin-bottom: 20px;
}

.sports-events-select-match-reviews {
  width: 165px;
}

.sports-events-select-predictions {
  width: 141px;
}

.sports-events-select-btn {
  height: 40px;
  border-radius: 6px;
  padding: 4px 24px;
  color: #FFF;
  border: none;
  cursor: pointer;
  background-color: #121416;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}

.sports-events-select-match-reviews.active {
  background-color: #0065FF;
}

.sports-events-select-predictions.active {
  background-color: #0065FF;
}

.sports-events-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 60px;
}

.main-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 280px;
  gap: 40px;
  background-color: #0065FF;
  border-radius: 24px;
}

.main-post-img {
  max-width: 540px;
  width: 100%;
  border-radius: 24px;
}

.main-post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 24px 32px 24px 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.main-post-date, .event-post-date {
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
}

.main-post-title, .event-post-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
}

.main-post-text, .event-post-text {
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
}

.events-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 38px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.event-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  max-width: 540px;
  margin-bottom: 20px;
}

.event-post-img {
  max-width: 540px;
  width: 100%;
  border-radius: 24px;
}

.event-post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding-top: 24px;
}

.event-post-new {
  width: 57px;
  height: 27px;
  border-radius: 12px;
  padding: 4px 12px;
  background-color: #0065FF;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}
/* SPORTS EVENTS MATCH REVIEWS END */


/* SPORTS EVENTS PREDICTIONS START */
.sports-events-predictions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sports-events-predictions-title {
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 44px;
  line-height: 120%;
  margin-top: -20px;
}

.predictions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

.prediction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.prediction-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
}

.prediction-text {
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
}

.prediction-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  
}

.prediction-result-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #272E36;
  min-height: 48px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  padding-left: 12px;
  padding-right: 24px;
  color: #0065FF;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

.prediction-result-img-a {
  width: 120px;
  height: 48px;
  margin-left: -12px;
}

.prediction-result-img {
  width: 120px;
  height: 48px;
}
/* SPORTS EVENTS PREDICTIONS END */

/* BOOKMAKERS-BONUSES START */
.main-bonus .banner-pages {
  margin-bottom: 20px;
}
/* BOOKMAKERS-BONUSES END */






/* FOOTER START */
footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #393D40;
}

.footer-main {
  max-width: 1200px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  padding: 40px 0;
}

.footer-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 73.76px;
}

.footer-logo {
  width: 167px;
  height: 24.74px;
}

.footer-logo-a {
  height: 24.73px;
}

.other-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px 0 16px;
  gap: 20px;
}

.other-logos img {
  height: 62px;
  width: 62px;
}

.footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.footer-links-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 160px;
  padding-left: 10px;
  margin-top: -5px;
}

.footer-links-pages-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 45px;
}

.footer-links-pages-column a {
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
}

.footer-links-img {
  max-width: 491px;
  width: 100%;
}

.footer-line {
  height: 1px;
  background-color: #393D40;
  width: 100%;
  margin-top: -5px;
}

.footer-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.footer-phone-mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.footer-phone, .footer-mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.footer-phone span, .footer-mail span {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}

.footer-phone-wrapper, .footer-mail-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.footer-phone-wrapper a, .footer-mail-wrapper a {
  font-weight: 300;
  font-size: 16px;
  line-height: 120%;
  color: #FFFFFF;
}

.footer-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
/* FOOTER END */




.faq-section {
    width: 100%;
    max-width: 800px;
    align-self: center;
    margin: auto 0;
}

.faq-title {
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 40px;
    color: #fff;
}

.faq-container {
    overflow: hidden; 
}

.faq-item {
    margin-bottom: 10px; 
    overflow: hidden; 
}

.faq-item:last-child {
    margin-bottom: 0;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
    transition: background-color 0.3s ease;
    color: #fff; 
    background-color: #0065FF;
}

.faq-question span {
    flex-grow: 1;
    font-size: 20px;
    font-weight: 700;
    font-family: "Mont", Arial;
}

.faq-arrow {
    transition: transform 0.3s ease; 
    margin-left: 15px;
    min-width: 30px; 
    min-height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}

.faq-question.active .faq-arrow {
    transform: rotate(180deg); 
}

.faq-answer {
    background-color: #fff; 
    background: #121416;
    max-height: 0;
    overflow: hidden; 
    transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out; 
    color: #fff; 
}

.faq-answer p {
    margin: 0; 
    line-height: 1.2;
    font-weight: 400;
    font-size: 16px;
    padding: 15px 20px; 
}




@media screen 
and (max-width : 1885.5px) {
    main {
        padding-top: 157px;
    }
    
    .submenu {
        margin-top: 75px;
    }

    .submenu-sports-events {
        margin-top: 14px;
    }

    .all-languages {
        top: 135px;
    }

    .first-bonus-block-nesting {
        top: 135px;
    }

    html {
        scroll-padding-top: 170px;
    }
}


@media screen 
and (max-width : 1170.5px) {
    .pros-cons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 60px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .review-info table {
        width: 100%;
    }

    .review-info tr {
        display: block;  
        width: 100%;
    }

    .review-info td {
        display: block;
        width: 100%;
    }

    .td-desc {
        max-width: 100%;
    }

    .td-title {
        text-align: center;
        padding-left: 0 !important;
        border-right: none;
    }

    .review-info tbody {
        width: 100%;
    }

    .td-title-border {
        border-bottom: 1px solid #393D40;
    }
}


@media screen 
and (max-width : 1332.5px) {
    .header-main {
        display: none;
    }

    .header-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    header {
        padding: 20px;
    }

    .first-bonus-block-wrapper {
        padding: 12px;
        height: 40px;
    }

    .sign-up {
        padding: 12px;
        height: 40px;
        background-color: #272E36;
        width: auto;
    }

    .main-language {
        margin-right: 0;
        padding-right: 0;
    }

    .all-languages {
        top: 128px;
        z-index: 100;
        right: 0;
    }

    .first-bonus-block-nesting {
        top: 128px;
        margin-left: -48px;
    }

    .header-mobile-nav {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding-top: 0;
    }

    .header-mobile-nav .main-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding-top: 0;
    }

    .header-mobile .submenu {
        position: relative;
        border: none;
        margin-top: 0;
        padding: 10px 0 0 0;
    }

    .header-mobile .submenu-item {
        padding-left: 0;
    }

    .header-mobile .submenu-item-margin {
        margin-bottom: 0;
    }

    .header-mobile .submenu-right {
        background-color: #121416;
        position: relative;
        left: 0;
        top: 20px;
        height: auto;
        padding: 0;
        border: none;
    }

    .header-mobile .submenu-right::before {
        display: none;
      }
}


@media screen 
and (max-width : 1240.5px) {
    main {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer-main {
        padding: 40px 20px;
    }

    .calendar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 40px;
    }

    .events-posts {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}


@media screen 
and (max-width : 1239.5px) {
    .main-post {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        max-width: 540px;
        gap: 0;
    }

    .sports-events-posts {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .main-post-content {
        padding: 16px 20px 24px 20px;
    }

    .event-post-new-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .event-post-new-desktop {
        display: none;
    }

    .event-post-content-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .event-post-content {
        padding-top: 0;
    }
}



@media screen 
and (max-width : 1130.5px) {
    .bookmaker {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 20px;
    }

    .bookmaker-wrap {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        gap: 10px;
        max-width: auto;
        width: auto;
    }

    .bookmaker-stars {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }

    .bookmaker-pay {
        max-width: 100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .bookmakers-stars-hidden {
        display: none;
    }

    .main-apps .bookmaker-logo {
        width: 100%;
    }

    .bookmaker-logo-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 15px;
        max-width: 100%;
    }

    .bookmaker-logo-wrapper .bookmaker-stars {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 2.39px;
    }

    .bookmaker-logo-wrapper .bookmaker-stars img {
        width: 21.49px;
        height: 21.49px;
    }

    .main-apps .bookmaker-os {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .main-apps .bookmaker-pay {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .main-apps .bookmaker-btn {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    .main-apps .bookmaker {
        gap: 12px;
    }

    .previews-matches {
        padding: 20px 0 14px 40px;
    }

    .matches {
        padding-right: 40px;
    }

    .bookmaker-hidden {
        display: none;
      }
    
    .load-more-bookmakers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #272E36;
        text-align: center;
        color: #0065FF;
        font-weight: 500;
        font-size: 15.65px;
        border-radius: 8px;
        border: none;
        height: 40px;
        padding: 10.43px 17.39px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        cursor: pointer;
    }
}


@media screen 
and (max-width : 1030.5px) {
    .footer-links-pages {
        gap: 20px
    }

    .text-section-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}


@media screen 
and (max-width : 950.5px) {
    .reviews-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
}


@media screen 
and (max-width : 890.5px) {
    .footer-logos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }

    .footer-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
}


@media screen 
and (max-width : 690.5px) {
    .reviews-block-title h2 {
        font-size: 32px;
    }

    .reviews-block-content .review-item {
        width: 284px;
        padding: 16px;
    }

    .review-item-user span {
        font-size: 24px;
    }

    .review-item-user {
        gap: 12px;
    }

    .review-item-rating img {
        width: 18px;
        height: 18px;
    }
}


@media screen 
and (max-width : 666.5px) {
    .matches {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .load-more-matches {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-self: center;
        margin-right: 40px;
    }

    .match-item {
        display: none;
    }

    .match-item:nth-child(-n+5) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }

      
}


@media screen 
and (max-width : 640.5px) {
    .footer-contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }

    .footer-socials {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
    }

    .android-apps-bookmaker-rating-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 24px;
    }

    .calendar-of-events-list-main-date-title, .calendar-of-events-list-event-teams {
        width: 161px;
    }

    .calendar-of-events-list-main-score-title, .calendar-of-events-list-main-group-title, .calendar-of-events-list-main-score-group {
        width: 80px;
    }

    .calendar-of-events {
        width: 320px;
    }

    .calendar-of-events-day {
        width: 320px;
    }

    .standings {
        width: 320px;
    }

    .calendar-of-events-list-main {
        width: 320px;
    }

    .calendar-of-events-list-event {
        width: 320px;
    }

    .standings-group {
        width: 320px;
    }

    .standings-group-main {
        font-weight: 500;
        font-size: 16px;
        width: 320px;
    }

    .standings-group-item {
        font-weight: 500;
        font-size: 12px;
        width: 320px;
    }

    .standings-number, .standings-group-item-count {
        width: 30px;
        padding: 4px 6px;
    }

    .standings-teams-title, .standings-group-item-teams {
        width: 63px;
        padding: 4px 6px;
    }

    .standings-games-title, .standings-group-item-games {
        width: 52px;
        padding: .1px;
    }

    .standings-letter, .standings-group-item-letter-count {
        width: 23px;
        padding: 4px 6px;
    }

    .standings-balls-title, .standings-group-item-balls {
        width: 48px;
        padding: 4px 6px;
    }

    .standings-score-title, .standings-group-item-score {
        width: 56px;
        padding: 4px 6px;
    }
}


@media screen 
and (max-width : 540.5px) {
    .sports-events-title, h1 {
        font-size: 38px;
    }

    .sports-events-predictions-title {
        font-size: 30px;
    }

    .prediction-result-text {
        font-size: 14px;
    }
}


@media screen 
and (max-width : 500.5px) {
    .internal-page {
      width: 100%;
    }

    .main-banner-img-mobile {
        display: block;
    }

    .main-banner-img {
        display: none;
    }

    .get-bonus-banner-img-mobile {
        display: block;
    }

    .get-bonus-banner-img {
        display: none;
    }

    h2 {
        font-size: 32px;
    }

    p {
        font-size: 16px;
    }

    .main {
        gap: 60px;
    }

    .bookmaker-rating-title {
        font-size: 24px;
    }

    .bookmaker-logo {
        width: 115.32px;
    }

    .bookmaker-stars img {
        width: 21.49px;
        height: 21.49px;
    }

    .bookmaker-pay img {
        width: 54.25px;
        height: 31px;
    }

    .bookmaker-site, .bookmaker-review {
        width: 116.17px;
        height: 39.87px;
    }

    .bookmaker-rating {
        padding: 20px 20px 32px 20px;
    }

    footer .other-logos img {
        width: 52px;
        height: 52px;
    }

    .footer-links-pages-column a {
        font-size: 14px;
    }

    .footer-phone span, .footer-mail span {
        font-size: 16px;
    }

    .footer-phone-wrapper a, .footer-mail-wrapper a {
        font-size: 14px;
    }

    .footer-logos {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .other-logos {
        padding: 0;
    }

    .footer-links {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .footer-links-pages {
        padding-left: 0;
    }

    .back-main-page {
        margin-top: 0;
        margin-bottom: 32px;
    }

    .pros-cons-item {
        width: 266.67px;
        min-height: 169.32px;
        border-radius: 20px;
        gap: 10px;
    }

    .pros-cons-item img {
        width: 62px;
        height: 62px;
        margin-bottom: 0;
        margin-top: -31px;
    }

    .pros-cons-title {
        font-size: 16px;
    }

    .pros-cons-list {
        margin-left: 0;
        padding-left: 40px;
    }

    .pros-cons-list li {
        font-size: 16px;
    }

    .td-title span {
        font-size: 16px;
    }

    .td-desc {
        font-size: 14px;
    }
}


@media screen 
and (max-width : 430.5px) {
    .load-more-matches {
        margin-right: 20px;
    }

    .bookmaker {
        padding: 16px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .bookmaker-pay {
        max-width: 200px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-right: 0;
    }

    .bookmaker-wrap {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        width: 100%;
    }

    .bookmaker-os {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .bookmaker-stars {
        min-width: 0;
        gap: 5px;
    }

    .main-apps .apps-logo {
        width: 115.32px;
    }

    .main-apps .bookmaker-btn, .main-bonus .bookmaker-btn, .main-betting .bookmaker-btn {
        width: 100%;
    }

    .main-apps .bookmaker-download-app, .main-bonus .bookmaker-download-app, .main-betting .bookmaker-download-app {
        width: 100%;
    }

    .previews-matches {
        padding: 20px 0 14px 20px;
    }

    .matches {
        padding-right: 20px;
    }

    .text-section {
        gap: 25px;
    }

    .sports-events-main h1, .main-sports-events h1 {
        font-size: 32px;
        margin-top: 0;
        margin-bottom: 33px;
    } 

    .calendar-of-events-day {
        gap: 10px;
    }

    .calendar-of-events-list-main {
        height: 39px;
    }

    .calendar-of-events-list-event {
        font-size: 14px;
        padding: 0;
    }

    .calendar-of-events-list-event-teams {
        padding: 6px 16px 4px 16px;
    }

    .calendar-of-events, .standings {
        gap: 22px;
    }

    .calendar h2 {
        font-size: 22px;
    }

    .standings-group-name {
        font-size: 15px;
    }

    .standings-group-main {
        height: 41px;
    }

    .standings-group-item {
        height: 44px;
    }

    .main-sports-events h1 {
        margin-bottom: 0;
    }

    .sports-events-wrapper {
        padding: 20px 20px 14px 20px;
        gap: 24px;
    }

    .sports-events-select-match-reviews {
        width: 141px;
        padding: 4px 12px;
    }

    .sports-events-select-predictions {
        width: 127px;
        padding: 4px 12px;
    }

    .sports-events-select {
        width: 280px;
        margin-bottom: 0;
    }

    .sports-events-posts {
        gap: 24px;
    }

    .main-post-date, .event-post-date {
        font-size: 14px;
    }

    .main-post-title, .event-post-title  {
        font-size: 24px;
    }

    .main-post-text, .event-post-text {
        font-size: 16px;
    }

    .main-post {
        border-radius: 12px;
    }

    .main-post-img {
        border-radius: 12px;
    }

    .event-post-img {
        border-radius: 12px;
        min-height: 240px;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .main-post-content {
        gap: 8px;
        padding: 16px 20px 20px 20px;
    }

    .event-post {
        margin-bottom: 0;
        gap: 13px;
    }

    .event-post-text {
        font-size: 15px;
    }

    .events-posts {
        gap: 30px;
    }

    .sports-events-predictions-title {
        margin-top: 0;
        font-size: 31px;
        margin-bottom: 30px;
    }

    .prediction-title {
        font-size: 24px;
    }

    .prediction-text {
        font-size: 15px;
        letter-spacing: .5px;
    }

    .prediction-result-img-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 71.59px;
        height: 48px;
        margin-right: -10px;
    }

    .prediction-result-img {
        display: none;
    }

    .prediction-result-text {
        font-size: 16px;
        width: 100%;
        padding-right: 12px;
    }

    .prediction-result-img-a {
        width: 84px;
    }

    .predictions  {
        gap: 25px;
    }

    .main-text-section-title-h2 {
        margin-bottom: 20px;
    }
}


@media screen 
and (max-width : 390.5px) {
    .main-language {
        padding-right: 5px;
    }

    .header-mobile {
        gap: 12px;
    }

    .main-banner {
        width: 100vw;
    }

    .burger {
        height: 40px;
    }

    main {
        padding: 148px 27px 0 28px;
    }

    .main {
        gap: 32px;
        padding-bottom: 51px;
    }

    .get-bonus-banner-img-mobile {
        margin: 15px 0;
    }

    .bookmaker {
        gap: 15px;
    }

    .bookmaker-stars {
        margin-left: 0;
    }

    .footer-main {
        padding: 65px 24px 40px 24px;
        gap: 12px;
    }

    .footer-logos {
        gap: 35px;
        height: auto;
        margin-bottom: 0;
    }

    .other-logos {
        gap: 16px;
        margin-bottom: 17px;
    }

    .footer-links-pages-column a {
        font-size: 13px;
    }

    .footer-links-pages-column {
        gap: 30px;
        margin-bottom: 6px;
    }

    .footer-links-pages {
        margin-left: 7px;
        gap: 61px;
    }

    .footer-phone-mail {
        gap: 17px;
    }

    .footer-phone {
        margin-left: 8px;
    }

    .footer-phone-wrapper a, .footer-mail-wrapper a {
        font-size: 13px;
    }

    .footer-contacts {
        gap: 18px;
    }

    .footer-socials {
        margin-left: 2px;
    }

    .header-mobile-nav .main-menu {
        gap: 12px;
    }

    .header-mobile-nav .submenu-item {
        margin-bottom: 6px;
    }

    .header-mobile .submenu-item-margin {
        margin-bottom: 0;
    }

    .back-main-page {
        margin-top: -3px;
        margin-bottom: 60px;
    }

    .review-title h1 {
        margin-bottom: 20px;
    }

    .pros-cons {
        gap: 45px;
    }

    .pros-cons-list li {
        font-size: 15px;
    }

    .pros-cons-btn {
        width: 100%;
        margin-top: -10px;
    }

    .pros-cons-item span {
        font-size: 15px;
    }

    .review-info table td {
        padding: 11px 16px !important;
        min-height: 48px;
        -ms-flex-line-pack: center;
            align-content: center;
    }

    .review-info table {
        border-radius: 10px;
    }

    .reviews-block-wrapper {
        width: 100vw;
        padding: 24px 20px 32px 28px;
    }

    .review-item-user {
        margin-bottom: 6px;
    }

    .review-item-user img {
        width: 36px;
        height: 36px;
    }

    .review-item-user span {
        font-size: 22px;
    }

    .review-item-text p {
        font-size: 16px;
    }

    .reviews-block-content {
        gap: 12px;
    }

    .review-item {
        border-radius: 12px;
    }

    .main-preview-mathes .main-banner img {
        padding: 0 20px;
    }

    .main-preview-mathes .previews-matches-wrapper {
        gap: 28px;
    }

    .main-preview-mathes .match-item-wrap {
        gap: 10px;
    }

    .main-place-bets {
        padding-top: 15px;
    }
}
/* two CTA buttons (Go to website + Download App) side by side */
.pros-cons-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .pros-cons-btns { gap: 12px; }
  /* neutralize the single-button negative margin so stacked buttons keep a gap */
  .pros-cons-btns .pros-cons-btn { margin-top: 0; }
}

/* bookmaker tabs: 6 tabs wrap to 2 rows of 3 from 600px down (all visible, row gap) */
@media screen and (max-width: 600px) {
  .internal-pages-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 10px;
  }
  .internal-page {
    width: 33.333%;
    padding: 8px 4px;
    font-size: 14px;
    text-align: center;
  }
}
@media screen and (max-width: 360px) {
  .internal-page { font-size: 13px; }
}

/* content tables: cell padding so text doesn't touch borders */
.text-section-p table td,
.text-section-p table th {
  padding: 6px 10px;
}

/* content tables on mobile: 5px all sides */
@media screen and (max-width: 600px) {
  .text-section-p table td,
  .text-section-p table th {
    padding: 5px;
  }
}