b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

*, h1, h2, h3, h4, h5, ol, p, ul {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

li {
  text-decoration: none;
}

div {
  display: block;
  unicode-bidi: isolate;
}

body {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  text-rendering: optimizeSpeed;
  word-break: normal;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  transition: 0.4s;
}

input, button {
  outline: none;
}

b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

*, h1, h2, h3, h4, h5, ol, p, ul {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

li {
  text-decoration: none;
}

div {
  display: block;
  unicode-bidi: isolate;
}

body {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  text-rendering: optimizeSpeed;
  word-break: normal;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  transition: 0.4s;
}

input, button {
  outline: none;
}

html {
  font-size: clamp(9px, 0.5208333333vw, 10px);
}
@media (max-width: 1441px) {
  html {
    font-size: clamp(7px, 0.5494505495vw, 8px);
  }
}

body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  background-color: #0b0b0c;
  color: #BFBFBF;
  font: 400 1.6rem/2.4rem "Inter", sans-serif;
}
body.is-lock {
  overflow: hidden;
}

body.menu-open {
  overflow: hidden;
}

html, body, .body-container {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

html, .body-container {
  height: 100%;
  min-height: 100%;
}

main.content {
  position: relative;
  flex: 1;
}

.container {
  width: 100%;
  max-width: 167.2rem;
  margin: 0 auto;
  padding: 0 1.6rem;
}

.container-full {
  width: 100%;
  max-width: 187.2rem;
  margin: 0 auto;
  padding: 0 6rem;
}
@media (max-width: 1400px) {
  .container-full {
    padding: 0 1.6rem;
  }
}

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

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

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

img.contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.icon {
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  flex-grow: 0;
}
.icon img, .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

section {
  position: relative;
  padding: 8rem 0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.item__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

input, textarea, select {
  font: 500 2rem/3rem "Inter", sans-serif;
  width: 100%;
  min-height: 5.6rem;
  padding: 1.8rem 1.2rem;
  border: 0;
  border-radius: 1.6rem;
  background-color: transparent;
  color: #BFBFBF;
  outline: none;
  font-weight: 300;
}
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #88909F;
}
input::placeholder, textarea::placeholder, select::placeholder {
  color: #88909F;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6004 7.45898L11.1671 12.8923C10.5254 13.534 9.47539 13.534 8.83372 12.8923L3.40039 7.45898' stroke='%23333333' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 1.6rem center;
  background-size: 1.6rem;
  padding-right: 4rem;
}

select::-ms-expand {
  display: none;
}

.title-section {
  font: 700 3.2rem/4rem "Inter", sans-serif;
  color: #fff;
  margin-bottom: 3.2rem;
}

@media (max-width: 992px) {
  section {
    padding: 3.2rem 0;
  }
  section .title__section {
    font: 700 4rem/5.6rem "Inter", sans-serif;
  }
}
body {
  font-family: "Inter", sans-serif;
  color: #BFBFBF;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

a {
  font-family: "Inter", sans-serif;
}

button {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.8rem;
}

h1, .h1 {
  color: inherit;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 3rem;
  line-height: 3rem;
}
@media (min-width: 420px) {
  h1, .h1 {
    font-size: 3.4rem;
    line-height: 4rem;
  }
}
@media (min-width: 1025px) {
  h1, .h1 {
    font-size: 4.5rem;
    line-height: 5rem;
  }
}
@media (min-width: 1400px) {
  h1, .h1 {
    font-size: 5.5rem;
    line-height: 7rem;
  }
}

h2, .h2 {
  color: inherit;
  font: 700 4rem/5.6rem "Inter", sans-serif;
}

h3, .h3 {
  color: inherit;
  font: 700 3.2rem/4rem "Inter", sans-serif;
}

h4, .h4 {
  color: inherit;
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
}

h5, .h5 {
  font: 600 1.8rem/3rem "Inter", sans-serif;
  color: inherit;
}

p {
  font-family: inherit;
  font-weight: 400;
  line-height: 2.8rem;
  font-size: 1.4rem;
}
@media (min-width: 1400px) {
  p {
    font-size: 1.6rem;
  }
}

strong {
  font-weight: 600;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.title__section {
  font: 700 4rem/5.6rem "Inter", sans-serif;
  margin-bottom: 4rem;
}

.top__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.top__section .title__section {
  margin-bottom: 0;
}

.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
  transform: scale(1);
}

.slick-dots {
  position: absolute;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.slick-dots button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  width: 2.1rem;
  height: 0.7rem;
  background-color: #C9D1E4;
  font-size: 0;
  line-height: 0;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0);
  transition: 0.4s ease-in-out;
  transform: scale(0.33, 1);
}
.slick-dots .slick-active button {
  transform: scale(1, 1);
  border-radius: 3rem;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  padding: 2rem 0;
  background-color: rgba(11, 11, 12, 0.6);
  backdrop-filter: blur(30px);
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.header-logo {
  width: 22.9rem;
  height: 4.4rem;
  margin-right: auto;
}
.header-logo img, .header-logo a {
  width: 100%;
  height: 100%;
  display: block;
}
.header-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2rem;
}
.header-nav a {
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  color: #BFBFBF;
}
.header-nav a:hover, .header-nav a.active {
  color: #D4AF37;
}
.header-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  justify-content: flex-end;
  position: relative;
  margin-left: auto;
}
.header-action .btn-secondary {
  padding: 0 1.6rem 0 0rem;
  gap: 0.8rem;
  background-color: transparent;
  cursor: pointer;
  border: 0;
}
.header-action .btn-secondary ._icon {
  padding: 1rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(212, 175, 55, 0.1);
}
.header-action .btn-secondary ._icon img, .header-action .btn-secondary ._icon svg {
  width: 2.4rem;
  height: 2.4rem;
}
.header-action .btn-secondary ._icon svg path {
  fill: #F2D675;
}
.header-action .btn-secondary:hover {
  background-color: rgba(212, 175, 55, 0.1);
}
.header-action .btn-secondary:hover ._icon {
  background-color: transparent;
}
.header-action:hover .header-profile__list {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.header-btn {
  width: 2rem;
  height: 1.6rem;
  position: relative;
  display: none;
}
.header-btn span, .header-btn:before, .header-btn:after {
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
  transition: all ease 300ms;
  transform: rotate(0);
}
.header-btn span {
  top: 50%;
}
.header-btn:before {
  content: "";
  top: 0;
}
.header-btn:after {
  content: "";
  top: 100%;
}
.header-btn.active span {
  opacity: 0;
}
.header-btn.active:before {
  margin-top: -0.1rem;
  top: 50%;
  transform: rotate(45deg);
}
.header-btn.active:after {
  margin-top: -0.1rem;
  top: 50%;
  transform: rotate(-45deg);
}
.header-search {
  margin-right: 2.4rem;
  position: relative;
}
.header-search.active .header-search__wrap {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.header-search.active .header-search__btn {
  background-color: #1F1F1F;
}
.header-search.active .header-search__btn svg path {
  fill: #fff;
}
.header-search__btn {
  padding: 1rem;
  border-radius: 1.2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  transition: all ease 300ms;
}
.header-search__btn img,
.header-search__btn svg {
  width: 2.4rem;
  height: 2.4rem;
}
.header-search__btn svg path {
  fill: #D4AF37;
  transition: all ease 300ms;
}
.header-search__btn:hover {
  background-color: rgba(212, 175, 55, 0.08);
  border-color: rgba(212, 175, 55, 0.3);
}
.header-search__wrap {
  position: absolute;
  top: -1rem;
  right: 0;
  width: calc(100vw - 4rem);
  max-width: 54rem;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all ease 300ms;
}
.header-search .search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  padding: 0.4rem;
  border-radius: 1.6rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  background-color: #1F1F1F;
}
.header-search .search-form input {
  width: 100%;
  height: 4.8rem;
  padding: 0 2rem;
  border: 0;
  outline: none;
  font: 400 1.6rem/2.4rem "Inter", sans-serif;
  background-color: transparent;
  color: #fff;
}
.header-search .search-form input::-moz-placeholder {
  color: #BFBFBF;
}
.header-search .search-form input::placeholder {
  color: #BFBFBF;
}
.header-search .search-form .btn-primary {
  padding: 1.2rem 2.4rem;
  border-radius: 1.2rem;
}
.header-form__result {
  margin-top: 2.4rem;
  padding: 3.2rem;
  border-radius: 2.4rem;
  transition: all ease 300ms;
  background-color: rgba(11, 11, 12, 0.6);
  backdrop-filter: blur(30px);
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.header-form__result-popular h5 {
  color: #BFBFBF;
  margin-bottom: 1.6rem;
}
.header-form__result-popular li {
  margin-bottom: 2.4rem;
}
.header-form__result-popular li:last-child {
  margin-bottom: 0;
}
.header-form__result-popular a, .header-form__result-popular button {
  background-color: transparent;
  position: relative;
  font: 500 2rem/3rem "Inter", sans-serif;
  color: #fff;
  padding-left: 3.2rem;
}
.header-form__result-popular a:before, .header-form__result-popular button:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3878_3404' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3878_3404)'%3E%3Cpath d='M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.header-form__result-popular a:hover, .header-form__result-popular button:hover {
  color: #F2D675;
}
.header-form__result-popular a:hover:before, .header-form__result-popular button:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3878_3404' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3878_3404)'%3E%3Cpath d='M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z' fill='%23F2D675FF'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.header-profile__list {
  right: 0;
  position: absolute;
  padding: 0.8rem 1.6rem;
  opacity: 0;
  visibility: hidden;
  color: #fff;
  border-radius: 1.6rem;
  width: 28.4rem;
  top: 130%;
  transition: all ease 300ms;
  background-color: rgba(11, 11, 12, 0.6);
  backdrop-filter: blur(30px);
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.header-profile__list li:last-child {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.header-profile__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font: 600 1.8rem/3rem "Inter", sans-serif;
  padding: 2rem 1.6rem;
}
.header-profile__list a svg {
  width: 2.4rem;
  height: 2.4rem;
}
.header-profile__list a svg path {
  fill: #fff;
}
.header-profile__list a:hover {
  color: #F2D675;
}
.header-profile__list a:hover svg path {
  fill: #F2D675;
}

.has-child {
  position: relative;
}

.has-child__nav {
  position: fixed;
  top: 9rem;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 108.6rem;
  padding: 3.4rem 3.2rem;
  border-radius: 1.6rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  z-index: 50;
}
.has-child__nav:before {
  content: "";
  position: fixed;
  inset: 0;
  background-color: rgba(11, 11, 12, 0.6);
  backdrop-filter: blur(30px);
  pointer-events: none;
  z-index: 1;
}
.has-child__nav h4,
.has-child__nav > ul {
  position: relative;
  z-index: 2;
}
.has-child__nav h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
  color: #fff;
  position: relative;
  z-index: 3;
}
.has-child__nav h4 img, .has-child__nav h4 svg {
  width: 2.8rem;
  height: 2.8rem;
}
.has-child__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 3;
  gap: 0.8rem;
}
.has-child__nav ul li {
  width: calc(33.33333% - 0.6rem);
}
.has-child__nav ul li:last-child a:after {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3930_2610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3930_2610)'%3E%3Cpath d='M13.6 12L9 7.4L10.4 6L16.4 12L10.4 18L9 16.6L13.6 12Z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.has-child__nav ul li:last-child a:hover svg path {
  fill: #F2D675;
}
.has-child__nav ul li:last-child a:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3930_2610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3930_2610)'%3E%3Cpath d='M13.6 12L9 7.4L10.4 6L16.4 12L10.4 18L9 16.6L13.6 12Z' fill='%23D4AF37'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.has-child__nav ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  width: 100%;
  padding: 0.8rem;
  align-items: center;
  font: 600 1.8rem/3rem "Inter", sans-serif;
  position: relative;
  border-radius: 1.6rem;
  color: #fff;
  background-color: #1F1F1F;
  border: 0.1rem solid transparent;
}
.has-child__nav ul a img {
  width: 6.4rem;
  height: 6.4rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.8rem;
}
.has-child__nav ul a .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  width: 6.4rem;
  height: 6.4rem;
}
.has-child__nav ul a .icon svg, .has-child__nav ul a .icon img {
  width: 2.4rem;
  height: 2.4rem;
}
.has-child__nav ul a:after {
  position: absolute;
  content: "";
  right: 1.9rem;
  top: 50%;
  margin-top: -1.2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3930_2610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3930_2610)'%3E%3Cpath d='M13.6 12L9 7.4L10.4 6L16.4 12L10.4 18L9 16.6L13.6 12Z' fill='%23D4AF37'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 2.4rem;
  height: 2.4rem;
  background-size: cover;
  opacity: 0;
  transition: all ease 300ms;
}
.has-child__nav ul a:hover {
  background-color: rgba(31, 31, 31, 0.6);
  color: #F2D675;
  border-color: rgba(212, 175, 55, 0.2);
}
.has-child__nav ul a:hover:after {
  opacity: 1;
  right: 1.6rem;
}

.header-bonus {
  right: 11rem;
  margin: 0 auto;
  padding: 3.4rem 3.2rem;
  color: #fff;
  border-radius: 1.6rem;
  width: 71.3rem;
  position: fixed;
  z-index: 5;
  top: 9rem;
  transition: all ease 300ms;
  background-color: rgba(11, 11, 12, 0.6);
  backdrop-filter: blur(30px);
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.header-bonus h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
  color: #fff;
}
.header-bonus h4 img, .header-bonus h4 svg {
  width: 2.8rem;
  height: 2.8rem;
}
.header-bonus p {
  color: #B8B8B8;
  margin-top: 2.4rem;
}
.header-bonus__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.6rem;
  background-color: #1F1F1F;
  margin-bottom: 0.8rem;
  gap: 2.4rem;
  border-radius: 2.4rem;
}
.header-bonus__item:last-child {
  margin-bottom: 0;
}
.header-bonus__item-media {
  min-width: 19.9rem;
  width: 19.9rem;
  height: 18.2rem;
}
.header-bonus__item-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-bonus__item-desc {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.header-bonus__item-title {
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  margin-bottom: 1.6rem;
}
.header-bonus__item-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.header-bonus__item-info ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #BFBFBF;
  gap: 0.8rem;
}
.header-bonus__item-info ul li b {
  color: #fff;
  font: 600 1.8rem/3rem "Inter", sans-serif;
}
.header-bonus__item-action {
  margin: auto 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.header-bonus__item-action a {
  flex-grow: 1;
}

[data-modal] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 300ms ease, visibility 300ms ease;
}
[data-modal].active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media screen and (max-width: 1200px) {
  .header-logo {
    width: 19rem;
    height: 3.7rem;
  }
  .header-nav ul {
    gap: 2rem;
  }
  .header-action {
    min-width: 24rem;
    gap: 1.2rem;
  }
  .has-child__nav {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: calc(100vw - 4rem);
    max-width: 96rem;
  }
  .has-child__nav ul li {
    width: calc(50% - 0.4rem);
  }
  .header-bonus {
    right: 2rem;
    width: calc(100vw - 4rem);
    max-width: 71.3rem;
  }
}
@media screen and (max-width: 992px) {
  .header {
    padding: 1.6rem 0;
  }
  .header .container {
    justify-content: space-between;
    gap: 1.6rem;
  }
  .header-logo {
    width: 18rem;
    height: 3.5rem;
    position: relative;
    z-index: 12;
  }
  .header-btn {
    display: block;
    position: relative;
    z-index: 12;
  }
  .header-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    padding: 9rem 2rem 3rem;
    background-color: #1F1F1F;
    backdrop-filter: blur(30px);
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
    transform: translateX(100%);
    transition: transform ease 300ms;
    overflow-y: auto;
    z-index: 11;
  }
  .header-nav.active {
    transform: translateX(0);
  }
  .header-nav ul {
    flex-direction: column;
    gap: 0;
  }
  .header-nav li {
    width: 100%;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
  }
  .header-nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.6rem 0;
  }
  .header-action {
    min-width: auto;
    margin-left: auto;
    position: relative;
    z-index: 12;
    display: block !important;
  }
  .has-child {
    position: static;
  }
  .has-child__nav {
    position: static;
    display: none;
    transform: none;
    width: 100%;
    max-width: 100%;
    padding: 1.6rem;
    margin: 0 0 1.6rem;
    border-radius: 1.2rem;
  }
  .has-child__nav.active {
    display: block;
  }
  .has-child__nav h4 {
    font: 600 1.8rem/3rem "Inter", sans-serif;
    gap: 0.8rem;
    margin-bottom: 1.6rem;
  }
  .has-child__nav h4 img,
  .has-child__nav h4 svg {
    width: 2.4rem;
    height: 2.4rem;
  }
  .has-child__nav ul {
    gap: 0.8rem;
  }
  .has-child__nav ul li {
    width: 100%;
    border-bottom: 0;
  }
  .has-child__nav ul a {
    padding: 0.8rem 4rem 0.8rem 0.8rem;
  }
  .has-child__nav ul a img,
  .has-child__nav ul a .icon {
    width: 5.2rem;
    height: 5.2rem;
  }
  .has-child__nav ul a:after {
    opacity: 1;
    right: 1.2rem;
  }
  .has-child__nav ul a:hover:after {
    right: 1.2rem;
  }
  .header-bonus {
    position: absolute;
    display: none;
    right: 0;
    width: 100vw;
    padding: 1.6rem;
    margin: 0 0 1.6rem;
    border-radius: 1.2rem;
  }
  .header-bonus.active {
    display: block;
  }
  .header-bonus h4 {
    font: 600 1.8rem/3rem "Inter", sans-serif;
    gap: 0.8rem;
    margin-bottom: 1.6rem;
  }
  .header-bonus h4 img,
  .header-bonus h4 svg {
    width: 2.4rem;
    height: 2.4rem;
  }
  .header-bonus p {
    margin-top: 1.6rem;
  }
  .header-bonus__item {
    gap: 1.6rem;
    border-radius: 1.6rem;
  }
  .header-bonus__item-media {
    min-width: 16rem;
    width: 16rem;
    height: 14rem;
  }
  .header-bonus__item-title {
    margin-bottom: 1.2rem;
  }
  .header-bonus__item-info ul {
    gap: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .header {
    padding: 1.2rem 0;
  }
  .header-logo {
    width: 15.5rem;
    height: 3rem;
  }
  .header-nav {
    padding: 8rem 1.6rem 2.4rem;
  }
  .has-child__nav {
    padding: 1.2rem;
  }
  .has-child__nav ul a {
    border-radius: 1.2rem;
  }
  .has-child__nav ul a img,
  .has-child__nav ul a .icon {
    width: 4.8rem;
    height: 4.8rem;
  }
  .has-child__nav ul a .icon svg,
  .has-child__nav ul a .icon img {
    width: 2.2rem;
    height: 2.2rem;
  }
  .header-bonus {
    padding: 1.2rem;
  }
  .header-bonus__item {
    flex-direction: column;
    gap: 1.2rem;
    padding: 1.2rem;
  }
  .header-bonus__item-media {
    width: 100%;
    min-width: 100%;
    height: 18rem;
  }
  .header-bonus__item-action {
    margin-top: 1.6rem;
  }
  .header-bonus__item-action .btn-primary,
  .header-bonus__item-action .btn-secondary {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .header-logo {
    width: 13.8rem;
    height: 2.7rem;
  }
  .header-nav {
    padding: 7.2rem 1.2rem 2rem;
  }
  .header-nav a {
    padding: 1.4rem 0;
  }
  .header-btn {
    width: 2.2rem;
    height: 1.8rem;
  }
  .has-child__nav {
    border-radius: 1rem;
  }
  .has-child__nav h4 {
    margin-bottom: 1.2rem;
  }
  .has-child__nav ul a {
    gap: 0.8rem;
    padding-right: 3.6rem;
  }
  .has-child__nav ul a img,
  .has-child__nav ul a .icon {
    width: 4.4rem;
    height: 4.4rem;
  }
  .has-child__nav ul a:after {
    right: 0.8rem;
  }
  .has-child__nav ul a:hover:after {
    right: 0.8rem;
  }
  .header-bonus {
    border-radius: 1rem;
  }
  .header-bonus h4 {
    margin-bottom: 1.2rem;
  }
  .header-bonus__item {
    border-radius: 1.2rem;
  }
  .header-bonus__item-media {
    height: 16rem;
  }
  .header-bonus__item-info ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .header-search {
    position: static;
    margin-right: 1.2rem;
  }
  .header-search__wrap {
    position: fixed;
    left: 1.6rem;
    right: 1.6rem;
    top: 7.6rem;
    width: auto;
  }
}
@media screen and (max-width: 576px) {
  .header-search__wrap {
    left: 1.2rem;
    right: 1.2rem;
    top: 6.8rem;
  }
  .header-search__wrap .search-form {
    flex-direction: column;
  }
  .header-search__wrap .search-form .btn-primary {
    width: 100%;
  }
}
.footer {
  padding: 2.4rem 0 2.6rem;
  border-top: 0.2rem solid rgba(255, 255, 255, 0.1);
}
.footer__top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  align-items: flex-start;
}
.footer__brand {
  width: 100%;
  max-width: 53.3rem;
}
.footer__logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 4rem;
}
.footer__logo img {
  display: block;
  width: 22.9rem;
  height: auto;
}
.footer__warning {
  margin: 0 0 2rem;
}
.footer__lang {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 3rem;
  padding: 0.6rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 0.8rem;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.footer__lang img {
  width: 1.6rem;
  height: auto;
}
.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12rem;
  margin: 0 auto;
}
.footer__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.footer__col a {
  color: #fff;
  text-decoration: none;
  transition: 0.25s ease;
}
.footer__col a:hover {
  color: #F2D675;
}
.footer__title {
  margin-bottom: 0.2rem;
  color: #fff;
}
.footer__up {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border: 0;
  border-radius: 1.2rem;
  background: #1F1F1F;
  color: #fff;
  cursor: pointer;
  transition: 0.25s ease;
}
.footer__up:hover {
  background: #2b2b2b;
}
.footer__middle {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  margin-bottom: 1.4rem;
  z-index: 2;
  position: relative;
}
.footer__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.footer__socials a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 1.2rem;
  color: #fff;
  text-decoration: none;
  transition: 0.25s ease;
}
.footer__socials a:hover {
  background: #202020;
}
.footer__socials a img {
  width: 1.6rem;
  height: 1.6rem;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-top: 1.8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.footer__bottom p {
  margin: 0;
}
.footer__payments {
  margin: 0 auto;
}
.footer__payments ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.8rem;
}
.footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1.8rem;
}
.footer__links a {
  position: relative;
  color: #BFBFBF;
  text-decoration: none;
  transition: 0.25s ease;
}
.footer__links a:hover {
  color: #F2D675;
}
.footer__links a + a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.9rem;
  width: 1px;
  height: 1.2rem;
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-50%);
}
.footer__links span {
  position: relative;
}
.footer__links span::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.9rem;
  width: 1px;
  height: 1.2rem;
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-50%);
}

@media screen and (max-width: 1200px) {
  .footer__brand {
    max-width: 42rem;
  }
  .footer__nav {
    gap: 6rem;
  }
  .footer__logo {
    margin-bottom: 3.2rem;
  }
  .footer__logo img {
    width: 19rem;
  }
  .footer__middle {
    margin-top: -1.5rem;
  }
  .footer__up {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    z-index: 5;
    opacity: 0;
  }
  .footer__up.active {
    opacity: 1;
  }
}
@media screen and (max-width: 992px) {
  .footer {
    padding: 2.4rem 0;
  }
  .footer__top {
    flex-wrap: wrap;
    gap: 3.2rem;
  }
  .footer__brand {
    max-width: 100%;
  }
  .footer__nav {
    width: 100%;
    order: 3;
    justify-content: space-between;
    gap: 3.2rem;
    margin: 0;
  }
  .footer__up {
    margin-left: auto;
  }
  .footer__middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 3.2rem;
    margin-bottom: 2rem;
  }
  .footer__payments {
    margin: 0;
  }
  .footer__bottom {
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .footer__top {
    gap: 2.4rem;
  }
  .footer__logo {
    margin-bottom: 2.4rem;
  }
  .footer__logo img {
    width: 16rem;
  }
  .footer__warning {
    margin-bottom: 1.6rem;
  }
  .footer__nav {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem 1.6rem;
  }
  .footer__col {
    gap: 1.2rem;
  }
  .footer__middle {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2.4rem;
  }
  .footer__socials {
    flex-wrap: wrap;
  }
  .footer__socials a {
    width: 4.4rem;
    height: 4.4rem;
  }
  .footer__bottom {
    flex-direction: column;
    gap: 1.2rem;
  }
  .footer__links {
    flex-wrap: wrap;
    gap: 1rem 1.8rem;
  }
}
@media screen and (max-width: 576px) {
  .footer {
    padding: 2rem 0;
  }
  .footer__top {
    gap: 2rem;
  }
  .footer__logo {
    margin-bottom: 2rem;
  }
  .footer__logo img {
    width: 14rem;
  }
  .footer__lang {
    width: 100%;
    justify-content: center;
  }
  .footer__nav {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .footer__up {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 1rem;
  }
  .footer__middle {
    margin-top: 2rem;
  }
  .footer__bottom {
    padding-top: 1.6rem;
  }
  .footer__links {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .footer__links a + a::before {
    display: none;
  }
}
.hero {
  padding: 0;
  position: relative;
  min-height: 90rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 200rem;
  margin: 0 auto;
}
.hero-media {
  position: absolute;
  right: 0;
  top: 0;
}
.hero-media:before, .hero-media:after {
  position: absolute;
  content: "";
  z-index: 2;
}
.hero-media:before {
  width: 100%;
  max-width: 70rem;
  background: -webkit-gradient(linear, right top, left top, from(rgba(11, 11, 12, 0)), to(rgb(11, 11, 12)));
  background: linear-gradient(-90deg, rgba(11, 11, 12, 0) 0%, rgb(11, 11, 12) 100%);
  height: 100%;
  left: 0;
  top: 0;
}
.hero-media:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 11, 12, 0)), to(rgb(11, 11, 12)));
  background: linear-gradient(-180deg, rgba(11, 11, 12, 0) 0%, rgb(11, 11, 12) 100%);
  width: 100%;
  height: 20rem;
  left: 0;
  bottom: 0;
}
.hero-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-desc {
  position: relative;
  z-index: 5;
  max-width: 67.2rem;
}
.hero-title {
  font: 900 7.2rem/8rem "Inter", sans-serif;
  color: #fff;
  margin-bottom: 2.4rem;
}
.hero-title span {
  color: #D4AF37;
}
.hero-title img {
  display: inline-block;
  width: 8rem;
  height: 8rem;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  top: 0.5rem;
}
.hero-text {
  font: 400 1.8rem/2.8rem "Inter", sans-serif;
  margin-bottom: 8rem;
  max-width: 49rem;
}
.hero-form {
  padding: 0.8rem;
  position: relative;
  border-radius: 1.6rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  background-color: rgba(31, 31, 31, 0.6);
}
.hero-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero-form input {
  border-color: transparent;
  max-width: 42.7rem;
  padding: 0 1.6rem;
}
.hero-form input:focus {
  border-color: transparent;
}
.hero-form .btn-primary {
  font: 600 1.8rem/3rem "Inter", sans-serif;
}
.hero-form__result {
  display: none;
  right: 0;
  position: absolute;
  padding: 2.4rem;
  color: #fff;
  border-radius: 1.6rem;
  width: 100%;
  top: 110%;
  transition: all ease 300ms;
  background-color: rgba(11, 11, 12, 0.6);
  backdrop-filter: blur(30px);
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.hero-form__result-list {
  margin-bottom: 0.8rem;
}
.hero-form__result-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  padding: 0.8rem;
  align-items: center;
  font: 600 1.8rem/3rem "Inter", sans-serif;
  position: relative;
  border-radius: 1.6rem;
  color: #fff;
  background-color: transparent;
}
.hero-form__result-list a img {
  width: 6.4rem;
  height: 6.4rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.8rem;
}
.hero-form__result-list a:after {
  position: absolute;
  content: "";
  right: 1.9rem;
  top: 50%;
  margin-top: -1.2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3930_2610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3930_2610)'%3E%3Cpath d='M13.6 12L9 7.4L10.4 6L16.4 12L10.4 18L9 16.6L13.6 12Z' fill='%23D4AF37'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 2.4rem;
  height: 2.4rem;
  background-size: cover;
  opacity: 0;
  transition: all ease 300ms;
}
.hero-form__result-list a:hover {
  background-color: rgba(31, 31, 31, 0.6);
  color: #F2D675;
}
.hero-form__result-list a:hover:after {
  opacity: 1;
  right: 1.6rem;
}
.hero-form__result-popular h5 {
  color: #BFBFBF;
  margin-bottom: 1.6rem;
}
.hero-form__result-popular li {
  margin-bottom: 2.4rem;
}
.hero-form__result-popular li:last-child {
  margin-bottom: 0;
}
.hero-form__result-popular a, .hero-form__result-popular button {
  background-color: transparent;
  position: relative;
  font: 500 2rem/3rem "Inter", sans-serif;
  color: #fff;
  padding-left: 3.2rem;
}
.hero-form__result-popular a:before, .hero-form__result-popular button:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3878_3404' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3878_3404)'%3E%3Cpath d='M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.hero-form__result-popular a:hover, .hero-form__result-popular button:hover {
  color: #F2D675;
}
.hero-form__result-popular a:hover:before, .hero-form__result-popular button:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3878_3404' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3878_3404)'%3E%3Cpath d='M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z' fill='%23F2D675FF'/%3E%3C/g%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 2001px) {
  .hero {
    max-width: 200rem;
    overflow: hidden;
  }
  .hero-media {
    right: 0;
    height: 90rem;
    min-height: 90rem;
  }
  .hero-media:before {
    left: 0;
    width: 155rem;
    max-width: none;
  }
  .hero-media:after {
    height: 20rem;
  }
  .hero-media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 1200px) {
  .hero {
    min-height: 76rem;
    padding: 12rem 0 8rem;
  }
  .hero-media {
    width: 70%;
    height: 100%;
  }
  .hero-media:before {
    left: 0;
    max-width: 45rem;
  }
  .hero-desc {
    max-width: 58rem;
  }
  .hero-title img {
    width: 6.4rem;
    height: 6.4rem;
  }
  .hero-text {
    margin-bottom: 5.6rem;
  }
  .hero-form {
    max-width: 58rem;
  }
  .hero-form input {
    max-width: 34rem;
  }
}
@media screen and (max-width: 992px) {
  .hero {
    min-height: auto;
    padding: 14rem 0 7rem;
    justify-content: flex-start;
  }
  .hero-media {
    width: 100%;
    height: 48rem;
    opacity: 0.6;
  }
  .hero-media:before {
    left: 0;
    max-width: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(11, 11, 12, 0.2)), to(rgb(11, 11, 12)));
    background: linear-gradient(-90deg, rgba(11, 11, 12, 0.2) 0%, rgb(11, 11, 12) 100%);
  }
  .hero-media:after {
    height: 24rem;
  }
  .hero-desc {
    max-width: 100%;
  }
  .hero-text {
    max-width: 52rem;
    margin-bottom: 4rem;
  }
  .hero-form {
    max-width: 100%;
  }
  .hero-form input {
    max-width: 100%;
    width: 100%;
  }
  .hero-form__result {
    padding: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .hero {
    padding: 11rem 0 5.6rem;
  }
  .hero-media {
    height: 42rem;
  }
  .hero-media:before {
    background: -webkit-gradient(linear, right top, left top, from(rgba(11, 11, 12, 0)), color-stop(75%, rgba(11, 11, 12, 0.95)));
    background: linear-gradient(-90deg, rgba(11, 11, 12, 0) 0%, rgba(11, 11, 12, 0.95) 75%);
  }
  .hero-media:after {
    height: 22rem;
  }
  .hero-title {
    margin-bottom: 1.6rem;
    font-size: 4.8rem;
    line-height: 5rem;
  }
  .hero-title img {
    width: 5.2rem;
    height: 5.2rem;
  }
  .hero-text {
    margin-bottom: 3.2rem;
  }
  .hero-form {
    padding: 0.8rem;
  }
  .hero-form form {
    flex-direction: column;
    align-items: stretch;
    gap: 0.8rem;
  }
  .hero-form input {
    height: 5.2rem;
    padding: 0 1.2rem;
  }
  .hero-form .btn-primary {
    width: 100%;
    min-height: 5.2rem;
  }
  .hero-form__result {
    padding: 1.6rem;
    top: calc(100% + 0.8rem);
  }
  .hero-form__result-list a {
    padding: 0.8rem 4rem 0.8rem 0.8rem;
  }
  .hero-form__result-list a img {
    width: 5.2rem;
    height: 5.2rem;
  }
  .hero-form__result-list a:after {
    right: 1.2rem;
    opacity: 1;
  }
  .hero-form__result-list a:hover:after {
    right: 1.2rem;
  }
  .hero-form__result-popular li {
    margin-bottom: 1.6rem;
  }
  .hero-form__result-popular a,
  .hero-form__result-popular button {
    padding-left: 3rem;
  }
}
@media screen and (max-width: 576px) {
  .hero {
    padding: 9.6rem 0 4.8rem;
  }
  .hero-media {
    height: 36rem;
    opacity: 0.45;
  }
  .hero-media:before {
    background: rgba(11, 11, 12, 0.55);
  }
  .hero-media:after {
    height: 18rem;
  }
  .hero-title img {
    width: 4.4rem;
    height: 4.4rem;
    top: 0.3rem;
  }
  .hero-text {
    max-width: 100%;
    margin-bottom: 2.4rem;
  }
  .hero-form {
    border-radius: 1.2rem;
  }
  .hero-form__result {
    border-radius: 1.2rem;
    padding: 1.2rem;
  }
  .hero-form__result-list a {
    gap: 0.8rem;
    border-radius: 1.2rem;
  }
  .hero-form__result-list a img {
    width: 4.8rem;
    height: 4.8rem;
  }
  .hero-form__result-popular h5 {
    margin-bottom: 1.2rem;
  }
  .hero-form__result-popular li {
    margin-bottom: 1.2rem;
  }
}
.top {
  padding: 12rem 0 0;
  position: relative;
  min-height: 70rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  max-width: 200rem;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.top .hero-desc {
  max-width: 71rem;
  margin: auto 0;
}
.top .hero-title {
  font: 700 4rem/5.6rem "Inter", sans-serif;
}
.top .hero-media {
  z-index: -1;
}
.top .hero-media:before {
  left: 0;
}
.top .hero-subtitle {
  text-align: center;
  max-width: 76.5rem;
  margin: 0 auto auto;
}
.top._about .hero-text {
  text-align: center;
  gap: 1.6rem;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 0 2.4rem;
}
.top._about .hero-text img, .top._about .hero-text svg {
  width: 2.4rem;
  height: 2.4rem;
}

.hero-subtitle {
  font: 700 4rem/5.6rem "Inter", sans-serif;
  color: #fff;
}

.casino-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  margin: auto 0;
}

.hero-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 1.6rem;
  border-radius: 1.6rem;
  background-color: #1F1F1F;
}
.hero-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  align-items: center;
  position: relative;
}
.hero-badge:after {
  position: relative;
  content: "";
  height: 2.4rem;
  margin: 0 3.6rem;
  width: 0.1rem;
  background-color: rgba(255, 255, 255, 0.1);
}
.hero-badge img {
  width: 2.4rem;
  height: 2.4rem;
}
.hero-badge:last-child:after {
  display: none;
}

.breadcrumbs {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}
.breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.breadcrumbs ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.breadcrumbs ul li:after {
  position: relative;
  display: inline-block;
  content: "/";
  line-height: 1;
  margin: 0 1.6rem;
}
.breadcrumbs ul li:last-child {
  color: #fff;
}
.breadcrumbs ul li:last-child:after {
  display: none;
}
.breadcrumbs a {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
}
.breadcrumbs a img, .breadcrumbs a svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.breadcrumbs a:hover {
  color: #F2D675;
}
.breadcrumbs a:hover svg path {
  fill: #F2D675;
}

.casinos-online ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.casinos-online ul li {
  width: calc(33.33333% - 0.6rem);
}
.casinos-online ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  width: 100%;
  padding: 0.8rem;
  align-items: center;
  font: 600 1.8rem/3rem "Inter", sans-serif;
  position: relative;
  border-radius: 1.6rem;
  color: #fff;
  background-color: #1F1F1F;
  border: 0.1rem solid transparent;
}
.casinos-online ul a img {
  width: 6.4rem;
  height: 6.4rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.8rem;
}
.casinos-online ul a .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  width: 6.4rem;
  height: 6.4rem;
}
.casinos-online ul a .icon svg, .casinos-online ul a .icon img {
  width: 2.4rem;
  height: 2.4rem;
}
.casinos-online ul a:after {
  position: absolute;
  content: "";
  right: 1.9rem;
  top: 50%;
  margin-top: -1.2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3930_2610' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3930_2610)'%3E%3Cpath d='M13.6 12L9 7.4L10.4 6L16.4 12L10.4 18L9 16.6L13.6 12Z' fill='%23D4AF37'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 2.4rem;
  height: 2.4rem;
  background-size: cover;
  opacity: 0;
  transition: all ease 300ms;
}
.casinos-online ul a:hover {
  background-color: rgba(31, 31, 31, 0.6);
  color: #F2D675;
  border-color: rgba(212, 175, 55, 0.2);
}
.casinos-online ul a:hover:after {
  opacity: 1;
  right: 1.6rem;
}

.casino-hero {
  gap: 4.8rem;
}
.casino-hero__logo {
  width: 19.9rem;
  height: 18.2rem;
  margin-bottom: 2.4rem;
  border-radius: 1.6rem;
}
.casino-hero__logo img {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.casino-hero__meta {
  border-radius: 1.6rem;
  padding: 1.6rem;
  background-color: #1F1F1F;
}
.casino-hero__meta li {
  font: 500 2rem/3rem "Inter", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.casino-hero__meta li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.casino-hero__meta li img, .casino-hero__meta li svg {
  width: 2.4rem;
  height: 2.4rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.casino-hero__title {
  font: 700 4rem/5.6rem "Inter", sans-serif;
  color: #fff;
}
.casino-hero__content {
  width: 100%;
  max-width: 53.3rem;
}
.casino-hero__title {
  margin-bottom: 2.4rem;
}
.casino-hero__text p {
  margin-bottom: 1.6rem;
}

.casinos-bottom__note {
  text-align: center;
  width: 100%;
}

.casino-bonuses {
  margin-bottom: 6.4rem;
}

.casino-brief {
  border-radius: 1.6rem;
  padding: 3.2rem;
  width: 100%;
  max-width: 53.3rem;
  margin: 0 0 0 auto;
  background-color: #1F1F1F;
}
.casino-brief li {
  font: 500 2rem/3rem "Inter", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.casino-brief li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.casino-brief li span {
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  display: inline-block;
  min-width: 16.4rem;
}
.casino-brief li p {
  margin-bottom: 0;
  color: #fff;
}
.casino-brief__title {
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  color: #fff;
  margin-bottom: 2.4rem;
}

.reviews-section {
  margin-bottom: 6.4rem;
}
.reviews-section .section-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.2rem;
}
.reviews-section .section-head .btn-primary {
  font: 600 1.8rem/3rem "Inter", sans-serif;
}
.reviews-section .title-section span {
  font: 400 2.2rem/3.2rem "Inter", sans-serif;
  color: #BFBFBF;
}
.reviews-section .title-section strong {
  color: #D4AF37;
  margin-left: 2.4rem;
}
.reviews-section .title-section small {
  color: #BFBFBF;
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
}
.reviews-section__more {
  text-align: center;
}

.reviews-list {
  margin-bottom: 3.2rem;
}

.details-section {
  margin-bottom: 6.4rem;
}
.details-section .details-table {
  border-radius: 1.6rem;
  padding: 3.2rem;
  width: 100%;
  margin: 0 0 0 auto;
  background-color: #1F1F1F;
}
.details-section .details-table li {
  font: 500 2rem/3rem "Inter", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  text-align: left;
  padding-bottom: 3.2rem;
  margin-bottom: 3.2rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.details-section .details-table li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.details-section .details-table li span {
  color: #fff;
  width: 100%;
  display: inline-block;
  font: 400 1.6rem/2.4rem "Inter", sans-serif;
}
.details-section .details-table li span:first-child {
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  color: #BFBFBF;
}

.review-card {
  padding: 3.2rem;
  border-radius: 2.4rem;
  background-color: #1F1F1F;
  margin-bottom: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2rem;
}
.review-card__avatar {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background-color: rgba(212, 175, 55, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.review-card__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.review-card__avatar svg {
  width: 5rem;
  height: 5rem;
}
.review-card__content {
  width: calc(100% - 13.8rem);
}
.review-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 3.2rem;
}
.review-card__name {
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  color: #fff;
  margin-bottom: 0.8rem;
}
.review-card__date {
  font: 500 2rem/3rem "Inter", sans-serif;
}
.review-card__rating {
  margin: 0 0 0 auto;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.review-card__rating b {
  font: 700 4rem/5.6rem "Inter", sans-serif;
  color: #fff;
}
.review-card__rating span {
  color: #F2D675;
}
.review-card__media {
  width: 8rem;
  height: 8rem;
  margin-left: 2.4rem;
  border-radius: 0.8rem;
  overflow: hidden;
}
.review-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.review-card:last-child {
  margin-bottom: 0;
}
.review-card p {
  color: #fff;
}

@media screen and (max-width: 1200px) {
  .top {
    min-height: 62rem;
    padding-top: 10rem;
  }
  .top .hero-desc {
    max-width: 62rem;
  }
  .casino-hero {
    gap: 2.4rem;
  }
  .casino-hero__content {
    max-width: 50rem;
  }
  .casino-brief {
    max-width: 48rem;
    padding: 2.4rem;
  }
  .casinos-online ul li {
    width: calc(50% - 0.4rem);
  }
}
@media screen and (max-width: 992px) {
  .top {
    min-height: auto;
    padding: 10rem 0 5.6rem;
  }
  .top .hero-desc {
    max-width: 100%;
    margin: 4rem 0 0;
  }
  .casino-hero {
    flex-direction: column;
    gap: 3.2rem;
  }
  .casino-hero__media {
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.4rem;
    width: 100%;
    align-items: center;
  }
  .casino-hero__logo {
    min-width: 16rem;
    width: 16rem;
    height: 14.6rem;
    margin-bottom: 0;
  }
  .casino-hero__meta {
    width: 100%;
  }
  .casino-hero__content {
    max-width: 100%;
  }
  .hero-badges {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .hero-badge:after {
    margin: 0 2rem;
  }
  .casino-brief {
    max-width: 100%;
    margin: 0;
  }
  .reviews-section .section-head {
    gap: 2.4rem;
    align-items: flex-start;
    flex-direction: column;
  }
  .details-section .details-table {
    padding: 2.4rem;
  }
  .details-section .details-table li {
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
  }
  .review-card {
    padding: 2.4rem;
    gap: 2.4rem;
  }
  .review-card__avatar {
    width: 8rem;
    height: 8rem;
  }
  .review-card__avatar svg {
    width: 4rem;
    height: 4rem;
  }
  .review-card__content {
    width: calc(100% - 10.4rem);
  }
  .review-card__top {
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .top {
    padding: 8.8rem 0 4.8rem;
    background-position: center top;
  }
  .top .hero-title,
  .top .casino-hero__title {
    font: 700 3.2rem/4rem "Inter", sans-serif;
  }
  .breadcrumbs {
    gap: 1.2rem;
    flex-wrap: wrap;
  }
  .casino-hero {
    gap: 2.4rem;
  }
  .casino-hero__media {
    flex-direction: column;
    gap: 1.6rem;
  }
  .casino-hero__logo {
    width: 14rem;
    height: 12.8rem;
  }
  .casino-hero__meta {
    padding: 1.2rem;
  }
  .casino-hero__meta li {
    gap: 1.2rem;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
  }
  .casino-hero__title {
    margin-bottom: 1.6rem;
  }
  .hero-badges {
    align-items: flex-start;
    flex-direction: column;
    padding: 1.2rem;
  }
  .hero-badge {
    width: 100%;
  }
  .hero-badge:after {
    display: none;
  }
  .casinos-online ul li {
    width: 100%;
  }
  .casinos-online ul a {
    border-radius: 1.2rem;
    padding-right: 4rem;
  }
  .casinos-online ul a img,
  .casinos-online ul a .icon {
    width: 5.2rem;
    height: 5.2rem;
  }
  .casinos-online ul a .icon svg,
  .casinos-online ul a .icon img {
    width: 2.2rem;
    height: 2.2rem;
  }
  .casinos-online ul a:after {
    opacity: 1;
    right: 1.2rem;
  }
  .casinos-online ul a:hover:after {
    right: 1.2rem;
  }
  .casino-bonuses,
  .reviews-section,
  .details-section {
    margin-bottom: 4.8rem;
  }
  .casino-brief {
    padding: 2rem;
    border-radius: 1.2rem;
  }
  .casino-brief li {
    flex-direction: column;
    gap: 0.8rem;
  }
  .casino-brief li span {
    min-width: 0;
  }
  .casino-brief__title {
    margin-bottom: 1.6rem;
  }
  .details-section .details-table {
    padding: 2rem;
    border-radius: 1.2rem;
  }
  .details-section .details-table li {
    flex-direction: column;
    gap: 0.8rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .reviews-list {
    margin-bottom: 2.4rem;
  }
  .review-card {
    flex-direction: column;
    padding: 2rem;
    border-radius: 1.6rem;
  }
  .review-card__content {
    width: 100%;
  }
  .review-card__top {
    gap: 1.6rem;
  }
  .review-card__rating {
    text-align: left;
  }
}
@media screen and (max-width: 576px) {
  .top {
    padding: 8rem 0 4rem;
  }
  .top .hero-desc {
    margin-top: 3.2rem;
  }
  .casino-hero__logo {
    width: 12rem;
    height: 11rem;
    border-radius: 1.2rem;
  }
  .casino-hero__meta {
    border-radius: 1.2rem;
  }
  .casino-hero__meta li {
    font: 400 1.6rem/2.4rem "Inter", sans-serif;
  }
  .casino-hero__meta li img,
  .casino-hero__meta li svg {
    width: 2rem;
    height: 2rem;
  }
  .casinos-online ul a {
    font: 400 1.6rem/2.4rem "Inter", sans-serif;
    gap: 0.8rem;
  }
  .casinos-online ul a img,
  .casinos-online ul a .icon {
    width: 4.8rem;
    height: 4.8rem;
  }
  .casino-brief {
    padding: 1.6rem;
  }
  .casino-brief li {
    font: 400 1.6rem/2.4rem "Inter", sans-serif;
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .details-section .details-table {
    padding: 1.6rem;
  }
  .details-section .details-table li {
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .review-card {
    padding: 1.6rem;
  }
  .review-card__avatar {
    width: 6.4rem;
    height: 6.4rem;
  }
  .review-card__avatar svg {
    width: 3.2rem;
    height: 3.2rem;
  }
  .review-card__name {
    font: 600 1.8rem/3rem "Inter", sans-serif;
  }
  .review-card__rating b {
    font: 700 3.2rem/4rem "Inter", sans-serif;
  }
}
.catalog-filter {
  width: 100%;
  max-width: 39.5rem;
  padding: 0.8rem 0.8rem 0.8rem;
  border: 0.1rem solid #fff;
  border-radius: 2.4rem;
  color: #fff;
}
.catalog-filter__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}
.catalog-filter__title {
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  color: #fff;
}
.catalog-filter__clear {
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #D4AF37;
  cursor: pointer;
  transition: all ease 300ms;
}
.catalog-filter__clear:hover {
  color: #F2D675;
}

.catalog-sort {
  position: relative;
  z-index: 3;
  margin-bottom: 1.6rem;
}
.catalog-sort.active .catalog-sort__button img {
  transform: rotate(180deg);
}
.catalog-sort.active .catalog-sort__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.catalog-sort__button {
  width: 100%;
  min-height: 5.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.8rem 1.6rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  border-radius: 2.4rem;
  background-color: transparent;
  color: #BFBFBF;
  cursor: pointer;
}
.catalog-sort__button span {
  color: #fff;
}
.catalog-sort__button strong,
.catalog-sort__button b {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin-left: auto;
  color: #fff;
}
.catalog-sort__button img {
  width: 2.4rem;
  height: 2.4rem;
  transition: all ease 300ms;
}
.catalog-sort__icon {
  opacity: 1 !important;
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
}
.catalog-sort__icon img {
  transform: rotate(0) !important;
}
.catalog-sort__dropdown {
  position: absolute;
  left: 0;
  top: calc(100% + 0.8rem);
  z-index: 5;
  width: 100%;
  padding: 0.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1.6rem;
  background-color: rgba(11, 11, 12, 0.6);
  backdrop-filter: blur(30px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.8rem);
  pointer-events: none;
  transition: all ease 300ms;
}
.catalog-sort__dropdown button {
  width: 100%;
  padding: 1.2rem 1.6rem;
  border: 0;
  border-radius: 1.2rem;
  background-color: transparent;
  color: #fff;
  text-align: left;
  cursor: pointer;
  transition: all ease 300ms;
}
.catalog-sort__dropdown button:hover, .catalog-sort__dropdown button.active {
  background-color: #1F1F1F;
  color: #D4AF37;
}

.filter-box {
  position: relative;
  margin-bottom: 1.6rem;
}
.filter-box:after {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  right: 0;
  bottom: -0.8rem;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.1);
}
.filter-box__inner {
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  padding: 0.8rem;
  border-radius: 1.6rem;
  margin-bottom: 4.8rem;
}
.filter-box:last-child {
  border-bottom: 0;
}
.filter-box:last-child:after {
  display: none;
}
.filter-box.active {
  margin-bottom: 0.8rem;
  border-bottom: 0;
  border-radius: 1.2rem;
  background-color: #202020;
}
.filter-box.active:after {
  opacity: 0;
}
.filter-box.active .filter-box__head {
  padding: 1.6rem;
}
.filter-box.active .filter-box__head img {
  transform: rotate(180deg);
}
.filter-box.active .filter-box__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.filter-box__head {
  width: 100%;
  padding: 1.6rem;
  border: 0;
  background-color: transparent;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  cursor: pointer;
}
.filter-box__head span {
  font: 500 2rem/3rem "Inter", sans-serif;
  color: #BFBFBF;
  text-align: left;
}
.filter-box__head img {
  width: 2.4rem;
  height: 2.4rem;
  transition: all ease 300ms;
}
.filter-box__body {
  display: none;
  flex-wrap: wrap;
  gap: 0.8rem;
  padding: 0 1.6rem 1.6rem;
}
.filter-box__body--list {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem;
}

.filter-chip {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.8rem;
  cursor: pointer;
}
.filter-chip input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.filter-chip input:checked + span {
  border-color: #D4AF37;
  background-color: #D4AF37;
  color: #000;
}
.filter-chip span {
  min-height: 4.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.6rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 10rem;
  gap: 0.8rem;
  background-color: transparent;
  color: #fff;
  transition: all ease 300ms;
}
.filter-chip:hover span {
  border-color: rgba(212, 175, 55, 0.6);
  color: #F2D675;
}
.filter-chip:hover input:checked + span {
  color: #000;
}

.filter-checkbox {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  color: #fff;
  width: 100%;
  cursor: pointer;
}
.filter-checkbox input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.filter-checkbox input:checked + span:before {
  border-color: #D4AF37;
  background-color: #D4AF37;
}
.filter-checkbox input:checked + span:after {
  opacity: 1;
}
.filter-checkbox span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  min-height: 2.8rem;
  padding-left: 3.6rem;
}
.filter-checkbox span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 2.8rem;
  height: 2.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 0.6rem;
  transform: translateY(-50%);
  transition: all ease 300ms;
}
.filter-checkbox span:after {
  position: absolute;
  content: "";
  left: 0.8rem;
  top: 50%;
  width: 1.2rem;
  height: 0.7rem;
  border-left: 0.2rem solid #000;
  border-bottom: 0.2rem solid #000;
  opacity: 0;
  transform: translateY(-65%) rotate(-45deg);
  transition: all ease 300ms;
}
.filter-checkbox:hover span:before {
  border-color: rgba(212, 175, 55, 0.6);
}

@media screen and (max-width: 1200px) {
  .catalog-filter {
    max-width: 32rem;
  }
  .catalog-sort__button {
    padding: 1.4rem 1.6rem;
  }
  .filter-box__head {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
  .filter-box__body {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
@media screen and (max-width: 992px) {
  .catalog-filter {
    max-width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .catalog-filter {
    border-radius: 2rem;
  }
  .catalog-filter__top {
    margin-bottom: 2rem;
  }
  .catalog-sort__button {
    min-height: 5.6rem;
    padding: 1.4rem 1.6rem;
    border-radius: 2.8rem;
  }
  .filter-box.active {
    border-radius: 1.2rem;
  }
  .filter-box.active .filter-box__head {
    padding: 2rem 1.6rem 1.2rem;
  }
  .filter-box__head {
    min-height: 7.2rem;
    padding: 2rem 1.6rem;
  }
  .filter-chip span {
    min-height: 4.2rem;
    padding: 0.8rem 1.4rem;
  }
}
.casinos .title-section {
  margin-bottom: 3.2rem;
  font: 700 3.2rem/4rem "Inter", sans-serif;
  color: #fff;
}
.casinos-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.8rem;
  justify-content: space-between;
}
.casinos-main {
  max-width: 119.7rem;
  width: 100%;
}
.casinos-wrap {
  margin-bottom: 2.4rem;
}
.casinos-item {
  margin-bottom: 6.4rem;
}
.casinos-item .casinos-bottom__note {
  text-align: left;
  width: auto;
}
.casinos-item .casinos-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.2rem;
}
.casinos-item .casinos-item__top .title-section {
  margin-bottom: 0;
}
.casinos-item .casinos-item__top .filter-button {
  display: none;
}
.casinos-item .casinos-item__top .filter-button button {
  background: transparent;
  color: #D4AF37;
}
.casinos .filter-close {
  display: none;
  background: transparent;
  color: #D4AF37;
}
.casinos-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.casinos-bottom._info {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}
.casinos-sidebar {
  max-width: 39.5rem;
  width: 100%;
  padding-top: 7rem;
}
.casinos-sidebar__inner {
  position: sticky;
  top: 10rem;
}

.card-item {
  background-color: #1F1F1F;
  padding: 1.6rem 3.2rem 1.6rem 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
  margin-bottom: 2.4rem;
  border-radius: 2.4rem;
}
.card-item__media {
  position: relative;
  width: 32rem;
  height: 30rem;
}
.card-item__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.6rem;
}
.card-item__rank {
  position: absolute;
  left: 1.8rem;
  z-index: 3;
  top: -3.8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='95' viewBox='0 0 64 95' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.51221 92.5249V2.2683C1.51221 1.85072 1.85072 1.51221 2.2683 1.51221H61.2439C61.6615 1.51221 62 1.85072 62 2.2683V92.489C62 93.0614 61.3886 93.4262 60.8849 93.1544L33.0435 78.1308C32.8254 78.0131 32.5635 78.0097 32.3425 78.1218L2.61027 93.1993C2.1073 93.4543 1.51221 93.0889 1.51221 92.5249Z' fill='%230B0B0C'/%3E%3Cpath d='M1.51221 1.51221V92.5249C1.51221 93.0889 2.1073 93.4543 2.61027 93.1993L32.3425 78.1218C32.5635 78.0097 32.8254 78.0131 33.0435 78.1307L60.8849 93.1544C61.3886 93.4262 62 93.0614 62 92.489V1.51221' stroke='%23D4AF37' stroke-width='3.02439' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 12.4rem;
  width: 6rem;
}
.card-item__rank img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 0;
  width: 3.6rem;
  height: 3.3rem;
}
.card-item__rank span {
  position: absolute;
  bottom: 2.4rem;
  left: 0;
  right: 0;
  text-align: center;
  color: #D4AF37;
  font-weight: 600;
  font-size: 4.8rem;
  line-height: 1;
}
.card-item__desc {
  width: calc(100% - 36rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 1.4rem 0;
}
.card-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.6rem;
}
.card-item__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 2.4rem;
  position: relative;
}
.card-item__label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #fff;
  font: 400 1.8rem/2.8rem "Inter", sans-serif;
  gap: 0.8rem;
}
.card-item__label-text {
  opacity: 0;
  right: -5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  position: absolute;
  visibility: hidden;
  padding: 2.4rem;
  color: #fff;
  border-radius: 1.6rem;
  width: 42rem;
  top: 80%;
  transition: all ease 300ms;
  background-color: rgba(11, 11, 12, 0.6);
  backdrop-filter: blur(30px);
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.card-item__label-text p {
  margin-top: 0.8rem;
}
.card-item__label:hover + .card-item__label-text {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  top: 110%;
}
.card-item__name {
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  color: #F2D675;
}
.card-item__bonus {
  font: 700 3.2rem/4rem "Inter", sans-serif;
  color: #fff;
  max-width: 62rem;
  margin-bottom: 3.2rem;
}
.card-item__info {
  position: relative;
  margin: 0 0 0 auto;
}
.card-item__info:hover .card-item__info-text {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  top: 110%;
}
.card-item__info-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.card-item__info-icon svg, .card-item__info-icon img {
  width: 2.4rem;
  height: 2.4rem;
}
.card-item__info-text {
  opacity: 0;
  right: 0;
  position: absolute;
  visibility: hidden;
  padding: 2.4rem;
  color: #fff;
  border-radius: 1.6rem;
  width: 42rem;
  top: 80%;
  transition: all ease 300ms;
  background-color: rgba(11, 11, 12, 0.6);
  backdrop-filter: blur(30px);
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.card-item__bottom {
  margin: auto 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.card-item__bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.card-item__bottom ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font: 500 2rem/3rem "Inter", sans-serif;
  position: relative;
  gap: 0.8rem;
}
.card-item__bottom ul li:after {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 2rem;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0 2.4rem;
}
.card-item__bottom ul li:last-child:after {
  display: none;
}
.card-item__bottom ul li b {
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  color: #fff;
}
.card-item__bottom .btn-primary {
  font: 600 2rem/2.8rem "Inter", sans-serif;
  white-space: nowrap;
  text-transform: uppercase;
}
.card-item__note {
  color: #F2D675;
  font: 400 1.8rem/2.8rem "Inter", sans-serif;
}
.card-item.card-item--featured {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  position: relative;
}
.card-item.card-item--featured .card-item__media {
  height: auto;
}
.card-item.card-item--featured .card-item__actions {
  position: absolute;
  bottom: 2.4rem;
  right: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
}
.card-item.card-item--featured .card-item__actions a {
  text-transform: uppercase;
}
.card-item.card-item--featured .card-item__actions .btn-secondary {
  font-size: 1.8rem;
  line-height: 3rem;
}
.card-item.card-item--featured .card-item__actions .btn-primary {
  font-size: 2rem;
  line-height: 2.8rem;
}

.sidebar-title {
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  margin-bottom: 2.4rem;
  color: #fff;
}

.sidebar-check__list {
  padding: 1.6rem;
  color: #fff;
  border-radius: 1.6rem;
  background-color: #1F1F1F;
  margin-bottom: 3.4rem;
}
.sidebar-check__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  align-items: center;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
  margin-bottom: 1.6rem;
}
.sidebar-check__list li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.sidebar-check__list li img {
  min-width: 6.4rem;
  width: 6.4rem;
  height: 6.4rem;
}

.sidebar-categories__list {
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  padding: 0.8rem;
  border-radius: 2.4rem;
}
.sidebar-categories__list a {
  padding: 2rem 2.4rem;
  border-radius: 1.6rem;
  font: 600 1.8rem/3rem "Inter", sans-serif;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.sidebar-categories__list a svg, .sidebar-categories__list a img, .sidebar-categories__list a span {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  transition: all ease 300ms;
}
.sidebar-categories__list a:hover {
  background-color: #1F1F1F;
  color: #D4AF37;
}
.sidebar-categories__list a:hover svg path {
  fill: #D4AF37;
}

.profile-banner {
  position: relative;
  border-radius: 2.4rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  margin-bottom: 6.4rem;
  overflow: hidden;
  padding: 4.8rem;
}
.profile-banner__content {
  position: relative;
  z-index: 2;
  max-width: 67.4rem;
}
.profile-banner__content p {
  font: 400 1.8rem/2.8rem "Inter", sans-serif;
}
.profile-banner__content .btn-primary {
  margin-top: 4.8rem;
}
.profile-banner__title {
  font: 700 4rem/5.6rem "Inter", sans-serif;
  color: #fff;
  margin-bottom: 2.4rem;
}
.profile-banner__title span {
  color: #D4AF37;
}
.profile-banner__media {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.profile-banner__media img {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
}
.profile-banner__media:before {
  position: absolute;
  content: "";
  z-index: 2;
  width: 100%;
  max-width: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(11, 11, 12, 0)), to(rgb(11, 11, 12)));
  background: linear-gradient(-90deg, rgba(11, 11, 12, 0) 0%, rgb(11, 11, 12) 100%);
  height: 100%;
  left: 14rem;
  top: 0;
}

.faq-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.faq-item {
  border-radius: 1.4rem;
  background: #202020;
  overflow: hidden;
  transition: background 0.25s ease;
  margin-bottom: 1rem;
}
.faq-item:last-child {
  margin-bottom: 0;
}
.faq-item.active {
  background: #1b1b1c;
}
.faq-item.active .faq-body {
  display: block;
}
.faq-item.active .faq-icon {
  border-color: #dfbd36;
}
.faq-item.active .faq-icon::before {
  transform: translate(-50%, -50%) rotate(225deg);
  border-color: #dfbd36;
}
.faq-head {
  width: 100%;
  min-height: 5.9rem;
  padding: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  text-align: left;
}
.faq-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
}
.faq-num {
  min-width: 1.8rem;
}
.faq-icon {
  position: relative;
  flex: 0 0 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}
.faq-icon::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  width: 0.8rem;
  height: 0.8rem;
  border-right: 0.2rem solid #fff;
  border-bottom: 0.2rem solid #fff;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: 0.25s ease;
}
.faq-body {
  display: none;
  padding: 0 3.2rem 3.2rem;
}
.faq-content {
  padding: 0;
}
.faq-content p {
  margin: 0;
}
.faq-content p + p {
  margin-top: 1.6rem;
}

.info-section__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 4.8rem;
}
.info-section .info-content {
  width: 100%;
  padding: 3.2rem;
  border-radius: 2.4rem;
  background-color: #1F1F1F;
  max-width: 119.7rem;
}
.info-section .info-content__block {
  margin-bottom: 4.8rem;
}
.info-section .info-content__block h2 {
  color: #fff;
  font: 700 3.2rem/4rem "Inter", sans-serif;
  margin-bottom: 2.4rem;
}
.info-section .info-content__block p {
  margin-bottom: 1.6rem;
}
.info-section .info-content__block p:last-child {
  margin-bottom: 0;
}
.info-section .info-nav {
  width: 100%;
  max-width: 39.5rem;
}
.info-section .info-nav__box {
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  padding: 0.8rem;
  position: sticky;
  top: 10rem;
  border-radius: 2.4rem;
}
.info-section .info-nav__box a {
  padding: 1.6rem 2.4rem;
  border-radius: 1.6rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
}
.info-section .info-nav__box a svg, .info-section .info-nav__box a img {
  width: 2.4rem;
  height: 2.4rem;
  transition: all ease 300ms;
}
.info-section .info-nav__box a:hover {
  background-color: #1F1F1F;
  color: #D4AF37;
}
.info-section .info-nav__box a:hover svg path {
  fill: #D4AF37;
}
.info-section .info-nav__box a.active {
  background-color: #1F1F1F;
  color: #D4AF37;
  position: relative;
}
.info-section .info-nav__box a.active:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -1.2rem;
  height: 2.4rem;
  width: 0.3rem;
  background-color: #D4AF37;
  border-top-right-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
}
.info-section .info-nav__box a.active svg path {
  fill: #D4AF37;
}

@media screen and (max-width: 1400px) {
  .card-item__media {
    width: 20rem;
    height: 20rem;
  }
  .card-item__desc {
    width: calc(100% - 20rem);
  }
}
@media screen and (max-width: 1200px) {
  .casinos-grid {
    gap: 2.4rem;
  }
  .casinos-sidebar {
    max-width: 32rem;
  }
  .card-item {
    gap: 2.4rem;
    padding: 1.6rem;
  }
  .card-item__media {
    width: 26rem;
    height: 25rem;
  }
  .card-item__desc {
    width: calc(100% - 28.4rem);
  }
  .card-item__bonus {
    max-width: 100%;
  }
  .card-item__bottom {
    gap: 2rem;
  }
  .card-item__bottom ul {
    flex-wrap: wrap;
    gap: 1.2rem 0;
  }
  .card-item__bottom ul li:after {
    margin: 0 1.6rem;
  }
  .profile-banner {
    padding: 3.2rem;
  }
  .profile-banner__content {
    max-width: 58rem;
  }
  .profile-banner__media {
    width: 55%;
    height: 100%;
  }
  .info-section__grid {
    gap: 2.4rem;
  }
  .info-section .info-content {
    max-width: calc(100% - 34.4rem);
  }
  .info-section .info-nav {
    max-width: 32rem;
  }
}
@media screen and (max-width: 992px) {
  .casinos .title-section {
    margin-bottom: 2.4rem;
  }
  .casinos-grid {
    flex-direction: column;
  }
  .casinos-main {
    max-width: 100%;
  }
  .casinos-sidebar {
    max-width: 100%;
  }
  .casinos-sidebar__inner {
    position: static;
  }
  .casinos-bottom {
    gap: 2.4rem;
    flex-direction: column;
  }
  .casinos-item {
    margin-bottom: 4.8rem;
  }
  .casinos-item .casinos-item__top .filter-button {
    display: block;
  }
  .filter-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    padding: 9rem 2rem 3rem;
    background-color: #1F1F1F;
    backdrop-filter: blur(30px);
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
    transform: translateX(100%);
    transition: transform ease 300ms;
    overflow-y: auto;
    z-index: 11;
  }
  .filter-sidebar.active {
    transform: translateX(0);
  }
  .filter-sidebar .filter-close {
    display: block;
  }
  .card-item {
    gap: 2rem;
  }
  .card-item.card-item--featured .card-item__media img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: top;
       object-position: top;
  }
  .card-item__media {
    width: 22rem;
    min-width: 22rem;
    height: 22rem;
  }
  .card-item__rank {
    top: -3rem;
    left: 1.2rem;
    width: 5.2rem;
    height: 10.8rem;
  }
  .card-item__rank img {
    width: 3rem;
    height: 2.8rem;
  }
  .card-item__rank span {
    bottom: 2rem;
    font-size: 4rem;
  }
  .card-item__desc {
    width: 100%;
  }
  .card-item__top {
    gap: 1.6rem;
  }
  .card-item__heading {
    gap: 1.6rem;
    flex-wrap: wrap;
  }
  .card-item__bonus {
    margin-bottom: 2.4rem;
  }
  .card-item__info-text {
    right: 0;
    width: 34rem;
    padding: 1.6rem;
  }
  .card-item__label-text {
    right: auto;
    left: 0;
    width: 34rem;
    padding: 1.6rem;
  }
  .card-item__bottom {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .card-item__bottom ul {
    width: 100%;
  }
  .card-item__bottom .btn-primary {
    width: 100%;
  }
  .card-item.card-item--featured .card-item__actions {
    margin-top: 1.6rem;
    position: relative;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
  }
  .card-item.card-item--featured .card-item__actions a {
    flex-grow: 1;
  }
  .sidebar-check__list {
    margin-bottom: 2.4rem;
  }
  .sidebar-categories__list a {
    white-space: nowrap;
    padding: 1.4rem 1.6rem;
  }
  .profile-banner {
    margin-bottom: 4.8rem;
    padding: 3.2rem;
    min-height: 34rem;
  }
  .profile-banner__content {
    max-width: 52rem;
  }
  .profile-banner__content .btn-primary {
    margin-top: 3.2rem;
  }
  .profile-banner__media {
    width: 60%;
    height: 100%;
    opacity: 0.55;
  }
  .profile-banner__media:before {
    left: 0;
  }
  .faq-head {
    padding: 2.4rem;
  }
  .faq-body {
    padding: 0 2.4rem 2.4rem;
  }
  .info-section__grid {
    flex-direction: column;
  }
  .info-section .info-content {
    max-width: 100%;
    padding: 2.4rem;
  }
  .info-section .info-nav {
    max-width: 100%;
    order: -1;
  }
  .info-section .info-nav__box {
    position: static;
  }
  .info-section .info-nav__box a {
    padding: 1.4rem 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .casinos .title-section {
    margin-bottom: 2rem;
  }
  .casinos-wrap {
    margin-bottom: 1.6rem;
  }
  .casinos-item {
    margin-bottom: 4rem;
    overflow: hidden;
  }
  .card-item {
    flex-direction: column;
    gap: 1.6rem;
    padding: 1.2rem;
    border-radius: 1.2rem;
  }
  .card-item__media {
    width: 100%;
    min-width: 100%;
    height: 24rem;
  }
  .card-item__media img {
    border-radius: 1.2rem;
  }
  .card-item__rank {
    top: -2.4rem;
    left: 1.2rem;
  }
  .card-item__top {
    flex-direction: column;
    margin-bottom: 1.2rem;
  }
  .card-item__heading {
    gap: 1.2rem;
  }
  .card-item__bonus {
    margin-bottom: 2rem;
  }
  .card-item__info {
    margin: 0;
  }
  .card-item__info-text {
    left: 0;
    right: auto;
    width: calc(100vw - 4rem);
  }
  .card-item__label-text {
    width: calc(100vw - 4rem);
  }
  .card-item__bottom ul {
    width: 100%;
    align-items: flex-start;
  }
  .card-item__bottom ul li:after {
    display: block;
  }
  .sidebar-title {
    margin-bottom: 1.6rem;
  }
  .sidebar-check__list {
    padding: 1.2rem;
    border-radius: 1.2rem;
  }
  .sidebar-check__list li {
    gap: 1.2rem;
  }
  .sidebar-check__list li img {
    min-width: 5.2rem;
    width: 5.2rem;
    height: 5.2rem;
  }
  .profile-banner {
    padding: 2.4rem;
    border-radius: 1.6rem;
    min-height: auto;
  }
  .profile-banner__content {
    max-width: 100%;
  }
  .profile-banner__content .btn-primary {
    width: 100%;
    margin-top: 2.4rem;
  }
  .profile-banner__title {
    margin-bottom: 1.6rem;
  }
  .profile-banner__media {
    width: 100%;
    opacity: 0.25;
  }
  .profile-banner__media:before {
    background: rgba(11, 11, 12, 0.6);
  }
  .faq-item {
    border-radius: 1.2rem;
  }
  .faq-head {
    padding: 1.8rem;
    gap: 1.2rem;
  }
  .faq-question {
    gap: 1rem;
  }
  .faq-body {
    padding: 0 1.8rem 1.8rem;
  }
  .info-section .info-content {
    padding: 1.8rem;
    border-radius: 1.6rem;
  }
  .info-section .info-content__block {
    margin-bottom: 3.2rem;
  }
  .info-section .info-content__block h2 {
    margin-bottom: 1.6rem;
  }
  .info-section .info-nav__box {
    border-radius: 1.2rem;
  }
  .info-section .info-nav__box a {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 576px) {
  .card-item {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 9rem 1fr;
    gap: 1.6rem;
    padding: 1.6rem;
    border-radius: 1.6rem;
  }
  .card-item.card-item--featured .card-item__bonus {
    min-width: 100%;
    width: 100%;
    margin-left: 0;
  }
  .card-item.card-item--featured .card-item__top {
    min-height: auto;
    margin-bottom: 0.6rem;
  }
  .card-item.card-item--featured .card-item__actions, .card-item.card-item--featured .card-item__name {
    width: calc(100% + 10.6rem);
    margin-left: -10.6rem;
  }
  .card-item__media {
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/span 2;
    width: 9rem;
    min-width: 9rem;
    height: 9rem;
    margin: 0;
  }
  .card-item__media img {
    border-radius: 1.4rem;
  }
  .card-item__rank {
    display: none;
  }
  .card-item__desc {
    grid-column: 2;
    width: 100%;
    padding: 0;
    min-width: 0;
  }
  .card-item__name {
    width: 100%;
  }
  .card-item__top {
    margin-bottom: 1.6rem;
    min-height: 10rem;
  }
  .card-item__heading {
    gap: 0.8rem;
  }
  .card-item__bonus {
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 1.6rem;
    min-width: calc(100% + 10.6rem);
    width: calc(100% + 10.6rem);
    margin-left: -10.6rem;
  }
  .card-item__note {
    margin-bottom: 1.6rem;
    width: calc(100% + 10.6rem);
    margin-left: -10.6rem;
  }
  .card-item__bottom {
    width: calc(100% + 10.6rem);
    margin-left: -10.6rem;
    gap: 1.6rem;
  }
  .card-item__bottom ul {
    width: 100%;
    padding: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.2rem;
  }
  .card-item__bottom ul li {
    justify-content: flex-start;
    font-size: 1.6rem;
  }
  .card-item__bottom ul li b {
    font-size: 1.8rem;
  }
  .card-item__bottom ul li:after {
    margin: 0 0.6rem;
  }
  .card-item__bottom .btn-primary {
    width: 100%;
    min-height: 6rem;
    border-radius: 1.4rem;
  }
  .card-item__info {
    margin: 2rem 0 0 -10.6rem;
    padding-top: 0;
    width: calc(100% + 10.6rem);
  }
  .card-item__info.active .card-item__info-icon::after {
    transform: rotate(225deg);
    margin-top: 0.4rem;
  }
  .card-item__info.active .card-item__info-text {
    display: block;
  }
  .card-item__info-icon {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .card-item__info-icon img,
  .card-item__info-icon svg {
    width: 1.8rem;
    height: 1.8rem;
    opacity: 0.65;
  }
  .card-item__info-icon::after {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-right: 0.2rem solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.2rem solid rgba(255, 255, 255, 0.2);
    transform: rotate(45deg);
    transition: transform 0.25s ease;
  }
  .card-item__info-text {
    display: none;
    position: static;
    width: 100%;
    margin-top: 1.4rem;
    padding: 0;
    opacity: 1;
    visibility: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .casinos .title-section {
    font-size: 3rem;
    margin-bottom: 1.6rem;
  }
  .reviews-section .title-section strong {
    margin-left: 0.4rem;
  }
  .sidebar-categories__list {
    border-radius: 1.2rem;
  }
  .sidebar-categories__list a {
    padding: 1.2rem 1.4rem;
    border-radius: 1rem;
  }
  .profile-banner {
    padding: 1.6rem;
    margin-bottom: 4rem;
  }
  .profile-banner__media {
    display: none;
  }
  .faq-head {
    padding: 1.6rem;
  }
  .faq-body {
    padding: 0 1.6rem 1.6rem;
  }
  .faq-icon {
    flex: 0 0 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
  }
  .info-section .info-content {
    padding: 1.6rem;
  }
  .info-section .info-content__block {
    margin-bottom: 2.4rem;
  }
}
.mission-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.2rem;
  align-items: center;
  background-color: #1F1F1F;
  border-radius: 3.2rem;
  gap: 3.2rem;
  justify-content: space-between;
}
.mission-desc {
  max-width: 40%;
  width: 100%;
  align-items: center;
}
.mission-desc .title-section {
  font: 700 3.2rem/4rem "Inter", sans-serif;
  color: #fff;
  margin-bottom: 4rem;
}
.mission-desc .text-section {
  font: 400 1.8rem/2.8rem "Inter", sans-serif;
  color: #fff;
}
.mission-media {
  width: 100%;
  height: 35rem;
  max-width: 50%;
  border-radius: 2.4rem;
}
.mission-media img {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.benefits .title-section {
  font: 700 3.2rem/4rem "Inter", sans-serif;
  color: #fff;
  margin-bottom: 3.2rem;
}
.benefits-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin: 0 -0.4rem;
}
.benefits-item {
  width: 100%;
  padding: 3.2rem;
  border-radius: 2.4rem;
  max-width: calc(33.3333% - 0.8rem);
  background-color: #1F1F1F;
}
.benefits-item__media {
  width: 6.4rem;
  height: 6.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 0.8rem;
  margin-bottom: 2.4rem;
  border: 0.1rem solid rgba(212, 175, 55, 0.1);
}
.benefits-item__media img, .benefits-item__media svg {
  width: 2.4rem;
  height: 2.4rem;
}
.benefits-item__title {
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  color: #fff;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1200px) {
  .mission-wrap {
    gap: 2.4rem;
    padding: 2.4rem;
    border-radius: 2.4rem;
  }
  .mission-desc {
    max-width: 45%;
  }
  .mission-desc .title-section {
    margin-bottom: 3.2rem;
  }
  .mission-media {
    max-width: 50%;
    height: 32rem;
  }
  .benefits-item {
    padding: 2.4rem;
  }
}
@media screen and (max-width: 992px) {
  .mission-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .mission-desc {
    max-width: 100%;
  }
  .mission-media {
    max-width: 100%;
    height: 34rem;
  }
  .benefits-item {
    max-width: calc(50% - 0.4rem);
  }
}
@media screen and (max-width: 768px) {
  .mission-wrap {
    padding: 2rem;
    border-radius: 2rem;
    gap: 2rem;
  }
  .mission-desc .title-section {
    font: 700 2.2rem/3.2rem "Inter", sans-serif;
    margin-bottom: 2.4rem;
  }
  .mission-desc .text-section {
    font: 400 1.6rem/2.4rem "Inter", sans-serif;
  }
  .mission-media {
    height: 28rem;
    border-radius: 1.6rem;
  }
  .benefits .title-section {
    font: 700 2.2rem/3.2rem "Inter", sans-serif;
    margin-bottom: 2.4rem;
  }
  .benefits-item {
    max-width: 100%;
    padding: 2rem;
    border-radius: 1.6rem;
  }
  .benefits-item__media {
    width: 5.6rem;
    height: 5.6rem;
    margin-bottom: 2rem;
  }
  .benefits-item__title {
    font: 600 1.8rem/3rem "Inter", sans-serif;
    margin-bottom: 1.2rem;
  }
}
@media screen and (max-width: 576px) {
  .mission-wrap {
    padding: 1.6rem;
    border-radius: 1.6rem;
  }
  .mission-desc .title-section {
    margin-bottom: 1.6rem;
  }
  .mission-media {
    height: 22rem;
    border-radius: 1.2rem;
  }
  .benefits-wrap {
    gap: 1.2rem;
    margin: 0;
  }
  .benefits-item {
    padding: 1.6rem;
    border-radius: 1.2rem;
  }
  .benefits-item__media {
    width: 4.8rem;
    height: 4.8rem;
    margin-bottom: 1.6rem;
  }
  .benefits-item__media img,
  .benefits-item__media svg {
    width: 2rem;
    height: 2rem;
  }
}
.profile {
  padding: 16rem 0 8rem;
}
.profile .container {
  max-width: 123.1rem;
}
.profile .title-section {
  margin-bottom: 2.4rem;
}
.profile .text-section {
  font: 400 1.8rem/2.8rem "Inter", sans-serif;
  margin-bottom: 4rem;
}
.profile-item {
  padding: 3.2rem;
  background-color: #1F1F1F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 2.4rem;
  margin-bottom: 2.4rem;
}
.profile-item:last-child {
  margin-bottom: 0;
}
.profile-item__title {
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  color: #fff;
}
.profile-item__action {
  margin: 0 0 0 auto;
}
.profile-item__name {
  font: 500 2rem/3rem "Inter", sans-serif;
}
.profile-item__name span {
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
  color: #fff;
  margin-top: 0.8rem;
  display: block;
}
.profile-item__edit {
  margin: 0 0 0 auto;
}
.profile-item__list {
  width: 100%;
  margin-top: 2.4rem;
}
.profile-item__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}
.profile-item__list li span {
  display: inline-block;
  width: 50%;
}
.profile-item__list li span:first-child {
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
}
.profile-item__list li span:last-child {
  color: #fff;
}
.profile-item__list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.profile-item__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.profile-item__change {
  width: 100%;
  display: none;
}
.profile-item__change-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0 auto;
  gap: 1.6rem;
}
.profile-item__change-action button {
  font: 600 1.8rem/3rem "Inter", sans-serif;
  padding: 1.5rem 4rem;
}
.profile-item__inputs {
  width: 100%;
  gap: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1200px) {
  .profile {
    padding: 14rem 0 7rem;
  }
  .profile .container {
    max-width: 100%;
  }
  .profile-item {
    padding: 2.4rem;
    border-radius: 2rem;
  }
  .profile-item__change-action button {
    padding: 1.4rem 3.2rem;
  }
}
@media screen and (max-width: 992px) {
  .profile {
    padding: 12rem 0 6rem;
  }
  .profile .text-section {
    margin-bottom: 3.2rem;
  }
  .profile-item {
    align-items: flex-start;
  }
  .profile-item__title {
    width: 100%;
    margin-bottom: 1.6rem;
  }
  .profile-item__action {
    margin: 0;
  }
  .profile-item__change-action {
    width: 100%;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .profile {
    padding: 10rem 0 5rem;
  }
  .profile .title-section {
    margin-bottom: 1.6rem;
  }
  .profile .text-section {
    font: 400 1.6rem/2.4rem "Inter", sans-serif;
    margin-bottom: 2.4rem;
  }
  .profile-item {
    padding: 2rem;
    border-radius: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .profile-item__inner {
    gap: 1.6rem;
  }
  .profile-item__info {
    width: calc(100% - 6rem);
  }
  .profile-item__edit {
    margin-left: auto;
  }
  .profile-item__name span {
    font: 600 1.8rem/3rem "Inter", sans-serif;
  }
  .profile-item__list {
    margin-top: 1.6rem;
  }
  .profile-item__list li {
    gap: 0.8rem;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
  }
  .profile-item__list li span {
    width: 50%;
  }
  .profile-item__inputs {
    gap: 1.2rem;
  }
  .profile-item__inputs .modal-input {
    width: 100%;
  }
  .profile-item__inputs .modal-input._half {
    width: 100%;
  }
  .profile-item__change-action {
    justify-content: stretch;
    gap: 1.2rem;
  }
  .profile-item__change-action button {
    width: 100%;
    padding: 1.3rem 2rem;
  }
}
@media screen and (max-width: 576px) {
  .profile {
    padding: 8.8rem 0 4rem;
  }
  .profile-item {
    padding: 1.6rem;
    border-radius: 1.2rem;
  }
  .profile-item__title {
    font: 600 1.8rem/3rem "Inter", sans-serif;
  }
  .profile-item__name {
    width: 100%;
  }
  .profile-item__name span {
    margin-top: 0.6rem;
  }
  .profile-item__info {
    width: calc(100% - 4.8rem);
  }
  .profile-item__edit button {
    padding: 0;
  }
  .profile-item__edit button img,
  .profile-item__edit button svg {
    width: 2.4rem;
    height: 2.4rem;
  }
  .profile-item__list li {
    flex-direction: column;
  }
  .profile-item__list li span {
    width: 100%;
  }
  .profile-item__list li span:first-child {
    margin-bottom: 0.4rem;
  }
  .profile-item__action {
    width: 100%;
  }
  .profile-item__action .btn-primary {
    width: 100%;
    justify-content: center;
  }
  .profile-item__change-action {
    flex-direction: column-reverse;
  }
  .profile-item__change-action button {
    width: 100%;
  }
}
.error-section {
  width: 100%;
}
.error-section .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
}
.error-section .media-section {
  border-radius: 2.4rem;
  overflow: hidden;
  margin-bottom: 8rem;
}
.error-section .media-section img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.error-section .title-section {
  margin-bottom: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-content: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.error-section .text-section {
  text-align: center;
  max-width: 67.5rem;
  font: 400 1.8rem/2.8rem "Inter", sans-serif;
}
.error-section .link-section {
  margin-top: 2.4rem;
}
.error-section .link-section .btn-primary {
  text-transform: uppercase;
  font: 600 2rem/2.8rem "Inter", sans-serif;
}

.top-content {
  width: 100%;
  max-width: 78.5rem;
  margin: auto;
  text-align: center;
}
.top-content .hero-title {
  margin-bottom: 2.4rem;
}
.top-content .hero-text {
  margin: 0 auto 6.2rem;
}

.numbers {
  padding: 8rem 0;
}
.numbers .container {
  max-width: 119.7rem;
}
.numbers-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.numbers-item {
  padding: 0 2.4rem;
  border-left: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.numbers-item span {
  width: 100%;
  display: block;
  margin-bottom: 4rem;
  font: 900 7.2rem/8rem "Inter", sans-serif;
  color: #fff;
}

.best-casinos {
  padding: 6.4rem 0;
}
.best-casinos .container {
  max-width: 119.7rem;
}
.best-casinos .casinos-bottom {
  justify-content: center;
}
.best-casinos .casinos-item {
  margin-bottom: 0;
}

.banner {
  padding: 0;
}
.banner .container {
  max-width: 119.7rem;
}

.reviews-page {
  padding: 6.4rem 0;
}
.reviews-page .container {
  max-width: 119.7rem;
}

.reviews-page__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reviews-page__top .catalog-sort {
  min-width: 39.5rem;
}

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

.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.pagination ul a, .pagination ul span {
  width: 6rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  color: #fff;
  font: 600 2rem/2.8rem "Inter", sans-serif;
}
.pagination ul a:hover {
  color: #D4AF37;
}
.pagination ul a:hover svg path {
  fill: #D4AF37;
}
.pagination ul a.active {
  background-color: #D4AF37;
  color: #0b0b0c;
}

@media screen and (max-width: 1200px) {
  .top-content {
    max-width: 72rem;
  }
  .top-content .hero-text {
    margin-bottom: 4.8rem;
  }
  .numbers {
    padding: 6.4rem 0;
  }
  .numbers-wrap {
    gap: 2.4rem;
  }
  .numbers-item {
    padding: 0 1.8rem;
  }
  .numbers-item span {
    margin-bottom: 2.8rem;
  }
  .reviews-page__top {
    gap: 2.4rem;
  }
  .reviews-page__top .catalog-sort {
    min-width: 32rem;
  }
}
@media screen and (max-width: 991px) {
  .top-content {
    max-width: 64rem;
  }
  .top-content .hero-title {
    margin-bottom: 2rem;
  }
  .top-content .hero-text {
    margin-bottom: 4rem;
  }
  .numbers {
    padding: 5.6rem 0;
  }
  .numbers-wrap {
    flex-wrap: wrap;
    gap: 3.2rem 0;
  }
  .numbers-item {
    width: 50%;
    padding: 0 2rem;
  }
  .numbers-item span {
    margin-bottom: 2rem;
  }
  .best-casinos,
  .reviews-page {
    padding: 5.6rem 0;
  }
  .reviews-page__top {
    flex-direction: column;
    align-items: flex-start;
  }
  .reviews-page__top .catalog-sort {
    width: 100%;
    min-width: 0;
  }
  .reviews-list__bottom {
    gap: 2.4rem;
    flex-direction: column;
    align-items: center;
  }
  .pagination ul a,
  .pagination ul span {
    width: 5.2rem;
    height: 5.2rem;
  }
}
@media screen and (max-width: 768px) {
  .top-content {
    max-width: 100%;
    text-align: left;
  }
  .top-content .hero-title {
    margin-bottom: 1.6rem;
  }
  .top-content .hero-text {
    margin: 0 0 3.2rem;
  }
  .numbers {
    padding: 4.8rem 0;
  }
  .numbers-wrap {
    gap: 2.4rem 0;
  }
  .numbers-item {
    width: 50%;
    padding: 0 1.6rem;
  }
  .numbers-item span {
    margin-bottom: 1.6rem;
  }
  .best-casinos,
  .reviews-page {
    padding: 4.8rem 0;
  }
  .reviews-page__top {
    margin-bottom: 2.4rem;
  }
  .pagination ul {
    justify-content: center;
    flex-wrap: wrap;
  }
  .pagination ul a,
  .pagination ul span {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1rem;
  }
}
@media screen and (max-width: 575px) {
  .top-content .hero-text {
    margin-bottom: 2.4rem;
  }
  .numbers {
    padding: 4rem 0;
  }
  .numbers-wrap {
    flex-direction: column;
    gap: 2rem;
  }
  .numbers-item {
    width: 100%;
    padding: 0 0 0 1.6rem;
  }
  .numbers-item span {
    margin-bottom: 1.2rem;
  }
  .best-casinos,
  .reviews-page {
    padding: 4rem 0;
  }
  .reviews-list__bottom {
    gap: 2rem;
  }
  .pagination {
    width: 100%;
  }
  .pagination ul {
    gap: 0.4rem;
  }
  .pagination ul a,
  .pagination ul span {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 0.8rem;
  }
}
.catalog-filter,
.catalog-sort,
.filter-box,
.filter-sidebar {
  box-sizing: border-box;
  min-width: 0;
}

.catalog-filter {
  overflow: hidden;
}

.catalog-sort {
  isolation: isolate;
}
.catalog-sort__dropdown {
  backdrop-filter: blur(30px);
  transform: translate3d(0, -0.8rem, 0);
  will-change: transform, opacity;
}
.catalog-sort.active .catalog-sort__dropdown {
  transform: translate3d(0, 0, 0);
}

.filter-sidebar {
  backdrop-filter: blur(30px);
  transform: translate3d(100%, 0, 0);
  will-change: transform;
  -webkit-overflow-scrolling: touch;
}
.filter-sidebar.active {
  transform: translate3d(0, 0, 0);
}

.filter-box {
  min-width: 0;
}
.filter-box__inner, .filter-box__head, .filter-box__body {
  min-width: 0;
}
.filter-box__body {
  width: 100%;
}

.filter-chip {
  max-width: 100%;
}
.filter-chip span {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  text-align: center;
}

.filter-checkbox {
  min-width: 0;
}
.filter-checkbox span {
  min-width: 0;
  word-break: break-word;
}

.filter-sidebar {
  height: 100vh;
  height: 100svh;
  height: 100dvh;
}

.header._betting {
  border-bottom: 0;
  background-color: transparent;
  backdrop-filter: none;
}

.hero-betting {
  overflow: hidden;
  background-size: cover;
  min-height: 50rem;
  background-repeat: no-repeat;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}
.hero-betting .container {
  position: relative;
}
.hero-betting__media {
  position: absolute;
  right: 8.1rem;
  bottom: -16rem;
  width: 66.8rem;
  height: 47.5rem;
}
.hero-betting__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-betting .hero-title {
  font: 700 6rem/7.8rem "Inter", sans-serif;
  letter-spacing: 1.8px;
  margin: 5.5rem 0 2.4rem;
}
.hero-betting .hero-text {
  margin-bottom: 0;
}

.betting {
  background-size: cover;
  background-repeat: repeat;
  margin: 0 auto;
  padding-bottom: 12rem;
}
.betting .container {
  max-width: 143rem;
}
.betting-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  margin-bottom: 6.4rem;
}
.betting-card {
  width: 100%;
  max-width: calc(50% - 1.2rem);
  position: relative;
  padding: 4.2rem 3.2rem 3.2rem;
  border-radius: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 1;
}
.betting-card::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(-72deg, rgb(129, 77, 1) 47%, rgb(219, 157, 1) 75%);
  pointer-events: none;
  z-index: -1;
}
.betting-card__bg {
  z-index: -1;
  position: absolute;
  left: 0.3rem;
  top: 0.3rem;
  right: 0.3rem;
  bottom: 0.3rem;
  border-radius: inherit;
  width: calc(100% - 0.6rem);
  height: calc(100% - 0.6rem);
}
.betting-card__bg img {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.betting-card__label {
  top: 0;
  left: 0;
  padding: 0.8rem 2rem;
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  color: #fff;
  background: linear-gradient(122deg, rgb(179, 105, 0) 0%, rgb(255, 202, 1) 29%, rgb(129, 77, 1) 75%);
  position: absolute;
  gap: 0.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  border-radius: 2.4rem 0 2.4rem 0;
}
.betting-card__label:before, .betting-card__label:after {
  position: absolute;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
}
.betting-card__label:before {
  left: 0;
  bottom: -1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0C7.16344 4.1075e-07 0 7.16344 0 16V0H16Z' fill='%23D99A00'/%3E%3C/svg%3E%0A");
}
.betting-card__label:after {
  right: -1.6rem;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0C7.16344 4.1075e-07 0 7.16344 0 16V0H16Z' fill='%23814D01'/%3E%3C/svg%3E%0A");
}
.betting-card__number {
  position: absolute;
  z-index: 2;
  font: 600 1.8rem/3rem "Inter", sans-serif;
  color: #fff;
  padding: 1.6rem 2rem;
  right: 0;
  top: 0;
}
.betting-card__number:before {
  position: absolute;
  content: "";
  top: 0;
  z-index: -1;
  right: 0;
  width: 9.6rem;
  height: 9.6rem;
  background: linear-gradient(81deg, #B36900 0%, #FFCA01 29%, #814D01 75%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  pointer-events: none;
}
.betting-card__title {
  font: 700 2.9rem/3.8rem "Inter", sans-serif;
  color: #fff;
  letter-spacing: 0.1px;
  margin-bottom: 1.4rem;
}
.betting-card__link {
  margin-top: auto;
}
.betting-card__logo {
  margin-bottom: 2rem;
  width: 100%;
  height: 6.4rem;
  max-width: 38.1rem;
}
.betting-card__logo a {
  display: block;
  height: 100%;
}
.betting-card__logo img {
  width: auto;
  height: 100%;
  max-width: 38.1rem;
}
.betting-card:nth-of-type(2n):before {
  background: linear-gradient(-69deg, rgb(115, 0, 0) 0%, rgb(102, 102, 102) 100%);
}
.betting-card:nth-of-type(2n) .betting-card__logo {
  margin: 0.7rem 0 2.4rem;
}
.betting-card:nth-of-type(2n) .betting-card__label {
  background: -webkit-gradient(linear, right top, left top, from(rgba(79, 79, 79, 0)), to(rgb(79, 79, 79)));
  background: linear-gradient(-90deg, rgba(79, 79, 79, 0) 0%, rgb(79, 79, 79) 100%);
}
.betting-card:nth-of-type(2n) .betting-card__label:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0C7.16344 4.1075e-07 0 7.16344 0 16V0H16Z' fill='%23505052'/%3E%3C/svg%3E%0A");
}
.betting-card:nth-of-type(2n) .betting-card__label:after {
  display: none;
}
.betting-card:nth-of-type(2n) .betting-card__number:before {
  background: linear-gradient(69deg, rgba(0, 0, 0, 0) 0%, rgba(181, 0, 0, 0.5) 100%);
}
.betting .title-section {
  font-size: 3.4rem;
  margin-bottom: 3rem;
}
.betting-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  width: 100%;
}
.betting-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: calc(50% - 1.2rem);
  gap: 3.2rem;
  position: relative;
  border-radius: 2.4rem;
  padding: 1.6rem;
  background-color: #fff;
}
.betting-item__best {
  position: absolute;
  top: -3.2rem;
  left: 1.6rem;
}
.betting-item__best img {
  width: 6.049rem;
  height: 12.4rem;
}
.betting-item__media {
  width: 24.8rem;
  height: 24.8rem;
  border-radius: 1.6rem;
}
.betting-item__media img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.betting-item__desc {
  width: 100%;
  max-width: calc(100% - 28rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.betting-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.3rem;
  margin-top: -0.5rem;
}
.betting-item__top span:first-child {
  color: #5D20E0;
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
}
.betting-item__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  align-items: center;
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  color: #000;
  position: relative;
  left: -1.6rem;
  top: 0.4rem;
  padding: 0.7rem 1.1rem;
  border-radius: 10rem;
  background-color: rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  border: 0.1rem solid rgba(0, 0, 0, 0.05);
}
.betting-item__rating img, .betting-item__rating svg {
  width: 2rem;
  height: 2rem;
}
.betting-item__title {
  margin-bottom: 1.5rem;
  color: #000;
  font: 700 3.2rem/4rem "Inter", sans-serif;
  font-size: 3.4rem;
}
.betting-item__text {
  margin-bottom: 1.6rem;
  color: rgba(0, 0, 0, 0.5);
  font: 400 1.8rem/2.8rem "Inter", sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.3px;
  padding-right: 2rem;
}
.betting-item__link {
  margin-top: auto;
}
.betting-item__link a {
  padding: 1.5rem;
  text-align: center;
  width: 18.6rem;
}

@media (max-width: 1672px) {
  .hero-betting .container {
    max-width: 144.2rem;
  }
}
@media screen and (max-width: 992px) {
  .header-action {
    display: none;
  }
  .hero-betting .hero-desc {
    max-width: 58rem;
  }
  .hero-betting__media {
    width: 45.9rem;
    height: 35.1rem;
    right: 0;
  }
  .hero-betting:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    pointer-events: none;
  }
}
@media screen and (max-width: 768px) {
  .betting-card {
    padding: 5.2rem 1rem 2rem;
  }
  .betting-card__bg img {
    -o-object-position: 70% 0;
       object-position: 70% 0;
  }
  .betting-card__number {
    padding: 0.6rem 1rem;
  }
  .betting-card__number:before {
    width: 7.6rem;
    height: 7.6rem;
  }
  .betting-card__logo {
    max-width: 15rem;
  }
  .betting-card__logo a {
    height: auto;
  }
  .betting-card__logo img {
    width: 100%;
    height: auto;
  }
  .betting-card__title {
    font-size: 2.4rem;
    font-weight: 600;
    max-width: 20rem;
  }
  .betting-item {
    max-width: 100%;
  }
}
@media screen and (max-width: 586px) {
  .hero-betting {
    background-position: center;
    min-height: 40rem;
  }
  .hero-betting .hero-desc {
    max-width: 28rem;
  }
  .hero-betting .hero-title {
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin-bottom: 1.6rem;
  }
  .hero-betting .hero-text h4 {
    font-size: 2rem;
    font-weight: 400;
  }
  .hero-betting__media {
    width: 40.9rem;
    height: 30.1rem;
    right: 0;
  }
  .betting-grid {
    gap: 1rem;
    margin-bottom: 4rem;
  }
  .betting .title-section {
    font-size: 2.4rem;
  }
  .betting-card {
    padding: 3.8rem 1rem 1rem;
    max-width: calc(50% - 0.5rem);
  }
  .betting-card__bg img {
    -o-object-position: 65% 0;
       object-position: 65% 0;
  }
  .betting-card__logo {
    height: auto;
  }
  .betting-card__label {
    padding: 0.4rem 1rem;
    font-size: 1.4rem;
  }
  .betting-card__number {
    padding: 0.2rem 0.7rem;
    font-size: 2rem;
  }
  .betting-card__number:before {
    width: 6.6rem;
    height: 6.6rem;
  }
  .betting-card__logo {
    margin-bottom: 1rem;
  }
  .betting-card__logo img {
    max-height: 3.4rem;
    height: 100%;
    width: auto;
    -o-object-position: left;
       object-position: left;
  }
  .betting-card__link a, .betting-card__link button {
    width: 100%;
  }
  .betting-card:nth-of-type(2n) .betting-card__logo {
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .hero-betting {
    min-height: 28rem;
  }
  .hero-betting .hero-title {
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin: 0.9rem 0.8rem 0.5rem;
    letter-spacing: 1.3px;
  }
  .hero-betting .hero-text {
    margin: 0 0.8rem;
  }
  .hero-betting__media {
    width: 33.9rem;
    height: 23.6rem;
    right: 0;
    bottom: -9rem;
  }
  .betting {
    padding-top: 2.4rem;
    padding-bottom: 6.2rem;
  }
  .betting-wrap {
    gap: 1.75rem;
  }
  .betting-item {
    gap: 1.8rem;
  }
  .betting-item__best {
    top: -3.2rem;
    left: 1.6rem;
  }
  .betting-item__best img {
    width: 5.049rem;
    height: 12.4rem;
  }
  .betting-item__media {
    width: 15rem;
    height: 15rem;
  }
  .betting-item__desc {
    width: 100%;
    max-width: calc(100% - 17rem);
  }
  .betting-item__top {
    margin-bottom: 0.8rem;
  }
  .betting-item__top span {
    font-size: 2rem;
    font-weight: 400;
  }
  .betting-item__rating {
    font-size: 2rem;
  }
  .betting-item__title {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 0.8rem;
  }
  .betting-item__text {
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 1rem;
    padding-right: 0;
  }
  .betting-item__link a {
    width: 100%;
    padding: 1.4rem;
  }
  .betting .container {
    padding: 0 2.3rem;
  }
  .betting .title-section {
    font-size: 2.3rem;
    margin-bottom: 2rem;
  }
  .betting-grid {
    margin-bottom: 3rem;
  }
  .betting-card {
    border-radius: 1.2rem;
    padding: 3.8rem 1.4rem 1.4rem;
  }
  .betting-card__bg img {
    -o-object-position: 75% 0;
       object-position: 75% 0;
  }
  .betting-card__label {
    padding: 0.3rem 1rem;
    border-radius: 1.2rem 0 1.2rem 0;
    gap: 0;
    font-size: 1.2rem;
  }
  .betting-card__label img, .betting-card__label svg {
    width: 2rem;
  }
  .betting-card__label:before, .betting-card__label:after {
    width: 1.2rem;
    height: 1.2rem;
    background-size: cover;
  }
  .betting-card__label:before {
    bottom: -1.2rem;
  }
  .betting-card__label:after {
    right: -1.2rem;
  }
  .betting-card__title {
    font-size: 2rem;
    line-height: 2.9rem;
    margin-bottom: 2rem;
  }
  .betting-card .btn-green, .betting-card .btn-white {
    padding: 1rem 2rem;
  }
  .betting-card__logo {
    width: 15rem;
    height: 4.5rem;
    margin-bottom: 0.45rem;
  }
  .betting-card__logo a {
    width: 100%;
    height: 100%;
  }
  .betting-card__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .betting-item__best {
    top: -1.9rem;
  }
  .betting-item__best img {
    width: 3.7rem;
    height: 7.8rem;
  }
  .betting-item__media {
    width: 13rem;
    height: 13rem;
  }
  .betting-item__desc {
    max-width: calc(100% - 15rem);
  }
  .betting-item__top {
    padding: 0.4rem 0 0;
  }
  .betting-item__top span {
    line-height: 3.6rem;
  }
  .betting-item__top .betting-item__rating {
    line-height: 1;
  }
  .betting-item__rating {
    left: -0.4rem;
    top: 0.8rem;
  }
  .betting-item__title {
    line-height: 1;
    margin-bottom: 1.2rem;
  }
  .betting-item__text {
    margin-bottom: 1.2rem;
  }
  .betting-card:nth-of-type(1) .betting-card__logo {
    width: 9.4rem;
  }
  .betting-card:nth-of-type(1) .betting-card__logo img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .betting-card:nth-of-type(2) .betting-card__logo img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.modal {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100dvh;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all ease 330ms;
  z-index: -1;
}
.modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 20;
}
.modal.active .modal__overlay {
  opacity: 1;
  visibility: visible;
}
.modal__overlay {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: all ease 330ms;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.72);
}
.modal__content {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 100%;
  padding: 3.2rem 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__body {
  display: none;
  position: relative;
  width: 100%;
  max-width: 60rem;
  padding: 3.2rem;
  border-radius: 2.4rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  background: rgba(11, 11, 12, 0.6);
  backdrop-filter: blur(3rem);
  -webkit-backdrop-filter: blur(3rem);
  overflow: hidden;
}
.modal__body.active {
  display: block;
}
.modal__body[data-modal=review] {
  max-width: 71.3rem;
}
.modal__body[data-modal=review] .modal-input,
.modal__body[data-modal=review] .modal-rating {
  margin-bottom: 3.2rem;
}
.modal__body[data-modal=review] .btn-primary {
  width: auto;
  margin: 0 auto;
  display: block;
}
.modal__body[data-modal=bonus], .modal__body[data-modal=create] {
  max-width: 94.5rem;
  min-height: 53.6rem;
  padding: 4rem 3.2rem;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.modal__body[data-modal=bonus] .modal__bottom, .modal__body[data-modal=create] .modal__bottom {
  max-width: 57.5rem;
  margin: 0 auto;
  text-align: center;
}
.modal__body[data-modal=bonus] .modal__action, .modal__body[data-modal=create] .modal__action {
  flex-direction: column;
  gap: 1.6rem;
  max-width: 32rem;
  margin: 0 auto 8rem;
}
.modal__body[data-modal=bonus] .modal__action .btn-primary,
.modal__body[data-modal=bonus] .modal__action .btn-secondary, .modal__body[data-modal=create] .modal__action .btn-primary,
.modal__body[data-modal=create] .modal__action .btn-secondary {
  font: 600 1.8rem/3rem "Inter", sans-serif;
}
.modal__close {
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 5;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.modal__close img,
.modal__close svg {
  width: 100%;
  height: 100%;
  display: block;
}
.modal__close:hover {
  opacity: 0.75;
}
.modal__title {
  font: 700 3.2rem/4rem "Inter", sans-serif;
  color: #fff;
  margin-bottom: 1.6rem;
}
.modal__title-create {
  max-width: 42rem;
  margin: 0 auto 3.2rem;
  font: 700 4rem/5.6rem "Inter", sans-serif;
  color: #fff;
}
.modal__title-create span {
  color: #D4AF37;
}
.modal__subtitle {
  color: #BFBFBF;
  margin-bottom: 3.2rem;
}
.modal__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.modal__action-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.modal__action-bottom button {
  width: 100%;
  flex-grow: 1;
}
.modal__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin: 0.8rem 0 2.4rem;
}
.modal__bottom {
  margin-top: 2.4rem;
  text-align: center;
  color: #BFBFBF;
}
.modal__bottom .link {
  margin-left: 0.4rem;
}
.modal .btn-primary {
  width: 100%;
  font: 600 1.8rem/3rem "Inter", sans-serif;
}
.modal .btn-line {
  font: 600 1.8rem/3rem "Inter", sans-serif;
}
.modal .link {
  color: #D4AF37;
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
}
.modal .link:hover {
  color: #F2D675;
}

.modal-input {
  margin-bottom: 1.6rem;
}
.modal-input._half {
  width: calc(50% - 0.8rem);
}
.modal-input label {
  display: block;
  margin-bottom: 1.6rem;
  color: #fff;
  font: 600 1.8rem/3rem "Inter", sans-serif;
}
.modal-input input,
.modal-input textarea {
  width: 100%;
  height: 5rem;
  padding: 0 1.6rem;
  border-radius: 0.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  background-color: transparent;
  color: #fff;
  font: 400 1.6rem/2.4rem "Inter", sans-serif;
  outline: none;
}
.modal-input input::-moz-placeholder, .modal-input textarea::-moz-placeholder {
  color: #BFBFBF;
}
.modal-input input::placeholder,
.modal-input textarea::placeholder {
  color: #BFBFBF;
}
.modal-input input:focus,
.modal-input textarea:focus {
  border-color: rgba(212, 175, 55, 0.7);
}
.modal-input textarea {
  min-height: 16.4rem;
  padding-top: 1.2rem;
  resize: none;
}
.modal-input._password {
  position: relative;
}
.modal-input._password input {
  padding-right: 5rem;
}
.modal-input._password .password-toggle {
  position: absolute;
  right: 1.2rem;
  bottom: 1.3rem;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.modal-input._code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.modal-input._code input {
  text-align: center;
  padding: 0;
  max-width: 5.2rem;
  font: 700 2.2rem/3.2rem "Inter", sans-serif;
}

.modal-select {
  margin-bottom: 1.6rem;
}
.modal-select._half {
  width: calc(50% - 0.8rem);
}
.modal-select label {
  display: block;
  margin-bottom: 1.6rem;
  color: #fff;
  font: 600 1.8rem/3rem "Inter", sans-serif;
}
.modal-select .select {
  position: relative;
}
.modal-select .select.active .select-title:after {
  transform: rotate(180deg);
}
.modal-select .select.active .select-list {
  opacity: 1;
  visibility: visible;
  z-index: 3;
  top: calc(100% + 1.6rem);
}
.modal-select .select-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  cursor: pointer;
  padding: 1rem 3.2rem 1rem 1rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  border-radius: 1.2rem;
  align-items: center;
  position: relative;
}
.modal-select .select-title:after {
  position: absolute;
  content: "";
  right: 1.6rem;
  top: 50%;
  margin-top: -1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_4074_3979' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4074_3979)'%3E%3Cpath d='M12 12.8998L16.6 8.2998L18 9.6998L12 15.6998L6 9.6998L7.4 8.2998L12 12.8998Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all ease 300ms;
  transform: rotate(0);
}
.modal-select .select-title img, .modal-select .select-title svg {
  width: 4rem;
  height: 4rem;
  border-radius: 0.8rem;
}
.modal-select .select-title span {
  color: #fff;
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
}
.modal-select .select-list {
  top: 100%;
  position: absolute;
  padding: 0.8rem;
  opacity: 0;
  transition: all ease 300ms;
  visibility: hidden;
  z-index: -1;
  background-color: rgba(11, 11, 12, 0.9);
  backdrop-filter: blur(30px);
  border-radius: 2.4rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  width: 100%;
  overflow: hidden;
}
.modal-select .select-list ul {
  max-height: 32rem;
  overflow: auto;
}
.modal-select .select-list ul::-webkit-scrollbar {
  width: 0.3rem;
}
.modal-select .select-list ul::-webkit-scrollbar-track {
  background-color: transparent;
}
.modal-select .select-list ul::-webkit-scrollbar-thumb {
  background-color: #BFBFBF;
  border-radius: 0.8rem;
}
.modal-select .select-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  cursor: pointer;
  padding: 0.8rem;
  border-radius: 1.2rem;
  align-items: center;
}
.modal-select .select-list li img, .modal-select .select-list li svg {
  width: 4rem;
  height: 4rem;
  border-radius: 0.8rem;
}
.modal-select .select-list li span {
  color: #fff;
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
}
.modal-select .select-list li:hover {
  background-color: #1F1F1F;
}

.modal-rating__label {
  margin-bottom: 1.6rem;
  display: block;
  color: #fff;
  font: 600 1.8rem/3rem "Inter", sans-serif;
}
.modal-rating__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  gap: 0.4rem;
}
.modal-rating__item {
  flex: 1 1 0;
  cursor: pointer;
}
.modal-rating__item input {
  display: none;
}
.modal-rating__item span {
  width: 100%;
  min-height: 5.6rem;
  padding: 1rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.16);
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: transparent;
  transition: all 0.25s ease;
}
.modal-rating__item:has(input:checked) span, .modal-rating__item:has(input:checked) ~ .modal-rating__item span {
  color: #0b0b0c;
  background: #D4AF37;
  border-color: #D4AF37;
}
.modal-rating__item:hover span, .modal-rating__item:hover ~ .modal-rating__item span {
  color: #0b0b0c;
  background: #F2D675;
  border-color: #F2D675;
}

@media screen and (max-width: 1200px) {
  .modal__body {
    max-width: 49.6rem;
  }
  .modal__body[data-modal=create] {
    max-width: 53.6rem;
  }
}
@media screen and (max-width: 768px) {
  .modal__content {
    padding: 2rem 1.2rem;
    align-items: flex-start;
    overflow-y: auto;
    max-height: 100vh;
  }
  .modal__body {
    padding: 2.4rem 2rem;
    border-radius: 1.8rem;
  }
  .modal__body[data-modal=create] {
    min-height: 28rem;
    padding: 3.2rem 2rem;
  }
  .modal__title, .modal__title-create {
    font: 700 2.2rem/3.2rem "Inter", sans-serif;
  }
  .modal__subtitle {
    margin-bottom: 2.4rem;
  }
  .modal__close {
    right: 1.6rem;
    top: 1.6rem;
  }
}
@media screen and (max-width: 576px) {
  .modal__content {
    padding: 1.2rem;
  }
  .modal__body {
    padding: 2rem 1.6rem;
    border-radius: 1.6rem;
  }
  .modal__body[data-modal=create] {
    min-height: 26rem;
    padding: 3.2rem 1.6rem;
    background-position: center;
  }
  .modal__body[data-modal=create] .btn-primary,
  .modal__body[data-modal=create] .btn-secondary {
    max-width: 100%;
  }
  .modal__body[data-modal=create] .modal__bottom {
    margin-top: 3.2rem;
  }
  .modal__title-create {
    max-width: 24rem;
    margin-bottom: 2rem;
  }
  .modal__row {
    margin-bottom: 2rem;
  }
  .modal-input input,
  .modal-input textarea {
    height: 4.8rem;
  }
  .modal-input._code {
    gap: 0.6rem;
  }
  .modal-input._code input {
    max-width: none;
    width: 100%;
  }
  .modal-rating__item span {
    min-height: 2.8rem;
    font-size: 1.6rem;
    padding: 0.2rem;
  }
}
button {
  border: none;
  cursor: pointer;
}

.btn-primary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  border-radius: 1.2rem;
  padding: 1.5rem 2.4rem;
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  color: #0b0b0c;
  background-color: #D4AF37;
}
.btn-primary img, .btn-primary svg {
  width: 2.4rem;
  height: 2.4rem;
}
.btn-primary:hover {
  background-color: #F2D675;
}

.btn-white {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  border-radius: 1.2rem;
  padding: 1.5rem 4.2rem;
  font: 600 1.8rem/3rem "Inter", sans-serif;
  color: #0B0823;
  background-color: #fff;
}
.btn-white img, .btn-white svg {
  width: 2.4rem;
  height: 2.4rem;
}
.btn-white:hover {
  background-color: #B2E303;
}

.btn-green {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  border-radius: 1.2rem;
  padding: 1.5rem 4.2rem;
  font: 600 1.8rem/3rem "Inter", sans-serif;
  color: #0B0823;
  background-color: #B2E303;
  border: 0.1rem solid #B2E303;
}
.btn-green img, .btn-green svg {
  width: 2.4rem;
  height: 2.4rem;
}
.btn-green:hover {
  background-color: #fff;
}

.btn-secondary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  border-radius: 1.2rem;
  padding: 0.8rem 1.6rem;
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  text-transform: uppercase;
  color: #F2D675;
  border: 0.1rem solid rgba(242, 214, 117, 0.2);
  background-color: rgba(31, 31, 31, 0.6);
  background-position: 90% 30%;
}
.btn-secondary img, .btn-secondary svg {
  width: 2.4rem;
  height: 2.4rem;
}
.btn-secondary svg path {
  fill: #F2D675;
}
.btn-secondary:hover {
  color: #D4AF37;
  border-color: rgba(242, 214, 117, 0.3);
}
.btn-secondary:hover svg path {
  fill: #D4AF37;
}
.btn-secondary.copied {
  border-color: transparent;
  color: #16B03A;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3900_213' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3900_213)'%3E%3Cpath d='M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z' fill='%2316B03A'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 90% 40%;
}
.btn-secondary.copied img, .btn-secondary.copied svg {
  opacity: 0;
}

.btn-line {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  border-radius: 1.2rem;
  padding: 1.5rem 2.4rem;
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  color: #fff;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  background-color: rgba(31, 31, 31, 0.6);
  background-position: 90% 30%;
}
.btn-line img, .btn-line svg {
  width: 2.4rem;
  height: 2.4rem;
}
.btn-line svg path {
  fill: #F2D675;
}
.btn-line:hover {
  color: #D4AF37;
  border-color: rgba(242, 214, 117, 0.3);
}
.btn-line:hover svg path {
  fill: #D4AF37;
}
.btn-line.copied {
  border-color: transparent;
  color: #16B03A;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3900_213' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3900_213)'%3E%3Cpath d='M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z' fill='%2316B03A'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 90% 40%;
}
.btn-line.copied img, .btn-line.copied svg {
  opacity: 0;
}

.btn-bonus {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  border-radius: 1.2rem;
  padding: 0;
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  color: #0b0b0c;
  position: relative;
  background-color: transparent;
  overflow: hidden;
}
.btn-bonus img {
  width: 7rem;
  height: 6rem;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 0;
  pointer-events: none;
  transition: all ease 300ms;
}
.btn-bonus img.hide {
  opacity: 0;
}
.btn-bonus span {
  display: inline-block;
  color: transparent;
  padding: 1.1rem 0;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  margin-left: 2.7rem;
  border-radius: 1.2rem;
  width: 4.8rem;
  height: 4.8rem;
  white-space: nowrap;
  will-change: auto;
  transition: all ease 300ms;
  pointer-events: none;
}
.btn-bonus:hover, .btn-bonus.active {
  overflow: visible;
}
.btn-bonus:hover span, .btn-bonus.active span {
  background-color: rgba(212, 175, 55, 0.1);
  border-color: rgba(212, 175, 55, 0.1);
  color: #D4AF37;
  width: auto;
  padding: 1.1rem 3rem;
}
.btn-bonus:hover img, .btn-bonus.active img {
  opacity: 0;
}
.btn-bonus:hover img.hide, .btn-bonus.active img.hide {
  opacity: 1;
}

._link {
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  color: #D4AF37;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
._link svg, ._link img {
  width: 2.4rem;
  height: 2.4rem;
}
._link:hover {
  text-decoration: underline;
}

button.link {
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  font: 600 1.6rem/2.4rem "Inter", sans-serif;
  color: #D4AF37;
}
button.link img, button.link svg {
  width: 2.4rem;
  height: 2.4rem;
}
button.link:hover {
  color: #F2D675;
}

form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 450px) {
  form {
    gap: 1.6rem;
  }
}
form label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

input, textarea {
  background: transparent;
  outline: none;
  transition: all ease 300ms;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #BFBFBF;
}
input::placeholder, textarea::placeholder {
  color: #BFBFBF;
}
input:focus, textarea:focus {
  border-color: #fff;
  color: #fff;
}

input.error, textarea.error {
  border-color: #F8001D;
  background: rgba(248, 0, 29, 0.05);
  color: #CC071E;
}
input.error::-moz-placeholder, textarea.error::-moz-placeholder {
  color: #CC071E;
}
input.error::placeholder, textarea.error::placeholder {
  color: #CC071E;
}

img[src="#"] {
  opacity: 0;
  transition: 0.1s ease-in-out;
}

.hero-title {
  animation: custom-fade-in 1s ease-in-out;
}
.hero-title h1 {
  font: 900 7.2rem/8rem "Inter", sans-serif;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .hero-title h1 {
    font-size: 4.8rem;
    line-height: 5rem;
  }
}

.hero-media {
  animation: custom-fade-in 0.8s linear;
}

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.no-padding {
  padding: 0;
}

.honey-trap {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.not-active {
  opacity: 0.9;
  pointer-events: none;
}

.hidden-opacity {
  opacity: 0;
}

.error {
  color: red;
}

.show-skeleton {
  position: relative;
  border-radius: 1.4rem;
  overflow: hidden;
}
.show-skeleton:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1F1F1F;
  background-image: -webkit-gradient(linear, left top, right top, from(#1F1F1F), color-stop(#333), to(#1F1F1F));
  background-image: linear-gradient(90deg, #1F1F1F, #333, #1F1F1F);
  background-size: 50px 100%;
  background-repeat: no-repeat;
  animation: skeleton-animation 1.5s ease-in-out infinite;
  z-index: 4;
  display: block;
}

.info-section .info-content:first-child:last-child {
  max-width: 100%;
}

.casino-hero__content h1 {
  margin-bottom: 2.4rem;
  font: 700 4rem/5.6rem "Inter", sans-serif;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .casino-hero__content h1 {
    margin-bottom: 1.6rem;
  }
}

.info-content > h2, .info-content > h3, .info-content > h4, .info-content > h5, .info-content > h6 {
  margin-bottom: 2.4rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .info-content > h2, .info-content > h3, .info-content > h4, .info-content > h5, .info-content > h6 {
    margin-bottom: 1.6rem;
  }
}

.profile-banner__content h3, .profile-banner__content h4, .profile-banner__content h5, .profile-banner__content h6, .profile-banner__content h2 {
  font: 700 4rem/5.6rem "Inter", sans-serif;
  color: #fff;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 768px) {
  .profile-banner__content h3, .profile-banner__content h4, .profile-banner__content h5, .profile-banner__content h6, .profile-banner__content h2 {
    margin-bottom: 1.6rem;
  }
}

form.display-block,
.display-block {
  display: block;
}

.modal__title:last-child {
  margin-bottom: 0;
}

.info-section:first-child {
  padding-top: 10rem;
}
@media (max-width: 992px) {
  .info-section:first-child {
    padding-top: 8rem;
  }
}

form .filter-chip {
  width: auto;
}

.pagination-wrapper.show-skeleton:empty {
  padding-top: 1rem;
}

@media (max-width: 375px) {
  .modal__action-bottom {
    flex-direction: column;
  }
}

.review-card__delete-btn {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  flex-grow: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 0, 0, 0);
}
.review-card__delete-btn img, .review-card__delete-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.4s ease-in-out;
}
.review-card__delete-btn:hover img, .review-card__delete-btn:hover svg, .review-card__delete-btn:active img, .review-card__delete-btn:active svg {
  transform: scale(1.1);
}

.review-card__top {
  gap: 1.4rem;
}

.review-card__status {
  margin-right: auto;
  padding: 0.8rem 1.6rem;
  border-radius: 1.6rem;
  background: rgba(212, 175, 55, 0.1);
  color: #D4AF37;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.review-card__status.not-approved {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.empty-block {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 2.4rem;
  padding: 4.8rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(21.14%, #0B0B0C), color-stop(82.21%, rgba(11, 11, 12, 0.1)));
  background: linear-gradient(90deg, #0B0B0C 21.14%, rgba(11, 11, 12, 0.1) 82.21%);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 1200px) {
  .empty-block {
    border-radius: 1.4rem;
    padding: 2rem;
  }
}
.empty-block h3 {
  color: #fff;
  margin-bottom: 2rem;
}
.empty-block > * {
  position: relative;
  width: 100%;
  max-width: 60rem;
  z-index: 1;
}

.empty-block__img {
  position: absolute;
  z-index: 0;
  top: -1%;
  right: -1%;
  width: 102%;
  max-width: 102%;
  height: 102%;
  animation: custom-fade-in 1s ease-in-out;
}
.empty-block__img img, .empty-block__img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-form__result {
  z-index: 10;
}

.select-casino input {
  min-height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
}

.review-card__info + .review-card__media {
  margin-left: auto;
}

@keyframes skeleton-animation {
  0% {
    background-position: -50px 0;
  }
  100% {
    background-position: calc(50px + 100%) 0;
  }
}
@keyframes custom-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.loader {
  width: 60px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid rgba(212, 175, 55, 0.1);
  border-right-color: #D4AF37;
}

.loader-wrapper {
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  width: 10rem;
  height: 10rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(11, 11, 12, 0.6);
  border-radius: 1.2rem;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
}

body.loading .loader-wrapper {
  opacity: 1;
  visibility: visible;
}
body.loading .loader {
  animation: l2 1s infinite linear;
}

@keyframes l2 {
  to {
    transform: rotate(1turn);
  }
}