html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
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;
}
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 {
  text-decoration: none;
}
button {
  border: none;
  cursor: pointer;
  background: transparent;
}

*  {
  --bg: #faf2f2 ;
  --shadow: rgba(0, 0, 0, 0.7);
  --bg-secondary: #a62707;
  --bg-active: #fff7d4;
  --text: #1f1f1f;
  --title: #ffd700;
  --breadcrumbs: #ffcc33;
  --border-line: #ff6600;
  --light: #ffb84d;
  --text-cart: #d6d6d6;
  --line: #2ad445;
  --active: #ff0000;
  --btn-first: #ff6600;
  --link: #ffb300;
  --cart-button: #d62828;
  --play-button: #3dbb0c;
  --olive: #b0a000;
  --active-text: #ffed9d;

  --border-l: 2em;
  --border-m: 1em;
  --border-s: 0.5em;
}
body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: var(--text);
  position: relative;
  background: linear-gradient(135deg, rgb(242 238 228 / 44%) 0%, rgb(255 255 255) 100%);
}
body::before{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='1280.000000pt' height='640.000000pt' viewBox='0 0 1280.000000 640.000000' preserveAspectRatio='xMidYMid meet'%3e%3cmetadata%3e Created by potrace 1.15, written by Peter Selinger 2001-2017 %3c/metadata%3e%3cg transform='translate(0.000000,640.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3e%3cpath d='M4630 4657 c-127 -196 -367 -537 -467 -662 -120 -151 -420 -449 -740 -736 l-62 -55 182 -166 c242 -221 504 -483 600 -601 97 -119 295 -397 452 -635 66 -99 122 -181 125 -181 3 0 64 88 137 197 148 222 317 460 413 584 84 108 329 358 550 562 96 88 194 179 218 201 l43 40 -172 155 c-270 244 -543 520 -649 658 -113 147 -314 432 -442 629 -51 78 -95 142 -98 142 -3 0 -43 -59 -90 -132z'/%3e%3cpath d='M7912 4770 c-473 -124 -683 -707 -405 -1127 53 -81 147 -171 228 -218 79 -46 135 -110 195 -227 37 -69 90 -198 90 -215 0 -4 -22 27 -50 69 -219 334 -653 412 -967 174 -111 -84 -210 -230 -254 -376 -19 -61 -23 -99 -24 -205 0 -137 10 -194 52 -298 59 -146 188 -290 322 -361 284 -149 630 -75 830 178 27 34 58 79 69 101 29 55 27 31 -4 -51 -38 -102 -98 -211 -155 -281 -126 -159 -336 -278 -532 -303 -38 -4 -70 -10 -72 -12 -2 -2 378 -3 845 -3 466 0 843 3 837 7 -7 4 -26 8 -43 8 -52 0 -203 48 -285 91 -138 72 -267 197 -344 335 -36 62 -98 205 -92 210 2 2 22 -25 45 -61 76 -115 202 -211 344 -263 66 -24 87 -27 208 -27 121 0 142 3 208 27 226 82 386 256 454 495 18 64 22 101 22 208 -1 118 -4 139 -33 225 -91 272 -302 452 -575 491 -235 33 -488 -87 -632 -301 -24 -36 -44 -63 -44 -60 0 13 44 118 74 178 47 94 113 180 182 238 133 112 219 207 262 291 61 117 83 213 84 353 2 181 -47 328 -156 467 -66 84 -121 130 -218 183 -144 78 -314 99 -466 60z'/%3e%3cpath d='M10614 4770 c-239 -62 -420 -253 -505 -530 -20 -64 -23 -97 -23 -220 0 -137 1 -150 31 -237 82 -237 195 -398 598 -853 254 -287 353 -409 457 -564 160 -239 256 -491 259 -684 1 -52 3 -60 9 -37 4 17 8 53 9 80 3 107 64 299 145 450 109 206 218 346 637 816 254 285 372 440 451 595 83 162 112 272 112 429 0 241 -86 442 -256 601 -214 200 -532 228 -773 69 -54 -36 -145 -125 -191 -185 -39 -53 -99 -180 -119 -255 l-18 -67 -18 68 c-10 37 -36 104 -58 148 -147 298 -456 453 -747 376z'/%3e%3cpath d='M1357 4707 c-16 -162 -88 -346 -203 -517 -112 -167 -217 -286 -629 -710 -297 -306 -426 -483 -489 -673 -85 -254 14 -570 232 -742 123 -98 266 -148 422 -149 115 0 194 19 309 75 100 49 219 160 271 252 18 32 34 56 36 54 2 -2 -8 -34 -21 -73 -87 -241 -237 -416 -439 -514 -91 -44 -212 -80 -268 -80 -20 0 -39 -3 -41 -7 -3 -5 372 -8 833 -8 461 0 837 1 835 3 -1 2 -32 7 -69 13 -80 11 -168 40 -261 86 -197 98 -342 265 -430 499 -35 92 -31 99 12 25 132 -222 411 -359 658 -322 169 25 294 90 412 214 116 122 179 269 190 438 19 305 -105 511 -627 1044 -146 148 -298 307 -338 352 -237 272 -357 507 -381 748 l-7 70 -7 -78z'/%3e%3c/g%3e%3c/svg%3e ");
  opacity: 0.03;
  pointer-events: none;
  z-index: -1;
}
b {
  font-weight: 600;
}
.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}
a {
  color: var(--active);
}
h1,
h2,
h3 {
  color: var(--text);
  font-family: "Archivo Black", sans-serif;
  font-weight: 700;
  position: relative;
}
.sub_title {
  font-size: 34px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  margin-bottom: 28px;
  padding-bottom: 8px;
  color: var(--text-color);
  letter-spacing: 0.5px;
  width: 100%;
  text-align: center;
  margin: 0 auto 30px;
}

.sub_title::before {
  content: "";
  position: absolute;
  left: calc(50% - 60px);
  bottom: 0;
  width: 120px;
  height: 3px;
  background: linear-gradient(90deg, var(--line), transparent);
  border-radius: 2px;
}
h3 {
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 1.3;
  color: #fff;
  background: linear-gradient(135deg, #111 0%, #1a1a1a 60%, #2b0000 100%);
  padding: 12px 90px 12px 30px;
  border-left: 5px solid #ffcc00;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  overflow: hidden;
  margin-bottom: 30px;
  font-family: 'Bebas Neue', 'Impact', sans-serif;
  box-shadow:
          0 0 10px rgba(255, 215, 0, 0.4),
          inset 0 0 15px rgba(255, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}

h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 100%;
  background: linear-gradient(
          120deg,
          transparent 0%,
          rgba(255, 215, 0, 0.3) 50%,
          transparent 100%
  );
  transform: skewX(-25deg);
  animation: shimmer 3s infinite linear;
}

h3:hover {
  color: #fff5a8;
  text-shadow:
          0 0 10px #ff0000,
          0 0 20px #ff6600,
          0 0 30px #ffd700;
  border-left-color: #ff0000;
  box-shadow:
          0 0 20px rgba(255, 0, 0, 0.6),
          inset 0 0 20px rgba(255, 0, 0, 0.3);
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%) skewX(-25deg);
  }
  100% {
    transform: translateX(100%) skewX(-25deg);
  }
}



#breadcrumbs {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}
#breadcrumbs a {
  color: var(--cart-button);
}
.breadcrumb-container {
  padding: 10px 0;
}
#breadcrumbs li, #breadcrumbs a{
  font-weight: 600;
  text-transform: uppercase;
}
h1 {
  position: relative;
  font-size: 64px;
  line-height: 1.1;
  margin: 60px 0 40px;
  text-align: center;
  color: #ffd700;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow:
          0 0 10px #ff0000,
          0 0 20px #ff0000,
          0 0 40px #ff0000,
          0 0 60px #ff6600,
          0 0 80px #ff6600;
  animation: glowPulse 2s ease-in-out infinite;
  font-family: 'Bebas Neue', 'Impact', sans-serif;
  cursor: default;
}

/* неоновая пульсация */
@keyframes glowPulse {
  0%, 100% {
    text-shadow:
            0 0 10px #ff0000,
            0 0 20px #ff0000,
            0 0 40px #ff0000,
            0 0 60px #ff6600,
            0 0 80px #ff6600;
    color: #ffd700;
  }
  50% {
    text-shadow:
            0 0 5px #ff6600,
            0 0 15px #ff6600,
            0 0 25px #ff3300,
            0 0 45px #ff0000;
    color: #fff2a8;
  }
}

h1:hover {
  animation: glowPulse 0.8s ease-in-out infinite;
  transform: scale(1.05);
}


.header {
  background: var(--bg-secondary);
  left: 0;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 200;
}

@media (max-width: 62em) {
  .header {
    align-items: center;
    display: flex;
    min-height: 56px;
    width: 100%;
  }
}

.header.mobile-menu-active {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.header__container {
  align-items: baseline;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin: 0 auto;
  max-width: 1440px;
  padding: 10px ;
}

@media (max-width: 62em) {
  .header__container {
    width: 100%;
  }
}

.header__mobile-toggle,
.header__search-mobile {
  background: none;
  border: none;
  cursor: pointer;
  display: none;
  padding: 15px;
}

@media (max-width: 62em) {
  .header__mobile-toggle,
  .header__search-mobile {
    display: block;
  }
}

.header__mobile-toggle.is-active,
.header__mobile-toggle:hover,
.header__search-mobile.is-active,
.header__search-mobile:hover {
  color: var(--active);
}

@media (max-width: 62em) {
  .header__search-mobile {
    display: flex;
  }

  .header__mobile-toggle {
    order: 2;
  }
}

.header__search-mobile {
  color: var(--bg);
  font-size: 17px;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 62em) {
  .header__search-mobile {
    order: 1;
  }
}

.header__logo {
  align-items: center;
  display: block;
  justify-content: center;
}

@media (max-width: 62em) {
  .header__logo {
    max-width: 180px;
    order: 1;
  }
}

.header__logo img {
  height: auto;
  max-width: 100%;
}

.header__mobile-actions {
  align-items: center;
  display: flex;
}

@media (max-width: 62em) {
  .header__mobile-actions {
    order: 2;
  }
}
.header__subcategory {
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.header__menu {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.header__menu.active {
  display: flex !important;
  flex-direction: column;
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  background: var(--bg-secondary);
  z-index: 300;
  box-shadow: 0 4px 8px var(--shadow);
  animation: menuFadeIn 0.3s ease;
}

@keyframes menuFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 62em) {
  .header__menu {
    display: none;
  }
  .header__main-menu {
    flex-direction: column;
    height: 100vh;
    text-align: center;
  }
}

.header__main-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

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

@media (max-width: 62em) {
  .header__actions {
    display: none;
  }
}

.header__actions .header__link--disabled,
.header__actions a,
.header__actions button {
  background-color: inherit;
  border: none;
  border-radius: 4px;
  color: var(--active);
  cursor: pointer;
  padding: 8px 16px;
  text-decoration: none;
  white-space: nowrap;
}

.header__actions .header__link--disabled:focus,
.header__actions .header__link--disabled:hover,
.header__actions a:focus,
.header__actions a:hover,
.header__actions button:focus,
.header__actions button:hover {
  color: var(--active);
}

.header__actions .header__link--disabled span,
.header__actions a span,
.header__actions button span {
  font-family: Founders-Grotesk-Regular, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}

@media (max-width: 75em) and (min-width: 62em) {
  .header__actions .header__link--disabled:before,
  .header__actions a:before,
  .header__actions button:before {
    color: var(--active);
    content: "BLOG";
    font-size: 16px;
    text-transform: uppercase;
  }

  .header__actions .header__link--disabled span,
  .header__actions a span,
  .header__actions button span {
    display: none;
  }
}

.header__list {
  padding: 0;
}

.header__link {
  color: var(--bg);
  cursor: pointer;
  display: block;
  font-family: Founders-Grotesk-Regular, sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding:  12px;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}

@media (max-width: 75em) and (min-width: 62em) {
  .header__link {
    padding: 24px 8px;
  }
}

.header__link.is-active,
.header__link:hover {
  color: var(--active);
}

.header__submenus {
  margin-left: 50px;
  max-width: 720px;
  opacity: 0;
  padding: 15px;
  position: relative;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
  visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: auto;
  z-index: 2;
}

.header__submenus.is-visible {
  opacity: 1;
  visibility: visible;
}

.header__submenu {
  display: none;
  padding: 10px;
}

.header__submenu.is-visible {
  display: block;
}

.header__submenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__submenu li {
  margin: 8px 0;
}

.header__submenu li .header__link--disabled,
.header__submenu li a {
  color: var(--bg);
  display: block;
  font-family: Founders-Grotesk-Regular, sans-serif;
  font-size: 17px;
  padding: 6px 15px;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.header__submenu li .header__link--disabled:hover,
.header__submenu li a:hover {
  color: var(--active);
  transform: translateX(5px);
}

.header__search {
  cursor: pointer;
  padding: 10px;
  transition: color 0.2s ease;
}

.header__search:hover {
  color: var(--active);
}

.header__megamenu {
  background-color: var(--bg-secondary);
  display: flex;
  height: 0;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: auto;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  visibility: hidden;
  width: 100%;
  z-index: 101;
}

.header__megamenu.is-active {
  height: auto;
  min-height: 300px;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.header__megamenu-content {
  height: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 30px 15px;
  position: relative;
  width: 100%;
}

.mobile-menu {
  background: #1f2435;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  display: none;
  height: calc(100vh - 56px);
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 56px;
  width: 100%;
  z-index: 99;
}

.mobile-menu.is-active {
  display: block;
}

.mobile-menu__nav {
  padding: 10px 0;
}

.mobile-menu__list,
.mobile-menu__subcategories,
.mobile-menu__submenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-menu__item {
  border-bottom: 1px solid #fffeff;
}

.mobile-menu__item,
.mobile-menu__subcategory,
.mobile-menu__submenu-item {
  position: relative;
}

.mobile-menu__item.has-submenu > .mobile-menu__item-text,
.mobile-menu__item.has-submenu > .mobile-menu__submenu-text,
.mobile-menu__subcategory.has-submenu > .mobile-menu__item-text,
.mobile-menu__subcategory.has-submenu > .mobile-menu__submenu-text,
.mobile-menu__submenu-item.has-submenu > .mobile-menu__item-text,
.mobile-menu__submenu-item.has-submenu > .mobile-menu__submenu-text {
  padding-right: 50px;
  position: relative;
}

.mobile-menu__toggle {
  cursor: pointer;
  display: block;
  height: 16px;
  position: relative;
  transition: transform 0.3s ease;
  width: 16px;
}

.mobile-menu__toggle-wrapper {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-right: -12px;
  width: 40px;
}

.mobile-menu__toggle:after,
.mobile-menu__toggle:before {
  background-color: #fff;
  content: "";
  height: 1px;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease;
  width: 7px;
}

.mobile-menu__toggle:before {
  left: 2px;
  transform: rotate(45deg);
}

.mobile-menu__toggle:after {
  right: 2px;
  transform: rotate(-45deg);
}

.mobile-menu__toggle.is-active {
  transform: rotate(180deg);
}

.mobile-menu__toggle.is-active:after,
.mobile-menu__toggle.is-active:before {
  background-color: #e5f523;
}

.mobile-menu__item-text,
.mobile-menu__submenu-text {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: Founders-Grotesk-Regular, sans-serif;
  font-size: 17px;
  font-weight: 500;
  gap: 14px;
  padding: 15px;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mobile-menu__item-text.is-active,
.mobile-menu__item-text:hover,
.mobile-menu__submenu-text.is-active,
.mobile-menu__submenu-text:hover {
  background-color: hsla(0, 0%, 100%, 0.03);
  color: #e5f523;
}

.mobile-menu__item-text {
  text-transform: uppercase;
}

.mobile-menu__submenu-text {
  font-weight: 300;
}

.mobile-menu .header__link--disabled.mobile-menu__item-text,
.mobile-menu .header__link--disabled.mobile-menu__submenu-text,
.mobile-menu a.mobile-menu__item-text,
.mobile-menu a.mobile-menu__submenu-text {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.mobile-menu__submenu {
  background: #282f45;
  display: none;
}

.mobile-menu__submenu.is-active {
  display: block;
}

.mobile-menu__subcategories {
  background: #323a55;
  display: none;
  padding-left: 15px;
}

.mobile-menu__subcategories.is-active {
  display: block;
}

.mobile-menu__subcategory .header__link--disabled,
.mobile-menu__subcategory a {
  color: var(--bg);
  display: block;
  font-size: 17px;
  padding: 12px 15px 12px 20px;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu__subcategory .header__link--disabled:hover,
.mobile-menu__subcategory a:hover {
  color: var(--active);
  transform: translateX(5px);
}

.mobile-menu__search {
  background: var(--bg-secondary);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: none;
  left: 0;
  padding: 15px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 110;
}

.mobile-menu__search.is-active {
  display: block;
}

.mobile-menu__search form {
  position: relative;
}

.mobile-menu__search form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--bg-secondary);
  border: none;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  color: var(--bg);
  font-size: 17px;
  padding: 12px 40px 12px 50px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}

.mobile-menu__search form input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  opacity: 1;
}

.mobile-menu__search form input::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  opacity: 1;
}

.mobile-menu__search form input:focus {
  background: inherit;
  border-bottom: 1px solid var(--bg);
  color: var(--bg);
  outline: none;
}

.mobile-menu__search form input:focus-visible {
  outline: none;
}

.mobile-menu__search form input:-webkit-autofill,
.mobile-menu__search form input:-webkit-autofill:focus,
.mobile-menu__search form input:-webkit-autofill:hover {
  -webkit-text-fill-color: var(--bg);
  -webkit-box-shadow: inset 0 0 0 1000px var(--bg-secondary);
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.mobile-menu__search form button {
  background: none;
  border: none;
  color: hsla(0, 0%, 100%, 0.5);
  cursor: pointer;
  left: 10px;
  padding: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu__search form button:hover {
  color: var(--active);
}

.mobile-menu__search form button:focus {
  outline: none;
}

.mobile-menu__search form button i {
  align-items: center;
  color: var(--bg);
  display: flex;
  font-size: 17px;
  justify-content: center;
}

.mobile-menu__blog-button {
  display: flex;
  text-align: center;
}

.mobile-menu__blog-button .header__link--disabled,
.mobile-menu__blog-button a {
  background-color: transparent;
  display: inline-block;
  padding: 10px 15px;
}

.mobile-menu__blog-button .header__link--disabled span,
.mobile-menu__blog-button a span {
  color: var(--active);
  display: inline-block;
  font-family: Founders-Grotesk-Regular, sans-serif;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
}

.mobile-menu input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.mobile-toggle__bar {
  background: var(--bg);
  display: block;
  height: 2px;
  margin: 5px 0;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 24px;
}

.mobile-toggle__bar:first-child {
  margin-top: 0;
}

.mobile-toggle__bar:last-child {
  margin-bottom: 0;
}

.is-active .mobile-toggle__bar:first-child {
  transform: translateY(7px) rotate(45deg);
}

.is-active .mobile-toggle__bar:nth-child(2) {
  opacity: 0;
}

.is-active .mobile-toggle__bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.megamenu__section {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1440px;
  min-height: 300px;
  opacity: 0;
  pointer-events: none;
  position: relative;
  transform: translateY(8px);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
  opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
  visibility 0s linear cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  visibility: hidden;
  width: 100%;
  will-change: transform, opacity;
}

.megamenu__section.is-active {
  height: auto;
  opacity: 1;
  pointer-events: auto;
  position: relative;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
  opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear;
  visibility: visible;
}

.megamenu__wrapper {
  align-items: flex-start;
  display: flex;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 15px;
  position: relative;
  width: 100%;
}

.megamenu__primary {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  max-height: none;
  min-width: 200px;
  overflow: visible;
  position: relative;
  z-index: 2;
}

.megamenu__primary ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

.megamenu__secondary {
  min-width: 200px;
  padding-left: 40px;
  position: relative;
}

.megamenu__secondary .secondary-content {
  background-color: var(--bg-secondary);
  border-radius: 4px;
  left: 0;
  min-width: 200px;
  opacity: 0;
  padding-left: 40px;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(-10px);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
  opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
  visibility 0s linear cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 102;
}

.megamenu__secondary .secondary-content.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
  opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear;
  visibility: visible;
}

.form_content h5 span {
  color: var(--active);
}

.sub-form__description {
  font-size: 16px;
  color: var(--light);
  margin-bottom: 25px;
}

.form_group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.form_item {
  flex: 1 1 calc(50% - 10px);
  display: flex;
  flex-direction: column;
  text-align: left;
}

.form_item label {
  font-size: 14px;
  font-weight: 600;
  color: var(--light);
  margin-bottom: 6px;
  letter-spacing: 0.5px;
}

.form_item input {
  padding: 12px 15px;
  border: 2px solid var(--border-line);
  border-radius: 6px;
  font-size: 15px;
  color: var(--text);
  transition: all 0.3s ease;
  background: transparent;
}

.form_item input:focus {
  border-color: var(--active);
  box-shadow: 0 0 10px rgba(255, 204, 0, 0.3);
  outline: none;
}

.btn_submit {
  display: inline-block;
  padding: 14px 40px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  background: linear-gradient(135deg, var(--btn-first), var(--active));
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  transition: all 0.3s ease;
  margin-bottom: 15px;
}

.btn_submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(255, 204, 0, 0.5);
}

.custom-checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 13px;
  color: var(--light);
  gap: 10px;
}

.custom-checkbox-wrapper input[type="checkbox"] {
  margin-top: 3px;
  accent-color: var(--active);
  cursor: pointer;
}

.custom-checkbox-wrapper a {
  color: var(--link);
  text-decoration: underline;
  transition: color 0.3s ease;
}

.custom-checkbox-wrapper a:hover {
  color: var(--active);
}
.megamenu__secondary .secondary-content ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

.megamenu__item {
  cursor: pointer;
  padding: 0;
  position: relative;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}

.megamenu__item.is-active .megamenu__item-text {
  color: var(--active);
}

.megamenu__item.is-active
.megamenu__item-text.has-submenu
.megamenu__toggle-line {
  background-color: var(--active);
  width: 45px;
}

.megamenu__item.is-active
.megamenu__item-text.has-submenu
.megamenu__toggle-line:after {
  transform: translate(5px, -50%);
}

.megamenu__item-text {
  color: var(--bg);
  display: block;
  font-family: Founders-Grotesk-Regular, sans-serif;
  font-size: 17px;
  padding: 8px 15px;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.megamenu__item-text.has-submenu {
  align-items: center;
  display: flex;
  position: relative;
}

.megamenu__item-text.has-submenu .megamenu__toggle-line {
  background-color: transparent;
  border-radius: 4px;
  display: inline-block;
  height: 2px;
  margin-left: 8px;
  position: relative;
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1),
  background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  vertical-align: middle;
  width: 0;
}

.megamenu__item-text.has-submenu .megamenu__toggle-line:after {
  color: inherit;
  content: ">";
  font-size: 17px;
  left: 100%;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.megamenu__item:hover .megamenu__item-text {
  color: var(--active);
}

.megamenu__item:hover .has-submenu .megamenu__toggle-line {
  background-color: var(--active);
  width: 45px;
}

.megamenu__item:hover .has-submenu .megamenu__toggle-line:after {
  transform: translate(5px, -50%);
}
.header__list:hover ~ .header__menu-container,
.header__list:focus ~ .header__menu-container {
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 200px !important;
  transition: opacity 0.3s, visibility 0.3s, height 0.3s;
}
.megamenu__subitem {
  padding: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.megamenu__subitem-link {
  color: var(--bg);
  display: block;
  font-size: 17px;
  padding: 6px 15px;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.megamenu__subitem-link:hover {
  color: var(--active);
  transform: translateX(5px);
}

.megamenu__search {
  margin: 0 auto;
  padding-bottom: 15px;
  padding-left: 15px;
  width: 100%;
}

.megamenu__search-trending {
  padding-bottom: 15px;
  padding-top: 15px;
}

.megamenu__search-trending-title {
  color: var(--bg);
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 15px;
}

.megamenu__search-trending-link {
  color: hsla(0, 0%, 100%, 0.7);
  display: block;
  font-size: 17px;
  padding: 5px 0;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.megamenu__search-trending-link:hover {
  color: #e5f523;
  text-decoration: none;
  transform: translateX(5px);
}

.megamenu__search-trending-columns {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 75em) {
  .megamenu__search-trending-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 62em) {
  .megamenu__search-trending-columns {
    grid-template-columns: 1fr;
  }
}

.megamenu__search-trending-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.megamenu__search-trending-item {
  margin-bottom: 10px;
}

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

.megamenu__search-trending-link {
  align-items: center;
  display: flex;
  gap: 10px;
}

.megamenu__links-icon {
  height: 100%;
  max-height: 20px;
  max-width: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.search-container {
  margin: 0 auto;
  max-width: 600px;
  padding: 20px;
  width: 100%;
}

.search-wrapper {
  position: relative;
  width: 100%;
}

.search-wrapper .megamenu__search-button {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  left: 15px;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}

.search-wrapper .megamenu__search-button:hover .search__icon {
  color: var(--active);
}

.search-wrapper .search__icon {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 17px;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-input {
  background: hsla(0, 0%, 100%, 0.1);
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 6px;
  color: var(--bg);
  padding: 12px 20px 12px 50px;
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.search-input:focus {
  background: hsla(0, 0%, 100%, 0.15);
  outline: none;
  transform: translateY(-1px);
}

.search-input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  padding-left: 5px;
}

.search-input::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  padding-left: 5px;
}

.search-results {
  margin-top: 20px;
  min-height: 200px;
}

.sub-menu {
  display: none;
}

.sub-menu.active {
  display: block;
}

.search-input {
  background: transparent;
  font-family: Founders-Grotesk-Regular, sans-serif;
  font-size: 17px;
  width: 100%;
}

.search-input:focus {
  background: transparent;
  border-color: var(--active);
  transform: none;
}

.admin-bar .header {
  top: 32px;
}

.info_autor {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  display: none;
  align-items: center;
  margin: 0 0 20px;
}
.autor_img {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 4px 1px var(--shadow);
}
.autor_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.info_start .info_autor p {
  font-size: 12px;
  margin: 0;
}
.info_autor a {
  color: var(--link);
}
.info_start p {
  margin: 0 0 20px;
}
/* card */

.started_header {
  background-color: var(--bg-secondary);
  border-bottom: 3px solid var(--bg);
  border-radius: var(--border-s);
  color: var(--bg);
  display: grid;
  font-weight: 700;
  grid-template-columns: 2.5em 1.5fr repeat(5, 1fr);
  grid-gap: 0.5em 2em;
  padding: 15px;
  place-items: center;
  position: relative;
  text-align: center;
  z-index: 2;
  margin-top: 20px;
}
.started_item {
  display: block;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 1em 0 0;
  transition: all 0.3s linear;
  background: #fff;
  border-radius: var(--border-s);
  box-shadow: 0 0 15px rgba(66, 116, 41, 0.5);
  color: var(--text-cart);
  margin-bottom: 20px;
}
.started_item:hover {
  background: var(--bg-active);
}
/* .started_item:first-child {
  padding-top: 3em;
} */
.started_items {
  /* margin-top: -2em; */
  display: grid;
  gap: 20px;
}
.started_rank {
  color: var(--btn-first);
  font-size: 2.1875em;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.card_item {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0.5em 2em;
  align-items: stretch;
  padding-bottom: 10px;
  color: var(--title);
  position: relative;
}
.card_item > div {
  position: relative;
  height: 100%;
}
/* .card_item > div:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1em;
  background: var(--border-line);
} */
.started_items > a:first-child {
  background-color: var(--bg-active);
  border: 2px solid var(--active);
}

.started_logo img {
  max-width: 210px;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.started_logo {
  text-align: center;
  font-size: 15px;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  justify-content: center;
}
.started_deposit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
}
.started_deposit li {
  background: var(--bg);
  width: 45px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  box-sizing: border-box;
}
.started_deposit img {
  display: block;
  width: 100%;
  max-width: 70px;
}
.started_bonus {
  text-align: center;
  display: flex;
  flex-direction: column;
  color: var(--text);
  padding: 0 0 10px;
}
.started_logo p{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--cart-button);
}
.bonus_num {
  font-size: 50px;
  color: var(--play-button);
  font-weight: 800;
  line-height: 1;
  margin: 10px 0;
}
.started_payout {
  position: relative;
  color: var(--title);
  display: flex;
  flex-direction: column;
  display: none;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.card_item .started_deposit li {
  width: max-content;
  height: auto;
}
.gambling-operator__speed-meter {
  background-image: url(../images/speed-meter.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
  position: relative;
  width: 45px;
}
.gambling-operator__speed-meter:before {
  background-image: url(../images/speed-needle.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -5px;
  content: "";
  height: 14px;
  left: 9px;
  position: absolute;
  transform-origin: 14px 7px;
  width: 20px;
}
.started_payout_90 .gambling-operator__speed-meter:before {
  transform: rotate(var(--rotation, 90deg));
}
.started_payout_120 .gambling-operator__speed-meter:before {
  transform: rotate(var(--rotation, 120deg));
}
.started_payout_180 .gambling-operator__speed-meter:before {
  transform: rotate(var(--rotation, 180deg));
}
.started_products img {
  width: 40px;
  display: block;
  filter: brightness(0.5);
}
.gambling-operator__product {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.started_products {
  display: flex;
  gap: 15px;
  height: auto !important;
  flex-wrap: wrap;
  justify-content: center;
  color: var(--bg-secondary);
  padding: 10px;
  align-items: center;
  align-content: center;
}
.started_button p {
  display: inline-block;
  text-decoration: underline;
}
.fantom_btn {
  background-color: var(--cart-button);
  border-bottom: 3px solid var(--active);
  border-radius: var(--border-m);
  color: #fff;
  display: block;
  font-size: 1.125em;
  font-weight: 700;
  padding: 0.5em;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  width: 90%;
  transition: all 0.3s linear;
}
.started_items > a:hover .fantom_btn {
  background-color: var(--bg-secondary);
  color: var(--bg);
  border-bottom-color: var(--active);
}
.started_items > a:first-child .fantom_btn {
  background-color: var(--bg-secondary);
  border-bottom-color: var(--bg);
  transition: all 0.3s linear;
}
.started_items > a:first-child:hover .fantom_btn {
  background-color: var(--bg);
  color: var(--btn-first);
}
.started_button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.started_item > p {
  padding-top: 1em;
  border-top: 1px solid var(--border-line);
  padding: 10px;
  border-left: 1px solid var(--active);
  background: var(--bg-active);
  color: var(--text);
}
.full_btn {
  align-items: center;
  background-color: var(--bg-secondary);
  border-radius: var(--border-s);
  color: var(--bg);
  display: flex;
  font-size: 1em;
  max-width: 300px;
  border-radius: 30px;
  font-weight: 700;
  justify-content: center;
  padding: 0.9em;
  text-align: center;
  gap: 6px;
  margin: 30px auto;
}
.full_btn::before {
  background-image: url(../images/icon-double-chevron-down.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1em;
  width: 1em;
  animation: op 1s linear infinite;
}
.full_btn::after {
  background-image: url(../images/icon-double-chevron-down.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1em;
  width: 1em;
  animation: op 1s linear infinite;
}
@keyframes op {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
.emphasized-box {
  background-color: var(--border-line);
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0;
  overflow: hidden;
  padding: 15px ;
  position: relative;
  box-sizing: border-box;
  max-width: 800px;
  font-style: italic;
  border-radius: 30px;

  padding-right:300px;
  width: 100%;
  margin: 30px auto;
}
.emphasized-box::before{
  content: "";
  position: absolute;
  bottom: -0;
  right: 20px;
  background-position: center right;
  width: 90%;
  height: 90%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='1280.000000pt' height='984.000000pt' viewBox='0 0 1280.000000 984.000000' preserveAspectRatio='xMidYMid meet'%3e%3cmetadata%3e Created by potrace 1.15, written by Peter Selinger 2001-2017 %3c/metadata%3e%3cg transform='translate(0.000000,984.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3e%3cpath d='M8370 9830 c-25 -4 -106 -36 -180 -70 -207 -95 -646 -280 -830 -350 -91 -34 -167 -64 -169 -66 -2 -1 13 -121 33 -266 20 -145 36 -269 36 -277 0 -17 4 -17 478 65 628 108 1074 195 1077 209 18 87 148 389 227 529 53 95 103 215 93 225 -10 9 -715 11 -765 1z'/%3e%3cpath d='M9536 9830 l-139 -5 -64 -165 c-154 -400 -235 -635 -254 -745 -6 -36 -12 -65 -14 -65 -12 0 -291 -32 -344 -40 -131 -19 -353 -63 -756 -150 -505 -109 -943 -196 -950 -188 -1 2 -7 173 -13 382 -6 208 -14 381 -17 384 -3 3 -27 0 -52 -6 -57 -16 -293 -113 -293 -122 0 -27 -151 -825 -157 -831 -15 -15 -2055 -744 -2221 -794 -19 -5 -46 15 -180 138 -86 80 -206 195 -265 255 l-108 109 -237 -89 c-130 -49 -245 -92 -254 -96 -15 -6 -2 -31 90 -172 59 -91 147 -224 196 -295 48 -71 90 -134 92 -140 2 -5 -49 -30 -114 -54 -192 -72 -1072 -476 -1483 -681 -96 -49 -234 -122 -306 -164 l-131 -75 -476 261 -476 260 -301 -112 c-165 -62 -296 -116 -292 -120 4 -4 35 -17 68 -30 144 -56 482 -207 1048 -469 335 -155 612 -281 616 -281 5 0 60 37 122 83 63 45 143 103 179 128 310 219 1644 881 2532 1258 555 234 892 359 1798 662 977 328 1070 354 1523 419 246 36 1337 160 1402 160 9 0 17 6 20 13 2 6 65 215 140 462 75 248 170 551 211 674 41 124 71 228 67 232 -14 12 -66 14 -207 9z'/%3e%3cpath d='M6215 8951 c-66 -21 -214 -75 -330 -119 -115 -44 -426 -162 -690 -261 -264 -99 -599 -229 -745 -289 -146 -60 -307 -124 -359 -143 -51 -19 -96 -40 -98 -47 -12 -29 28 -83 161 -219 l141 -144 41 15 c23 8 163 69 310 136 406 184 402 183 1247 451 l358 113 25 82 c32 107 85 465 67 463 -4 0 -62 -18 -128 -38z'/%3e%3cpath d='M8996 8224 c-300 -46 -2175 -568 -3011 -837 -366 -118 -653 -227 -1695 -642 -952 -379 -1295 -535 -1545 -702 -279 -186 -538 -389 -601 -471 -37 -48 -44 -89 -17 -99 71 -28 407 114 1483 625 628 298 809 378 994 441 l145 50 154 -227 c85 -125 250 -364 367 -532 117 -168 359 -525 538 -795 555 -837 718 -1062 922 -1265 83 -84 231 -207 320 -267 56 -38 251 -146 255 -141 3 4 -260 431 -415 673 -254 397 -618 887 -729 981 -15 13 -66 94 -113 181 -98 183 -141 251 -488 778 -299 455 -342 524 -387 625 -42 96 -42 118 1 159 l35 34 94 -82 c165 -141 255 -253 485 -601 74 -113 277 -418 451 -678 322 -481 422 -633 928 -1402 362 -549 385 -586 477 -759 72 -137 74 -143 48 -136 -45 13 -74 6 -130 -28 -76 -46 -160 -133 -271 -282 -124 -166 -136 -183 -532 -797 -182 -282 -332 -514 -333 -515 -4 -4 -471 -102 -474 -99 -1 2 118 147 264 322 485 580 726 889 915 1172 163 244 206 362 131 362 -58 0 -128 -83 -372 -440 -446 -654 -722 -991 -1055 -1288 -473 -422 -733 -582 -1065 -653 -137 -30 -337 -37 -395 -14 -106 40 -188 204 -410 829 -28 80 -70 145 -115 178 -15 11 -62 24 -119 32 -73 11 -103 21 -135 43 -23 16 -41 35 -41 42 0 7 32 26 70 43 165 71 355 146 386 153 54 12 135 56 118 64 -8 5 -174 32 -370 62 l-355 53 -55 80 c-30 44 -84 110 -121 146 -104 104 -291 220 -416 260 -54 17 -87 55 -109 128 -15 47 -18 94 -17 267 0 219 5 279 55 635 16 118 32 267 35 330 6 115 6 115 -25 170 -51 90 -210 408 -331 663 -62 130 -115 236 -116 234 -2 -2 8 -78 22 -170 42 -282 84 -398 235 -648 l92 -152 -27 -171 c-126 -783 -145 -924 -155 -1156 -4 -91 -7 -166 -5 -168 1 -2 67 -14 147 -27 215 -36 283 -51 377 -85 l85 -31 67 -112 c37 -62 104 -188 149 -282 45 -93 96 -192 114 -220 47 -72 118 -140 195 -185 144 -84 209 -197 309 -535 61 -209 105 -342 138 -415 66 -149 51 -218 -109 -500 -131 -230 -230 -430 -214 -430 60 0 126 62 238 224 60 86 212 334 279 455 l24 44 170 -7 c94 -4 233 -7 310 -7 l140 0 171 70 c265 108 453 163 1019 297 748 177 1239 360 2320 866 527 247 1050 510 1220 613 l160 97 258 13 c142 7 260 15 262 17 2 2 -91 67 -208 145 -256 170 -537 378 -671 498 -54 48 -146 144 -205 214 -58 69 -139 161 -179 206 -100 110 -233 313 -557 850 -153 253 -374 618 -493 810 -344 560 -826 1362 -974 1625 -71 126 -168 315 -168 328 0 11 127 42 166 42 51 -1 113 -48 192 -145 125 -152 167 -220 537 -865 153 -267 433 -746 623 -1065 942 -1583 1006 -1668 1612 -2131 423 -324 554 -404 695 -426 72 -11 77 -11 97 10 18 18 20 25 10 46 -15 34 -121 116 -395 307 -506 353 -538 385 -792 769 -114 173 -665 1060 -888 1430 -422 700 -1290 2221 -1275 2235 2 2 37 8 78 14 71 9 77 9 116 -14 73 -43 201 -204 355 -445 48 -74 212 -349 366 -610 681 -1154 985 -1635 1077 -1705 25 -19 45 -54 86 -152 110 -268 290 -573 463 -788 231 -287 679 -628 1022 -777 135 -59 192 -69 350 -66 l140 3 -240 154 c-329 212 -586 383 -675 451 -129 99 -272 259 -472 530 -201 273 -321 467 -811 1305 -115 198 -321 547 -457 775 -560 942 -715 1205 -804 1372 l-57 107 28 7 c15 3 44 10 63 15 70 18 86 12 155 -53 135 -126 261 -315 642 -967 376 -641 390 -665 853 -1426 830 -1362 763 -1260 944 -1440 190 -190 360 -300 811 -527 l280 -141 230 62 c309 84 457 133 602 199 142 64 125 38 189 292 32 128 37 160 38 275 1 147 -16 219 -81 350 -96 192 -222 308 -398 367 -62 20 -88 23 -225 22 -139 -1 -163 -4 -235 -27 -98 -32 -208 -102 -303 -191 l-71 -67 -14 23 c-8 13 -31 52 -53 88 -21 36 -232 385 -469 775 -237 391 -505 836 -595 990 -89 154 -266 453 -393 665 -444 743 -557 944 -622 1105 -37 92 -44 101 -75 112 -46 16 -153 14 -264 -3z'/%3e%3cpath d='M2720 7596 c-254 -90 -452 -165 -650 -244 -180 -72 -990 -417 -1087 -462 -78 -36 -133 -77 -133 -99 0 -10 155 -100 350 -204 133 -71 219 -103 305 -115 l68 -9 82 51 c45 28 424 224 843 436 l762 384 0 32 c0 39 -31 85 -145 213 -82 92 -93 101 -125 101 -19 -1 -141 -38 -270 -84z'/%3e%3cpath d='M3620 5589 c-31 -4 -112 -28 -180 -53 -171 -61 -347 -110 -695 -191 -100 -24 -104 -25 -77 -36 31 -12 224 -29 328 -29 114 0 169 13 313 72 177 72 225 88 316 104 96 17 322 34 460 34 55 1 118 4 140 8 40 8 40 8 -70 44 -60 20 -145 41 -188 47 -89 12 -265 13 -347 0z'/%3e%3cpath d='M3508 5310 c-118 -20 -282 -95 -307 -142 -9 -15 -13 -29 -10 -32 3 -3 46 5 95 19 195 54 321 69 574 70 225 0 240 -1 362 -29 70 -17 130 -27 134 -24 10 11 -14 44 -53 71 -42 28 -77 34 -413 62 -188 16 -307 17 -382 5z'/%3e%3cpath d='M3730 5064 c-262 -47 -446 -64 -703 -66 -183 -1 -180 5 -67 -113 54 -57 72 -84 95 -145 45 -121 80 -182 134 -235 28 -27 51 -57 51 -66 0 -9 -17 -27 -37 -39 l-38 -22 28 -24 c20 -17 40 -24 70 -24 23 0 139 -9 257 -20 210 -19 455 -24 575 -11 59 6 57 6 -113 34 -152 25 -290 54 -300 63 -2 1 -1 12 3 23 4 13 37 36 83 61 72 37 286 189 279 197 -5 4 -235 -66 -440 -134 -76 -25 -141 -43 -144 -40 -12 13 29 205 55 257 60 120 140 144 538 160 142 5 292 13 333 16 73 6 73 6 54 26 -39 38 -402 128 -513 127 -36 0 -126 -12 -200 -25z'/%3e%3cpath d='M4750 3431 c-114 -35 -197 -144 -202 -267 l-3 -59 100 -3 c55 -1 106 2 114 7 26 17 3 39 -54 51 -52 11 -95 37 -95 59 0 28 39 52 105 65 100 20 178 27 193 17 17 -10 42 -119 44 -192 2 -71 -14 -92 -105 -138 -84 -42 -202 -58 -522 -71 -493 -20 -601 -27 -626 -40 -13 -7 -54 -37 -92 -67 -56 -45 -66 -57 -57 -72 5 -10 26 -21 47 -25 103 -16 770 1 968 25 224 28 429 141 463 256 17 57 31 174 32 256 l0 68 -57 58 c-40 41 -71 63 -98 70 -45 12 -118 13 -155 2z'/%3e%3cpath d='M3363 3375 c-35 -15 -60 -50 -43 -60 6 -4 51 -13 99 -20 112 -17 136 -32 156 -98 8 -28 15 -56 15 -63 0 -8 -34 -14 -102 -18 -376 -24 -497 -40 -558 -71 -55 -28 -77 -50 -59 -61 23 -14 217 -34 341 -34 135 0 225 14 320 51 70 27 85 43 104 110 28 106 17 186 -33 231 -50 46 -172 63 -240 33z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
}
/* .emphasized-box:before {
  bottom: -10px;
  content: url(../images/emphasis-left.png);
  left: -145px;
  position: absolute;
}
.emphasized-box:after {
  bottom: -10px;
  content: url(../images/emphasis-right.png);
  position: absolute;
  right: -238px;
} */
ul.checkBullet li:before {

  border-width: 0.5px 2px;
  content: "";
  width: 30px;
  height: 30px;
  background: url('data:image/svg+xml,<svg id="Layer_1" style="enable-background:new 0 0 612 792;" version="1.1" viewBox="0 0 612 792" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{clip-path:url(%23SVGID_2_);fill:none;stroke:%2341AD49;stroke-width:45;}.st1{fill:%2341AD49;}</style><g><g><defs><rect height="512" id="SVGID_1_" width="512" x="50" y="140"/></defs><clipPath id="SVGID_2_"><use style="overflow:visible;" xlink:href="%23SVGID_1_"/></clipPath><path class="st0" d="M306,629.5c128.8,0,233.5-104.7,233.5-233.5S434.8,162.5,306,162.5S72.5,267.2,72.5,396 S177.2,629.5,306,629.5L306,629.5z"/></g><polygon class="st1" points="421.4,271 241.9,450.5 174.9,383.5 122,436.4 241.9,556.2 257.3,540.8 257.4,540.8 474.3,323.9 421.4,271 "/></g></svg>')
  no-repeat;
  background-size: contain;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  font-size: 20px;
  margin-left: 0px;
  margin-right: 5px;
  vertical-align: middle;
}
.container > p,
.criteria_section p,
.important_section p,
.last_block p {
  margin-bottom: 20px;
}
.important_section{
  padding: 40px 0;
  position: relative;
  z-index: 2;
  background: #fff;
}
.important_section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='1155.000000pt' height='1280.000000pt' viewBox='0 0 1155.000000 1280.000000' preserveAspectRatio='xMidYMid meet'%3e%3cmetadata%3e Created by potrace 1.15, written by Peter Selinger 2001-2017 %3c/metadata%3e%3cg transform='translate(0.000000,1280.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3e%3cpath d='M5395 12788 c-32 -12 -5124 -2893 -5140 -2909 -6 -6 -4 -14 5 -23 8 -7 780 -377 1715 -821 935 -445 2229 -1060 2875 -1367 923 -440 1186 -561 1225 -565 43 -5 60 -1 113 26 50 25 4815 3030 5004 3155 59 39 71 55 59 74 -6 10 -408 182 -2396 1027 -159 68 -954 405 -1765 750 -811 345 -1501 636 -1533 646 -65 21 -117 23 -162 7z m98 -573 c388 -51 657 -235 657 -449 0 -197 -232 -382 -571 -455 -504 -108 -1044 30 -1187 304 -36 68 -37 169 -4 237 63 127 218 238 430 307 201 65 448 86 675 56z m1899 -804 c298 -52 507 -173 579 -337 17 -38 21 -61 17 -120 -9 -136 -101 -245 -284 -337 -101 -51 -199 -83 -326 -109 -161 -33 -464 -32 -616 0 -348 75 -554 239 -554 438 0 223 301 423 717 477 98 13 360 6 467 -12z m1835 -812 c225 -27 448 -121 551 -233 57 -62 73 -90 88 -153 53 -230 -199 -446 -617 -528 -117 -23 -363 -31 -485 -15 -232 29 -438 109 -554 216 -86 80 -112 129 -118 219 -4 63 -1 80 23 134 89 197 429 354 810 374 71 4 206 -2 302 -14z m-6505 -28 c367 -63 600 -235 600 -441 0 -222 -279 -416 -684 -476 -138 -20 -432 -14 -543 11 -285 64 -475 183 -540 339 -24 56 -19 152 10 213 79 170 329 307 651 357 137 21 370 20 506 -3z m1781 -856 c396 -52 660 -232 661 -451 0 -337 -649 -576 -1239 -458 -101 21 -199 55 -296 105 -299 155 -334 420 -80 608 222 165 601 242 954 196z m1822 -845 c427 -38 726 -225 728 -453 2 -212 -240 -393 -625 -468 -134 -27 -413 -32 -538 -10 -306 53 -513 167 -591 326 -28 57 -31 72 -27 132 5 90 36 149 118 227 189 178 573 279 935 246z'/%3e%3cpath d='M11430 9941 c-192 -121 -4517 -2855 -4760 -3007 -151 -96 -296 -193 -322 -217 l-48 -43 0 -74 c0 -41 11 -829 25 -1750 14 -921 34 -2307 45 -3080 26 -1869 23 -1760 55 -1760 14 0 4991 3310 5058 3363 21 18 45 43 52 57 10 20 11 659 6 3290 -5 2891 -8 3265 -21 3267 -8 1 -49 -19 -90 -46z m-343 -1192 c156 -75 231 -245 220 -499 -22 -492 -399 -1014 -792 -1097 -90 -19 -162 -10 -242 28 -98 47 -170 150 -204 289 -18 75 -15 276 5 369 99 449 414 841 750 932 96 26 180 19 263 -22z m-1482 -3021 c97 -50 174 -158 206 -288 8 -33 13 -105 13 -180 -1 -140 -28 -273 -83 -413 -120 -303 -336 -558 -564 -666 -105 -50 -171 -65 -261 -59 -169 12 -290 132 -333 331 -22 103 -13 291 20 418 105 403 397 765 700 865 100 33 228 30 302 -8z m-1688 -3113 c112 -33 199 -123 243 -248 31 -88 39 -300 16 -418 -87 -440 -408 -849 -740 -944 -87 -25 -214 -17 -281 17 -86 44 -145 119 -187 237 -29 81 -36 286 -14 403 34 178 126 395 234 548 60 86 202 231 278 286 157 113 324 157 451 119z'/%3e%3cpath d='M0 9478 c0 -13 18 -576 40 -1253 79 -2418 100 -3083 129 -4005 40 -1259 37 -1198 70 -1230 29 -29 5689 -2990 5715 -2990 9 0 19 6 22 14 6 15 -81 6139 -92 6475 l-6 194 -32 33 c-24 26 -374 196 -1611 785 -869 413 -2170 1032 -2892 1375 -721 343 -1319 624 -1327 624 -10 0 -16 -9 -16 -22z m815 -1023 c342 -81 679 -480 775 -920 27 -125 30 -298 6 -399 -33 -138 -116 -250 -224 -303 -72 -35 -196 -43 -291 -18 -341 89 -670 488 -767 932 -23 106 -24 306 -1 392 40 150 143 273 260 310 74 24 160 26 242 6z m3621 -1776 c154 -27 300 -112 444 -258 194 -195 330 -453 381 -722 18 -95 15 -272 -5 -349 -65 -250 -251 -375 -485 -326 -304 64 -623 397 -754 788 -62 184 -80 402 -44 537 46 172 148 288 287 325 67 18 99 19 176 5z m-1709 -1198 c123 -43 223 -109 344 -230 342 -340 492 -864 341 -1185 -180 -380 -703 -259 -1035 240 -288 433 -304 959 -34 1142 71 49 115 61 212 61 74 1 105 -4 172 -28z m-1754 -1137 c29 -9 85 -33 125 -55 288 -154 536 -503 618 -871 23 -103 23 -312 0 -398 -91 -333 -404 -423 -730 -210 -171 112 -326 293 -431 505 -98 198 -135 344 -135 539 0 179 43 307 137 403 103 105 249 135 416 87z m3649 -1866 c332 -123 634 -517 713 -929 19 -103 19 -285 0 -367 -34 -145 -111 -249 -223 -304 -62 -31 -74 -33 -167 -33 -119 1 -191 22 -305 89 -282 166 -509 499 -586 856 -24 113 -25 301 -1 389 44 164 129 266 260 313 74 26 217 20 309 -14z'/%3e%3c/g%3e%3c/svg%3e ");;
  background-size: contain;
  opacity: 0.04;
  z-index: 1;
}
.greenBullet {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 580px;
  gap: 10px;
  font-weight: 600;
  margin: 0 auto 40px;
}
.checklist_box h2 {
  text-transform: uppercase;
  border-bottom: 2px solid var(--line);
  clear: both;
  display: table;

  font-size: 19px;
  margin: 10px auto 20px;
  padding: 7px 0;
  text-align: center;
  width: auto;
}
.greenBullet {
  list-style: none;
  padding: 0;
  margin: 0;
}

.greenBullet li {
  position: relative;
  padding: 12px 18px 12px 45px;
  margin-bottom: 14px;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 60%, #2b0000 100%);
  border-radius: var(--border-m);
  border: 1px solid rgba(255, 215, 0, 0.3);
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-family: 'Roboto', sans-serif;
  box-shadow:
          0 0 10px rgba(255, 215, 0, 0.1),
          inset 0 0 15px rgba(255, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}

.greenBullet li::before {
  content: "★";
  position: absolute;
  left: 15px;
  top: 7px;
  color: #00ff66;
  font-size: 18px;
  text-shadow:
          0 0 8px #00ff66,
          0 0 15px #00ff66;
  animation: pulseGlow 2s infinite ease-in-out;
}
.reviews_section>div>img{
  display: none;
}

.greenBullet li:hover {
  background: linear-gradient(135deg, #1a1a1a 0%, #2b0000 80%, #4a0000 100%);
  box-shadow:
          0 0 20px rgba(255, 215, 0, 0.3),
          inset 0 0 20px rgba(255, 0, 0, 0.4);
  transform: translateY(-2px);
  border-color: #ffcc00;
}

@keyframes pulseGlow {
  0%, 100% {
    text-shadow:
            0 0 8px #00ff66,
            0 0 15px #00ff66;
  }
  50% {
    text-shadow:
            0 0 4px #00ff66,
            0 0 8px #00ff99;
  }
}

.checklist{
  padding: 40px 0;
  display: none;
}
.checklist_box h2::before {
  border-bottom: 3px solid var(--line);
  bottom: -4px;
  content: "";
  left: 37.5%;
  position: absolute;
  right: auto;
  width: 25%;
}

/* reviews_section */
.reviews_section img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.expandable-list-container {
  background: linear-gradient(145deg, #0a0a0a, #1a1a1a);
  border: 3px solid var(--line, #2ad445);
  border-radius: 1em;
  padding: 25px 20px;
  box-shadow: 0 0 20px rgba(42, 212, 69, 0.4),
  inset 0 0 10px rgba(0, 0, 0, 0.6);
  color: var(--text, #fff);
  font-family: 'Bebas Neue', 'Impact', sans-serif;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
}

.expandable-list-container::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at center, rgba(42, 212, 69, 0.1), transparent 70%);
  animation: glowMove 6s linear infinite;
  z-index: 0;
}

.expandable-list-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}

.expandable-list-container li {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(42, 212, 69, 0.3);
  border-radius: 8px;
  margin: 10px 0;
  padding: 12px 18px;
  font-size: 18px;
  color: #f5f5f5;
  text-shadow: 0 0 6px #2ad445;
  transition: all 0.3s ease;
  cursor: pointer;
}

.expandable-list-container li:hover {
  background: rgba(42, 212, 69, 0.15);
  box-shadow: 0 0 10px #2ad445, inset 0 0 10px rgba(42, 212, 69, 0.3);
  transform: translateY(-2px);
  color: #e5f523;
}

.expandable-list-container li::before {
  content: "🎰 ";
  color: #2ad445;
  margin-right: 6px;
  font-size: 20px;
}
.reviews_different{
  max-width: 800px;
  margin: 0 auto;
}
@keyframes glowMove {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    transform: translate(50%, 50%) rotate(360deg);
  }
}

.expandable-list-container ul {
  align-items: flex-start;
  padding-left: 0 !important;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  padding: 0 0 0 40px;
}
.expandable-list-container ul li {

  position: relative;
}

.expandable-list-container ul li a {
  color: var(--link);
  font-weight: 600;
}

/* Add styles */
.regular {
  gap: 12px;
  transition: all 0.3s linear;
  max-height: 170px;
  overflow: hidden;
}
.show.regular {
  max-height: 10000px;
}

.started_header li:nth-child(1) { order: 1; }   /* Rank */
.started_header li:nth-child(2) { order: 8; }   /* Online Casino */
.started_header li:nth-child(3) { order: 12; }  /* Deposit Methods */
.started_header li:nth-child(4) { order: 9; }  /* Deposit Bonus */
.started_header li:nth-child(5) { order: 10; }  /* Payout Speed */
.started_header li:nth-child(6) { order: 24; }  /* Products */
.started_header li:nth-child(7) { order: 28; }

.started_rank { order: 1; display: none; }
.started_logo { order: 8; }
.started_deposit { order: 12; }
.started_bonus { order: 9; }
.started_payout { order: 10; }
.started_products { order: 24; }
.started_button { order: 28; }

/* -------- */
.list_btn {
  color: var(--text);
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  line-height: 48px;
  max-width: 162px;
  width: 100%;
  align-items: center;
  background: linear-gradient(-80deg, var(--bg-secondary) 30%, var(--cart-button) 0);
  border-radius: 5px;
  cursor: pointer;
  color: var(--bg);
  display: flex;
  margin: 20px auto;
  flex-direction: row;
  transition: all 0.3s linear;
}
.list_btn:hover {
  background: var(--bg-secondary);
  color: var(--bg);
}
.expandable-list-container {
  margin-bottom: 40px;
}
.form_box {
  background: var(--bg-secondary);
  /* width: 90%;
  max-width: 800px; */
  margin: 0 auto 30px;
  padding: 20px;
  border-radius: var(--border-m);
  /* display: grid; */
  align-items: center;
  grid-template-columns: 1fr 1.3fr;
}
.form_box img{
  display: none;
}
.centerList{
  display: flex;
  justify-content: center;
}
.form_content {
  padding: 3rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.form_content h5 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
  color: var(--bg);
}
.form_content h5 span {
  color: var(--active);
  font-size: 0.9em;
  display: block;
}
.sub-form__description {
  color: var(--bg);
  font-size: 12px;
  text-align: center;
  margin: 0 0 20px;
}
.form_item label {
  color: var(--bg);
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 0.4rem;
  text-align: left;
}
.form_item input {
  display: block;
  width: 100%;
  padding: 14px;
  background: var(--bg);
  border-radius: var(--border-s);
  box-sizing: border-box;
}
.form_group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
.custom-checkbox-wrapper input {
  cursor: pointer;
}
.custom-checkbox-wrapper {
  color: var(--bg);
  font-size: 14px;
}
.custom-checkbox-wrapper a {
  color: var(--active);
}
.btn_submit {
  align-items: center;
  background-color: var(--btn-first);
  border: none;
  border-radius: var(--border-s);
  color: var(--text);
  cursor: pointer;
  display: flex;
  font-weight: 600;
  justify-content: center;
  padding: 0.9rem 1.5rem;
  position: relative;
  transition: 2s linear all;
  width: 100% !important;
  margin-top: 20px;
}
.btn_submit:hover {
  background: var(--active);
}

/* footer */
.footer {
  background: linear-gradient(145deg, #0f172a 0%, #1e293b 40%, #101b65 100%);
  position: relative;
  padding: 60px 0 25px;
  color: #f1f1f1;
  overflow: hidden;
}

.footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, #ffd700, #ff7b00, #ff0000, #ff7b00, #ffd700);
  background-size: 300% 100%;
  animation: moveStripe 8s linear infinite;
  border-radius: 0 0 10px 10px;
}

.footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, transparent 70%);
}

@keyframes moveStripe {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}

.footer>div{
  display: flex;
  flex-direction: column;
}
.footer_discription{
  order: 3;
}
.copy{
  order: 6;
}
.footer_logos{
  order: 4;
}
.footer_center{
  order: 1;
}
.footer_nav {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  order: 2;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.footer_nav a {
  color: var(--bg);
  padding: 10px 20px;
  box-sizing: border-box;
  display: block;
  text-transform: uppercase;
  background: var(--bg-secondary);
  font-weight: 700;
  transition: all 0.3s linear;
}
.footer_nav a:hover {
  color: var(--line);
}
.footer_center {
  margin: 0 auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
.footer_center img {
  display: block;
  width: 100%;
}
.footer_center ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}
.footer_center ul img {
  width: 20px;
}
.footer_discription {
  max-width: 1000px;
  text-align: center;
  margin: 0 auto 50px;
  padding-top: 10px;
  border-top: 1px solid var(--text);
}
.footer_discription h4 {
  font-weight: 700;
  color: var(--bg);
}
.footer_discription p {
  color: var(--bg);
  font-size: 0.9rem;
  margin: 0;
}
.footer_logos{
  display: flex;
  flex-direction: column;
}
.footer_logos p {
  color: var(--bg);
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
}
.footer_logos ul {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 30px;
}
.footer_logos ul  a{
  border-radius: var(--border-m);
  overflow: hidden;
  display: inline-block;
}
footer a {
  transition: all 0.3s linear;
}
footer a:hover {
  opacity: 0.7;
}
.footer_bottom {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.copy {
  text-align: center;
  color: var(--bg);
  font-size: 14px;
  margin-top: 30px;
}
.title_mob {
  display: none;
}
.header__menu-container {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.header__menu-container.active {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.header__subcategory {
  flex-wrap: wrap;
  gap: 20px;
  padding-left: 18%;
  padding-top: 30px;
}
.header__subcategory a {
  color: var(--bg);
}
.header__subcategory a:hover {
  color: var(--active);
}
.header__subcategory.active {
  display: flex;
}
.header__subcategory {
  display: none;
}
.header__menu-container {
  background: var(--bg-secondary);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100;
}
header {
  position: relative;
}

@media (max-width: 992px) {
  .header__main-menu {
    display: flex;
    flex-direction: column;
  }
  .header__menu-container {
    position: static;
  }
}

/* start */
.main_screen {
  background: url(../images/home-banner-971x446.webp) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 3.4em 25px;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_screen h1 {
  font-size: 70px;
  color: var(--bg);
  line-height: 1.1;
  font-weight: 400;
  margin: 0 0 30px;
  position: static;
  border: none;
  text-transform: uppercase;
}
.main_screen p {
  color: var(--bg);
  margin-bottom: 20px;
}
.trust_box__content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  color: var(--bg);
  text-transform: uppercase;
  font-weight: 17px;
}
.trust_box__content ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.line_block {
  padding: 20px 0;
  background: var(--bg-secondary);
  color: var(--bg);
}
.trending_now__heading {
  text-transform: uppercase;
  font-weight: 500;
}
.trending_now__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 30px;
}
.trending_now__links{
  justify-content: center;
}
.trending_now__links a {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--bg);
  font-size: 14px;
}
.trending_now__links img {
  width: 20px;
  filter: invert(1);
  display: block;
}
.trending_now__links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.screen_contain {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.slotsbox__image {
  background-color: var(--border-line);
  overflow: hidden;
  position: relative;
  text-align: center;
  height: 100%;
}
.slotsbox__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: center;
}
.gambling_categoty_item {
  display: grid;
  grid-template-columns: 220px 1fr;
  border: 1px solid var(--light);
  border-radius: 10px;
  margin: 0 auto 30px;
  background: var(--bg);
  box-shadow: 0 1px 10px var(--light);
  overflow: hidden;
}
.gambling_categoty_item > div:not(.slotsbox__image) {
  padding: 25px 35px;
}
.left_info_box {
  display: flex;
  flex-direction: column;
}

/* Исходя из исходного порядка: */
.left_info_box > :nth-child(1) { order: 3; }  /* .left_top_block */
.left_info_box > :nth-child(2) { order: 5; }  /* .comparing_slot */
.left_info_box > :nth-child(3) { order: 6; }  /* первый .gambling_categoty */
.left_info_box > :nth-child(4) { order: 8; }  /* .block_how */
.left_info_box > :nth-child(5) { order: 1; }  /* .trust_block */
.left_info_box > :nth-child(6) { order: 9; }  /* .rounded-corners-cta */
.left_info_box > :nth-child(7) { order: 17; } /* .slot_questions */
.left_info_box > :nth-child(8) { order: 11; } /* .sing_up_block */
.left_info_box > :nth-child(9) { order: 12; } /* .site_bonus */
.left_info_box > :nth-child(10) { order: 4; } /* .stay_safe */
.left_info_box > :nth-child(11) { order: 7; } /* второй .gambling_categoty (blacklist) */
.left_info_box > :nth-child(12) { order: 13; } /* .responsible_block */
.left_info_box > :nth-child(13) { order: 10; } /* .read_more */
.gambling_categoty_item h3 {
  color: var(--text);
  padding: 0;
  background: transparent;
}
.gambling_categoty_item h3::after{
  content: none;
}
.rounded-corners-cta {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding: 21px 0 40px;
}
.rounded-corners-cta__wrapper {
  border-radius: 10px;
  height: 248px;
  overflow: hidden;
}
.rounded-corners-cta__primary-image-container {
  height: 120px;
  overflow: hidden;
  width: 100%;
}
.rounded-corners-cta__primary-image {
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.rounded-corners-cta__description {
  align-items: center;
  border-bottom: 1px solid var(--border-line);
  border-left: 1px solid var(--border-line);
  border-radius: 0 0 10px 10px;
  border-right: 1px solid var(--border-line);
  color: var(--title);
  display: flex;
  font-size: 20px;
  background: var(--breadcrumbs);
  gap: 10px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  height: 77px;
  box-sizing: border-box;
  justify-content: center;
  overflow: hidden;
  padding: 16px;
}
.howtobox {
  grid-column-gap: 25px;
  display: grid;
  grid-template-areas:
    "num title"
    "photo title"
    "photo textcontent";
  grid-template-columns: 2fr 5fr;
  margin-bottom: 40px;
  padding: 0 25px 0 0;
  border: 1px solid var(--border-line);
  border-radius: 10px;
  overflow: hidden;
}
.sing_up_block {
  margin: 40px 0;
}
.howtobox__num {
  grid-area: num;
  height: 0;
}
.howtobox__num .step-number {
  background-color: var(--link);
  border-radius: 10px 0;
  bottom: 0;
  color: var(--bg);
  display: block;
  font-size: 20px;
  font-weight: 700;
  height: 40px;
  padding-top: 8px;
  position: relative;
  right: 0;
  text-align: center;
  width: 40px;
}
.howtobox__header {
  color: var(--text);
  font-size: 20px;
  font-weight: 700;
  grid-area: title;
  line-height: 27px;
  padding: 25px 20px 20px;
}
.howtobox__image {
  display: flex;
  grid-area: photo;
  margin-bottom: 20px;
  padding-bottom: 15px;
  background: var(--breadcrumbs);
}
.howtobox__image img {
  height: 150px;
  margin: auto;
  width: 150px;
}
.howtobox__content {
  padding: 0 20px 20px;
}
.howtobox__content li {
  list-style: disc;
  margin: 0 0 10px 20px;
}
.site_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.recent-blogs-link a {
  margin: 30px auto;
  text-align: center;
}

/* card_item */

.title_fix_card div p {
  margin: 0;
  color: var(--bg);
  font-size: 18px;
}
.title_fix_card{
  background: var(--bg-secondary);
}
.item_cart_bonus {
  font-weight: 700;
  font-size: 14px;
  padding: 20px 15px;
  text-align: center;
}
.item_cart_bonus span {
  color: var(--line);
  display: block;
}
.flag span {
  color: var(--cart-button);
  width: 20px;
  height: 20px;
  display: flex;
  font-weight: 700;
  line-height: 0;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding-bottom: 2px;
  box-sizing: border-box;
  overflow: hidden;
  border: 2px solid var(--cart-button);
}
.flag {
  display: none;
  align-items: center;
  gap: 10px;
}
.title_fix_card_group {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
}
.logo_card img {
  display: block;
  height: 70px;
}
.logo_card {
  padding: 0 7%;
  background: var(--bg-secondary);
  order: -2;
}
.button_play_now{
  order: -1;
}
.text_block_items .regular{
  max-width: 900px;
  margin: 0 auto 70px;
}
.button_play_now {
  background: var(--play-button);
  border-radius: 22px;
  box-shadow: 0 3px var(--cart-button);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  height: 44px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 190px;
  transition: all 0.3s linear;
}
.button_play_now:hover {
  background: var(--cart-button);
}
.review-ratingbox__starrating {
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px;
}
.star-rating {
  display: inline-block;
  height: 47px;
  margin: auto;
  position: relative;
  width: 15.3em;
}
.star-rating__overlay {
  background: url(../images/review-star-icon.png);
  background-position: 0;
  background-size: 49px;
  height: 98.5%;
  left: 0;
  position: absolute;
  top: 0;
}
.star-rating__underlay {
  filter: grayscale(1);
  width: 100%;
}
.star-rating__overlay {
  z-index: 1;
}
.review_cart {
  align-items: center;
  border: 2px solid var(--light);
  border-radius: 20px;
  display: flex;
  background: var(--border-line);
  padding: 20px;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  max-width: 300px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}
.review_logo {
  margin-bottom: 20px;
  display: block;
  max-width: 150px;
}
.review_logo img {
  display: block;
  width: 100%;
}
.info_content {
  display: flex;
  flex-direction: row-reverse;
  gap: 40px;
  align-items: center;
  margin-bottom: 40px;
}
.review_cart p {
  font-weight: 700;
}

.review-table-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin: 20px auto;
  max-width: 90%;
}
table {
  width: 100%;
}

th {
  background-color: var(--bg-secondary);
  border-right: 5px solid var(--line);
  color: var(--bg);
  padding: 15px 0;
  width: 225px;
}
.review-table-container td {
  border: 1px solid var(--border-line);
  font-size: 12px;
  font-weight: 700;
  height: 46px;
  padding-left: 8px;
  text-align: left;
}
.review-table-container{
  display: none !important;
}
td {
  border: 1px solid var(--border-line);
  font-size: 12px;
  font-weight: 700;
  height: 46px;
  padding-left: 8px;
  vertical-align: middle;
  text-align: left;
}
.primary {
  margin-bottom: 40px;
}
table.primary tbody tr:nth-child(odd) {
  background: var(--breadcrumbs);
}
.primary thead,
.primary tbody {
  width: 100%;
  display: table;
  text-align: center;
}
.primary td {
  width: 24%;
  padding: 10px;
  box-sizing: border-box;
}
.primary td {
  text-align: center;
  font-weight: 800;
  font-size: 14px;
}
td .review-table-button a {
  color: #fff;
  display: inline-block;
  font-weight: 300;
  height: 100%;
  padding-top: 5px;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
td .review-table-button {
  background-color: var(--line);
  border-radius: 18px;
  box-shadow: 0 2px #557227;
  display: inline-block;
  height: 30px;
  margin: 5px auto auto;
  text-align: center;
  width: 110px;
}
/* .review-proscons {
  border: 1px solid var(--border-line);
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 900px;
  box-sizing: border-box;
  margin: 40px auto 40px;
} */
.review-proscons__pros {
  display: flex;
  flex-direction: column;
  /* border: 1px solid var(--border-line); */
  padding: 20px;
  background: var(--bg);
}
.review-proscons__pros .pros-title {
  align-self: center;
  background-color: #dbe6c4;
  border: 1px solid var(--line);
  color: var(--line);
  display: flex;
  height: 44px;
  align-content: center;
  justify-content: center;
  margin: 20px;
  width: 100%;
  align-items: center;
}
.review-proscons .prosconsListItem {
  margin: 10px 10px 10px 0;
}
.review-proscons__cons .cons-title {
  align-self: center;
  background-color: #f0c8c8;
  border: 1px solid #a84848;
  color: #a84848;
  display: flex;
  align-content: center;
  justify-content: center;
  height: 44px;
  align-items: center;
  margin: 20px;
  width: 100%;
}
.review-proscons__cons {
  display: flex;
  flex-direction: column;
  background: #fdefef7d ;
  /* margin: 20px; */
  border: 1px solid var(--active-text);
  padding: 20px;
}
.review-table-container{
  display: none;
}
/* Псевдоэлементы для prosconsListItem */
.prosItem.prosconsListItem::before {
  content: "✔";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--line);
  color: var(--bg);
  font-size: 16px;
  margin-right: 8px;
}
.consItem.prosconsListItem::before {
  content: "✔";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--cart-button);
  color: var(--bg);
  font-size: 16px;
  margin-right: 8px;
}
.emphasized-box--green {
  background-color: var(--border-line);
  font-size: 18px;
  line-height: 24px;
  margin: 15px 0;
  box-sizing: border-box;
  overflow: hidden;
  padding: 15px 40px;
  position: relative;
  text-align: center;
  width: 100%;
}
.emphasized-box--green:before {
  bottom: -10px;
  content: url(../images/emphasis-left.png);
  left: -238px;
  position: absolute;
}
.emphasized-box--green:after {
  bottom: -10px;
  content: url(../images/emphasis-right-green.png);
  position: absolute;
  right: -238px;
}
.emphasized-box--green .titleText {
  display: block;
  font-weight: 700;
  padding: 0 0 10px;
}
table.primary {
  display: block;
  margin: 30px 0;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}
th {
  background-color: var(--bg-secondary);
  border-right: 5px solid var(--bg-secondary);
  color: #fff;
  padding: 15px 0;
  width: 225px;
}
table.primary thead tr {
  background: var(--bg-secondary);
  border: 1px solid var(--border-line);
  color: var(--bg);
  font-size: 1em;
  font-size: 0.75em;
  padding: 2px;
  min-height: 30px;
  white-space: nowrap;
  width: 0.1%;
}
.casino_img img {
  display: block;
  max-width: 900px;
  margin: 20px auto 40px;
  width: 100%;
}
.slot_items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-bottom: 40px;
}
.slot_item{
  padding: 10px;
  border-radius: var(--border-s);
  background: #f5f7fa;
  box-shadow: 0 1px 10px var(--light);
  text-align: center;
}
.wrapper_card p {
  margin-bottom: 20px;
}
.list_d li {
  list-style: disc;
  margin: 0 0 10px 20px;
}
.list_d li::marker {
  color: var(--line);
}
.title_slot {
  font-weight: 800;
  color: var(--line);
  font-size: 1.2rem;
}
.slot_img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  box-shadow: 0 1px 7px var(--border-line);
  overflow: hidden;
  margin: 0 auto;
  min-width: 150px;
}
.slot_img img {
  max-width: 1000px;
  max-height: 1000px;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.slot_content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 20px;
}
.ram_action img {
  display: block;
  width: 160px;
  margin-bottom: 20px;
}
.review-toc__links a {
  display: inline-block;
  margin-left: 10px;
  text-decoration: underline;
}
.ram_action {
  box-sizing: border-box;
  background: var(--breadcrumbs);
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 30px auto 40px;
  padding: 20px 10px 0;
  text-align: center;
  max-width: 600px;
  position: relative;
  box-shadow: 0 1px 10px var(--active);
  border-radius: var(--border-s);
  width: 100%;
}
/*
button up */

.back-to-top-area {
  background: var(--border-line);
  border: 1px solid var(--light);
  border-radius: 50px 0 0 50px;
  border-right: 0;
  bottom: 40px;
  right: 0;
  cursor: pointer;
  display: block;
  height: 100px;
  line-height: 1.4;
  padding-bottom: 0;
  position: fixed;
  width: 64px;
  z-index: 9999;
  display: none;
}
#back_to_top_button {
  display: flex;
  padding: 12px 0;
  padding: 20px 0 0 10px;
  flex-direction: column;
  align-items: center;
}
.back-to-top-area span {
  display: block;
  text-align: right;
  font-size: 12px;
}
.below-fold .back-to-top-area a {
  align-items: center;
  color: var(--bg-secondary);
  display: inline-flex;
  flex-direction: column;
  font-size: 12px;
  height: 100%;
  justify-content: center;
  padding-left: 8px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 80ms ease-in;
  width: 100%;
}

/* slot */
.nav_right {
  background: var(--breadcrumbs);
  border: 1px solid #cfd6eb;
  border-radius: 10px;
  padding: 47px;
  box-sizing: border-box;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.102);
}
.nav_right .sub_title {
  border: none;
}
.nav_right .sub_title::before,
.nav_right .sub_title::after {
  content: none;
}
.links__list li a {
  color: var(--text);
  line-height: 1.5;
  font-weight: 600;
  font-style: italic;
}
.links__list li::before {
  background-image: url(../images/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 15px;
  margin: 0 5px -2px 0;
  width: 10px;
}
.grid_section {
  display: flex;
  flex-direction: row-reverse;
  gap: 10%;
  padding-top: 30px;
  margin: 0 0 40px;
}
.grid_section>div:first-child{
  order: 1;
  max-width: 600px;
}
.grid_section .info_autor{
  justify-content: start;
}
.nav_right{
  order: 2;
}
.date_publick {
  color: var(--text-cart);
}
.title_operators__heading {
  color: var(--bg);
  font-size: 25px;
  font-weight: 800;
  text-shadow: 0 1px 3px var(--bg-secondary);
  letter-spacing: 0.02px;
  text-transform: uppercase;
}
.slot_section {
  background: var( --play-button);
  padding: 42px 0 100px;
}
.slot_section > div {
  max-width: 1200px;
}
.operatorCard__extraDetails-wrapper{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.slot_top_title a {
  color: var(--bg);
  font-weight: 800;
  text-decoration: underline;
}
.slot_top_title {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  gap: 0;
  margin-bottom: 2em;
}
.operator_details {
  padding: 23px;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  text-align: center;
  background: var(--bg);
  max-width: 332px;
  border-radius: 10px;
}
.operator_details .logo_img{
  order: -1;
  width: 100%;
}
.operator_details img{
  width: 100% !important;
  display: block;
}
.topfive_operators {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.star_rating {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.911' height='17.986' viewBox='0 0 20.911 19.986'%3E%3Cg id='Group_141' data-name='Group 141' transform='translate(0 0)'%3E%3Cpath id='Path_543' data-name='Path 543' d='M6.84,7.1,0,7.628l5.223,4.447L3.612,18.744l5.844-3.593L15.3,18.744l-1.612-6.668,5.223-4.447L12.072,7.1,9.456.758Z' transform='translate(0 -0.758)' fill='%23FF6B0F'/%3E%3Cpath id='Path_544' data-name='Path 544' d='M503.4,15.15l5.844,3.593-1.612-6.668,5.223-4.447-6.84-.528L503.4.758Z' transform='translate(-493.94 -0.758)' fill='%23FF6B0F'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 24px;
  width: 24px;
}
.details_star {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.87rem;
}
.logo_img {
  display: block;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
  margin-top: 12px;
  max-width: 300px;
  overflow: hidden;
  width: 90%;
}
.logo_img img {
  max-width: 1000px;
  max-height: 1000px;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.our_blog{
  display: none;
}
.slot_section {
  padding: 40px 0;
  background: #e7cdaf;
}

.slot_top_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.slot_top_title h2.title_operators__heading {
  font-size: 28px;
  font-weight: 700;
  color: #ff6600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: linear-gradient(90deg, #ffd700, #ff6600);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.slot_top_title a {
  font-size: 14px;
  font-weight: 600;
  color: #ff6600;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
}

.slot_top_title a:hover {
  color: #ffcc00;
  transform: translateX(5px);
}

.topfive_operators {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.operator_details {
  background: #fff;
  border: 2px solid #ffd700;
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 6px 15px rgba(255, 215, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

.operator_details:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.4), 0 6px 15px rgba(255, 215, 0, 0.2);
}

.details_star {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  gap: 6px;
}

.star_rating {
  width: 80px;
  height: 16px;
  background: url('./assets/images/review-star-icon.png') repeat-x;
  background-size: contain;
}
.details_star{
  display: none;
}
.details_star span {
  font-size: 14px;
  font-weight: 700;
  color: #ff6600;
}

.logo_img img {
  width: 120px;
  height: auto;
  margin-bottom: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.logo_img img:hover {
  transform: scale(1.1);
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.4);
}

.welcome_bonus {
  font-size: 14px;
  font-weight: 700;
  color: #ff6600;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.operator_details p {
  font-size: 16px;
  color: #333;
  margin-bottom: 12px;
}

.operators__button {
  display: inline-block;
  padding: 10px 18px;
  background: linear-gradient(90deg, #ff0000, #ff6600, #ffd700);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 8px;
  text-decoration: none;
  margin-bottom: 8px;
  transition: all 0.3s ease;
}

.operators__button:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.5);
}

.operator_reviewlink {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #ff6600;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.operator_reviewlink:hover {
  color: #ffcc00;
}

@media (max-width: 768px) {
  .topfive_operators {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}

.operator_details p {
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
  text-shadow: 0 1px 1px var(--active);
}
.slot_section>div{
  position: relative;
  z-index: 3;
}
.operator_details .welcome_bonus {
  text-transform: uppercase;
}
.operators__button {
  background-color: var(--cart-button);
  border-bottom: none;
  border-radius: 10px;
  color: var(--bg);
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 19px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  text-transform: uppercase;
  margin-top: 20px;
  animation: move 2s ease-in-out infinite;
}
@keyframes move {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.14);
  }
  100% {
    transform: scale(1);
  }
}
.operator_reviewlink {
  font-size: 14px;
  text-decoration: underline;
  font-weight: 300;
  color: var(--text);
}
.our_blogItitle {
  background-color: var(--bg-secondary);
  border-bottom: 5px solid var(--cart-button);
  border-radius: 10px 10px 0 0;
  font-weight: 700;
  height: 60px;
  display: flex;
  align-items: center;
  align-items: center;
}
.our_blogItitle h3 {
  color: var(--bg);
  margin: 0;
  font-size: 22px;
  box-sizing: border-box;
  font-weight: 500;
  background: transparent;
}
.blog-feed-sidebar__post-container h4 {
  color: var(--title);
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 14px;
  text-decoration: underline;
}
.blog-feed-sidebar__post__image {
  border-radius: 5px;
  height: 70px;
  width: 125px;
  overflow: hidden;
}
.blog-feed-sidebar__post__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.blog-feed-sidebar__post__keepreading {
  color: var(--line);
  display: block;
  font-size: 13px;
  text-decoration: underline;
}
.gr_item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-feed-sidebar__post-container {
  border: 1px solid var(--border-line);
  border-radius: 0 0 10px 10px;
  background: var(--bg);
}
.blog-feed-sidebar__post {
  padding: 10px;
  border-bottom: 1px solid var(--border-line);
  display: block;
  box-sizing: border-box;
}
.right_info_box {
  max-width: 370px;
}
.simple-operator-cta__logo-link {
  display: block;
  width: 90%;
  margin: 0 auto;
}
.simple-operator-cta__logo-link img {
  display: block;
  width: 100%;
}
.grid_boxes {
  display: grid;
  grid-template-columns: 65% 30%;
  gap: 5%;
  justify-content: space-between;
  position: relative;
  padding: 50px 0;
}
h2 {
  font-size: 38px;
  line-height: 46px;
  margin: 20px 0 15px;
}
.wp-block-table {
  margin-bottom: 30px;
}
.wp-block-table.is-style-gsorg-centered-text-table table tr td {
  border: 1px solid var(--light);
  border-top: 0;
  padding: 20px 12px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.wp-block-table.is-style-gsorg-centered-text-table table tr:nth-child(2n) {
  background-color: var(--breadcrumbs);
}
.slotsbox {
  display: grid;
  grid-template-areas:
    "title title title"
    "photo description info";
  grid-template-columns: 220px 2fr 1fr;
  border: 1px solid var(--light);
  border-radius: 10px;
  background: var(--breadcrumbs);
  margin: 0 auto 30px;
  overflow: hidden;
}
.slotsbox_img {
  background-color: var(--breadcrumbs);
  grid-area: photo;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.slotsbox_img img {
  max-width: 1000px;
  width: 100%;
  display: block;
  max-height: 1000px;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.slotsbox_info {
  border-bottom: 0;
  border-right: 1px solid var(--border-line);
  margin: 25px 35px;
  padding-right: 20px;
  grid-area: description;
}
.slotsbox_more_info {
  grid-area: info;
  padding: 45px 25px 25px 0;
}
.slotsbox__button {
  background-color: var(--bg);
  border: 1px solid var(--title);
  border-radius: 7px;
  color: var(--title);
  display: flex;
  font-size: 15px;
  align-items: center;
  font-weight: 700;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  width: -moz-fit-content;
  transition: all 0.3s linear;
  width: fit-content;
}
.slotsbox__button:hover {
  background-color: var(--title);
  color: var(--bg);
}
.slotsbox {
  display: grid;
  grid-template-areas:
    "title title title"
    "photo description info";
  grid-template-columns: 220px 2fr 1fr;
}
.left_top_block p {
  margin-bottom: 20px;
}
.slotsbox_info h3 {
  background: none;
  color: var(--title);
  padding: 0;
}
.slotsbox_info h3::after{
  content: none;
}

.slotsbox_info p {
  margin-bottom: 20px;
}
.slotsbox__additional_info {
  font-weight: 600;
  margin: 0 0 15px;
}
.slotsbox__additional_info span {
  font-weight: 400;
  display: block;
}
.slot_cart_group {
  grid-row-gap: 10px;
  background-color: var(--breadcrumbs);
  border: 1px solid var(--light);
  border-radius: 20px;
  grid-template-areas:
    "photo"
    "title"
    "text-content";
  margin: 20px auto 20px;
  padding: 30px 20px 30px 70px;
  position: relative;
  width: 90%;
  box-sizing: border-box;
  margin-left: auto;
}
.icon_background {
  background: var(--link);
  border-radius: 10%;
  bottom: 50px;
  display: flex;
  height: 100px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: auto;
  padding: 20px;
  position: relative;
  width: 100px;
  grid-area: photo;
  /* position: absolute;
  top: 0;
  left: -50px; */
}
.icon_background img {
  width: 70px;
  display: block;
}
.text_slot_cart {
  grid-area: title;
}
.text_slot_cart h3 {
  color: var(--title);
  background: transparent;
  padding: 0;
}
.text_slot_cart h3::after{
  content: none;
}
.online_slot_game {
  margin-top: 60px;
}
.is-style-gsorg-fixed-horizontal-table table tr td {
  text-align: center;
}
.wp-block-table.is-style-gsorg-fixed-horizontal-table
table
tr
td:first-of-type {
  background-color: #f5f7fa;
}
.types_slot p {
  margin-bottom: 20px;
}
.real_slot {
  margin-top: 70px;
}
.info-box {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  border: 1px solid #adbdd4;
  border-top: 7px solid var(--title);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 5px 25px rgba(28, 45, 68, 0.102);
  display: grid;
  grid-template-areas:
    "photo title"
    "photo box-content";
  margin: 0 auto 25px;
  max-width: 945px;
  padding: 25px;
}
.info-box__title {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.slot_list_popular li {
  padding: 20px;
  background-color: var(--breadcrumbs);
  border: 1px solid var(--light);
  border-radius: 20px;
  margin: 20px auto;
}
.slot_list_popular h3 {
  color: var(--title);
  padding: 0;
  background: transparent;
  margin-bottom: 10px;
}
.popular_provider {
  margin-top: 70px;
}
.testimonials__wrapper {
  border: 1px solid #bbc4d8;
  border-radius: 10px;
  padding: 45px 12px 25px;
  position: relative;
  box-sizing: border-box;
}
.testimonials__img {
  height: 67px;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 67px;
  overflow: hidden;
  position: absolute;
  transform: translateX(-50%);
}
.testimonials__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
}
.testimonials__wrapper--answer:before {
  background: url(./assets/images/icon-arrow-down.svg);
  background-repeat: no-repeat;
  content: "";
  display: block;
  filter: invert(85%) sepia(85%) saturate(1605%) hue-rotate(198deg)
  brightness(97%) contrast(89%);
  height: 18px;
  left: 50%;
  position: absolute;
  top: 0;
  top: -58px;
  transform: translateX(-50%);
  width: 16px;
}
.testimonials__wrapper--answer {
  border-color: var(--link);
  margin-top: 20px;
  background: var(--breadcrumbs);
}
.slot_list_popular h3::after{
  content: none;
}
.testimonials__wrapper {
  padding: 26px 58px 35px;
  width: 90%;
}
.testimonials__single {
  margin-bottom: 42px;
  margin-left: 34px;
}
.slot_questions {
  margin-top: 70px;
  order: 11;
}
.slotsbox__description h3::after, .top_tip_item h3::after{
  content: none;
}
.sites_block{
  order: 7;
}
.slot_questions > p {
  margin-bottom: 20px;
}
.testimonials__wrapper--answer {
  margin-left: 46px;
}
.recent-blogs-posts .recent-blog {
  border: 1px solid var(--light);
  border-radius: 10px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex-shrink: 0;
  gap: 10px;
  max-width: 500px;
  padding-bottom: 30px;
  text-decoration: none;
  width: 32%;
  box-sizing: border-box;
}
.recent-blogs-posts .recent-blog__image {
  max-height: 344px;
}
.recent-blogs-posts .recent-blog__category {
  border-radius: 5px;
  color: var(--bg);
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  margin-left: 25px;
  padding: 2px 10px;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--olive);
}
.recent-blogs-posts .recent-blog__title h4 a {
  color: var(--title);
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}
.recent-blog__title {
  padding-left: 20px;
}
.recent-blog__author img {
  border-radius: 50px;
  margin-right: 10px;
}
.recent-blogs-posts .recent-blog__date {
  color: var(--text);
  font-size: 14px;
  font-weight: 400;
  margin-left: 25px;
}
.recent-blogs-posts .recent-blog__author {
  color: var(--link);
  font-size: 14px;
  font-weight: 400;
  margin-left: 25px;
  display: flex;
  align-items: center;
  text-decoration: underline;
}

.recent-blogs-posts {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
}
.recent-blog__image img {
  max-width: 1000px;
  max-height: 1000px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.recent_blogs_link a {
  margin: 30px auto;
  text-align: center;
}
.explore_slot {
  margin-top: 70px;
}
.left_info_box p {
  margin: 0 0 20px;
}
.wp-block-list a {
  list-style: upper-alpha;
}
.wp-block-list li {
  list-style: disc;
  margin: 0 0 10px 20px;
}
.group_btn {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.reels_block h3 {
  padding: 0;
  background: transparent;
  color: var(--line);
}
.slot_cart_box{
  display: flex;
  flex-direction: column;
}
.slot_cart_group:nth-child(1) { order: 3; }
.slot_cart_group:nth-child(2) { order: 1; }
.slot_cart_group:nth-child(3) { order: 4; }
.slot_cart_group:nth-child(4) { order: 2; }

.bottom-author-block {
  border: 1px solid #bbc4d8;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 30px 0;
  padding: 25px 15px 10px;
}
.author__avatar {
  align-self: start;
  height: 140px;
  margin: 0 50px 0 auto;
  width: 140px;
  overflow: hidden;
  position: relative;
  clip-path: circle(50%);
}
.author__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: all .3s linear;
}
.bottom-author-block:hover img{
  transform: scale(1.1);
}
.author__name {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.author__name a {
  text-decoration: underline;
}
.author__bio {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
.author__title {
  font-weight: 700;
  margin: 0 0 20px;
  font-size: 24px;
}
.author-name {
  padding-right: 10px;
  border-right: 1px solid var(--light);
  margin-right: 10px;
}
.autor_grid {
  display: grid;
  grid-template-columns: 140px auto;
  gap: 40px;
}
.author__buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.avt_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.simple-oeprator-cta__widget-content {
  padding: 29px 32px;
}
.simple-operator-cta__widget-heading {
  background: var(--bg-secondary);
  border-bottom: 5px solid var(--cart-button);
  color: var(--bg);
  display: block;
  font-size: 30px;
  padding: 20px 15px;
  text-align: center;
}
.simple-operator-cta {
  background: var(--bg);
  border: 1px solid var(--border-line);
  border-radius: 10px;
  font-family: Open Sans, sans-serif;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
}
.simple-operator-cta__bonus-text {
  color: var(--text);
  font-size: 18px;
  line-height: 1.6;
}
.simple-operator-cta__bonus-text .dollar-value {
  color: var(--link);
  font-size: 28px;
  font-weight: 700;
}
.simple-operator-cta__bonus-heading {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.info-box__content p {
  margin: 0;
}
.simple-operator-cta__bonus {
  text-align: center;
}
.info-box {
  gap: 20px;
}
.simple-operator-cta__reviewlink {
  color: var(--active);
  text-decoration: underline;
  font-weight: 300;
  text-align: center;
  display: block;
  width: max-content;
  margin: 0 auto;
}
.grid_container {
  position: relative;
}
.page-sidebar__widget {
  position: sticky;
  top: 100px;
  height: max-content;
}
.our_blog {
  margin: 0 0 100px;
}

/* online casinos */
.hover_content {
  background-color: var(--breadcrumbs);
  border: 1px solid var(--light);
  border-radius: 6px;
  display: flex;
  font-size: 12px;
  gap: 8px;
  line-height: 18px;
  margin: 12px 0;
  padding: 8px;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s linear;
  margin-bottom: 40px;
}
.hover_content > span {
  font-size: 12px;
  font-weight: 700;
  display: block;
  width: max-content;
  min-width: fit-content;
}
.hover_content:hover {
  background: var(--bg-secondary);
  color: var(--bg);
}
.hover_item {
  display: none;
  margin: 0;
}
.hover_content:hover .hover_item {
  display: block;
}
.online_casino__title h3 {
  background: none var(--title);
  border-radius: 10px 10px 0 0;
  color: var(--bg);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 16px;
  min-height: 55px;
  margin: 0;
  box-sizing: border-box;
  padding: 12px 10px 10px;
  text-align: center;
  width: 100%;
}
.online_casino__info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  background: var(--bg);
}
.operatorCard__payment{
  order: -1;
}
.casino__info_left {
  margin: 0 auto;
  width: 197px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.casino__info_left p {
  margin: 30px 0 0;
}
.casino__info_left img {
  display: block;
  width: 100%;
  border-radius: 7px;
  overflow: hidden;
}
.operator-star-rating__overlay,
.operator-star-rating__underlay {
  background: url(../images/review-star-icon.png);
  background-position: 0;
  background-size: 23px;
  height: 98.8%;
  left: 0;
  position: absolute;
  top: 0;
}
.operator-star-rating__overlay {
  z-index: 1;
}
/* Основной блок */
.table_block {
  background: #fff;
  border: 2px solid #ffd700;
  border-radius: 16px;
  padding: 40px 20px;
  margin: 40px auto;
  max-width: 1200px;
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.2);
}

/* TOC */
.review-toc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 15px;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #333;
}

.review-toc__title {
  font-size: 16px;
  margin-right: 10px;
  color: #ff9900;
}

.review-toc__links a {
  color: #ff9900;
  text-decoration: underline;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.review-toc__links a:hover {
  color: #ff6600;
  text-shadow: 0 0 4px #ffd700;
}

.review-table-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

.review-table-left,
.review-table-right {
  background: #fff8e1;
  border: 2px solid #ffd700;
  border-radius: 12px;
  overflow: hidden;
  width: 300px;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-table-left:hover,
.review-table-right:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.3);
}

.review-table-left table,
.review-table-right table {
  width: 100%;
  border-collapse: collapse;
}

.review-table-left th,
.review-table-right th {
  color: #ff9900;
  font-weight: 700;
  text-align: left;
  padding: 12px 15px;
  background: #fff3c0;
}

.review-table-left td,
.review-table-right td {
  color: #333;
  text-align: center;
  padding: 12px 15px;
  font-weight: 500;
}

.review-table-bonus a {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 10px;
  background: linear-gradient(90deg, #ffcc00, #ff9900);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 0 15px rgba(255, 204, 0, 0.5);
  transition: all 0.3s ease;
}

.review-table-bonus a:hover {
  transform: scale(1.05);
  box-shadow: 0 0 25px rgba(255, 204, 0, 0.7);
}

/* Pros/Cons блок */
.review-proscons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.review-proscons__pros,
.review-proscons__cons {
  flex: 1;
  min-width: 280px;
  border-radius: 12px;
  padding: 20px;
  background: #fffbe6;
  border: 2px solid #ffd700;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-proscons__pros:hover,
.review-proscons__cons:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.2);
}

.pros-title span,
.cons-title span {
  font-size: 18px;
  font-weight: 700;
  color: #ff9900;
  display: block;
}

.prosItem,
.consItem {
  font-size: 14px;
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.prosItem i {
  color: #ff9900;
  background: rgba(255,153,0,0.2);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: none;
  align-items: center;
  justify-content: center;
}

.consItem i {
  color: #ff4d4d;
  background: rgba(255,77,77,0.2);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.prosItem i::after {
  content: "✓";
  font-weight: 700;
}

.consItem i::after {
  content: "✕";
  font-weight: 700;
}

/* Адаптивность */
@media (max-width: 720px) {
  .review-table-container {
    flex-direction: column;
    align-items: center;
  }
  .review-proscons {
    flex-direction: column;
    align-items: center;
  }
}

.operator-star-rating__underlay {
  filter: grayscale(1);
  width: 100%;
}
.operator-star-rating {
  display: inline-block;
  height: 20px;
  margin: auto;
  position: relative;
  width: 116px;
}
.operatorCard__bonus {
  color: var(--link);
  display: table;
  font-size: 22px;
  font-weight: 700;
  padding: 0 20px;
  margin: 17px auto 10px;
  text-align: center;
}
.gambling_categoty_items{
  display: grid;
  /* grid-template-columns: repeat(2, 1fr); */
  gap: 20px;
}
/* .operatorCard__action {
  padding-right: 40px;
} */
.operatorCard__bonus span {
  color: var(--title);
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
.operatorCard__bonus span.welcome-text {
  color: var(--text);
  display: table;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto;
}
.read_review {
  font-size: 15px;
  text-decoration: underline;
  color: var(--link);
}
.operatorCard__middleBar {
  background-color: #fff;
  border-bottom: 1px solid var(--border-line);
  border-top: 1px solid var(--border-line);
  display: grid;
  gap: 7px;
  grid-template-columns: 1fr;
  padding: 9px 24px;
  grid-column-gap: 33px;
  align-items: baseline;
  text-align: center;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
}
.operatorCard__ss img {
  display: block;
  object-fit: cover;
  width: 100%;
  object-position: center;
}
.operatorCard__ss{
  order: -1;
}
.casino__info_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 340px;
}
.operatorCard__middleBar > div > span:first-child {
  font-size: 14px;
  font-weight: 700;
  display: block;
  color: var(--title);
}
.operatorCard__middleBar .more {
  font-size: 14px;
  color: var(--link);
  text-decoration: underline;
  cursor: pointer;
  display: block;
  position: relative;
}
.operatorCard__middleBar span.more-options {
  background: #3e5184;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.071);
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 30px;
  width: 320px;
  box-sizing: border-box;
  opacity: 0;
  padding: 19px;
  position: absolute;
  top: 20px;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  z-index: 10;
}
.operatorCard__middleBar span.more:hover .more-options {
  opacity: 1;
  visibility: visible;
}
.online_casino_item {
  border: 1px solid var(--border-line);
  border-radius: 10px;
  margin: 30px 0;
}
.operatorCard__content {
  padding: 20px 30px;
}
.operatorCard__extraDetails-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.operatorCard__extraDetails-wrapper li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  line-height: 1.2;
  font-size: 15px;
  color: #222;
}

.operatorCard__extraDetails-wrapper li i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;
}

.operatorCard__extraDetails-wrapper .pros li i.icon-checkmark-fill {
  background: var(--line);
}
.operatorCard__extraDetails-wrapper .pros li i.icon-checkmark-fill::after {
  content: "✓";
  line-height: 1;
}
.operatorCard__extraDetails-wrapper .cons li i.icon-crossmark-fill {
  background: var(--cart-button);
}
.operatorCard__extraDetails-wrapper .cons li i.icon-crossmark-fill::after {
  content: "✕";
  line-height: 1;
}
/* .tips_playing h3 {
  background: none;
  padding: 0;
  color: var(--title);
} */
.operatorCard__extraDetails-wrapper li:hover i {
  transform: translateY(-50%) scale(1.06);
  transition: transform 120ms ease;
}
.operatorCard__moreDetails {
  padding: 0 30px 20px;
}
@media (max-width: 520px) {
  .operatorCard__extraDetails-wrapper {
    flex-direction: column;
    display: flex;
    gap: 0.75rem;
  }
}

.blog_items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}
.blog_img {
  display: block;
}
.blog_img img {
  display: block;
  width: 100%;
}
.blog_item_body {
  padding: 30px 20px;
}
.blog_item {
  border: 1px solid var(--border-line);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.recent {
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
  padding: 5px 10px;
  text-transform: uppercase;
  width: fit-content;
  background: var(--btn-first);
}
.recent_blog__title a {
  color: var(--title);
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 14px;
  display: inline-block;
}
.recent-blog__date {
  font-size: 13px;
  margin-bottom: 14px;
}
.recent_blog__author img {
  border-radius: 50%;
}
.recent_blog__author {
  display: inline-flex;
  align-items: center;
  text-decoration: underline;
  gap: 10px;
}
.responsible_block {
  margin-top: 40px;
}
.spin_today h4 {
  color: var(--line);
  display: block;
  font-size: 1.3em;
  margin: 20px auto 10px;
}
.list_spin {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}
.list_spin a {
  background: transparent none;
  border-color: var(--title);
  border-width: 1px;
  border-style: solid;
  color: currentColor;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  font-weight: 600;
  padding-left: 18px;
  border-radius: 10px;
  transition: all 0.3s linear;
  display: block;
}
.list_spin a:hover {
  background-color: var(--title);
  color: var(--bg);
}
.wp-block-list {
  padding-left: 20px;
}

.group_aytor {
  position: relative;
  padding-right: 40px;
}
.group_aytor > .autor_img:last-child {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: -1;
  transform: translateY(-50%) scale(0.8);
}
.review-table-left, .review-table-right{
  border-radius: var(--border-m);
  overflow: hidden;
}
.topfive_operators_3columns {
  grid-template-columns: repeat(3, 1fr);
}
.online_casino__info_columns {
  padding: 20px 0;
  align-items: center;
}
.screen_contain h1:after {
  content: none;
}
.trending_now__links {
  gap: 10px 20px;
}
.table_block td {
  text-align: center;
  padding: 10px;
  text-decoration: underline;
}
.black_list_item {
  /* display: grid;
  grid-template-columns: 220px 2fr 1fr; */
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--border-line);
  border-radius: 10px;
  margin: 0 auto 30px;
  padding:0 20px;
}
.slotsbox__image{
  max-width: 250px;
}
.black_list_slotsbox{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.black_list_item img {
  display: block;
  width: 100%;
  height: auto;
}
.black_list_item h3,
.top_tip_item h3 {
  padding: 0;
  background: transparent;
  color: var(--title);
}
.slotsbox__additional-info span {
  display: block;
}
.slotsbox__additional-info {
  text-align: left;
  padding-bottom: 20px;
  margin-right: auto;
}
.slotsbox__additional-info-label {
  font-weight: 700;
}
.top_tip_item {
  margin: 20px auto;
  padding: 20px 20px 20px 40px;
  background-color: var(--breadcrumbs);
  border: 1px solid var(--light);
  border-radius: 20px;
}
.top_tip {
  margin: 40px 0;
}
.wrapper_card {
  display: flex;
  flex-direction: column;
}

.title_fix_card { order: 1; }
.info_start { order: 2; }
.table_block { order: 3; }

.text_block_items{
  order: 5;
}
.casino_section { order: 16; }         /* 1 */
.vip_section { order: 20; }            /* 2 */
.bonus_section { order: 24; }          /* 3 */
.security_section { order: 28; }       /* 4 */
.bool_section { order: 32; }           /* 5 */
.slot_section_block { order: 9; }     /* 6 */
.mobile_section { order: 14; }         /* 7 */
.banking_section { order: 10; }        /* 8 */
.form_information { order: 48; }       /* 9 */
.finel_section { order: 11; }          /* 10 */
.form_section { order: 56; }           /* 11 */

.bonus_num span {
  font-size: 20px;
}
.criteria_section .block_1 { order: 8; }
.criteria_section .block_2 { order: 4; }
.criteria_section .block_4 { order: 3; }
.criteria_section .block_5 { order: 6; }
.criteria_section .block_6 { order: 5; }
.criteria_section .block_7 { order: 24; }
.centerList{
  order: 10;
}
.criteria_top{
  order: 1;
}

.criteria_section .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.btn_read_review {
  position: absolute;
  top: 60%;
  right: 25px;
  margin: 0 auto;
  font-weight: 600;
  padding: 10px;
  display: block;
  max-width: max-content;
  box-sizing: border-box;
  background: var(--light);
  color: var(--text);
  color: var(--bg-secondary);
  border-radius: 10px;
  z-index: 10;
  transition: all .3s linear;
}
.left_info_box{
  display: flex;
  flex-direction: column;
}
.left_top_block{
  order: 1;
}
.comparing_slot{
  order: 4;
}
.online_slot_game{
  order: 2;
}
.tips_playing{
  order: 3;
}

.blog_container{
  order: 7;
}
.spin_today{
  order: 6;
}
.bottom-author-block{
  order: 8;
}
.responsible_block{
  order: 5;
}
.btn_read_review:hover{
  color: var(--link);
}

.box_cart_started {
  position: relative;
  padding-bottom: 10px;
}
.table_block>div{
  display: flex;
  flex-direction: column;
}
.review-toc{
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.review-table-container{
  order: 3;
}
.review-proscons{
  order: 2;
}
.form_content {
  background: radial-gradient(circle at top, #1a0000 0%, #0a0a0a 100%);
  border: 2px solid rgba(255, 215, 0, 0.3);
  border-radius: 16px;
  padding: 40px 30px;
  max-width: 450px;
  margin: 40px auto;
  box-shadow:
          0 0 30px rgba(255, 0, 0, 0.2),
          inset 0 0 20px rgba(255, 215, 0, 0.1);
  color: #fff;
  text-align: center;
  backdrop-filter: blur(6px);
}

.form_content h5 {
  font-size: 26px;
  font-weight: 700;
  color: #ffd700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 0 12px #ff6600, 0 0 25px #ff0000;
  margin-bottom: 15px;
}

.form_content h5 span {
  color: #fff;
  text-shadow: 0 0 12px #ff3333, 0 0 25px #ff6600;
}

/* Подзаголовок */
.sub-form__description {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 25px;
  letter-spacing: 0.3px;
  font-style: italic;
}

/* Поля */
.form_group {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.form_item {
  flex: 1;
  text-align: left;
}

.form_item label {
  display: block;
  font-size: 13px;
  color: #ffd700;
  margin-bottom: 6px;
  letter-spacing: 0.5px;
}
footer.footer {
  background: radial-gradient(circle at top, #0a0a0a 0%, #000 100%);
  border-top: 2px solid #ffcc00;
  color: #ddd;
  font-family: 'Roboto', sans-serif;
  padding: 50px 0 30px;
  position: relative;
  overflow: hidden;
}

footer.footer::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,0,0,0.08), transparent 70%);
  animation: glowMove 10s infinite linear;
}

@keyframes glowMove {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.footer .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

.footer_nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 25px;
  list-style: none;
  margin-bottom: 30px;
  padding: 0;
}

.footer_nav a {
  color: #ffd700;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.footer_nav a:hover {
  color: #fff;
  text-shadow: 0 0 8px #ff0000, 0 0 15px #ff6600;
}

/* Центральная часть */
.footer_center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin-bottom: 40px;
}

.footer_center img {
  max-width: 160px;
  filter: drop-shadow(0 0 10px rgba(255,215,0,0.3));
}

.footer_center ul {
  display: flex;
  gap: 15px;
  list-style: none;
  padding: 0;
}

.footer_center ul li a img {
  width: 28px;
  height: 28px;
  transition: transform 0.3s ease, filter 0.3s ease;
  filter: brightness(0.8);
}

.footer_center ul li a:hover img {
  transform: scale(1.15);
  filter: drop-shadow(0 0 8px #ff6600);
}

/* Описание / Disclaimer */
.footer_discription {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,215,0,0.2);
  border-radius: 10px;
  padding: 25px 20px;
  margin-bottom: 40px;
  box-shadow: inset 0 0 15px rgba(255,215,0,0.08);
}

.footer_discription h4 {
  color: #ffd700;
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer_discription p {
  font-size: 14px;
  color: #ccc;
  line-height: 1.6;
  text-align: justify;
}

/* Логотипы */
.footer_logos {
  text-align: center;
  margin-bottom: 30px;
}

.footer_logos p {
  color: #ffcc00;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.footer_logos ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.footer_logos ul img {
  height: 40px;
  opacity: 0.8;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.footer_logos ul img:hover {
  transform: scale(1.05);
  opacity: 1;
}

.footer_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.footer_bottom img {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.footer_bottom img:hover {
  opacity: 1;
}

/* Копирайт */
.copy {
  text-align: center;
  color: #aaa;
  font-size: 13px;
  margin-top: 40px;
  border-top: 1px solid rgba(255,215,0,0.2);
  padding-top: 20px;
}
.slot_items {
  display: grid;
  grid-template-columns:1fr 1fr;
  gap: 30px;
  margin: 50px auto;
  max-width: 1200px;
}

.slot_item {
  background: linear-gradient(145deg, #fff8e1, #fff3d6);
  border: 2px solid #ffd700;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 8px 20px rgba(255, 215, 0, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.slot_item:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.5), 0 8px 20px rgba(255, 215, 0, 0.25);
}

.title_slot {
  font-size: 20px;
  font-weight: 800;
  background: linear-gradient(90deg, #ffcc00, #ff6600);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-bottom: 18px;
  text-shadow: 0 0 8px rgba(255, 153, 0, 0.7);
}

.slot_content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: center;
  font-size: 14px;
  color: #333;
}

.slot_img img {
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.slot_img img:hover {
  transform: scale(1.08) rotate(1deg);
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.5), 0 8px 20px rgba(255, 215, 0, 0.2);
}

.slot_content p {
  margin: 0;
  line-height: 1.6;
  color: #444;
}

@media (max-width: 768px) {
  .slot_items {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

.copy b {
  color: #ffd700;
  letter-spacing: 0.5px;
}

.form_item input {
  width: 100%;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 215, 0, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
}

.form_item input:focus {
  border-color: #ffcc00;
  box-shadow: 0 0 10px #ffcc00;
  outline: none;
}

/* Чекбокс */
.custom-checkbox-wrapper {
  text-align: left;
  font-size: 13px;
  color: #ccc;
  margin-bottom: 25px;
}
.online_casinos_items {
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-family: 'Poppins', sans-serif;
}

.online_casino_item {
  background: #fffaf2;
  border: 2px solid #ffd700;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.online_casino_item:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(255, 215, 0, 0.4);
}

.online_casino__title h3 {
  font-size: 20px;
  color: #ff6600;
  margin-bottom: 15px;
  font-weight: 700;
  text-align: center;
}

.online_casino__info {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}

.casino__info_left {
  flex: 1 1 180px;
  text-align: center;
}

.casino__info_left p {
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.logo_cagino img {
  max-width: 140px;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.logo_cagino img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
}

.operator-star-rating {
  position: relative;
  width: 100px;
  height: 16px;
  margin: 10px auto 0;
  background: url('./assets/images/star-empty.svg') repeat-x;
}

.operator-star-rating__overlay {
  height: 100%;
  background: url('./assets/images/star-full.svg') repeat-x;
  position: absolute;
  top: 0;
  left: 0;
}

.casino__info_center {
  flex: 2 1 250px;
}

.operatorCard__bonus {
  font-size: 16px;
  font-weight: 700;
  color: #ff6600;
  margin-bottom: 10px;
}

.operatorCard__bonus .welcome-text {
  display: block;
  font-size: 12px;
  color: #333;
  margin-top: 3px;
}

.operatorCard__cta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-wrap: wrap;
}
.slot_cart_box {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
  font-family: 'Poppins', sans-serif;
}

.slot_cart_group {
  background: #fffaf2;
  border: 2px solid #ffd700;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bottom-author-block {
  background: #1a1a1a;
  border-radius: 20px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #fff;
  font-family: 'Poppins', sans-serif;
}

.author__title {
  font-size: 22px;
  font-weight: 700;
  color: #ff9900;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

.autor_grid {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.author__avatar {
  flex-shrink: 0;
  border: 3px solid #ff9900;
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.author__avatar:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(255, 153, 0, 0.6);
}

.avt_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.author__name {
  font-size: 18px;
  font-weight: 700;
  color: #ffcc33;
}

.author__name a {
  color: #ffcc33;
  text-decoration: none;
  transition: color 0.3s ease;
}

.author__name a:hover {
  color: #ff6600;
}

.author-title {
  font-size: 14px;
  font-weight: 500;
  color: #ccc;
  margin-left: 8px;
}

.author__social-media a img {
  width: 25px;
  height: 25px;
  transition: transform 0.3s ease;
}

.author__social-media a:hover img {
  transform: scale(1.1);
}

.author__description p {
  font-size: 14px;
  line-height: 1.6;
  color: #ddd;
  margin-bottom: 15px;
}

.author__buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.slotsbox__button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #ff6600, #ffcc33);
  color: #1a1a1a;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 15px;
  border-radius: 10px;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.slotsbox__button:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(255, 204, 51, 0.4);
}

.slotsbox__button img {
  display: inline-block;
}

.slot_cart_group:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(255, 215, 0, 0.4);
}

.icon_background {
  background: linear-gradient(135deg, #ff6600, #ffd700);
  padding: 15px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.icon_background img {
  max-width: 50px;
  height: auto;
}

.slot_cart_group:hover .icon_background {
  transform: scale(1.1);
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
}

.text_slot_cart h3 {
  font-size: 18px;
  color: #ff6600;
  margin-bottom: 10px;
  font-weight: 700;
}

.text_slot_cart p {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

.text_slot_cart a {
  color: #ff9900;
  font-weight: 600;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.text_slot_cart a:hover {
  color: #ff6600;
}

.operators__button {
  padding: 10px 20px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(90deg, #ff0000, #ff6600, #ffd700);
  border-radius: 12px;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.operators__button:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
}

.read_review {
  font-size: 13px;
  font-weight: 600;
  color: #ff6600;
  text-decoration: underline;
  align-self: center;
  transition: color 0.3s ease;
}

.read_review:hover {
  color: #ffd700;
}
.top_tip_items h3{
  color: #fff;
  text-shadow: 0 0 2px #212121;
}
.operatorCard__ss {
  flex: 1 1 220px;
  text-align: center;
}

.operatorCard__ss img.inner {
  max-width: 100%;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.slotsbox_info h3{
  color: var(--text);
}
.operatorCard__ss img.inner:hover {
  transform: scale(1.03);
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.4);
}

.operatorCard__middleBar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  margin: 15px 0;
  font-size: 14px;
  color: #333;
}

.operatorCard__middleBar span {
  font-weight: 700;
  color: #ff6600;
}

.more-options {
  display: none;
  color: #ff9900;
  font-style: italic;
}

.more:hover .more-options {
  display: inline;
}

.operatorCard__content {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 15px;
}

.operatorCard__moreDetails-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.pros, .cons {
  list-style: none;
  padding-left: 0;
  font-size: 14px;
}

.pros li, .cons li {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.icon-checkmark-fill {
  color: #28a745;
  font-size: 14px;
}

.icon-crossmark-fill {
  color: #dc3545;
  font-size: 14px;
}

.custom-checkbox-wrapper input {
  accent-color: #ff0000;
  transform: scale(1.2);
  margin-right: 8px;
}

.custom-checkbox-wrapper a {
  color: #ffd700;
  text-decoration: none;
  border-bottom: 1px dashed #ffcc00;
}

.custom-checkbox-wrapper a:hover {
  color: #fff;
  border-bottom-color: transparent;
}

.btn_submit {
  width: 100%;
  background: linear-gradient(90deg, #ff0000, #ff6600, #ffd700);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: none;
  border-radius: 8px;
  padding: 14px;
  cursor: pointer;
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
  transition: all 0.3s ease;
}
.testimonials__container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-family: 'Poppins', sans-serif;
  max-width: 900px;
  margin: 0 auto;
}

.testimonials__single {
  background: #1a1a1a;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #fff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonials__single:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255, 153, 51, 0.4);
}

.testimonials__wrapper {
  display: flex;

  box-sizing: border-box;
  gap: 15px;
  align-items: flex-start;
}

.testimonials__wrapper--answer {
  background: #292929;
  padding: 15px 20px;
  border-radius: 15px;
}

.testimonials__img {
  border-radius: 50%;
  border: 2px solid #ff9900;
  width: 67px;
  height: 67px;
  object-fit: cover;
  flex-shrink: 0;
}

.testimonials__img--answer {
  width: 94px;
  height: 94px;
  border-color: #ffcc33;
}

.testimonials__title {
  font-size: 18px;
  font-weight: 600;
  color: #ffcc33;
  margin-bottom: 8px;
}

.testimonials__data p {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 8px;
}

.testimonials__by {
  color: #ff9900;
  font-weight: 600;
  text-decoration: none;
}

.testimonials__by:hover {
  color: #ff6600;
}

.testimonials__text p {
  font-size: 15px;
  color: #ddd;
  line-height: 1.6;
  margin: 0;
}

.testimonials__wrapper--answer .testimonials__title {
  font-size: 16px;
  color: #ff9900;
}

.testimonials__wrapper--answer .testimonials__text p {
  font-size: 14px;
  color: #fff;
}

@media (max-width: 768px) {
  .testimonials__wrapper,
  .testimonials__wrapper--answer {
    flex-direction: column;
    align-items: flex-start;
  }

  .testimonials__img {
    width: 60px;
    height: 60px;
  }

  .testimonials__img--answer {
    width: 80px;
    height: 80px;
  }
}

.btn_submit:hover {
  background: linear-gradient(90deg, #ffd700, #ff6600, #ff0000);
  box-shadow:
          0 0 25px rgba(255, 215, 0, 0.6),
          0 0 45px rgba(255, 0, 0, 0.4);
  transform: translateY(-2px);
}

@media screen and (max-width: 1199px) {
  .card_item {
    gap: 16px;
  }
  .card_item > div:not(:first-child)::before {
    left: -8px;
  }
  h1 {
    font-size: 30px;
  }
  .started_header li {
    font-size: 14px;
  }
  .bonus_num {
    font-size: 40px;
  }
  .logo_card {
    padding: 0 10px;
  }
  .nav_right {
    padding: 20px;
  }
  .grid_boxes {
    display: block;
  }
  .right_info_box {
    display: none;
  }
  .main_screen h1 {
    font-size: 50px;
  }
  .item_cart_bonus {
    text-align: center;
    max-width: 187px;
    width: 100%;
    box-sizing: border-box;
  }
  .title_fix_card_group {
    gap: 15px;
  }
  .gambling_categoty_items{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1024px) {
  .card_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .card_item > div {
    box-sizing: border-box;
  }
  .slot_items{
    grid-template-columns: repeat(2, 1fr);
  }
  .started_button {
    width: 100%;
    margin-top: 30px;
  }
  .box_cart_started{
    padding-bottom: 50px;
  }
  .btn_read_review{
    bottom: 20px;
    top: auto;
    position: static;
    left: 50%;
    right: auto;
    width: 100%;
    max-width: 90%;
    box-sizing: border-box;
    text-align: center;
  }
  .started_rank {
    display: none;
  }
  .card_item > div:not(:first-child)::before {
    content: none;
  }
  .started_header {
    display: none;
  }
  .started_container > span {
    background-color: var(--bg-secondary);
    border-bottom: 3px solid var(--bg);
    border-radius: var(--border-l);
    color: var(--bg);
    display: block;
    margin-bottom: 30px;
    font-weight: 700;
    grid-template-columns: 2.5em 1.5fr repeat(5, 1fr);
    grid-gap: 0.5em 2em;
    padding: 15px;
    place-items: center;
    position: relative;
    text-align: center;
    z-index: 2;
    margin-top: 20px;
  }
  .form_content {
    padding: 40px 20px;
  }
  .form_content h5 {
    font-size: 26px;
  }
  /* .review-table-container {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin: 30px auto;
  } */
  .started_items{
    grid-template-columns: repeat(2, 1fr);
  }
  h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 920px) {
  .primary thead,
  .primary tbody {
    display: block;
    width: 900px;
  }
}
@media screen and (max-width: 992px) {
  .emphasized-box {
    padding: 15px 50px;
    padding-right: 300px;
  }
  .expandable-list-container ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .sub_title {
    font-size: 28px;
  }
  .recent-blogs-posts {
    width: 900px;
  }
  .recent-blogs-block {
    overflow-x: auto;
  }
  .gambling_categoty_items{
    grid-template-columns: 1fr;
  }
  .gambling_categoty_item{
    margin: 0;
  }
  .form_box {
    position: relative;
    box-sizing: border-box;
    display: block;
    margin-top: 130px;
    padding-top: 100px;
  }
  .main_screen {
    padding: 4em 0;
  }
  .form_box > img {
    position: absolute;
    top: -100px;
    left: 50%;
    width: 300px;
    transform: translateX(-50%);
  }
  .form_content h5 {
    text-align: center;
  }
  .sub-form__description {
    text-align: center;
  }
  .custom-checkbox-wrapper {
    justify-content: center;
    display: flex;
    margin-top: 10px;
  }
  .slot_img {
    min-width: 100px;
    width: 100px;
    height: 100px;
  }
  .topfive_operators {
    grid-template-columns: 1fr 1fr;
  }
  .grid_section {
    grid-template-columns: 1fr 1fr;
  }
  /* .operatorCard__ss {
    display: none;
  } */
  .main_screen h1 {
    font-size: 40px;
  }
  .operatorCard__ss img{
    width: 100%;
    display: block;
  }
  .started_logo{
    width: 100%;
  }
  .started_deposit{
    flex-direction: row;
    width: 100%;
  }
  .started_logo p{
    padding: 10px;
    background: var(--text);
    color: #fff;
  }
  .started_bonus{
    width: 100%;
  }
  .started_item{
    padding-top: 0;
  }
  .flag {
    display: none;
  }
  .header__container{
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .grid_section{
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .regular > li:nth-child(2n) {
    display: none;
  }
  .expandable-list-container ul {
    grid-template-columns: 1fr 1fr;
    padding-left: 15px;
  }
  .greenBullet {
    grid-template-columns: 1fr;
  }
  .emphasized-box{
    padding: 20px;
  }
  .emphasized-box::before{
    z-index: -1;
  }
  .footer_center {
    display: flex;
    flex-direction: column;
  }
  .footer_logos ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .footer_logos ul img {
    display: block;
    width: 100%;
  }
  .grid_section {
    display: flex;
    flex-direction: column;
  }
  .started_container > span{
    display: none;
  }
  .started_item{
    background: var(--bg);
  }
  .started_items{
    grid-template-columns: 1fr;
  }
  .topfive_operators {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .operator_details {
    max-width: 400px;
    width: 100%;
  }
  .slotsbox {
    flex-direction: column;
    display: flex;
  }
  .slotsbox_img {
    height: 280px;
  }
  h3 {
    width: 100%;
    padding: 5px 60px 5px 10px;
    display: inline-block;
    font-weight: 500;
    box-sizing: border-box;
  }
  .gambling_categoty_item {
    display: flex;
    flex-direction: column;
  }
  .howtobox__header {
    text-align: center;
    padding-left: 40px;
  }
  .rounded-corners-cta{
    grid-template-columns: repeat(2, 1fr);
  }
  .rounded-corners-cta__wrapper{
    height: auto;
  }
  .howtobox {
    display: flex;
    padding: 0;
    flex-direction: column;
  }
  .gambling_categoty_item > div:not(.slotsbox__image) a {
    margin: 0 auto;
  }
  .gambling_categoty_item > div:not(.slotsbox__image) {
    padding: 20px;
  }
  .author__avatar {
    width: 80px;
    height: 80px;
  }
  .slotsbox_more_info {
    padding: 20px;
  }
  .main_screen h1 {
    font-size: 32px;
  }
  .icon_background img {
    width: 40px;
    display: block;
  }
  .slotsbox_info {
    margin: 20px;
    padding: 0;
  }
  .form_group{
    flex-direction: column;
  }
  .icon_background {
    width: 60px;
    padding: 10px;
    height: 60px;
    margin-top: 30px;

  }
  .testimonials__img {
    width: 60px;
    height: 60px;
    position: static;
    float: left;
    transform: translate(0) !important;
    margin-right: 20px;
  }
  .testimonials__wrapper--answer {
    margin-left: 10px;
  }
  .left_info_box p{
    margin: 0 0 15px;
  }
  .testimonials__wrapper {
    padding: 20px;
  }
  .slot_cart_group {
    box-sizing: border-box;
    padding-left: 30px;
    margin-left: 0;
    width: 100%;
    margin-top: 40px;
    padding-top: 40px;
  }
  h1::after{
    width: 90%;
  }
  .form_box{
    margin-top: 50px;
    padding-top: 30px;
  }
  .header__search-mobile{
    display: none;
  }
  .text_slot_cart{
    text-align: left;
  }

  .testimonials__single,
  .testimonials__wrapper--answer {
    margin-left: 0;
    box-sizing: border-box;
    width: 100%;
  }
  .operatorCard__middleBar span.more-options {
    width: 250px;
  }
  .testimonials__img {
    top: -20px;
  }
  .wp-block-table {
    overflow-x: auto;
  }
  .autor_grid {
    grid-template-columns: 80px auto;
    gap: 20px;
  }
  .sub_title {
    font-size: 25px;
  }
  .started_payout {
    display: none;
  }
  .item_cart_bonus,
  .flag {
    display: none;
  }
  .title_fix_card_group {
    position: relative;
  }
  .title_fix_card_group::before {
    content: "";
    display: block;
    width: 2px;
    height: 80%;
    position: absolute;
    top: 10%;
    left: 50%;
    background: var(--breadcrumbs);
  }
  .info_content {
    display: flex;
    flex-direction: column;
  }
  .nav_right{
    order: 4;
  }
  .review-proscons {
    display: flex;
    flex-direction: column;
  }
  .slot_items {
    grid-template-columns: 1fr;
  }
  .slot_item{
    position: sticky;
    top: 70px;
    height: max-content;
  }
  .ram_action img {
    width: 100px;
  }
  .form_group {
    grid-template-columns: 1fr;
  }
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .slot_cart_group{
    text-align: center;
    position: sticky;
    top: 80px;
    height: max-content;
  }
  .back-to-top-area {
    height: 60px;
    width: 50px;
  }
  .back-to-top-area span {
    display: none;
  }
  .slotsbox__button{
    max-width: 300px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 10px;
    justify-content: center;
  }
  .review-table-left th,
  .review-table-right th {
    width: 150px;
  }
  .left_info_box {
    overflow-x: hidden;
    width: 100%;
  }
  .info-box {
    padding: 20px;
  }
  .info-box__icon img {
    width: 50px;
    display: block;
  }
  .star-rating__overlay {
    background-size: 30px;
  }
  .star-rating {
    height: 30px;
    width: 150px;
  }
  .wp-block-table > table {
    width: 750px;
  }
  /* .online_casino__info {
    padding: 20px 0;
  } */
  .online_casino__info {
    align-items: center;
    gap: 16px;
  }
  .black_list_item {
    display: flex;
    flex-direction: column;
  }
  .slotsbox__image {
    width: 100%;
    background: var(--border-line);
  }
  .slotsbox__description {
    border-bottom: 1px solid var(--border-line);
  }
  .slotsbox__additional-info {
    padding: 0 20px 20px;
    margin-right: auto;
  }
  .black_list_slotsbox{
    grid-template-columns: 1fr;
    max-width: 430px;
    margin:  0 auto;
  }
  .top_tip_item {
    padding: 20px;
  }
  .howtobox__header{
    background: var(--bg-secondary);
    color: var(--bg);
  }
  .bottom-author-block {
    position: relative;
    padding-top: 60px;
    margin-top: 40px;
  }
  .autor_grid {
    display: block;
  }
  .gambling_categoty_item{
    position: sticky;
    top: 80px;
    height: max-content;
  }
  .slotsbox__image{
    height: 250px;
    width: 100%;
    max-width: 100%;
  }
  /* .slotsbox__image img {
  display: block;
  object-fit: cover;
  object-position: top center;
    margin: 0 auto;
  } */
  .author__avatar {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
  }
  .author__title {
    margin: 0;
  }
}
@media screen and (max-width: 575px) {
  .operatorCard__action {
    padding: 0;
  }
  .online_casino__info {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
  }
  .operatorCard__content{
    padding: 20px;
  }
  .operatorCard__ss{
    width: 100%;
    height: 200px;
  }
  .operatorCard__middleBar {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
  }
  .online_casino__info{
    display: flex;
    flex-direction: column;
  }
  .blog_items {
    display: flex;
    flex-direction: column;
  }
  .list_spin a {
    padding: 10px;
  }
  .list_spin {
    gap: 10px;
  }
  .review-table-bonus {
    padding-bottom: 10px;
  }
  .title_fix_card_group {
    display: grid;
    padding: 10px 0;
    grid-template-columns: repeat(2, 1fr);
  }
  .logo_card img {
    height: auto;
    width: 100%;
  }
  .button_play_now {
    width: 100%;
  }
  .expandable-list-container ul{
    gap: 0;
  }
  .expandable-list-container ul {
    grid-template-columns: 1fr;
  }
  .regular{
    max-height: 450px;
  }
}