@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

body {
  display: block;
  position: relative;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 155%;
  text-align: left;
  background: rgba(7, 85, 93, 1);
  color: rgba(255, 255, 255, 1);
  overflow-x: hidden;
}
.content {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1021px;
  background: linear-gradient(90deg, #1b4045 0%, #1b4045 100%);
  border: 2px solid rgba(10, 143, 155, 1);
  border-radius: 12px;
  padding: 20px;
  margin: 0 auto 20px auto;
}

h1,
h2,
h3,
h4,
.title {
  display: block;
  position: relative;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

h1,
.title.general {
  text-transform: uppercase;
}

h2,
.title.high {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: rgba(255, 255, 255, 1);
  text-transform: capitalize;
  padding: 8px 12px;
  background: rgba(46, 147, 68, 1);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  width: 100%;
  text-align: left;
}

h3,
title.medium {
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  text-align: left;
  text-transform: capitalize;
  color: rgba(60, 64, 75, 1);
}

h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  color: #0a626a;
  text-align: left;
  text-transform: capitalize;
}

.button {
  position: relative;

  min-width: 220px;
  height: 48px;
  border-radius: 60px;
  background: #ff4949;
  overflow: hidden;
  font-size: 16px;
  font-weight: 600;
  line-height: 128%;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0px 4px 18px 0px #0e181140;

  padding: 14px;
  margin: 0 auto;

  transition: all 0.5s;
}

.button:hover {
  background: #2e9344;
}

.header,
.main,
.footer {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;

  max-width: 1600px;
  max-width: 100%;

  margin: 0 auto;
}

.background {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.background img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.hero .background img {
  border-radius: 6px;
}

.images img {
  border-radius: 6px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}

.faq {
  overflow-anchor: none;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  background: rgba(0, 65, 71, 1);
}

.header__content {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 1600px;
  max-height: 80px;
  border-radius: 0;
  border: none;
  background: #004147;
  padding: 16px 30px;
  margin: 0 auto;
}

.logo {
  display: block;
  position: relative;
  max-width: 129px;
  margin-right: 131px;
}

.logo img {
  display: block;
  position: relative;
  width: auto;
  max-height: 48px;
}

.logo:hover {
  transform: scale(1.1);
}
.header__menu {
  display: flex;
  white-space: nowrap;
  max-height: calc(100vh - 80px);
}

.header__menu-list {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  flex: 1 1 auto;
  gap: 8px;
  background: rgba(18, 75, 79, 1);
  border-radius: 60px;
  padding: 0 28px;
}
.header__menu-list li {
  display: block;
  padding: 0 12px;
}

.header__menu-list li a {
  display: inline-flex;
  position: relative;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20.48px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  transition: all 0.5s;
}

.header__menu-list a:hover {
  color: #2e9344;
}

.menu a {
  display: none;
}

span {
  display: inline-block;
}

.header__menu-list a img,
.header__flag img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.header__flag span:first-child {
  flex: 0 1 24px;
}

.header__flag {
  margin-left: 16px;
}

.button__login {
  margin-left: auto;
}

.button__login {
  min-width: 160px;
  background: rgba(24, 90, 97, 1);
  box-shadow: 0px 4px 18px 0px rgba(14, 24, 17, 0.25);

  margin: 0 8px 0 auto;
}

.button__singup {
  min-width: 135px;
  background: rgba(46, 147, 68, 1);
  box-shadow: 0px 4px 18px 0px rgba(14, 24, 17, 0.25);
  margin: 0;
}

.button__singup:hover {
  background: #185a61;
}
.header__time {
  color: rgba(255, 255, 255, 1);
  position: relative;
  padding-left: 26px;
  margin-left: 16px;
  font-size: 13px;
  line-height: 22px;
}

.header__time::before {
  content: "";
  background: url("../img/clock.svg") no-repeat center center / contain;
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.button__login:hover {
  background: #2e9344;
}

.header__country {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 20px;
  padding: 8px 0 8px 8px;
  margin-left: auto;
}

.header__language {
  position: relative;
  margin-left: 16px;
}

.header__country span:last-child {
  font-size: 15px;
  line-height: 100%;
  color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
  transition: all 0.5s;
}

.header__country img,
.header__flag-link img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.header__menu-list li {
  display: block;
  text-align: left;
  transition: all 0.5s;
}



.header__country.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.header__country span:last-child {
  color: rgba(255, 255, 255, 1);
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
}

.header__country img,
.header__flag-link img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.header__menu-list li {
  display: block;
  text-align: left;
  transition: all 0.5s;
}

.header__menu-list li a {
  display: block;
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  padding: 10px 0;
}

.header__flag-menu {
  position: absolute;
  top: 40px;
  right: 0;
  height: auto;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: #004147;

  width: 100%;

  z-index: 9999;
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  top: calc(100% + 5px);
  max-height: calc(100vh - 64px);
  padding: 4px 0 8px 0;
}

.header__flag-menu.active::-webkit-scrollbar {
  display: none;
}

.header__flag-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 16.5px;
  gap: 9px;
}
.header__flag-menu.active {
  display: block;
}

.header__flag-menu ul li + li {
  margin-top: 8px;
}

.header__flag-link:last-child span {
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
}

.header__menu-wrap {
  display: none;

  position: absolute;
  left: -13px;
  top: 20px;
  height: auto;
  background: #1c5559;
  border-radius: 0 0 8px 8px;
  padding: 8px 10px;

  z-index: 100;
  overflow-y: hidden;
}
.header__menu-list > li {
  position: relative;
}

.header__menu-wrap ul li:nth-last-child(-n + 1) {
  display: block;
}

.header__menu-list li .header__menu-wrap ul li a {
  color: #ffffff !important;
  padding-right: 12px;
}

.header__menu-list li .header__menu-wrap ul li a::after {
  display: none;
}

.header__menu-wrap.js-expand-content.expanded {
  height: auto;
}

li.active .header__menu-wrap {
  display: flex;
  gap: 8px;
}

.js-button-expander.active a::after {
  filter: brightness(0) saturate(100%) invert(49%) sepia(92%) saturate(474%)
    hue-rotate(59deg) brightness(98%) contrast(97%);
}

.header__menu-list .header__menu-item {
  display: none;
}

.header__menu-list li:first-child .header__menu-item {
  padding-left: 0;
}
.header__menu-list li:first-child .header__menu-item::after {
  display: none;
}

.header__menu-wrap-list li a {
  font-size: 13px;
  line-height: 128%;
  font-weight: 400;
  text-transform: capitalize;
}

.header__menu-list li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 128%;
  color: rgba(255, 255, 255, 1);
  padding: 10px 0;
}

.header__menu li a:hover {
  color: #18c214;
}

.sidebar__country span {
  display: inline-block;
}

.sidebar__country-menu img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
}

.header__country.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.header__btn {
  display: none;
}

.header__flag-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 16.5px;
  padding: 5px 16px 5px 8px;
  gap: 9px;
}
.header__flag-menu.active {
  display: block;
  overflow-y: auto;
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.header__flag-menu ul li {
  transition: all 0.5s;
}

.header__flag-menu ul li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.header__flag-menu ul li:hover .header__flag-link:last-child span {
  color: #ff4949;
}

.header__flag-menu ul li + li {
  margin-top: 5px;
}

.header__flag-link:last-child span {
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
}

.header__btn-menu {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  border: 1px solid #ffffff;
  border-radius: 10px;
  background: #004147;

  padding: 12px;
  margin-left: 8px;
  order: 3;
}

svg {
  position: relative;
  fill: #ffffff;
  line-height: 1;
  vertical-align: 1;
}

.main.home {
  display: flex;
}

.main__wrap {
  display: flex;
  position: relative;
  flex: 1 1 100%;
  justify-content: center;
  align-items: stretch;
  max-width: 1600px;
  padding: 20px 30px;
  padding: 100px 30px 20px 30px;
  margin: 0 auto;
}

/*--------------------MAIN__SIDEBAR-------------- */

.sidebar {
  position: relative;
  align-self: stretch;

  flex: 0 0 240px;
}

.sidebar {
  align-self: stretch;
  position: sticky;
  flex: 0 0 240px;
  top: 100px;
  bottom: 20px;
  height: calc(100vh - 120px);
  overflow: auto;
}

.sidebar::-webkit-scrollbar {
  display: none;
}

.sidebar-left__quik,
.sidebar-left__review {
  overflow: hidden;
  border-radius: 6px;
  background: #ffffff;
}

.sidebar-left__quik {
  margin-bottom: 10px;
}

.menu__review-desk {
  position: relative;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  background: rgba(5, 65, 70, 1);
  color: rgba(255, 255, 255, 1);
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15) inset;
  text-transform: uppercase;
  padding: 8px 32px 8px 11px;
}
.menu__review-desk.sidebar__desk.navigation {
  font-size: 14px;
}
.top-champion__links-desk,
.top-matches__links-desk {
  position: relative;
  border-radius: 12px;
  padding-left: 40px;
}
.top-champion__links-desk {
  margin-bottom: 4px;
}

.top-champion__links-desk::before,
.top-matches__links-desk::before {
  content: "";
  display: block;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("../img/champion.svg") center center / contain;
  transition: all 0.5s;
}

.top-matches__links-desk::before {
  background: url("../img/matches.svg") center center / contain;
}
.top-matches__links-desk {
  margin-bottom: 8px;
}

.menu__links li,
.menu__review li {
  position: relative;
  padding: 0 7px;
}
.menu__links li:not(:last-child),
.menu__review li:not(:last-child) {
  border-bottom: 1px solid #f1f3f5;
}

.menu__review li {
padding: 8px 9px;
  transition: all 0.5s;
}

.menu__links li a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  color: rgba(10, 98, 106, 1);
  line-height: 35px;
}

.menu__review li a {
  position: relative;
  font-weight: 300;
  font-size: 14px;
  line-height: 35px;
  color: rgba(10, 98, 106, 1);
  transition: all 0.5s;
}
.menu__review.sidebar__list li a {
  font-weight: 400;
  font-size: 15px;
  line-height: 120%;
  color: rgba(10, 98, 106, 1);
}

.menu__review li:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.menu__links li a img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 13px;
}

.sidebar__review {
  margin-top: 20px;
}

.menu__review-content::after,
.menu__review-desk::after,
.sidebar__desk::after,
.menu__review-content::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background: url("../img/sidebar-arrow.svg") no-repeat center center / contain;
  transition: transform 0.3s ease-in-out;
}

.menu__review-content::after {
  width: 20px;
  height: 20px;
  right: 20px;
}

.menu__review-content.active::after,
.menu__review-desk.active::after {
  transform: translateY(-50%) rotate(180deg);
}

.sidebar__desk {
  color: rgba(255, 255, 255, 1);
}

.menu__review li:not(:last-child),
.sidebar__desk.active {
  border-bottom: 1px solid #f1f3f5;
}

.menu-review__content {
  display: none;
  padding: 0;
  margin-bottom: 20px;
  background: transparent;
}

.menu__review-content {
  position: relative;

  color: rgba(255, 255, 255, 1);
  padding: 20px;
  border-radius: 6px;
}

.menu__links-desk {
  padding: 14px 10px;
  background: rgba(255, 250, 235, 1);
}
.menu__links-desk a {
  background: rgba(240, 76, 68, 1);
  color: rgba(255, 255, 255, 1);
  position: relative;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 34px;
  padding: 3px;
  text-transform: uppercase;
  border-radius: 60px;
}

.menu__links-desk a:hover {
  transform: scale(1.1);
}

.menu__links-desk a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  width: 38px;
  height: 7px;
  background: url("../img/liveevents-mini.svg");
}

.menu__review-content.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #f1f3f5;
}

.menu__review li a {
  position: relative;
  display: flex;
  transition: all 0.5s;
}

.menu__review li:hover a {
  font-weight: 700;
  opacity: 1;
  color: rgba(10, 98, 106, 1);
}

.menu__review li:hover a::before {
  background: #ffffff;
}

.menu__review {
  background: #ffffff;
}
.menu__review.active {
  display: block;

  border-radius: 0 0 6px 6px;
}
.menu__review-list {
  padding: 0;
}
.menu__review-list li {
  padding: 8px 16px;
}

.sidebar__info {
  display: flex;
  justify-content: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #ffffff;
  gap: 14px;
}
.sidebar__subtitle {
  color: rgba(60, 64, 75, 1);
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  padding: 14.5px 0;
}

.sidebar__deskription {
  position: relative;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: linear-gradient(90deg, #0a626a 0%, #2db155 100%);
  height: 80px;
}

.sidebar__deskription p {
  max-width: 170px;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  padding: 16px 0 16px 8px;
}

.sidebar__deskription img {
  position: absolute;
  top: 30%;
  right: 5px;
  width: 76px;
  min-height: 90px;
}

.sidebar__links {
  background: #ffffff;
  border: 1px solid #f1f3f5;
  border-radius: 6px;
  margin-bottom: 8px;
  box-shadow: 0px -1px 0px 0px #f1f3f5;
}

.sidebar__links p,
.sidebar__links a {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.07px;
  text-align: center;
  color: #343c4a;
  text-transform: uppercase;
  padding: 8px;
}

.sidebar__links p {
  border-bottom: 1px solid #f1f3f5;
}

.sidebar__wrap {
  max-height: 158px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #ffffff;
  margin-bottom: 20px;
}

.sidebar__button {
  display: inline-block;
  min-width: 137px;
  height: 36px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  padding: 8px 16px;
  background: rgba(255, 73, 73, 1);
  margin: 16px 0 10px 8px;
}

.sidebar__cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

.sidebar__cards img {
  display: block;
  object-fit: cover;
  height: 100%;
}
.sidebar__cards a {
  height: 96px;
  display: block;
}
.sidebar__cards a img {
  position: relative;
  display: block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-radius: 5px;
}

.sidebar__text {
  position: absolute;
  bottom: 0px;
  background: rgba(0, 65, 71, 1);

  border-radius: 5px;
  color: rgba(255, 255, 255, 1);
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  text-transform: uppercase;
  overflow: hidden;

  padding: 7.5px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.sidebar__cards a .span {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 21px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 32px;
  background: #004147;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
  transition: all 0.2s linear;
}

.sidebar__cards a .span img {
  display: block;
  width: 24px;
  height: 24px;
}

.content__wrapper {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
}

.hero {
  padding: 0;
  min-height: 380px;
  height: auto;
  display: flex;
  background: none;
  align-items: center;
  padding: 10px;
  border: none;
  border-radius: 6px;
}

.hero__wrapper {
  display: flex;
  align-items: center;
}

.hero__data {
  display: block;
  text-align: left;
  position: relative;
  max-width: 640px;
  border-radius: 6px;
  padding: 12px 20px;
}

.hero__title {
  text-align: left;
}

.hero__data p {
  color: rgba(255, 255, 255, 1);
  text-align: left;
  margin-top: 16px;
  line-height: 100%;
}

.hero__rating {
  display: flex;
  font-weight: 700;
  align-items: center;
  justify-content: left;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 6px;
}

.hero__rating span {
  white-space: nowrap;
}
.hero__data .hero__rating span {
  font-weight: 700;
  line-height: 120%;
}
.hero__rating p {
  margin-right: 6px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 0;
}
.hero__button {
  display: inline-block;

  margin-top: 16px;
}

.features > * {
  margin-top: 20px;
}
.features {
  gap: 20px;
  width: 100%;
  height: auto;

  border-radius: 6px;
  padding: 20px;
  margin-bottom: 20px;
}

.features .features__title {
  margin-bottom: 20px;
}

.features__content {
  display: flex;
  gap: 20px;
}

.features__wrapp {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}

.content__wrapp {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
  border-radius: 12px;
}
.content__wrapp.pros {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 0;
  border-radius: 12px;
}
.features__list {
  position: relative;
background: rgba(255, 255, 255, 1);

}
.features__listBox {
  padding: 12px;
}

.features__list-pre,
.features__item {
  width: 100%;
}
.features__list-pre {
  border-radius: 12px 0 0 12px;
}
.features__item {
  border-radius: 0 12px 12px 0;
}
.features__item ul li:nth-child(3)::before,
.features__item ul li:nth-child(4)::before,
.features__item ul li:nth-child(5)::before {
  content: none;
}
.features__list-pre h2,
.features__item h2,
.features__list-pre h3,
.features__item h3 {
  padding: 7px 20px;
  background: rgba(46, 147, 68, 1);
  border-left: none;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  line-height: 160%;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 12px 12px 0 0;
  box-shadow: none;
}
.features__list-pre h2,
.features__list-pre h3 {
  border-radius: 12px 0 0 0;
}
.features__item h2,
.features__item h3 {
  border-radius: 0 12px 0 0;
}
.features__list p {
  padding: 12px;
}

.features__content .features__list ul li {
  padding: 10px 20px 10px 54px;
}
.features__content .features__list ul li::before {
  left: 20px;
}

.features__content .features__list ul li + li {
  margin-top: 0;
}
.features__list p:not(:last-child) {
  border-bottom: 2px solid #0a626a1a;
}

.features__list li,
.features__table tr {
  color: rgba(60, 64, 75, 1);
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

.features__table tr th {
  background: #0a626a;

  color: rgba(255, 255, 255, 1);
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
}

.features__tables tr th {
  display: flex;
  align-items: center;
  gap: 10px;
}

.features__tables tr th img,
.features__list-pre img,
.features__item img {
  width: 18px;
  height: 18px;
}

.features__list li,
.features__item li {
  border-bottom: 2px solid #0041471a;
}

.features__table td:nth-child(1),
.features__table td:nth-child(2) {
  text-transform: none;
}
.features__table.table-one{
  border-radius:12px;
}
.table__wrapper {
  background: #0a626a1a;

  width: 100%;
  overflow-x: auto;
}
.table__features {
  border-collapse: collapse;
  table-layout: auto;
  table-layout: fixed;
}

.table__wrapper::-webkit-scrollbar {
  height: 3px;
}
.table__wrapper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.table__wrapper::-webkit-scrollbar-thumb {
  background: #9e9ea8;
}

.table__features thead tr th,
.table__features tbody tr td {
  display: table-cell;
}

.table__features {
  display: table;
  width: 100%;
}
.table__features thead tr th {
  text-transform: uppercase;
  font-weight: 700;
}
.table__features thead tr th,
.table__features tbody tr td {
  width: 20%;
  padding: 12px 20px;
}
.table__features tbody tr:not(:last-child) {
  border-bottom: 2px solid #0a626a1a;
}
.table__features thead tr th {
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  line-height: 140%;
}
.table__features thead tr th,
.table__features tbody tr td {
  width: 33.33%;
}

.features__table table {
background: rgba(255, 255, 255, 1);

  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 100%;
  border-radius: 12px;
  border-collapse: separate;
  overflow: hidden;
}

.features__table-bonus table {
  background: #ffffff;
}
.features__table tr:not(:last-child),
table thead tr {
  display: flex;
  align-items: flex-start;
  border-bottom: 2px solid #0a626a1a;
}
.features__table tr {
  padding: 0;
}

.features__table td,
.features__table th {
  padding: 12px 20px;
  width: 50%;
  text-transform: uppercase;
  white-space: normal;
}
.features__table td {
  font-size: 15px;
  font-weight: 400;
  line-height: 135%;
}

.features__tableDeposit td:first-child,
.features__tableDeposit th:first-child {
  width: 25%;
}
.features__tableDeposit td:last-child,
.features__tableDeposit th:last-child {
  width: 75%;
}

.features__table td:nth-child(2) a {
  color: inherit;
  text-decoration: underline;
}

.table__wrapper {
  max-width: 100%;
  overflow: auto;
background: rgba(255, 255, 255, 1);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  width: 100%;
  overflow-x: auto;
}

.table__game {
  border-collapse: collapse;
  table-layout: auto;
  table-layout: fixed;

  display: table;
  width: 100%;
}
.table__gameSlot {
  width: 980px;
}

.table__casino {
  width: 1100px;
}

.table__wrapper::-webkit-scrollbar {
  height: 5px;
}
.table__wrapper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.table__wrapper::-webkit-scrollbar-thumb {
  background: #9e9ea8;
}

.table__game thead tr th,
.table__game tbody tr td {
  display: table-cell;
  color: rgba(60, 64, 75, 1);
}

.table__game thead tr th {
  color: rgba(255, 255, 255, 1);
}
.table__game thead tr th {
  line-height: 140%;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  background: rgba(46, 147, 68, 1);
}

.table__game thead tr th,
.table__game tbody tr td {
  /* width: 20%; */
  width: 196px;
  padding: 12px 20px;
}

.table__games thead tr th,
.table__games tbody tr td,
.table__casino thead tr th,
.table__casino tbody tr td {
  width: 25%;
}
.table__casino thead tr th:not(:last-child),
.table__casino tbody tr td:not(:last-child) {
  width: 15%;
}
.table__casino thead tr th:nth-child(2),
.table__casino tbody tr td:nth-child(2) {
  width: 12%;
}

.ratings__table thead tr th,
.ratings__table tbody tr th {
  width: 33.333%;
}

.table__game tbody tr:not(:last-child) {
  border-bottom: 2px solid #0041471a;
}
.table__gameSlot thead tr th,
.table__gameSlot tbody tr td {
  min-width: 196px;
}

.article .list.list__deposit li {
  background: #00414714;
  border-radius: 12px;
  padding: 12px 20px 12px 40px;

  width: 40%;
}
.article__box {
  display: flex;
  gap: 20px;
  align-items: stretch;
}

.article .article__box li {
  background: #0a626a1a;
  box-shadow: 4px 4px 4px 0px #00000040;
  border-radius: 12px;
  padding: 12.5px 12.5px 12.5px 54px;
}

.article .article__box li::before {
  left: 20px;
}
.article__boxImg img {
  display: block;
  height: 100%;
  object-fit: cover;
}

.article__boxImg {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 4px 4px 4px 0px #00000040;
}

.article .list.list__deposit li a {
  color: #004147;
}
.article .list.list__deposit li::before {
  left: 20px;
}

.bonus__list {
  display: flex;
  gap: 20px;
}
.article .bonus__list li {
  border-radius: 12px;
  background: #0a626a1a;
  display: flex;
  flex-direction: column;
  box-shadow: 4px 4px 4px 0px #00000040;
  width: 50%;
  flex: 1;
  gap: 20px;
  padding: 20px;
}

.bonus__list li::before {
  display: none;
}

.article .bonus__list li + li {
  margin-top: 0;
}

.image__join > .list {
  margin-top: 20px;
  z-index: 1;
}

.background__grab::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);

  border-radius: 12px;
}

.article .article__download .image__cashback {
  flex-direction: row;
  align-items: center;
}

.article .article__download .image__cashback .list {
  width: 60%;
}
.article__logo {
  max-width: 355px;
  margin-right: 94px;
}

.article__logo img {
  max-height: 131px;
}

.article__grab {
  background: #002529;
}

.article__grab .article__download {
  background: #ebf0f0;
}

.article__grab > p {
  color: rgba(255, 255, 255, 1);
}

.article.article__grab h2 {
  background: #ebf0f0;
}
.images__box {
  position: relative;
}
.images__box > * + * {
  margin-top: 20px;
}

.background-decor {
  position: absolute;
  right: 29px;
  bottom: 0;
  top: -20px;
}
.background-decor2 {
  right: 95px;
}

.background-decor img {
  height: 100%;
  width: 100%;
}
.review > p {
  margin-top: 20px;
}
.review__wrapper {
  border-radius: 12px;
  padding: 20px;
}

.review__photo {
  display: block;
  width: 80px;
  height: auto;
}

.review ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  margin-top: 16px;
}
.review ul li {
  display: flex;
  width: calc(50% - 8px);
background: rgba(255, 255, 255, 1);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
}

.review__wrapp {
  display: flex;
  gap: 16px;
  flex-direction: column;
}

.review__wrapp h3 {
  font-size: 16px;
  line-height: 160%;
  color: rgba(60, 64, 75, 1);
}
.review__wrapper p {
  color: rgba(60, 64, 75, 1);
  line-height: 135%;
}
.review__wrapp img {
  width: 22px;
  height: 22px;
}
.review__cards {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}

.banner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  width: 100%;
  min-height: 380px;
  padding: 20px 20px 20px 20px;
  background: transparent;
  border-radius: 12px;
  margin-bottom: 20px;
}

.banner__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  text-align: center;
  border-radius: 12px;
  padding: 20px;
  max-width: 455px;
}

.banner .banner__title-main {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  border-left: none;
  padding: 0;
  color: rgba(255, 255, 255, 1);
  width: 100%;
  background: none;
  text-transform: uppercase;
  box-shadow: none;
  margin-bottom: 8px;
}

.banner .banner__subtitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 30px;
}

.banner .banner__title-main::after {
  display: none;
}

.banner__title-main span {
  color: rgba(255, 255, 255, 1);
}

.banner .banner__background img {
  object-position: 100%;
}

.banner__button {
  margin-left: auto;
}

.banner__span {
  font-size: 10px;
  line-height: 150%;
  font-weight: 400;
}

.banner__button-app {
  display: inline-block;
  position: relative;
  border: 2px solid #ffffff;
  border-radius: 8px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 128%;
  text-transform: uppercase;
  height: 64px;
  white-space: normal;
  padding: 12px 32px 12px 74px;
  margin-bottom: 0;
}

.banner__button-app::before,
.banner__button-ios::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  width: 32px;
  height: 32px;
}

.banner__button-ios {
  background: #248e44;
  min-width: 234px;
  max-width: 234px;
  width: 100%;
}


.banner__button-android {
  background: #10707c;
  min-width: 259px;
  max-width: 259px;
}



.banner__btn-main {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  gap: 19px;
}

.banner__buttons {
  min-height: 220px;
  justify-content: flex-start;
  padding: 20px 20px 20px 30px;
  box-shadow: 4px 4px 4px 0px #00000040;
}

.banner__buttons .banner__btn-main .banner__btn {
  margin-top: 0;
}

.banner__bonus-right {
  justify-content: flex-end;
  padding: 40px;
}

.banner-last-main {
  justify-content: flex-start;
}

.background-logo img {
  object-position: 100%;
}
.image {
  border-radius: 12px;
  padding: 20px;
  color: rgba(255, 255, 255, 1);
}
.article {
  display: flex;
  flex-direction: column;
}
.article ul li,
.article__content ul li {
  position: relative;
  padding-left: 20px;
}

.article ul li + li,
.article ol li + li {
  margin-top: 20px;
}

.background__prog img {
  object-position: 10%;
}

.article__content ul li + li {
  margin-top: 20px;
}

.article ol li + li {
  margin-top: 20px;
}
.article .image {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
}
.article .image h3 {
  color: rgba(255, 255, 255, 1);
}

.article .image .button {
  margin-top: 0;
}

.article .image__casino {
  box-shadow: 4px 4px 4px 0px #00000040;
}

.article ul li {
  line-height: 165%;
  padding-left: 48px;
}

.article p {
  position: relative;
}

.article__content {
  position: relative;
  background: #00414714;
  box-shadow: 4px 4px 4px 0px #00000040;
  border-radius: 12px;
  padding: 20px;
}

.article__content > p,
.image__casino > p {
  width: 60%;
  margin-top: 20px;
  z-index: 1;
}

.article .button {
  display: inline-block;
  margin-left: 0;
  margin-top: 20px;
  z-index: 1;
}

.image__casinos > p {
  width: 100%;
}
.image__casinos ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
  align-items: stretch;
  z-index: 1;
}
.image__download {
  box-shadow: 4px 4px 4px 0px #00000040;
  position: relative;
  overflow: hidden;
}

.image__download h3 {
  color: rgba(255, 255, 255, 1);
  z-index: 1;
}

.background__features img {
  object-fit: unset;
}

.image__download p {
  margin-top: 20px;
  z-index: 1;
}

.image__download > .list {
  margin-top: 20px;
  z-index: 1;
}
.background__download::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00000099;
}

.image__casinos ul li {
  border: 2px solid #ffffff;
  border-radius: 12px;
  background: #054146;
  padding-left: 0;
}
.image__casinos ul li + li {
  margin-top: 0;
}

.image__casinos ul li h4 {
  border-bottom: 2px solid #ffffff1a;
  text-align: left;
  padding: 12px 20px;
}
.image__casinos ul li p {
  padding: 12px 20px;
}

.article__background {
  display: flex;

  gap: 20px;
  justify-content: space-between;
}

.image__casino h3 {
  color: rgba(255, 255, 255, 1);
  z-index: 1;
}

.image__casino .button {
  margin-left: 0;
  margin-top: 20px;
}

.list__bonus {
  width: 60%;
  margin-top: 20px;
  z-index: 1;
}

.article__backgrounds {
  flex: 0 0 280px;
  aspect-ratio: 280 / 345;
  height: auto;
  height: 100%;
}

.article__banner {
  min-height: 379px;
  border-radius: 12px;
  justify-content: center;
}

.article__banner p,
.article__banner ul {
  color: rgba(255, 255, 255, 1);
  margin-top: 20px;
}

.article__banner ul li {
  color: rgba(255, 255, 255, 1);
}
.article.article__banner h2 {
  border-left: 3px solid #ffffff;
  color: rgba(255, 255, 255, 1);
}

.background-image img,
.article__backgrounds img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;

  transition: all 0.3s ease;
}

.article__backgrounds img {
  box-shadow: 4px 4px 4px 0px #00000040;
}
.article ul li::before,
.article__content ul li::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/li.svg") no-repeat center center / contain;
  width: 18px;
  height: 18px;
}

.article .bonus__list li .button {
  margin-top: auto;
}

.article .list {
  width: 60%;
}

.article__grab .article__download .list li:nth-child(1)::before,
.article__started .list li:nth-child(2)::before {
  top: 5px;
  transform: none;
}
.article__grab .article__download .list li ul,
.article__started .list li ul {
  margin-top: 20px;
}

.article .article__list li::before {
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
.list__grab {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.list__grab li {
  background: #00414714;
  box-shadow: 4px 4px 4px 0px #00000040;
  border-radius: 12px;
  width: 50%;
  padding: 20px;
}

.article.article__grab .list__grab li + li {
  margin-top: 0;
}

.list__grab li h4 {
  color: #004147;
  margin-bottom: 20px;
  text-align: left;
}

.ratings__button {
  display: block;
  width: max-content;
  min-width: 200px;
  margin: 16px auto 0 0;
  background: #ff4949;
}
.article .button:hover,
.ratings__button:hover {
  background: #2e9344;
}

.article a:not(.button) {
  color: #4ea522;
}

.article ol {
  counter-reset: ol;
  position: relative;
  z-index: 1;
}

.article ol li {
  counter-increment: ol;
  position: relative;
  padding-left: 59px;
}

.article ol li::before {
  content: counter(ol) " ";
  display: inline-block;
  position: absolute;
  font: inherit;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  background: rgba(46, 147, 68, 1);
  width: 24px;
  height: 24px;
  border-radius: 6px;
  color: inherit;
  left: 20px;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.list-account {
  margin-top: 20px;
  width: 75%;
  z-index: 1;
}

.article .list-account li {
  padding-left: 54px;
}

.article .list-account li::before {
  left: 25px;
}

.image-account p {
  width: 75%;
  z-index: 1;
}

.article .list-account li + li {
  margin-top: 30px;
}

.decor__background {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
}

.decor__background-account,
.decor__background-casino,
.decor__background-bonus {
  right: 0;
}

.decor__background-img8 {
  top: -86px;
}

.article__download-sports ul {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 20px;
}

.article__download-sports ul li {
  background: #004147;
  border: 2px solid #ffffff;
  border-radius: 12px;

  box-shadow: 0px 4px 4px 0px #00000040;

  padding-left: 0;
}
.decor__background-user {
  top: -63px;
}
.decor__background-user1 {
  right: 0;
}

.article__content-user {
  position: relative;
}

.article__user .list__user {
  background: #004147;
  color: rgba(255, 255, 255, 1);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 4px 4px 4px 0px #00000040;
}

.article .article__download-user {
  background: #004147;
  color: rgba(255, 255, 255, 1);
  position: relative;
}
.article .article__download-user h3 {
  color: rgba(255, 255, 255, 1);
}
.article .article__download-user p {
  width: 60%;
}
.article .article__download-user .list {
  margin-top: 20px;
}
.image__user p {
  margin-bottom: 20px;
}

.article__system .article__download {
  background: #004147;
  color: rgba(255, 255, 255, 1);
}

.article__system .article__download h3 {
  color: rgba(255, 255, 255, 1);
}

.list__betslip {
  background: #ebf0f1;
  border-radius: 12px;
  color: #004147;
  padding: 20px;
}

.image__bonuses > p,
.image__bonuses > ul {
  width: 65%;
}

.image__bonuses .background-image img {
  object-position: 90%;
}

.article__wrap {
  position: relative;
  margin: 0;
  z-index: 10;
}

.article__download {
  background: #00414714;
  box-shadow: 4px 4px 4px 0px #00000040;
  border-radius: 12px;
  padding: 20px;
}

.article__download h3 {
  margin-bottom: 20px;
}
.article__download > * + *,
.article__download > .image {
  margin-top: 20px;
}
.article__download-casino > p {
  width: 60%;
}
.imageBox {
  position: relative;
}

.imageBox > ul,
.imageBox > p {
  width: 60%;
}

.background-decorApp {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-top: 0;
  margin-left: auto;
}

.background-decorApp img {
  display: block;
  max-height: 320px;
}

.image__wrap {
  display: flex;
  gap: 20px;
}

.article .navigation__list li {
  background: #0a626a1a;
  border-radius: 12px;
  box-shadow: 4px 4px 4px 0px #00000040;

  padding: 20px;
}

.article .navigation__list li:nth-child(even) .image__wrap {
  flex-direction: row-reverse;
}
.navigation__list li::before {
  display: none;
}

.navigation__img {
  height: auto;
  width: 100%;
}

.navigation__img img {
  display: block;
  height: 100%;
  max-width: 340px;
  object-fit: cover;
  border-radius: 6px;
}
.navigation__desc > * + * {
  margin-top: 20px;
}

.country {
  background: none;
  padding: 0;
}
.country__list {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  justify-content: center;
}

.country__list li {
  border-radius: 12px;
  background: linear-gradient(90deg, #1b4045 0%, #1b4045 100%);
  border: 2px solid rgba(10, 143, 155, 1);
  transition: all 0.5s;
}

.country__list li a {
  display: flex;
  align-items: center;

  padding: 12px;
}

.country__list li:hover {
  transform: scale(1.1);
}

.country__list-link span {
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
}
.country__list-link img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 8px;
}

.menu__casino {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 8px;
}

.menu__casino li a {
  border-radius: 10px;
  overflow: hidden;
}

.menu__casino li a img {
  display: block;
  border-radius: 12px;
}

.main__sidebar-right {
  margin-bottom: 0;
}

.ratings > * + * {
  margin-top: 20px;
}
.ratings__table td:nth-child(1),
.ratings__table td:nth-child(2),
.ratings__table th:nth-child(1),
.ratings__table th:nth-child(2) {
  width: 25%;
}
.ratings__table td:nth-child(3),
.ratings__table th:nth-child(3) {
  width: 50%;
}

.ratings__table {
  width: 100%;
}

.faq > p {
  margin-bottom: 20px;
}

.content:last-child {
  margin-bottom: 0;
}
.faq__subtitle {
  position: relative;
  font-weight: 600;
  font-size: 15px;
  line-height: 155%;
  text-align: left;
  border-radius: 12px;
  color: rgba(60, 64, 75, 1);
  cursor: pointer;
  text-transform: uppercase;
  padding: 16px 60px 16px 20px;
}

.faq__list li + li {
  margin-top: 20px;
}

.faq__title {
  margin-bottom: 20px;
}

.faq__subtitle::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 16px;
  height: 16px;
  background: url("../img/faq-close.svg") no-repeat center center / contain;
  transition: transform 0.3s ease-in-out;
}

.faq__subtitle.active::after {
  background: url("../img/faq-open.svg") no-repeat center center / contain;
}

.faq__item {
background: rgba(255, 255, 255, 1);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  border-radius: 12px;
}

.faq__subtitle.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.faq__answer {
  position: relative;
  color: rgba(60, 64, 75, 1);
  padding: 16px 12px;
  border-top: none;
  border-top: 1px solid rgba(60, 64, 75, 1);
}

.js-expand-content {
  display: none;
  overflow: hidden;
}

.js-expand-content.expanded {
  height: 100%;
}

.main__arrow {
  display: block;
  position: fixed;
  width: 30px;
  height: 30px;
  right: 15%;
  bottom: 20px;
  background: url("../img/to-top.svg") no-repeat center center / contain;
  z-index: 100;
}

.footer {
  display: flex;
  position: relative;

  background: #ffffff;
}

.footer__content {
  padding: 32px 20px;
  background: transparent;
  border: none;
}
.footer__menu {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 40px;
}

.footer__menu div {
  font-weight: 700;
  font-size: 16px;
  line-height: 128%;
  color: rgba(13, 64, 71, 1);
  text-transform: capitalize;
  margin-bottom: 8px;
}

.footer__menu li {
  position: relative;
  color: rgba(13, 64, 71, 1);
}
.footer__info {
  position: relative;
}

.footer__info a {
  color: inherit;
}

.footer__info li + li {
  margin-top: 8px;
}

.footer__cards-list {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 40px;
}

.footer__cards-list li {
}

.footer__cards-list li img {
  width: 100%;
  width: 36px;
  height: 26px;
  height: auto;
  display: block;
}

.footer__text {
  margin-right: 24px;
}

.footer__text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  color: rgba(11, 51, 56, 1);
}

.footer__text p + p {
  margin-top: 8px;
}

.footer__wrapp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.footer__age img {
  max-width: 54px;
  max-height: 55px;
}

.footer__information {
  display: flex;
  justify-content: center;
}

.footer__information li + li {
  margin-left: 24px;
}

.footer__copy {
  color: #0b3338;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}
.footer__copy + .footer__copy {
  margin-top: 10px;
}

.image__join .background img {
  object-fit: unset;
}

.image__join > p {
  width: 100%;
}

.breadcrumbs {
  display: flex;
  text-align: center;
  justify-content: left;

  white-space: nowrap;
}

.breadcrumbs li:not(:last-child) a {
  padding-left: 0;
}

.breadcrumbs li a span {
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  padding: 6px;
  text-transform: uppercase;
}

.breadcrumbs li:first-child a:hover span {
  color: #2e9344;
}

.breadcrumbs li:last-child a span {
  font-weight: 700;
  cursor: default;
  line-height: 120%;
  padding: 9px 6px 9px 13px;
}

.breadcrumbs li:first-child a span {
  padding-left: 0;
}

.breadcrumbs > li:not(:last-child):after {
  content: "/";
  position: relative;
  color: rgba(255, 255, 255, 1);
}

.main-page.home {
  display: block;
}

.main__wrap-page {
  justify-content: flex-start;
  padding: 20px 30px;
}

.home .hero__page {
  position: relative;
  width: 100vw;
  display: flex;
  justify-content: start;
  align-items: center;
  background: linear-gradient(
    to right,
    rgba(23, 25, 35, 0.8) 100%,
    rgba(23, 25, 35, 0.6) 40%,
    rgba(23, 25, 35, 0.2) 70%,
    rgba(23, 25, 35, 0.8) 80%
  );
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: calc(50% - 492px);
  padding-right: calc(50% - 492px);
  margin-top: 80px;
}

.content__wrapper-page {
  top: 0;
  margin-right: 0;
}

.content.bonuses {
  padding: 0;
  background: none;
}

.bonuses__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.bonuses__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #054146;
  height: auto;
  border: 2px solid #dce6ea;
  border-radius: 6px;
  overflow: hidden;
}

.bonuses__item:nth-child(even) {
  flex-direction: row-reverse;
}

.bonuses__item > * {
  position: relative;
  color: rgba(255, 255, 255, 1);
}

.bonuses__item + .bonuses__item {
  margin-top: 0;
}

.bonuses__item:before {
  display: none;
}

.bonuses__img {
  height: 100%;
  width: 100%;
  max-width: 308px;
}

.bonuses__img img {
  display: block;
  width: 100%;
  height: 100%;
}

.bonuses__desc {
  text-align: center;
  padding: 24px;
}

.bonuses__desc p {
  text-align: center;
  color: rgba(255, 255, 255, 1);
  text-transform: none;
  font-size: 16px;
  line-height: 160%;
}

.title.bonuses__title {
  display: inline-block;
  flex-direction: column;
  color: rgba(255, 255, 255, 1);
  background: transparent;
  border: 2px solid #44b52d;
  border-radius: 6px;
  font-size: 24px;
  line-height: 120%;
  align-items: center;
  border-radius: 6px;
  position: relative;

  width: auto;
  padding: 0;
  margin-bottom: 12px;
  margin-left: auto;
  padding: 8px 12px;
}

.title.bonuses__title::after {
  display: none;
}

.bonuses__buttons {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 12px;
  margin-top: 12px;
}

.bonuses__button {
  display: inline-block;
  min-width: 132px;

  height: 39px;
  font-weight: 600;
  font-size: 12px;
  line-height: 128%;
  margin-top: 0;
  margin: 0;
  padding: 12px;
}

.bonuses__button:first-child {
  background: #ff4949;
}

.bonuses__button:first-child:hover {
  background: #2e9344;
}

.bonuses__button:last-child {
  background: #2e9344;
}

.bonuses__button:last-child:hover {
  background: #ff4949;
}

.breadcrumbs-page {
  justify-content: center;
}

.hero__title-page,
.hero__data-page p,
.hero__data-page .hero__span-page {
  text-align: center;
}
.hero__data-page .hero__span-page {
  margin-left: 0;
  margin-top: 8px;
}

.hero__button-page {
  display: block;
  margin-left: auto;
  min-width: 267px;
  width: max-content;
  margin-top: 0;
}
.banner__app {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 200px;
  border-radius: 6px;
  border: 1px solid #ffe000;
  padding: 14px 32px;
}
.banner__logo {
  max-width: 244px;
  flex: 0 0 244px;
  margin-right: 0;
  margin-left: 123px;
  z-index: 3;
}

.banner__logo img {
  max-height: 91px;
}

.banner__content-app {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.article .banner__btn,
.banner__buttons .banner__btn {
  display: flex;
  flex-direction: row;
  position: relative;
  min-width: 234px;
  height: 62px;
  width: max-content;
  font-size: 15px;
  font-weight: 500;
  line-height: 165%;
  text-align: center;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  background: rgba(46, 147, 68, 1);
  text-transform: none;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  gap: 16px;
  cursor: pointer;
  padding: 16px 38px;
  padding: 16px;
  margin: 0 auto;
  margin-left: 0;
  margin-right: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}
.article .banner__btn,
.image__download .banner__btn-app {
  margin-top: 20px;
}

.banner__btn:hover {
  transform: scale(1.1);
}

.button__wrap-app {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 19px;

  border-radius: 50px;
  z-index: 3;

  margin-top: 32px;
  margin-bottom: 32px;
}

.banner__btn-android {
  min-width: 244px;
  background: linear-gradient(180deg, #0c8792 0%, #054146 100%);
}

.hero__data-page {
  max-width: 600px;
}

.hero__page-app {
  height: auto;
  min-height: 562px;
}
.hero__list {
  display: flex;

  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  gap: 20px;

  border-radius: 3px;
  margin-bottom: 32px;
}
.hero__list li {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  flex: 0 0 180px;

  font-weight: 600;
  font-size: 16px;
  background: #054146;
  border-radius: 300px;
  line-height: 140%;
  color: rgba(255, 255, 255, 1);
  gap: 9px;

  padding: 12px;
}

.hero__list li img {
  width: 52px;
  height: 52px;
  display: block;
}

.background-page img {
  border-radius: 0;
}
.features__list ul li {
  min-height: 46px;
}
.features__list ul li + li {
  margin-top: 0;
}
.article .list.list-white {
  width: 100%;
}
.article .list.list-white li {
  width: 100%;
  border-radius: 12px;
background: rgba(255, 255, 255, 1);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: rgba(60, 64, 75, 1);
  padding: 18px 18px 18px 48px;
}
.block-white {
background: rgba(255, 255, 255, 1);

  border-radius: 12px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 20px;
}
.block-white p {
  margin-top: 20px;
}
.block-white p {
  color: rgba(60, 64, 75, 1);
}
.block-white .image {
  margin: 20px 0;
  padding: 20px 20px 20px 0;
  background: rgba(0, 0, 0, 0.6);
}
.block-white h3 {
  color: rgba(60, 64, 75, 1);
}
.background.background__prog img {
  filter: brightness(0.25) contrast(0.9);
}
.background.background__prog.home3 img {
  filter: none;
}
.block-white.img {
  gap: 20px;
  display: flex;
  align-items: stretch;
}
.block-white.img div img {
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
  height: 100%;
}
.block-white.img div {
  width: calc(50% - 8px);
}

.content-block {
  gap: 20px;
  display: flex;
}
.content-block div {
  width: calc(50% - 8px);
  padding: 20px;
background: rgba(255, 255, 255, 1);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
}
.content-block div h3 {
  color: rgba(60, 64, 75, 1);
  display: flex;
  gap: 20px;
  padding-bottom: 21px;
  border-bottom: 1px solid rgba(60, 64, 75, 1);
}
.content-block div p {
  color: rgba(60, 64, 75, 1);
  margin-top: 20px;
}
.content.banner.banner__main.banner10 {
  border: none;
}
.content.article.content-bg {
  position: relative;
}

.content.article.content-bg::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 336px;
  background: url("../img/content-bg.webp") no-repeat right bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}

.article-block {
  display: flex;
  gap: 10px;
}

.article-block .article-block__img {
  max-width: 434px;
  width: 100%;
  flex: 0 0 434px;
}
.article-block p + p {
  margin-top: 20px;
}
.table__wrapper {
  position: relative;
}

.table__wrapper.bottom::before {
  content: "";
  position: absolute;
  right: 90px;
  bottom: 0;
  width: 100%;
  height: 220px;
  background: url("../img/ratings.webp") no-repeat right bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}

.content.country {
  border: none;
}

.table__game.table__gameSlot thead {
  max-width: 980px;
  width: 100%;
}
/*  */
.features__table.table-one,
.table__wrapper {
  width: 100%;
  overflow-x: auto;
}

.table__gameSlot {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.table__gameSlot th,
.table__gameSlot td {
  padding: 12px 20px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-white.img div img {
  width: 100%;
}
.block-white.img.bonus {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.block-white.img.bonus > h3 {
  grid-column: 1 / -1;
}
.block-white.img.bonus li {
  color: rgba(60, 64, 75, 1);
}
.block-white.img.bonus ul {
  margin-top: 20px;
}
.block-white.img.bonus > div {
  display: block;
  width: 100%;
}
.block-white.img.bonus > div p {
  margin-top: 0;
}
.block-white.img.bonus > div p + p {
  margin-top: 20px;
}
.block-white.img.bonus > div ul li::before {
  left: 0;
}
.article .block-white.img.bonus > div ul li {
  line-height: 165%;
  padding-left: 28px;
}

.image.bonus .background.background__prog img {
  filter: none;
}
.block-white.bonus7 ul li {
  color: rgba(60, 64, 75, 1);
}
.block-white.bonus7 ul {
  margin-top: 20px;
}
.block-white.bonus7 ul li::before {
  left: 0;
}
.block-white.bonus7 ul li {
  padding-left: 32px;
}
.block-white.bonus7 {
  position: relative;
  overflow: hidden;
}

.block-white.bonus7::before {
  content: "";
  position: absolute;
  top: 84px;
  right: 0;
  width: 570px;
  height: 427px;
  background-image: url(../img/bonus6.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  pointer-events: none;
}
.block-white.bonus.bonus7::before {
  content: none;
}
.block-white.bonus.bonus7 {
  background-image: url("../img/bonus7.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.content-block.bonus div h3 {
  padding-bottom: 16px;
}
.block-white.img.bonus2 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.block-white.img.bonus2 > h3 {
  width: 100%;
}

.block-white.img.bonus2 > div {
  flex: 1 1 0;
}

.block-white.img.bonus2 > div:not(.bonus-img) {
  max-width: 570px;
}

.block-white.img.bonus2 > .bonus-img {
  max-width: 360px;
}

.block-white.img.bonus2 img {
  width: 100%;
  display: block;
}
.content.banner.banner__buttons.app {
  margin-top: 20px;
  border: none;
  min-height: 300px;
}
.content.banner.banner__buttons.app .banner__btn-main {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 32px;
}
.content.banner.banner__buttons.app .banner__info {
  max-width: 500px;
  margin-left: 40px;
  padding: 0;
}
.block-white.betting {
  position: relative;
  overflow: hidden;
}

.block-white.betting::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;

  width: 446px;
  height: 380px;
  background: url("../img/betting2.webp") no-repeat right bottom;
  background-size: contain;

  pointer-events: none;
  z-index: 0;
  opacity: 1;
}

.block-white.betting > * {
  position: relative;
  z-index: 1;
}

.block-white.betting2 {
  position: relative;
  overflow: hidden;
}

.block-white.betting2::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-31%);
  width: 571px;
  height: 441px;
  background: url(../img/betting3.webp) no-repeat center bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
}

.block-white.betting2 > * {
  position: relative;
  z-index: 1;
}
.block-white.betting3 {
  position: relative;
  overflow: hidden;
}

.block-white.betting3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 446px;
  height: 380px;
  background: url("../img/betting4.webp") no-repeat left top;
  background-size: contain;

  pointer-events: none;
  z-index: 0;
  opacity: 1;
}

.block-white.betting3::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 446px;
  height: 380px;
  background: url("../img/betting5.webp") no-repeat right top;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
}

.block-white.betting3 > * {
  position: relative;
  z-index: 1;
}

.block-white.betting4 {
  position: relative;
  overflow: hidden;
}

.block-white.betting4::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 446px;
  height: 441px;
  background: url("../img/betting6.webp") no-repeat right bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}

.block-white.betting4 > * {
  position: relative;
  z-index: 1;
}
.image.bettings ul li + li {
  margin-top: 12.5px;
}
.image.bettings {
  margin-bottom: 0;
}
.block-white.img.block-green {
  background: linear-gradient(90deg, #1b4045 0%, #1b4045 100%);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  gap: 20px;
  margin: 20px 0;
}

.article .block-white.img.block-green ul li::before,
.article__content ul li::before {
  left: 0;
}
.article .block-white.img.block-green ul li {
  padding-left: 27px;
}