html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  display: block;
  position: relative;
  width: 100%;
 background: #07555D;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 155%;
  text-align: left;
  color: #FFFFFF;
  overflow-x: hidden;
}

body.no-scroll {
  overflow: hidden;
}


.content {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1040px;
  /* max-width: 100%; */
  /* overflow: hidden; */
  border-radius: 12px;
  background: linear-gradient(180deg, #267981 0%, #206162 100%);
border: 3px solid #0A8F9B;
  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: #FFFFFF;
}

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;
  background: #054146;
box-shadow: 4px 4px 4px 0px #00000040;
border-radius: 12px;
  color: #FFFFFF;
  text-transform: none;

width: 100%;
text-align: left;
padding: 8px 12px;


}


h3,
title.medium {
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  text-align: left;
  text-transform: none;
  color:#FFFFFF;
}

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

article > *,
.article > *,
.desk > * {
  margin-top: 20px;
}

article > *:first-child,
.article > *:first-child,
.desk > *:first-child {
  margin-top: 0 !important;
}

article > h2,
.article > h2,
.desk > h2 {
  margin-top: 32px;
}

article > h3,
.article > h3,
.desk > h3 {
  margin-top: 20px;
}
article > h4,
.article > h4,
.desk > h4 {
  margin-top: 16px;
}

.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: #ffffff;
  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: 12px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}

.faq {
  overflow-anchor: none;
}

/* -------------------HEADER---------------- */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
 background: #004147;

}

.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;
  background: #004147;
  padding: 16px 30px;
  margin: 0 auto;
  border: none;
}

.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);
  /* overflow-y: auto; */
}

.header__menu-list {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  flex: 1 1 auto;
  gap: 8px;
  background: #124b4f;
  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: #ffffff;
  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: 167px;
  background: #185a61;
  box-shadow: 0px 4px 18px 0px #0e181140;
  margin: 0 8px 0 auto;
}

.button__singup {
  min-width: 192px;
  background: #2E9344;

  margin: 0;
}

.button__singup:hover {
  background: #185a61;
}
.header__time {
  color: #ffffff;
  position: relative;
  padding-left: 26px;
  margin-left: 16px;
}

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

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

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

.header__country span:last-child {
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  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::after{
  content: "";
    position: absolute;
    display: block;
    width: 14px;height: 14px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background: url(../images/flag-arrowDown.svg)no-repeat center center / contain;
    transition: transform 0.3s ease-in-out;
}

.header__country.active::after{
  transform: translateY(-50%) rotate(180deg);
  
} */

.header__country span:last-child{
  color: #ffffff;
  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: #ffffff;
  font-weight: 400;
  padding: 10px 0;
  
  
}

.header__flag-menu {
  /* display: none; */
  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: #ffffff;
  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;
  color: #ffffff;
  font-weight: 400;
  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;
    /* max-height: calc(100vh - 80px); */
        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, .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: #ffffff;
  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------------- */
.main.home {
  display: flex;
  /* margin-bottom: 60px; */
}

.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;
background: #004147;

  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  color: #ffffff;

  padding: 8px 32px 8px 12px;
}

.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(../images/sidebar/champion.svg) center center / contain;
  transition: all 0.5s;
}

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

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

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

.menu__links li a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  color: #0A626A;
  line-height: 35px;
}

.menu__review li a {
  position: relative;
color: #0A626A;
opacity: 0.7;
  font-weight: 400;
  font-size: 15px;
  line-height: 120%;
  
  transition: all 0.5s;
}

.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(../images/sidebar/sidebar-arrowDown.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: #ffffff;
}

/* .sidebar__desk::after,.menu__review-content::after{
      background: url(../images/sidebar/sidebar-Arrow-Down.svg)no-repeat center center / contain;
    } */
.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: #ffffff;
  padding: 20px;
  border-radius: 12px;
}

.menu__links-desk {
  background: #FFFAEB;

  padding: 12px;
}
.menu__links-desk a {
  position: relative;
  display: flex;
  align-items: center;
  background: #f04c44;
  color: #ffffff;
  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(../images/sidebar/live-events-sidebar.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 {
  color: #0A626A;
  font-weight: 500;
  opacity: 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;
}
.content__wrapper {
  margin: 0 10px;

  flex: 0 1 calc(100% - 240px * 2 - 10px * 2);
}

.sidebar__info {
  display: flex;
  justify-content: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #ffffff;
  gap: 14px;
}
.sidebar__subtitle {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-transform: none;
  color: #323946;
  text-align: center;
  padding: 14.5px 0;
}

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

}

.sidebar__deskription p {
  max-width: 170px;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  color: #ffffff;

  padding: 16px 0 0 10px;
}

.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;
 background: #FF4949;

  padding: 8px 16px;
  margin: 14px 0 10px 10px;
}

.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{
      min-height: 96px;
    display: block;
    /* height: 100%; */

}
.sidebar__cards a img {
  position: relative;
  /* min-height: 86px;
  height: 100%; */
  display: block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-radius: 5px;
  
}

.sidebar__text {
  position: absolute;
  bottom: 0px;
  background: #004147;

  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  text-transform: uppercase;
  overflow: hidden;

  padding: 7px;
  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;
}

/* -----------hero ----------- */
.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;
}

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

.hero__data {
  display: block;
  text-align: left;
  position: relative;
  max-width: 580px;

  border-radius: 6px;
  padding: 12px 20px;
}

.hero__title {
 
  text-align: left;
}


.hero__data p {
  color: #ffffff;
  text-align: left;
   margin-top: 16px;
}

.hero__rating {
  display: flex;
  font-weight: 700;
  align-items: center;
  justify-content: left;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 6px;
}

.hero__rating span{
  white-space: nowrap;
}
.hero__data .hero__rating span {
  font-weight: 700;
}
.hero__rating p {
  margin-right: 10px;
  font-weight: 400;
  margin-top: 0;
}
.hero__button {
  display: inline-block;
  
  
   margin-top: 16px;
}


/* --------------------features----------- */
.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;
}

.features__list {
  position: relative;
 background: #FFFFFF;

border-radius: 12px;
}
.features__listBox{
  padding: 12px;
}

.features__list-pre,.features__item{
  width: 100%;
  box-shadow: 4px 4px 4px 0px #00000040;

  
}
.features__list-pre h3,.features__item h3{
  padding: 9px 20px;
  border-left: none ;
background: #054146;

  color: #ffffff;
  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;
}

.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 {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;

  color: #054146;

  padding: 9px 20px;
}

.features__table tr th {

color: #ffffff;
  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: 24px;height: 24px;
}

.features__list-pre li{
  position: relative;
  
}


.features__list li:not(:last-child),
.features__item li:not(:last-child){
 
  border-bottom: 2px solid #0041471A
}

.features__table td:nth-child(1) ,.features__table td:nth-child(2){
  text-transform: none;
}

.table__wrapper {
 
  border-radius: 15px;
 background: #FFFFFF;

  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%;
 /* background: #0A626A1A;
background: #00414714; */



}
.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;
  color: #054146;
  /* border: 1px solid #9e9ea8; */
}
.table__features tbody tr:not(:last-child){
  border-bottom: 2px solid #0A626A1A;
}
.table__features thead tr th{


color: #ffffff;
font-size: 14px;line-height: 140%;
   
}
.table__features thead tr th,
.table__features tbody tr td {
  width: 33.33%;
}

.features__table table {
  width: 100%;
  
  border-radius: 12px;
  border-collapse: separate;
background: #FFFFFF;


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

  overflow: hidden;
}

.features__table-bonus table{
background: #ffffff;

}
.features__table tr:not(:last-child),
table thead tr {
 
  border-bottom: 2px solid #0041471A;
  border-bottom: 2px solid #0A626A1A;
}

table thead tr {
 /* background: #0A626A; */
background: #054146;


}
.features__table tr {
  padding: 0;
}

.features__table td,
.features__table th {
  width: 50%;
  padding: 9px 20px;
  color: #054146;
  text-transform: uppercase;
  white-space: normal;
}
.features__table td{
  text-transform: none;
}


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

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

.features__decor img{
  width: 100%;height: 100%;
  object-fit: cover;
}

/*  */

.table__wrapper {
  max-width: 100%;
  overflow: auto;
  
  border-radius: 12px;
  
  width: 100%;
  overflow-x: auto;
  box-shadow: 4px 4px 4px 0px #00000040;

}

.table__game{
   border-collapse: collapse;
  table-layout: auto;
  table-layout: fixed;
 
  display: table;
  width: 100%;
  
}
.table__gameSlot{
width: 1100px;
width: 130%;
  
}

.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:#004147;
}

.table__game thead tr th{
  color: #ffffff;
}
.table__game thead tr th{line-height: 140%;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;}

.table__game thead tr th,.table__game tbody tr td{
   width: 20%;
  padding: 12px 16px;
  /* border: 1px solid #9e9ea8; */
}
.table__game thead tr{

}


.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: 180px;
  
}

.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__boxWrap > * + *{
margin-top: 20px;
}

.article .article__box li{
 
  
}

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

.article__boxImg{
  border-radius: 8px;
  overflow: hidden;
 max-width: 295px;
  
}
.article__boxImgBig{
  max-width: 405px;
  width: 40%;
}

.article__download-decor{
  position: absolute;
  bottom: -7px;
  
}

.decor-left{
left: 0;
}

.decor-right{
  right:0;
}

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

.bonus__list{
  display: flex;gap: 20px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.article .bonus__list li{
  border-radius: 8px;
  background: #054146BF;
color :#ffffff;
width: 100%;

  padding: 20px;
}



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

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

.bonus__list li h3{
  color :#ffffff;
  font-size: 18px;
  font-weight: 500;

  padding-bottom: 20px;
  border-bottom: 1px solid #D9D9D933;
 
}
.bonus__list li > p + p  {
  margin-top: 20px;
}

.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:#ffffff
}
.image__desc{
  width: 50%;
}

.list__card{
  display: grid;grid-template-columns: repeat(2,1fr);
  gap: 20px;
}

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


.list__images li:nth-child(even) .image__desc{
margin-left: auto;
}
.article .list__images li,.article .list__card li{
  padding-left: 0;
}
.list__images li::before,.list__card li::before{
display: none;
}
.article .list__card li{
  border-radius: 12px;
  background: #3D6C6F;
padding: 20px;
}
.article .list__card li .image__desc{
  width: 100%;
  text-align:left;
  color: #FFFFFF;
  margin-top: 20px;
}

.article .list__images li{
  min-height: 290px;
 
}

.article .list__images li img,.article .list__images .image{
  border-radius: 8px;
}
.article .list__card li img{
  display: block;
}

.article .list__card li .image__desc > * + *{
  margin-top: 20px;
}

.article.article__grab h2{
  background: #EBF0F0;

}
.images__box{
  position: relative;
}
.images__box > * + *{
  margin-top: 20px;
}

.background-decor
{
  position: absolute;
  right: 0;bottom: 0;
  top: 0;
z-index: 1;

  
}
.background-decor2{
  right: 0;
}
.background-decor5{
  right: 110px;
}

.background-decor img{

  width: 100%;
 height: 100%;
 object-fit: cover;
}

.background-decorBetting,.background-decorCasino{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 28px;
  margin-top: 0;

}

.list__casino{
  width: 73%;
}

.background-decorCasino{
  right: 0;
}

.article__downloadWidth > p, .list,h4{
  width: 50%;
}


.backgroundShadow::after,.backgroundLogo::after{
  content: '';
  display: block;position: absolute;
  top: 0;bottom: 0;left: 0;right: 0;
  width: 100%;height: 100%;
background: #00000066;


}

.backgroundLogo::after{
  background: #00000066;

}

.article ul li > ul{margin-top: 20px;
}

.article ul li.has-sub::before {
  top: 0;
  transform: none;
}

.background-decorPerks{
  z-index: 1;
}

/* -------review----- */
.review > p{
  margin-top: 20px;
}
.review__wrapper {
  border-radius: 12px;
color:#054146 ;
box-shadow: 4px 4px 4px 0px #00000040;
background: #FFFFFF;

  padding:  20px;
}

.review__photo {
  display: block;
  width: 64px;
  height: 100%;
}

.review ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  margin-top: 16px;
}
.review ul li {
  display: flex;
  flex: 1 1 calc(50% - 16px);
}

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

.review__wrapp h3 {
  font-size: 16px;
  line-height: 160%;
  color: #054146;
}

.review__wrapp img {
  width: 22px;
  height: 22px;
}
.review__cards {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}
/* -------------banner---------------- */

.banner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  width: 100%;
  min-height: 360px;

 padding: 20px 24px 20px 20px;
  /* background: transparent; */
  border-radius: 12px;
  margin-bottom: 20px;
}

.banner__start{
  justify-content: flex-start;
}

.banner__info {
  display: flex;

  flex-direction: column;
  align-items: center;
  position: relative;
max-width: 450px;
  text-align: center;

  border-radius: 12px;
  padding: 16px;
}

.banner .banner__title-main {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  line-height: 100%;
  border-left: none;
  padding: 0;
  font-size: 32px;
  color: #FFFFFF;
  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: #ffffff;
 margin-bottom: 30px;
}

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



.banner__title-main span {
  color: #ffffff;
}

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

.banner__start .banner__background img,.banner__bonus .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-ios::before {
  background: url(../images/app/apple-app.svg) no-repeat center center / contain;
}

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

.banner__button-android::before {
  background: url(../images/app/android-app.svg) no-repeat center center /
    contain;
}

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

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

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

.banner__bonus-right {
  justify-content: flex-end;
  padding: 40px;
  
}
.banner__buttons .banner__info{
  max-width: 100%;
}


.background-decorBanner,.background__decorVip{
  position: absolute;
  right: 0;
  bottom: 0;top: 0;
  margin-top: 0;
}

.background__decorVip img{
  height: 100%;
  object-fit: cover;
  
}

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

.background-logo img{
  object-position: 100%;
}
/* ----------------review------------- */
.image{
  border-radius: 12px;
  padding: 20px;
  color: #ffffff;
}
.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: 24px;
}
.article .image {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
   box-shadow: 4px 4px 4px 0px #00000040;
  padding: 20px;
gap: 20px;
   background: #054146;
   overflow: hidden;
}
.article .image h3{
color: #ffffff;
}

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

.article .list__images .image {
  min-height: 290px;
 justify-content:  center;
}

.article .list__images .image h4,.article .list__card  h4{
  color: #ffffff;
  font-weight: 500;font-size: 18px;
  line-height: 155%;
  text-transform: none;
  width: 100%;
}
.article .list__images .image .image__desc > * + *{
margin-top: 20px;
}

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

}



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



.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: #ffffff;
 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: #ffffff;
  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: #ffffff;
  margin-top: 20px;
}

.article__banner ul li{
    color: #ffffff;
}
.article.article__banner h2{
 
  color: #ffffff;
}

.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: 0;
  top: 50%;
  transform: translateY(-50%);
  width:24px;
  height:24px;

 background: url(../images/before-list.svg) no-repeat center center / contain;
 
}

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

.article .list{
  width: 60%;
  z-index: 1;
}

/* .article__grab .article__download .list li::before{
  
  width: 10px;height: 10px;
} */
.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-number li{
width: 55%;
}
.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: 21px;
}

.article ol li::before {
  content: counter(ol) ".";
  display: inline-block;
  position: absolute;
  font: inherit;
  font-weight: 700;
  font-size: 18px;line-height: 24px;
  color: inherit;
  left: 0;
  top: 0;
  /* top: 50%;
    transform: translateY(-50%); */
  z-index: 1;
}

.article ol li:not(:last-child)::after {
    /* content: "";
    width: 2px;
    height: calc(100% + 2px); */
    /* height: 24px; */
    /* position: absolute;
    left: 5px;
   
    top: 22px;
    background: #D9D9D9;
    z-index: 0; */
}



.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:#ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 4px 4px 4px 0px #00000040;


}
.article .list__local{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
}
 .article .list__local li + li {
  margin-top: 0;
 }

 .article .list__local li{
  display: flex;
  align-items: center;
 }

.article .list__support li{
background: #FFFFFF;
color :#054146;
  border-radius: 12px;
box-shadow: 4px 4px 4px 0px #00000040;
padding: 12px 12px 12px 44px;
}
.article .list__support li::before{
  left: 10px;
}

.article .list__slot li{
background: #054146BF;
color:#ffffff;
}

.article .article__download-user{
  background: #004147;
  color: #ffffff;
position: relative;
}
.article .article__download-user h3{
  color :#ffffff;
  
}
.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:#ffffff;
}

.article__system .article__download h3{
  color:#ffffff;
  
}

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


.backgroundLoyalty img{
object-position: 100%;
}

.background-decorApp{
  right: 0;
}


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

.list__vip{
  width: 65%;
}

.article__download{
  position: relative;
  background: #FFFFFF;
color: #054146;
box-shadow: 4px 4px 4px 0px #00000040;
border-radius: 12px;
  padding: 20px;
}

.article__download h3{
  color: #054146;
  margin-bottom: 20px;
}
.article__download > * + *
/* .article__download > .image > * + * */
{
  margin-top: 20px;
}

/* .article__download > .image > ul, p, ol{
  margin-top: 0;
} */
.article__download-casino > p{
  width: 60%;
}
.imageBox{
  position: relative;
}
.article__download > .image h4{
  color: #ffffff;
  font-weight: 500;font-size: 18px;line-height: 155%;
}
.imageBox > ul,.imageBox > p{
  width: 60%;
}
.article__download-background,.article__download-backgrounds{
  background: #054146BF;
  color:#ffffff;

} 
.article__download-backgrounds{
  background: #447174;
  width: 100%;

}
.list__background{
  background: #E6ECEC;
  color: #054146;
 border-radius: 12px;
padding: 20px;
}

.background-decor {
  margin-top: 0;
  
}

.list__backgrounds{
  background: #054146BF;
color: #ffffff;
border-radius: 12px;
padding: 20px;
}

.background-decor3{
 top : -70px;
 bottom: 0;
 right: 35px;
}  
.background-decor4{
  right: 65px;
 
}
.background-decorSport{
  right: 94px;
}

.background__decorCrown,.background-decorDice,.background-decorSport{
  position: absolute;
  right: 0;
  margin-top: 0;
}
.background__decorCrown1,.background-decorDice1,.background-decorSport1{
top: 0;
}
.background-decorSport1{
  left: 20%;right: unset;
}

.background-decorDice1{
  right: 57px;
 
}

.background-decorDice2{
  top: 20px;
  right: 40%;
 
}
.background-decorDice3{
  top: 30%;
  right: 20%;
}

.background-decorSport3{
  top: 0;
  left: 5%;
}
.background-decorSport5{
  bottom: -10px;
  right: 0;
}
.background-decorDice4,.background-decorSport2{
  right: 0;
  top: 50%;
  transform: translateY(-50%);

}
.background__decorCrown2,.background-decorSport4{
bottom: -10px;
}

.box__crown,.box__dice,.box__sport{
  margin-top: 0;
}
.background__decorMobile{
  bottom: 0;
  right: 20px;
  top: 20px;
  max-width: 264px;
}


.background__decorMobile img{
  height: 100%;
}

.background__decorVip{
  margin-top: 0;
  top: 68px;
}
.background__decorBet{
  top: 0;
}

.background-decorNavigase{
  position: absolute;
  bottom: 0;right:0;
 
}


.text{
  width: 53%;
}
.banner__bonus .banner__info{
  max-width: 600px;
}

.banner__bonus .banner__title-main{
  line-height: 150%;
  margin-bottom: 30px;
}

.background__decorCrown3{
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  right: unset;
}

.article__download-background h3,.article__download-backgrounds h4{
   color:#ffffff;
}
.background-decorApp,.background-decorLogo{
  position: absolute;
  right: 0;bottom: 0;
  margin-top: 0;
  margin-left: auto;

}
.background-decorLogo{
  right: 20px;
}

.background-decorApp img,.background-decorLogo{
  display: block;
  max-height: 320px;
  z-index: 2;
}
.article__boxBonus{
  width: 100%;
}
.image__wrap{
  display: flex;gap: 20px;
}

.article .bonusy__list li{
background: #FFFFFF;
color: #054146;
border-radius: 12px;
box-shadow: 4px 4px 4px 0px #00000040;

  padding: 20px;
}


.article .bonusy__list li h3{
  color: #054146;
}

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

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

.bonusy__img img{
  display: block;
  height:100%;
  max-width: 340px;
  object-fit: cover;
  border-radius: 12px;
      object-position: 100%;
}
.bonusy__desc > * + *{
  margin-top: 20px;
}

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

.country__list li {
  border-radius:12px;
background: linear-gradient(180deg, #267981 0%, #206162 100%);

border: 3px solid #0A8F9B;
  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: #FFFFFF;
  text-transform: uppercase;
}
.country__list-link img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 8px;
}

/* ------------sidebar-right----------- */

.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;
}
/* --------------rating------------------- */
.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----------------------- */
.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;
background: #FFFFFF;
box-shadow: 4px 4px 4px 0px #00000040;
  border-radius: 12px;
  color: #054146;
  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(../images/faq-arrowDown.svg) no-repeat center center / contain;
  transition: transform 0.3s ease-in-out;
}

.faq__subtitle.active::after {
  transform: translateY(-50%) rotate(180deg);
}

.faq__item {
  position: relative;
}

.faq__subtitle.active {
  
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 1px solid #054146;
}

.faq__answer {
  position: relative;
  color: #054146;
  padding: 13px 16px;
  border-radius: 12px;
background: #FFFFFF;

box-shadow: 4px 4px 4px 0px #00000040;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

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

/* ---------main__arrow------ */
.main__arrow {
  display: block;
  position: fixed;
  width: 35px;
  height: 35px;
  right: 20px;
 border-radius: 5px;
  bottom: 20px;
  background: url(../images/ArrowUp.svg) no-repeat center center / contain;
  z-index: 100;
  
}

/* ------------footer----------------- */
.footer {
  display: flex;
  position: relative;

  background: #ffffff;
}

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

.footer__menu div {
  font-weight: 700;
  color: #0d4047;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.footer__menu li {
  position: relative;
  color: #0d4047;
  text-transform: capitalize
  /* flex :1; */
}
.footer__info {
  position: relative;
}

.footer__info a {
  color: inherit;
  line-height: 128%;
  text-transform: capitalize;
}

.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: #0B3338;
}

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

/* --------------bonus page------------- */
.breadcrumbs {
  display: flex;
  text-align: center;
  justify-content: left;
  /* margin-bottom: 12px; */
  white-space: nowrap;
}

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

.breadcrumbs li a span {
  font-weight: 400;
  color: #ffffff;
  padding: 10px;
  text-transform: uppercase;
}

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

.breadcrumbs li:last-child a span {
  font-weight: 700;
  cursor: default;
}

.background-decorBetting,.background-decorCasino{
  margin-top: 0;
  z-index: 1;
}

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

.breadcrumbs > li:not(:last-child):after {
  content: "/";
  position: relative;
  color: #ffffff;
}



.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: #ffffff;
}

.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: #ffffff;
  text-transform: none;
  font-size: 16px;
  line-height: 160%;
}

.title.bonuses__title {
  display: inline-block;
  flex-direction: column;
  color: #ffffff;
  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;
 

}

/* --------------------app-page------------- */

.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: #2E9344;
  text-transform: none;
  text-align: center;
  color: #ffffff;
  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: #ffffff;
gap: 9px;
  
  padding: 12px  ;
}

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

}

.background-page img{border-radius: 0;}