@charset "utf-8";
:root {
		--font: Montserrat, -apple-system, "Open Sans", system-ui, "sans-serif";
		--grey: #B6B6B6;
		--dark-grey: #413C46;
		--link: #0094FF;
		--yellow: #ED8102;
		--orange: #E7A825;
		--purple-dark: #100913;
		--purple-dark0: rgba(16, 9, 19, 0);
		--purple8: rgba(210, 114, 255, 0.08);
		--purple16: rgba(210, 114, 255, 0.16);
		--white: #ECE9EE;
		--white10: rgba(255, 255, 255, 0.1);
		--white16: rgba(255, 255, 255, 0.16);
		--white24: rgba(255, 255, 255, 0.24);
		--black: #0D0D0D;
		--gradient-blue: linear-gradient(98.28deg, rgba(0, 255, 133, 0.16) 0%, rgba(0, 255, 208, 0.16) 50.52%, rgba(0, 209, 255, 0.16) 100%);
		--positive: #66A319;
		--positive16: rgba(62, 188, 3, 0.16);
		--negative: #D3303A;
		--negative16: rgba(170, 62, 75, 0.16);
}
html, body {
		height: 100%;
		box-sizing: border-box;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased;
}
body {
		margin: 0;
		padding: 0;
		background: var(--purple-dark);
		font: normal 16px/1.6 var(--font);
		color: var(--grey);
		-webkit-text-size-adjust: none;
		display: flex;
		flex-direction: column;
}
*, *:before, *:after {
		box-sizing: border-box;
}
form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}
input, select, textarea, button {
		font: normal 15px/24px Arial, Helvetica, sans-serif;
		color: #5a5a5a;
		outline: none;
		text-align: left;
}
input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select {
		-webkit-appearance: none;
		border-radius: 0;
		box-shadow: none;
		border: 1px solid #e0e0e0;
		background: #fff;
		margin: 0;
		padding: 12px 25px 13px 25px;
		width: 100%;
		display: block;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
input::-moz-placeholder, textarea::-moz-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
		opacity: 0.5 !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
		opacity: 0.5 !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
		opacity: 0.5 !important;
}
input::-ms-clear {
		display: none;
}
button::-moz-focus-inner {
		border: 0;
}
textarea {
		resize: none;
}
video {
		-webkit-mask-image: -webkit-radial-gradient(white, black);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
}
.outtaHere {
		overflow: hidden;
		max-width: 100vw;
		position: fixed !important;
		transform: scale(0) !important;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
		display: block;
}
img, svg, picture {
		border: 0;
		vertical-align: top;
}
a {
		color: var(--link);
		text-decoration: none;
		outline: none;
		cursor: pointer;
}
@media (pointer:fine) {
		a:hover {
				text-decoration: underline;
		}
}
a[href^=tel] {
		color: inherit !important;
		cursor: inherit;
		text-decoration: none !important;
}
strong {
		font-weight: bold;
}
p {
		margin: 16px 0;
		padding: 0;
}
ol, ul {
		margin: 24px 0;
		padding: 0;
}
ol, ul, li {
		list-style: none;
}
li {
		position: relative;
		margin: 0;
		padding: 0 0 0 36px;
}
/*ul > li:before {
		content: '•';
		width: 36px;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
}*/
ol {
		counter-reset: li;
}
ol > li:before {
		counter-increment: li;
		content: counters(li, ".") ". ";
		position: relative;
		display: inline-block;
		vertical-align: top;
		min-width: 36px;
		margin: 0 0 0 -36px;
		padding: 0 0.25em 0 0;
}
.checklist li:before {
		display: none;
}
.checklist li {
		margin: 16px 0;
		background: url("../img/check.svg") no-repeat 0 calc(0.8em - 12px);
		background-size: auto 24px;
}
h1, .h1 {
		font-weight: bold;
		font-size: 32px;
		line-height: 1.2;
		color: var(--yellow);
		margin: 0 0 16px 0;
}
h1:not(:first-child), .h1:not(:first-child) {
		margin-top: 24px;
}
h2 {
		font-weight: 600;
		font-size: 28px;
		line-height: 29px;
		color: var(--yellow);
		margin: 40px 0 8px 0;
}
h3, h4, h5, h6 {
		font-weight: 600;
		font-size: 24px;
		line-height: 29px;
		color: var(--yellow);
		margin: 40px 0 8px 0;
}
.break-word {
		word-break: break-all;
}
.nowrap {
		white-space: nowrap;
}
.uppercase {
		text-transform: uppercase;
}
.flag {
		position: relative;
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
}
.flag img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		object-fit: cover;
		object-position: center;
}
.flag:after {
		content: '';
		pointer-events: none;
		position: absolute;
		bottom: -7px;
		right: -4px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		width: 16px;
		height: 16px;
		border-radius: 50%;
}
.flag.valid:after {
		background-image: url("../img/valid.svg");
}
.wrap-slider {
		position: relative;
		padding-bottom: 64px;
}
.wrap-slider-inner {
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		margin: 0 -24px;
		padding: 0 24px;
}
.swiper {
		overflow: hidden;
}
.swiper-wrapper {
		display: flex;
}
.swiper-slide {
		flex: 0 0 auto;
}
.swiper-arrow {
		position: absolute;
		cursor: pointer;
		user-select: none;
		outline: none;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		font-weight: 600;
		font-size: 14px;
		line-height: 1.4;
		color: var(--grey);
		transition-property: color, border;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		border-style: solid;
		border-width: 0;
		border-color: var(--grey);
		z-index: 5;
		bottom: 8px;
		height: 40px;
}
.swiper-arrow svg {
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		fill: var(--grey);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

li.breadcrumb{
    padding: 0;
}

li.breadcrumb:nth-child(2){
    padding-left: 5px;
}

li.breadcrumb::first-letter{
    text-transform: uppercase;
}

ul.breadcrumb{
    display: flex;
}

@media (pointer:fine) {
		.swiper-arrow:hover {
				color: var(--yellow);
				border-color: var(--yellow);
		}
		.swiper-arrow:hover svg {
				fill: var(--yellow);
		}
}
.swiper-arrow:active {
		color: var(--orange);
		border-color: var(--orange);
		transition: none;
}
.swiper-arrow:active svg {
		fill: var(--orange);
		transition: none;
}
.swiper-prev {
		left: 0;
}
.swiper-next {
		right: 0;
}
.swiper-arrow.swiper-button-disabled {
		color: var(--dark-grey);
		border-color: var(--dark-grey);
		cursor: default;
		pointer-events: none;
}
.swiper-arrow.swiper-button-disabled svg {
		fill: var(--dark-grey);
}
.swiper-pagination {
		position: absolute !important;
		bottom: 24px !important;
		line-height: 0 !important;
		font-size: 0 !important;
		z-index: 4 !important;
		--swiper-pagination-bullet-size: 8px;
		--swiper-pagination-bullet-horizontal-gap: 4px;
		--swiper-pagination-bullet-inactive-color: var(--grey);
		--swiper-pagination-bullet-inactive-opacity: 1;
		--swiper-pagination-color: var(--yellow);
}
.swiper-pagination-bullet {
		transition-property: transform, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: scale(1);
		overflow: visible !important;
		position: relative;
}
.swiper-pagination-bullet:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 32px;
		height: 32px;
		margin: -16px;
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: scale(0.5);
		background: #f00;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet:before {
		display: none !important;
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
		transform: scale(0.5);
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):before {
		transform: scale(1);
}
@media (pointer:fine) {
		.swiper-pagination-bullet:hover {
				transform: scale(1);
		}
		.swiper-pagination-bullet:hover:before {
				transform: scale(0.5);
		}
}
.stars {
		background: url("../img/star.svg") repeat-x 0 50%;
		background-size: auto 100%;
		width: 85px;
		height: 12px;
		position: relative;
		flex: 0 0 auto;
}
.stars > * {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background: url("../img/star-active.svg") repeat-x 0 50%;
		background-size: auto 100%;
}
.btn {
		cursor: pointer;
		user-select: none;
		-webkit-appearance: none;
		text-decoration: none !important;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		border: 0;
		outline: none;
		height: 48px;
		border-radius: 8px;
		padding: 0 16px;
		font: 500 20px/1.4 var(--font);
		text-transform: none;
		letter-spacing: normal;
		flex: 0 0 auto;
		max-width: 100%;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn img, .btn svg {
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		object-fit: contain;
		object-position: center;
}
.btn-rarr:after, .btn-chevron-right:after {
		content: '';
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 50% 50%;
		margin-right: -4px;
}
.btn-rarr.btn-orange:after, .btn-rarr.btn-yellow:after {
		background-image: url("../img/more-dark.svg");
}
.btn-chevron-right.btn-orange:after, .btn-chevron-right.btn-yellow:after {
		background-image: url("../img/chevron-right-dark.svg");
}
.btn-rarr.btn-grey:after {
		background-image: url("../img/more-yellow.svg");
}
.btn-chevron-right.btn-grey:after {
		background-image: url("../img/chevron-right-yellow.svg");
}
.btn:active {
		transition: none;
}
.btn-orange {
		background-color: var(--orange);
		color: var(--black) !important;
}
@media (pointer:fine) {
		.btn-orange:hover {
				background-color: var(--yellow);
		}
}
.btn-orange:active {
		background-color: var(--orange);
}
.btn-yellow {
		background-color: var(--yellow);
		color: var(--black) !important;
}
@media (pointer:fine) {
		.btn-yellow:hover {
				background-color: var(--orange);
		}
}
.btn-yellow:active {
		background-color: var(--yellow);
}
.btn-grey {
		background-color: var(--white10);
		color: var(--yellow) !important;
}
@media (pointer:fine) {
		.btn-grey:hover {
				background-color: var(--white16);
		}
}
.btn-grey:active {
		background-color: var(--white10);
}
.mainwrap {
		flex: 0 0 auto;
		width: 100%;
		min-height: 100%;
		position: relative;
		background: radial-gradient(60.65% 72.97% at 25% 10%, rgba(0, 255, 240, 0.04) 0%, rgba(0, 255, 240, 0) 100%), radial-gradient(57.98% 57.98% at 75% 20%, rgba(112, 0, 255, 0.16) 0%, rgba(112, 0, 255, 0) 100%), radial-gradient(60.65% 72.97% at 25% 30%, rgba(61, 0, 122, 0.24) 0%, rgba(61, 0, 122, 0) 100%), radial-gradient(57.98% 57.98% at 75% 40%, rgba(82, 24, 92, 0.06) 0%, rgba(82, 24, 92, 0) 100%), radial-gradient(60.65% 72.97% at 25% 50%, rgba(61, 0, 122, 0.16) 0%, rgba(61, 0, 122, 0) 100%), radial-gradient(57.98% 57.98% at 75% 60%, rgba(112, 0, 255, 0.24) 0%, rgba(112, 0, 255, 0) 100%), radial-gradient(60.65% 72.97% at 25% 70%, rgba(0, 255, 240, 0.04) 0%, rgba(0, 255, 240, 0) 100%), radial-gradient(57.98% 57.98% at 75% 80%, rgba(82, 24, 92, 0.02) 0%, rgba(82, 24, 92, 0) 100%);
}
.container {
		flex: 0 0 auto;
		width: 100%;
		margin: 0 auto;
		padding: 0 24px;
}
.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		backface-visibility: hidden;
		height: 60px;
}
.header:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: linear-gradient(180deg, rgba(16, 9, 19, 0.8) 0%, rgba(13, 13, 13, 0) 99.99%, rgba(13, 13, 13, 0) 100%);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
		transform: translateZ(0);
}
.header .container {
		display: flex;
		align-items: center;
		height: 100%;
}
.header .nav-menu {
		position: relative;
		flex: 0 0 auto;
		text-align: left;
		white-space: nowrap;
		width: 128px;
		height: 37px;
}
.logo {
		position: relative;
		flex: 0 0 auto;
		text-align: left;
		overflow: hidden;
		white-space: nowrap;
		width: 128px;
}
@media only screen and (max-width: 1023px) {
		.toggle-menu {
				flex: 0 0 auto;
				position: relative;
				z-index: 2;
				align-self: stretch;
				margin: 0 -24px 0 auto;
				padding: 0 24px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				gap: 4px;
				cursor: pointer;
				user-select: none;
		}
		.toggle-menu:before, .toggle-menu:after {
				content: '';
		}
		.toggle-menu:before, .toggle-menu:after, .toggle-menu > * {
				flex: 0 0 auto;
				transform: translate3d(0, 0, 0) rotate(0deg);
				width: 20px;
				height: 2px;
				border-radius: 1px;
				background: var(--yellow);
				transition-property: transform, opacity;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.toggle-menu:active:before, .toggle-menu:active:after, .toggle-menu:active > * {
				background-color: var(--orange);
		}
		.open-menu .toggle-menu > * {
				opacity: 0;
		}
		.open-menu .toggle-menu:before {
				transform: translate3d(0, 6px, 0) rotate(-135deg);
		}
		.open-menu .toggle-menu:after {
				transform: translate3d(0, -6px, 0) rotate(135deg);
		}
		html.open-menu {
				overflow: hidden;
		}
		.menu-fader {
				position: fixed;
				z-index: 0;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				backdrop-filter: blur(12px);
				-webkit-backdrop-filter: blur(12px);
				backface-visibility: hidden;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		html:not(.open-menu) .menu-fader {
				opacity: 0;
				pointer-events: none;
		}
		.menu {
				position: fixed;
				z-index: 1;
				top: 0;
				left: 100%;
				width: 100%;
				height: 100%;
				overflow: hidden;
				overflow-y: auto;
				backface-visibility: hidden;
				transform: translate3d(0, 0, 0);
				background: var(--white24);
				transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				padding: 16px;
				gap: 16px;
				font-weight: 500;
				font-size: 16px;
				line-height: 1.4;
		}
		.open-menu .menu {
				transform: translate3d(-100%, 0, 0);
		}
		.menu > * {
				text-decoration: none !important;
				color: var(--yellow);
				transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				padding: 8px;
		}
		.menu > a:active {
				color: var(--orange);
				transition: none;
		}
}
.content {
		padding: 60px 0 0 0;
		margin-bottom: 80px;
}
.main-block {
		background: var(--purple8);
		border-radius: 16px;
		padding: 24px;
		margin: 40px 0;
}
.main-block > *:first-child {
		margin-top: 0 !important;
}
.main-block > *:last-child {
		margin-bottom: 0 !important;
}
.main-block-title {
		color: var(--orange);
		font-weight: 600;
		font-size: 24px;
		line-height: 29px;
		display: flex;
		align-items: center;
		gap: 16px;
		padding: 24px;
		position: relative;
		background: var(--purple8);
		border-radius: 16px 16px 0 0;
}
.main-block .main-block-title {
		margin: -24px -24px 24px -24px !important;
}
.main-block-title svg {
		flex: 0 0 auto;
		width: 40px;
		height: 40px;
		fill: var(--orange);
}
.image {
		display: block;
		margin: 24px 0;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		border-radius: 16px;
}
.image img {
		width: auto;
		height: auto;
		max-width: 100%;
		border-radius: 16px;
}
.accent-text {
		margin: 40px 0;
		color: var(--yellow);
		border-radius: 8px;
		background: var(--purple16);
		padding: 24px;
}
.article {
		margin: 0;
}
.article h1, .article .h1 {
		margin-bottom: 8px;
}
.article h2, .article .h2, .article h3, .article .h3, .article h4 {
		margin-top: 24px;
}
.article p {
		margin: 12px 0;
}
.grid-articles {
		margin: 16px 0 0 0;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
}
.article-mini {
		color: var(--grey);
		text-decoration: none !important;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
		font-weight: 500;
		font-size: 16px;
		line-height: 20px;
		background: var(--white10);
		border-radius: 8px;
		transition-property: color, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		padding: 16px 16px 56px 16px;
		position: relative;
		container-type: inline-size;
		container-name: article-mini;
}
.article-mini:after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 1px solid var(--yellow);
		border-radius: inherit;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.article-mini img {
		flex: 0 0 auto;
		width: 128px;
		height: 110px;
		border-radius: 8px;
		object-fit: cover;
		object-position: center;
}
.article-mini .btn {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 40px;
		border-radius: 0 0 8px 8px;
		justify-content: space-between;
		font-size: 16px;
}
@media (pointer:fine) {
		.article-mini:hover {
				color: var(--yellow);
		}
		.article-mini:hover:after {
				opacity: 1;
		}
}
.article-mini:active {
		transition: none;
		color: var(--grey);
		background-color: var(--white10);
}
.article-mini:active:after {
		opacity: 1;
		transition: none;
}
.article-mini .text {
		flex: 0 0 auto;
		width: calc(100% - 144px);
}
.article-mini .text:first-child {
		width: 100%;
}
.article-mini .date {
		font-weight: normal;
		font-size: 12px;
		line-height: 1.6;
		color: var(--grey);
		margin: 0 0 8px 0;
}
.article-mini .date ~ img, .article-mini .date ~ .text {
		width: 100%;
}
.article-mini .date ~ img {
		height: 120px;
		margin: 4px 0 8px 0;
}
.article-mini .date ~ .text {
		margin: 4px 0 0 0;
}
@container article-mini (max-width: 279px) {
		.article-mini img, .article-mini .text {
				width: 100%;
		}
		.article-mini img {
				height: 120px;
				margin-top: 31px;
		}
		.article-mini .text {
				margin-top: 12px;
		}
		.article-mini .date {
				position: absolute;
				top: 16px;
				left: 16px;
				right: 16px;
		}
}
.foot-menu, .foot-text {
		border-top: 1px solid var(--dark-grey);
		padding: 24px 0;
}
.foot-text {
		text-align: center;
		font-size: 12px;
		color: var(--dark-grey);
}
.foot-text a {
		color: inherit;
		text-decoration: underline;
}
.foot-menu {
		font-weight: 500;
		font-size: 16px;
		line-height: 1.4;
}
.foot-menu .container {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 24px 66px;
}
@media only screen and (max-width: 767px) {
		.foot-menu .container {
				flex-direction: column;
		}
}
.foot-menu .container > * {
		flex: 0 0 auto;
		max-width: 100%;
		text-align: center;
		text-decoration: none !important;
		color: var(--grey);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.foot-menu .container > a:hover {
				color: var(--yellow);
		}
}
.foot-menu .container > a:active {
		color: var(--orange);
		transition: none;
}
.top-place {
		position: relative;
		text-decoration: none !important;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		padding-top: 60px;
		margin-top: -60px;
		background: var(--purple-dark);
		color: var(--grey) !important;
		container-type: inline-size;
		container-name: top-place;
		display: block;
		font-weight: normal;
		text-transform: uppercase;
		text-align: center;
}
.top-place .inner {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 201px;
		padding: 0 24px 12px 24px;
}
.top-place img {
		position: absolute !important;
		top: 50%;
		left: 50%;
		height: auto;
		width: 100%;
		transform: translate3d(-50%, -50%, 0);
}
.top-place .inner > * {
		position: relative;
}
.top-place .text1 {
		font-size: 14px;
		line-height: 1.6;
		color: var(--orange);
		margin-bottom: 16px;
		text-transform: none;
}
.top-place .text2 {
		font-size: 14px;
		line-height: 17px;
}
.top-place .text3 {
		font-weight: 600;
		font-size: 22px;
		line-height: 1.2;
		color: var(--yellow);
		margin-bottom: 4px;
}
.top-place .text4 {
		font-weight: 600;
		font-size: 14px;
		line-height: 17px;
		color: var(--white);
		margin-bottom: 4px;
}
.top-place .text5 {
		font-size: 10px;
		line-height: 12px;
}
.top-place .btn {
		margin-top: 19px;
		font-size: 14px;
		height: 36px;
		font-weight: 600;
}
@container top-place (min-width: 600px) {
		.top-place .inner {
				min-height: 334px;
				padding-bottom: 6px;
		}
		.top-place .text1 {
				font-size: 24px;
				line-height: 29px;
				margin-bottom: 24px;
				font-weight: 600;
		}
		.top-place .text2 {
				font-size: 20px;
				line-height: 24px;
		}
		.top-place .text3 {
				font-size: 32px;
		}
		.top-place .text4 {
				font-size: 20px;
				line-height: 24px;
		}
		.top-place .text5 {
				font-size: 12px;
				line-height: 15px;
		}
		.top-place .btn {
				height: 40px;
				margin-top: 40px;
				font-size: 16px;
				font-weight: 500;
		}
}
.top-grad {
		padding-top: 7px;
		background: linear-gradient(to bottom, var(--purple-dark) 0%, var(--purple-dark0) 100%);
}
.top-grad:first-child {
		margin-top: -60px;
		padding-top: 84px;
}
.top-grad > .container > *:first-child {
		margin-top: 0 !important;
}
.casinos {
		margin: 16px 0 40px 0;
}
.casinos h1, .casinos .h1 {
		text-align: center;
		color: var(--yellow);
}
@media only screen and (max-width: 767px) {
		.casinos h1, .casinos .h1 {
				font-size: 24px;
				line-height: 29px;
				font-weight: 600;
		}
}
.grid-casinos {
		display: flex;
		flex-direction: column;
		gap: 16px;
}
.grid-casinos > * {
		flex: 0 0 auto;
		width: 100%;
}
.casino-mini {
		display: flex;
		align-items: center;
		position: relative;
		flex-wrap: wrap;
		padding: 25px 16px;
		border-radius: 8px;
		background-color: var(--purple8);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none !important;
		color: var(--grey) !important;
		container-type: inline-size;
		container-name: casino-mini;
}
.casino-mini:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		border: 1px solid var(--yellow);
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		pointer-events: none;
}
@media (pointer:fine) {
		.casino-mini:hover {
				background-color: var(--purple16);
		}
		.casino-mini:hover:after {
				opacity: 1;
		}
}
.casino-mini:active {
		background-color: var(--purple8);
		transition: none;
}
.casino-mini:active:after {
		opacity: 1;
		transition: none;
}
.casino-mini .num {
		flex: 0 0 auto;
		width: 32px;
		height: 32px;
		text-align: center;
		font-weight: 500;
		font-size: 16px;
		line-height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--purple8);
		border: 1px solid var(--yellow);
		border-radius: 50%;
		color: var(--yellow);
}
.casino-mini .logo {
		flex: 0 0 auto;
		width: 156px;
		height: 64px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 16px;
		margin: -12px 0;
}
.casino-mini .logo img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
}
.casino-mini .bonuses {
		flex: 0 0 auto;
		width: calc(100% - 188px);
		text-align: right;
		font-weight: normal;
		font-size: 24px;
		line-height: 29px;
		display: flex;
		flex-direction: column;
		gap: 2px;
}
.casino-mini .bonuses .plus {
		display: none;
}
.casino-mini .bonuses .label {
		font-weight: normal;
		font-size: 12px;
		line-height: 1.6;
		display: none;
}
.casino-mini .bonuses .bold {
		font-weight: bold;
}
.casino-mini .btn {
		max-width: none;
		width: calc(100% + 32px);
		position: relative;
		top: 24px;
		flex: 0 0 auto;
		margin: 0 -16px;
		border-radius: 0 0 8px 8px;
		justify-content: space-between;
		font-size: 16px;
		height: 40px;
}
.casino-mini .rating {
		display: none;
		font-weight: normal;
		font-size: 12px;
		line-height: 1.6;
		flex: 0 0 auto;
		text-align: center;
}
.casino-mini .rating .stars {
		margin: 6px auto 0 auto;
}
@container casino-mini (min-width: 520px) {
		.casino-mini .btn {
				width: 208px;
				top: auto;
				border-radius: 8px;
		}
		.casino-mini .bonuses, .casino-mini .rating {
				margin: -12px 0;
		}
		.casino-mini .bonuses {
				width: calc(100% - 396px);
				text-align: center;
		}
}
@container casino-mini (min-width: 650px) {
		.casino-mini .num {
				margin-left: 8px;
		}
		.casino-mini .btn {
				margin-right: 8px;
		}
		.casino-mini .rating {
				display: block;
		}
		.casino-mini .rating, .casino-mini .bonuses {
				width: calc((100% - 412px) / 2);
		}
}
@container casino-mini (min-width: 900px) {
		.casino-mini .num {
				width: 40px;
				height: 40px;
		}
		.casino-mini .logo {
				width: 205px;
				padding: 0 32px;
		}
		.casino-mini .rating {
				width: calc((100% - 453px) / 4 * 1);
				left: 50px;
				position: relative;
		}
		.casino-mini .bonuses {
				width: calc((100% - 453px) / 4 * 3);
		}
		.casino-mini .bonuses {
				font-size: 28px;
				line-height: 34px;
				flex-direction: row;
				justify-content: center;
				align-items: flex-start;
				gap: 4px;
		}
		.casino-mini .bonuses {
				flex: 0 0 auto;
		}
		.casino-mini .bonuses .plus {
				display: block;
				font-size: 20px;
				align-self: flex-end;
				font-weight: 500;
				margin-left: 3px;
		}
		.casino-mini .bonuses .bold, .casino-mini .bonuses .bold2 {
				font-weight: 600;
		}
		.casino-mini .bonuses .to-hide {
				display: none;
		}
		.casino-mini .bonuses .label {
				display: block;
		}
}
.grid-providers {
		display: flex;
		flex-direction: column;
		gap: 32px;
}
.grid-providers > * {
		flex: 0 0 auto;
		width: 100%;
}
.provider-card {
		position: relative;
		background-color: var(--purple8);
		border-radius: 16px;
		font-weight: normal;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		container-type: inline-size;
		container-name: provider-card;
}
.provider-card:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		border: 1px solid var(--yellow);
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.provider-card .cover-link {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 1;
		border-radius: 16px;
}
.provider-card .head {
		background: var(--purple8);
		border-radius: 16px 16px 0 0;
		padding: 32px;
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.provider-card .stars, .provider-mini .stars {
		margin: 0 auto 4px auto;
}
.provider-card .logo, .provider-mini .logo {
		height: 64px;
		max-width: 253px;
		margin: 0 auto;
}
.provider-card .logo img, .provider-mini .logo img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.provider-card .list {
		background: var(--purple8);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		display: flex;
		flex-direction: column;
		justify-content: center;
}
.provider-card .list ul, .provider-mini ul {
		display: flex;
		flex-direction: column;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.provider-card .list ul {
		gap: 8px;
		margin: 0;
		padding: 0 24px 32px 24px;
}
.provider-card .list li, .provider-mini li {
		margin: 0;
		padding-left: 32px;
		background-size: auto 20px;
		background-position: 0 calc(0.8em - 10px);
}
.provider-card .text {
		display: flex;
		flex-direction: column;
		justify-content: center;
}
.provider-card .text .ind {
		padding: 32px 24px;
}
@media (pointer:fine) {
		.provider-card:hover, .provider-card:hover .head, .provider-card:hover .list {
				background-color: var(--purple16);
		}
		.provider-card:hover:after {
				opacity: 1;
		}
		.provider-card:hover .list ul {
				color: var(--white);
		}
}
@media (pointer:fine) {
		.provider-card:active {
				background-color: var(--purple8);
				transition: none;
		}
		.provider-card:active .head, .provider-card:active .list {
				background-color: var(--purple16);
				transition: none;
		}
		.provider-card:active:after {
				opacity: 1;
				transition: none;
		}
		.provider-card:active .list ul {
				color: var(--white);
				transition: none;
		}
}
.provider-card .btn-more {
		border-radius: 0 0 16px 16px;
		justify-content: space-between;
		height: 56px;
		padding-left: 24px;
		font-size: 14px;
		position: relative;
		z-index: 2;
}
.provider-card:not(.open) .btn-more .text-close, .provider-card.open .btn-more .text-open {
		display: none;
}
.provider-card .btn-more:after {
		content: '';
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		margin-right: -4px;
		background: url("../img/darr-yellow.svg") no-repeat 50% 50%;
		background-size: contain;
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: rotate(0deg);
}
.provider-card.open .btn-more:after {
		transform: rotate(-180deg);
}
@media only screen and (max-width: 767px) {
		.provider-card:not(.open) .inner {
				display: none;
		}
}
@container provider-card (min-width: 640px) {
		.provider-card .inner {
				display: flex !important;
				height: auto !important;
		}
		.provider-card .head, .provider-card .list {
				width: 312px;
		}
		.provider-card .head {
				position: absolute;
				top: 0;
				left: 0;
				border-radius: 16px 0 0 0;
				padding: 32px 24px 0 24px;
				height: 132px;
		}
		.provider-card .list {
				margin-top: 132px;
				flex: 0 0 auto;
		}
		.provider-card .list ul {
				padding: 12px 24px 36px 24px;
		}
		.provider-card .text {
				flex: 1;
		}
		.provider-card .text .ind {
				padding: 32px 24px 32px 32px;
		}
		.provider-card .btn-more {
				display: none !important;
		}
}
@container provider-card (min-width: 816px) {
		.provider-card .head, .provider-card .list {
				width: 408px;
		}
}
.provider-mini {
		text-decoration: none !important;
		color: var(--grey);
		display: flex;
		flex-direction: column;
		flex: 1 0 auto;
		width: 100%;
		position: relative;
		border-radius: 16px;
		background: var(--purple8);
		padding: 27px 24px;
}
.provider-mini:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		border: 1px solid var(--yellow);
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.provider-mini:hover {
				background-color: var(--purple16);
		}
		.provider-mini:hover:after {
				opacity: 1;
		}
		.provider-mini:hover ul {
				color: var(--white);
		}
}
.provider-mini:active {
		background-color: var(--purple8);
		transition: none;
}
.provider-mini:active:after {
		opacity: 1;
		transition: none;
}
.provider-mini:active ul {
		color: var(--white);
		transition: none;
}
.provider-mini .head {
		flex: 0 0 auto;
		margin: 0 -24px;
		background: var(--purple16);
		border-radius: 16px 16px 0 0;
		padding: 18px 30px 16px 30px;
		position: relative;
		top: -27px;
}
.provider-mini ul {
		gap: 16px;
		margin: auto 0;
		width: 100%;
}
.grid-categories {
		margin: 40px 0;
		display: grid;
		gap: 24px;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.category-mini {
		text-decoration: none !important;
		color: var(--grey) !important;
		display: block;
		position: relative;
		border-radius: 16px;
		background-color: var(--purple8);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		container-type: inline-size;
		container-name: category-mini;
		padding-bottom: 56px;
}
.category-mini:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		border: 1px solid var(--yellow);
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.category-mini .pic {
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		line-height: 22px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		padding: 30px 24px 22px 24px;
}
.category-mini .pic svg {
		width: 100px;
		height: 100px;
		display: block;
		margin: 0 auto 24px auto;
		fill: var(--grey);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.category-mini .text {
		padding: 0 24px 24px 24px;
}
.category-mini .text strong {
		font-weight: inherit;
		color: var(--yellow);
}
.category-mini .btn {
		border-radius: 0 0 16px 16px;
		font-size: 16px;
		justify-content: space-between;
		height: 56px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
}
@media (pointer:fine) {
		.category-mini:hover {
				background-color: var(--purple16);
		}
		.category-mini:hover:after {
				opacity: 1;
		}
		.category-mini:hover .pic {
				color: var(--yellow);
		}
		.category-mini:hover .pic svg {
				fill: var(--yellow);
		}
}
.category-mini:active {
		background-color: var(--purple8);
		transition: none;
}
.category-mini:active:after {
		opacity: 1;
		transition: none;
}
.category-mini:active .pic {
		color: var(--yellow);
		transition: none;
}
.category-mini:active .pic svg {
		fill: var(--yellow);
		transition: none;
}
@container category-mini (min-width: 450px) {
		.category-mini .pic {
				width: 200px;
				padding: 0 32px 0 24px;
				align-self: center;
				position: absolute;
				top: 64px;
				left: 0;
		}
		.category-mini .pic svg {
				width: 80px;
				height: 80px;
		}
		.category-mini .text {
				padding: 24px 28px 24px 200px;
				min-height: 254px;
		}
}
.faq h1, .faq .h1 {
		color: var(--orange);
}
.faq-grid {
		display: flex;
		flex-direction: column;
		margin: 24px 0;
		gap: 4px;
}
.main-block .faq-grid {
		margin: 32px 0;
}
.faq-grid .el {
		flex: 0 0 auto;
		width: 100%;
		border-radius: 8px;
		background: var(--purple8);
		color: var(--yellow);
}
.faq-grid .head {
		margin: 0;
		position: relative;
		color: var(--white);
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		padding: 16px 56px 20px 16px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		cursor: pointer;
		user-select: none;
}
.faq-grid-view2 .head {
		font-weight: 500;
}
.faq-grid .el.open .head {
		color: var(--yellow);
}
.faq-grid .head:before, .faq-grid .head:after {
		content: '';
		position: absolute;
		top: 50%;
		top: 27px;
		right: 21px;
		width: 16px;
		height: 2px;
		border-radius: 1px;
		background: var(--yellow);
		transition-property: transform, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.faq-grid .head:before {
		transform: translate3d(0, -50%, 0);
}
.faq-grid .head:after {
		transform: translate3d(0, -50%, 0) rotate(-90deg);
}
@media (pointer:fine) {
		.faq-grid .head:hover {
				color: var(--yellow);
		}
}
.faq-grid .head:active {
		color: var(--orange) !important;
		transition: none;
}
.faq-grid .head:active:before, .faq-grid .head:active:after {
		background-color: var(--orange) !important;
		transition: none;
}
.faq .el.open .head:after {
		transform: translate3d(0, -50%, 0) rotate(-90deg);
}
.faq-grid .el:not(.open) .text {
		display: none;
}
.faq-grid .ind {
		padding: 0 56px 16px 16px;
}
.faq-grid .ind > *:first-child {
		margin-top: 0 !important;
}
.faq-grid .ind > *:last-child {
		margin-bottom: 0 !important;
}
.best-games {
		container-type: inline-size;
		container-name: best-games;
}
.best-games .h1 {
		text-align: center;
		color: var(--yellow);
}
.best-games .links {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
}
@container best-games (min-width: 500px) {
		.best-games .links {
				grid-template-columns: repeat(3, 1fr);
		}
}
@container best-games (min-width: 900px) {
		.best-games .links {
				grid-template-columns: repeat(6, 1fr);
		}
}
.best-games .link {
		text-decoration: none !important;
		text-align: center;
		display: block;
		font-weight: bold;
		font-size: 18px;
		line-height: 22px;
		color: var(--grey);
		transition-property: color, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		background: var(--purple8);
		border-radius: 16px;
		padding: 26.5px 4px;
		position: relative;
}
.best-games .link:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		border: 1px solid var(--yellow);
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.best-games .link svg {
		display: block;
		margin: 0 auto 24px auto;
		width: 80px;
		height: 80px;
		fill: var(--grey);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.best-games .link:hover {
				color: var(--yellow);
				background-color: var(--purple16);
		}
		.best-games .link:hover svg {
				fill: var(--yellow);
		}
		.best-games .link:hover:after {
				opacity: 1;
		}
}
.best-games .link:active {
		color: var(--yellow);
		background-color: var(--purple8);
		transition: none;
}
.best-games .link:active svg {
		fill: var(--yellow);
		transition: none;
}
.best-games .link:active:after {
		opacity: 1;
		transition: none;
}
.reasons {
		margin: 56px 0;
		border-radius: 16px;
		background: var(--purple8);
		padding: 24px;
}
.reasons .h2 {
		text-align: center;
		margin: 0 0 40px 0;
}
@media only screen and (max-width: 767px) {
		.reasons .h2 {
				font-size: 20px;
				line-height: 24px;
				font-weight: bold;
		}
}
.reasons ol {
		counter-reset: r;
		margin: 0;
		padding: 0;
		gap: 24px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
}
.reasons li {
		flex: 0 0 auto;
		width: 100%;
		margin: 0;
		position: relative;
		padding: 0 0 0 48px;
}
.reasons li:before {
		content: counter(r);
		counter-increment: r;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate3d(0, -50%, 0);
		width: 32px;
		height: 32px;
		background: var(--purple8);
		border: 1px solid var(--yellow);
		border-radius: 50%;
		font-weight: 500;
		font-size: 16px;
		line-height: 20px;
		color: var(--yellow);
		min-width: 0;
		margin: 0;
		padding: 0;
}
@media only screen and (min-width: 640px) {
		.reasons ol {
				flex-direction: row;
				align-items: flex-start;
				justify-content: center;
				flex-wrap: wrap;
				text-align: center;
		}
		.reasons li {
				width: calc((100% - 120px) / 5);
				min-width: 175px;
				padding: 0;
		}
		.reasons li:before {
				position: static;
				transform: translateZ(0);
				width: 56px;
				height: 56px;
				font-weight: bold;
				font-size: 20px;
				line-height: 24px;
				margin: 0 auto 16px auto;
		}
}
.providers .h1 {
		text-align: center;
}
.providers .wrap-slider-inner {
		border-radius: 16px;
}
.slider-providers, .slider-testimonials {
		overflow: visible !important;
		margin: 0 -24px !important;
		width: auto !important;
}
.slider-providers .swiper-slide, .slider-testimonials .swiper-slide {
		height: auto !important;
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 0 24px;
}
@media only screen and (min-width: 660px) {
		.slider-providers .swiper-slide, .slider-testimonials .swiper-slide {
				width: 50%;
		}
}
.margin-big {
		margin-top: 56px;
		margin-bottom: 56px;
}
.margin-medium {
		margin-top: 40px;
		margin-bottom: 40px;
}
.testimonials .wrap-slider-inner {
		border-radius: 16px;
}
.testimonials .h1 {
		color: var(--orange);
}
.testimonial {
		flex: 1 0 auto;
		width: 100%;
		text-decoration: none !important;
		color: var(--grey);
		border-radius: 16px;
		background: var(--purple8);
		display: block;
		padding: 24px;
		min-height: 240px;
}
.testimonial .head {
		position: relative;
		border-radius: 16px 16px 0 0;
		margin: -24px -24px 16px -24px;
		overflow: hidden;
		padding: 24px 24px 16px 83px;
		background: var(--purple8);
		font-size: 12px;
}
.testimonial .head img {
		position: absolute;
		top: 50%;
		left: 24px;
		transform: translate3d(0, -50%, 0);
		width: 40px;
		height: 40px;
		border-radius: 50%;
		object-fit: cover;
		object-position: center;
		margin-top: 4px;
}
.testimonial .name {
		color: var(--white);
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		margin: 0 0 4px 0;
}
.testimonial .date {
		float: right;
		text-align: right;
		margin: 0 0 0 4px;
}
.press h1, .press .h1 {
		color: var(--orange);
}
.press .grid {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		background: var(--white10);
		border-radius: 16px;
		gap: 24px;
		padding: 24px 12px;
}
.press .grid > * {
		margin: 0 auto;
}
.press .grid img {
		height: 24px;
		width: auto;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0.32;
}
@media (pointer:fine) {
		.press .grid a:hover img {
				opacity: 1;
		}
}
.breadcrumbs {
		margin: 0 0 16px 0;
}
.breadcrumbs svg {
		width: 24px;
		height: 24px;
		vertical-align: middle;
		position: relative;
		top: -1px;
		fill: var(--yellow);
}
.breadcrumbs a {}
@media (pointer:fine) {
		.breadcrumbs a:active {
				color: var(--orange);
				transition: none;
		}
		.breadcrumbs a:active svg {
				fill: var(--orange);
				transition: none;
		}
}
.review-head {
		background: linear-gradient(101.33deg, rgba(28, 0, 41, 0.3) 0%, rgba(51, 137, 179, 0.24) 48.96%, rgba(0, 227, 173, 0.111) 100%);
		padding: 80px 0 20px 0;
		margin: -60px 0 20px 0;
}
.review-head .container {
		position: relative;
		display: grid;
		gap: 16px 24px;
}
.review-head .container > * {
		margin: 0;
}
.review-head .breadcrumbs {
		grid-area: br;
}
.review-head h1, .review-head .h1 {
		grid-area: h1;
		font-weight: 300;
		font-size: 30px;
		line-height: 1.3;
		color: var(--grey);
}
.review-head h1 strong, .review-head .h1 strong {
		display: block;
		font-weight: bold;
		color: var(--yellow);
}
.review-head .logo {
		grid-area: lo;
		align-self: center;
}
.review-head .logo img {
		width: 100%;
		height: auto;
		border-radius: 8px;
}
.review-head .bonus {
		grid-area: bo;
		text-align: right;
		align-self: center;
}
.review-head .bonus strong {
		display: block;
		font-weight: 600;
		font-size: 32px;
		line-height: 1.2;
}
.review-head .info {
		grid-area: in;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 1px;
		font-size: 12px;
}
.review-head .info li:before {
		display: none;
}
.review-head .info li {
		background: var(--purple8);
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex: 1 0 auto;
		margin: 0;
		padding: 8px 16px;
		min-height: 36px;
}
.review-head .info li:first-child {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
}
.review-head .info li:last-child {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
}
.review-head .info .pics {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: 8px;
}
.review-head .info .pics img {
		height: 20px;
		width: auto;
}
.review-head .btn.go {
		grid-area: go;
		height: 48px;
		padding-left: 24px;
}
.review-head .options {
		grid-area: op;
		display: flex;
		flex-direction: column;
		gap: 16px 24px;
}
.review-head .options .el {
		background: var(--purple8);
		border-radius: 8px;
		flex: 1 0 auto;
		width: 100%;
		position: relative;
		font-size: 12px;
		padding: 16px 16px 56px 16px;
		display: flex;
		align-items: center;
		gap: 16px;
}
.review-head .options .el .btn {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 40px;
		border-radius: 0 0 8px 8px;
		font-size: 16px;
}
.review-head .options .pic {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 60px;
		height: 60px;
		opacity: 0.75;
}
.review-head .options .pic img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
}
.review-head .options .pic svg {
		flex: 0 0 auto;
		width: 32px;
		height: 32px;
		fill: var(--white);
}
.review-head .options .big {
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 4px 0;
}
.review-head .btn {
		justify-content: space-between;
}
@media only screen and (max-width: 659px) {
		.review-head .container {
				grid-template-areas:
						"br br"
						"h1 h1"
						"lo bo"
						"in in"
						"go go"
						"op op";
				grid-template-columns: 1fr 1fr;
				grid-template-rows: auto 1fr auto auto auto auto;
		}
}
@media only screen and (min-width: 660px) and (max-width: 979px) {
		.review-head .container {
				grid-template-areas:
						"br br"
						"h1 h1"
						"go bo"
						"lo op"
						"in op";
				grid-template-columns: 1fr 1fr;
				grid-template-rows: auto auto auto auto 1fr;
		}
		.review-head .btn.go {
				align-self: center;
		}
}
@media only screen and (min-width: 980px) {
		.review-head .container {
				grid-template-areas:
						"br br br"
						"lo h1 bo"
						"lo h1 go"
						"op op in";
				grid-template-columns: 1fr 1fr 1fr;
				grid-template-rows: auto auto 1fr;
		}
		.review-head .bonus {
				margin-bottom: auto;
		}
		.review-head .btn.go {
				margin-top: auto;
		}
		.review-head h1, .review-head .h1 {
				align-self: center;
		}
		.review-head .options {
				flex-direction: row;
		}
		.review-head .options .el {
				flex: 1;
				width: auto;
		}
}
.main-sides {
		display: flex;
		flex-direction: column;
		gap: 56px 0;
}
.main-sides > * {
		flex: 0 0 auto;
		width: 100%;
}
.main-sides > * > *:first-child {
		margin-top: 0 !important;
}
.main-sides > * > *:last-child {
		margin-bottom: 0 !important;
}
.side-block {
		margin: 56px 0;
}
.side-block .grid-articles {
		margin: 0;
}
.side-title {
		display: flex;
		align-items: center;
		font-weight: 500;
		font-size: 16px;
		line-height: 20px;
		color: var(--yellow);
		margin: 0 0 16px 0;
		gap: 12px;
}
.side-title svg {
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		fill: var(--yellow);
}
.about-links {
		display: grid;
		gap: 8px;
		grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
		margin: 32px 0;
}
.about-links .link {
		display: flex;
		align-items: center;
		text-decoration: none !important;
		background: var(--purple16);
		border-radius: 8px;
		color: var(--grey);
		font-weight: 600;
		font-size: 14px;
		line-height: 1.4;
		padding: 14px 4px 14px 19px;
		gap: 12px;
		border-style: solid;
		border-width: 1px;
		border-color: transparent;
		transition-property: color, background, border;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		cursor: pointer;
		user-select: none;
}
.about-links .link svg {
		fill: var(--grey);
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.about-links .link:hover {
				color: var(--yellow);
				border-color: var(--yellow);
		}
		.about-links .link:hover svg {
				fill: var(--yellow);
		}
}
.about-links .link:active {
		color: var(--yellow);
		border-color: var(--yellow);
		background-color: var(--purple8);
		transition: none;
}
.about-links .link:active svg {
		fill: var(--yellow);
		transition: none;
}
.about-links .link.disabled {
		pointer-events: none;
		cursor: default;
		background-color: var(--purple8);
		color: var(--dark-grey);
}
.about-links .link.disabled svg {
		fill: var(--dark-grey);
}
.about-highlights {
		margin: 40px 0;
		container-type: inline-size;
		container-name: about-highlights;
}
.about-highlights h3, .about-highlights .h3 {
		text-align: center;
		margin-top: 0;
		margin-bottom: 16px;
}
.about-highlights ul {
		border-radius: 16px;
		background: var(--white10);
		margin: 0;
		padding: 22px 24px;
}
@container about-highlights (min-width: 600px) {
		.about-highlights ul {
				column-gap: 32px;
				column-count: 2;
		}
}
.about-highlights li {
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		background-position: 0 calc(0.8em - 5px);
		display: inline-block;
		vertical-align: top;
		width: 100%;
}
.about-card {
		background: var(--gradient-blue);
		border-radius: 16px;
		padding: 16px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 8px 0;
		container-type: inline-size;
		container-name: about-card;
		font-size: 12px;
}
.about-card .left, .about-card .right {
		flex: 0 0 auto;
		width: 100%;
}
.about-card .left {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1px;
		container-type: inline-size;
		container-name: about-card-left;
}
.about-card .left > * {
		background: var(--white10);
}
.about-card .left > *:last-child {
		border-bottom-right-radius: 8px;
}
.about-card .left > *:nth-last-child(2) {
		border-bottom-left-radius: 8px;
}
.about-card .head {
		grid-area: 1 / 1 / 1 / 3;
		display: grid;
		gap: 16px;
		grid-template-areas:
				"lo bo"
				"lo fl"
				"te te";
		grid-template-columns: 120px calc(100% - 136px);
		grid-template-rows: auto auto 1fr;
		border-radius: 8px 8px 0 0;
		padding: 12px;
}
.about-card .label {
		font-weight: bold;
		color: var(--white);
}
.about-card .logo {
		align-self: center;
		grid-area: lo;
}
.about-card .logo img {
		width: 100%;
		height: auto;
		border-radius: 4px;
}
.about-card .text {
		grid-area: te;
		align-self: center;
}
.about-card .name {
		font-weight: 600;
		font-size: 24px;
		line-height: 29px;
		color: var(--yellow);
}
.about-card .link {
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}
.about-card .link a {
		text-decoration: underline;
}
@media (pointer:fine) {
		.about-card .link a:hover {
				text-decoration: none;
		}
}
.about-card .bonus {
		grid-area: bo;
		margin-bottom: auto;
		text-align: right;
		color: var(--white);
}
.about-card .bonus strong {
		display: block;
		font-weight: 600;
		font-size: 24px;
		line-height: 29px;
}
.about-card .flag {
		grid-area: fl;
		margin-left: auto;
		margin-bottom: auto;
}
.about-card .info {
		margin: 0;
		padding: 12px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 12px 16px;
}
.about-card .info li:before {
		display: none;
}
.about-card .info li {
		flex: 0 0 auto;
		max-width: 100%;
		margin: 0;
		padding: 0;
}
.about-card .info .label {
		margin: 0 0 4px 0;
}
.about-card .pics {
		margin-top: 8px;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
}
.about-card .pics img {
		height: 24px;
		width: auto;
		flex: 0 0 auto;
}
.about-card .right {
		display: flex;
		flex-direction: column;
		gap: 8px;
}
.about-card .info2 {
		flex: 1 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: 0;
		padding: 0;
		gap: 1px;
		text-align: right;
}
.about-card .info2 li {
		display: flex;
		align-items: center;
		margin: 0;
		background: var(--white10);
		flex: 1 0 auto;
		width: 100%;
		padding: 11px 8px;
}
.about-card .info2 li:before {
		display: none;
}
.about-card .info2 .label {
		float: left;
		text-align: left;
		margin: 0 4px 0 0;
}
.about-card .info2 li:first-child {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
}
.about-card .info2 li:last-child {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
}
.about-card .info2 li > * {
		flex: 0 0 auto;
		width: 100%;
}
.about-card .btn {
		flex: 0 0 auto;
		width: 100%;
		justify-content: space-between;
		font-size: 16px;
		height: 40px;
}
@container about-card (min-width: 699px) {
		.about-card .left {
				width: calc(100% - 248px);
		}
		.about-card .right {
				width: 232px;
				gap: 16px;
		}
}
@container about-card-left (min-width: 479px) {
		.about-card .head {
				grid-template-areas:
						"lo te fl"
						"lo te bo";
				grid-template-columns: 143px calc(100% - 303px) 128px;
				grid-template-rows: auto auto;
		}
		.about-card .flag {
				margin-bottom: auto;
		}
		.about-card .bonus {
				margin-top: 0;
				margin-bottom: auto;
		}
		.about-card .bonus strong {
				font-weight: bold;
				font-size: 32px;
				line-height: 1.2;
		}
		.about-card .info {
				gap: 4px 16px;
		}
}
.about-company {
		container-type: inline-size;
		container-name: about-company;
}
.about-company > img, .about-company p {
		margin: 12px 0 0 0;
}
.about-company > img {
		display: block;
		width: auto;
		height: auto;
		max-width: 100%;
		border-radius: 8px;
}
.about-company > *:last-child {
		margin-bottom: 0 !important;
}
@container about-company (min-width: 600px) {
		.about-company > img {
				float: left;
				max-width: 296px;
				margin: 4px 32px 4px 0;
		}
		.about-company > img + p {
				margin-top: 0;
		}
}
.about-service {
		margin: 16px 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 4px;
		container-type: inline-size;
		container-name: about-service;
}
.about-service li {
		position: relative;
		border-radius: 8px;
		background: var(--purple8);
		padding: 17px 20px 16px 60px;
		margin: 0;
		flex: 0 0 auto;
		width: 100%;
}
.about-service li:before {
		display: none;
}
.about-service img, .about-service svg {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 50%;
		left: 20px;
		margin: -12px 0;
		object-fit: contain;
		object-position: center;
}
.about-service .label {
		font-weight: bold;
		display: block;
		line-height: 20px;
}
.about-service .email {
		display: inline-block;
		vertical-align: top;
		max-width: 100%;
		word-wrap: break-word;
}
@container about-service (min-width: 500px) {
		.about-service li {
				text-align: right;
				padding-top: 16px;
				padding-bottom: 16px;
		}
		.about-service .label {
				float: left;
				line-height: inherit;
				margin: 0 8px 0 0;
		}
}
.about-legit {
		background: var(--gradient-blue);
		border-radius: 16px;
		padding: 16px 24px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 32px 0;
		justify-content: space-between;
		container-type: inline-size;
		container-name: about-legit;
}
.about-legit h3, .about-legit .h3 {
		color: var(--white);
		margin-bottom: 8px;
}
.about-legit .text {
		flex: 0 0 auto;
		width: 100%;
		margin: 8px 0 0 0;
}
.about-legit .text p {
		margin: 8px 0;
}
.about-legit .text > *:first-child {
		margin-top: 0 !important;
}
.about-legit .text p:last-child {
		margin-bottom: 0 !important;
}
.about-legit img {
		flex: 0 0 auto;
		width: 120px;
		height: auto;
		margin: 0 auto 8px auto;
}
@container about-legit (min-width: 560px) {
		.about-legit .text {
				width: calc(100% - 152px);
				margin: 0;
		}
		.about-legit img {
				margin-bottom: 0;
				position: relative;
				left: 16px;
		}
}
.about-games {
		margin: 32px 0 40px 0;
		container-type: inline-size;
		container-name: about-games;
}
.about-games-title {
		display: flex;
		align-items: center;
		gap: 16px;
		font-weight: 600;
		font-size: 24px;
		line-height: 29px;
		color: var(--yellow);
		margin: 0 0 16px 0;
}
.about-games-title svg {
		width: 32px;
		height: 32px;
		flex: 0 0 auto;
		fill: var(--yellow);
}
.about-games .block {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: 24px;
		border-radius: 8px;
		background: var(--purple8);
		gap: 24px 0;
}
.about-games p {
		margin: 12px 0;
}
.about-games .text > *:first-child {
		margin-top: 0 !important;
}
.about-games .text > *:last-child {
		margin-bottom: 0 !important;
}
.about-games .list, .about-games .text {
		flex: 0 0 auto;
		width: 100%;
}
.about-games .list {
		align-self: flex-start;
		display: grid;
		gap: 12px;
		grid-template-columns: repeat(2, 1fr);
}
.about-games .link {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		text-decoration: none !important;
		text-align: center;
		align-items: center;
		background: var(--white16);
		border-radius: 8px;
		position: relative;
		font-weight: 500;
		font-size: 12px;
		line-height: 15px;
		color: var(--white);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.about-games .link:before {
		content: '';
		flex: 0 0 auto;
}
.about-games .link span {
		display: block;
		padding: 16px 8px;
}
.about-games .link:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		pointer-events: none;
		border-radius: inherit;
		border: 1px solid var(--yellow);
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
}
.about-games .link img {
		flex: 0 0 auto;
		width: 100%;
		height: 100px;
		border-radius: 0 0 8px 8px;
		object-fit: cover;
		object-position: center;
		flex: 0 0 auto;
}
@media (pointer:fine) {
		.about-games a.link:hover {
				color: var(--yellow);
		}
		.about-games a.link:hover:after {
				opacity: 1;
		}
}
.about-games a.link:active {
		color: var(--yellow);
		transition: none;
}
.about-games a.link:active:after {
		opacity: 1;
		transition: none;
}
@container about-games (min-width: 600px) {
		.about-games .list, .about-games .text {
				width: calc(50% - 12px);
		}
		.about-games .rtl .list {
				order: 2;
		}
}
.grid-bonuses {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 24px;
}
.bonus-card {
		flex: 1 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		background: var(--white10);
		border-radius: 16px;
		font-size: 12px;
		container-type: inline-size;
		container-name: bonus-card;
		color: var(--white);
}
.bonus-card .name {
		color: var(--white);
		font-weight: bold;
		flex: 0 0 auto;
		width: 100%;
		text-align: center;
}
.bonus-card .text {
		text-align: left;
		flex: 0 0 auto;
		margin: auto;
		width: 100%;
}
.bonus-card img {
		height: auto;
		flex: 0 0 auto;
}
.bonus-card .code {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 4px;
		flex: 0 0 auto;
		width: 100%;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		color: var(--grey);
		padding: 12px 16px;
		background: var(--white10);
		border-radius: 8px;
}
.bonus-card .code strong {
		white-space: nowrap;
		flex: 1;
		color: var(--yellow);
		text-align: right;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: bold;
}
.bonus-card.view1 {
		padding: 16px;
		gap: 16px;
}
.bonus-card.view1 img {
		width: calc(100% + 32px);
		margin: 0 -16px;
		position: relative;
		margin-top: -15px;
		border-radius: 16px 16px 0 0;
}
.bonus-card.view1 .name {
		font-size: 16px;
		line-height: 20px;
}
.bonus-card.view2 {
		gap: 14px;
		padding: 16px;
}
.bonus-card.view2 img {
		width: 100%;
		border-radius: 8px;
}
.bonus-card.view2 .name {
		font-size: 20px;
		line-height: 24px;
}
.bonus-card.view3 {
		border-radius: 8px;
}
.bonus-card.view3 .code {
		background: none;
		margin-top: auto;
		margin-bottom: auto;
}
.bonus-card.view3 img {
		width: 100%;
		border-radius: 0 0 8px 8px;
}
.about-bonuses {
		margin: 40px 0 56px 0;
}
.about-bonuses .wrap-slider {
		padding-bottom: 56px;
		margin-bottom: -24px;
}
.about-bonuses .wrap-slider-inner {
		border-radius: 8px;
}
.slider-bonuses {
		margin: 0 -6px !important;
		width: auto !important;
		overflow: visible !important;
}
.slider-bonuses .swiper-slide {
		padding: 0 6px;
		width: 20%;
		min-width: 140px;
}
@container bonus-card (max-width: 299px) {
		.bonus-card .code {
				font-size: 12px;
				line-height: 1.6;
				text-align: center;
		}
		.bonus-card .code strong {
				font-size: 12px;
				line-height: 15px;
		}
}
@container bonus-card (max-width: 220px) {
		.bonus-card .code {
				padding: 12px 8px;
				background: none;
				flex-direction: column;
				align-items: center;
				font-weight: normal;
				color: var(--white);
				font-size: 12px;
				line-height: 1.6;
				text-align: center;
		}
		.bonus-card .code strong {
				text-align: center;
				flex: 0 0 auto;
				width: 100%;
				font-size: 12px;
				line-height: 15px;
		}
}
.about-steps {
		margin: 32px 0;
		container-type: inline-size;
		container-name: about-steps;
}
.about-steps ol {
		margin: 0;
		padding: 0;
		counter-reset: st;
}
.about-steps li {
		position: relative;
		padding: 27px 24px;
		margin: 0;
		background: var(--purple8);
		border-radius: 8px;
}
.about-steps li:not(:first-child) {
		margin-top: 16px;
}
.about-steps li:before {
		content: counter(st);
		counter-increment: st;
		position: static;
		float: none;
		text-align: center;
		margin: 0 auto 24px auto;
		padding: 0;
		min-width: 0;
		font-weight: normal;
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--yellow);
		width: 50px;
		height: 50px;
		background: var(--purple8);
		border: 1px solid var(--yellow);
		border-radius: 50%;
}
.about-steps .big {
		text-align: center;
		font-weight: 500;
		font-size: 20px;
		line-height: 24px;
		color: var(--yellow);
		margin: 0 0 4px 0;
}
@container about-steps (min-width: 500px) {
		.about-steps li {
				padding: 16px 24px 16px 88px;
		}
		.about-steps li:not(:first-child) {
				margin-top: 4px;
		}
		.about-steps li:before {
				position: absolute;
				top: 50%;
				left: 24px;
				transform: translate3d(0, -50%, 0);
				margin: 0;
				width: 40px;
				height: 40px;
				font-weight: 500;
				font-size: 16px;
		}
		.about-steps .big {
				text-align: left;
		}
}
.go-card {
		background: var(--gradient-blue);
		margin: 24px 0;
		border-radius: 16px;
		container-type: inline-size;
		container-name: go-card;
		font-size: 12px;
}
.go-card-title {
		display: flex;
		align-items: center;
		font-weight: bold;
		font-size: 18px;
		line-height: 22px;
		gap: 12px;
		padding: 16px 24px;
		border-radius: 16px 16px 0 0;
		background: var(--gradient-blue);
}
.go-card-title svg, .go-card-title img {
		flex: 0 0 auto;
		width: 32px;
		height: 32px;
		object-fit: contain;
		object-position: center;
}
.go-card-title svg {
		fill: var(--grey);
}
.go-card .inner {
		display: grid;
		padding: 24px;
		gap: 1px;
		grid-template-areas:
				"lo lo"
				"ra bo"
				"in in"
				"bt bt";
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto auto;
}
.go-card .logo {
		grid-area: lo;
		align-self: center;
}
.go-card .logo img {
		width: 100%;
		height: auto;
		border-radius: 8px;
		margin-bottom: 7px;
}
.go-card .rating {
		grid-area: ra;
}
.go-card .bonus {
		grid-area: bo;
}
.go-card .rating, .go-card .bonus, .go-card .info {
		background: var(--white10);
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
}
.go-card .rating, .go-card .bonus {
		padding: 8px;
}
.go-card .rating {
		border-radius: 8px 0 0 0;
}
.go-card .bonus {
		border-radius: 0 8px 0 0;
}
.go-card .bonus strong {
		margin: auto;
		flex: 0 0 auto;
		max-width: 100%;
		color: var(--white);
		font-weight: bold;
		font-size: 28px;
		line-height: 34px;
}
.go-card .info {
		grid-area: in;
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 16px 8px;
		padding: 16px;
		border-radius: 0 0 8px 8px;
}
.go-card .info > * {
		flex: 1 1 auto;
		max-width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
}
.go-card .link {
		font-size: 14px;
}
.go-card .link a {
		text-decoration: underline;
}
@media (pointer:fine) {
		.go-card .link a:hover {
				text-decoration: none;
		}
}
.go-card .stars {
		margin-top: auto;
		margin-bottom: auto;
}
.go-card .pics {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 8px;
		max-width: 100%;
		flex: 0 0 auto;
		margin: auto 0;
}
.go-card .pics img {
		flex: 0 0 auto;
		height: 24px;
		width: auto;
}
.go-card .btn {
		grid-area: bt;
		justify-content: space-between;
		font-size: 16px;
		height: 40px;
		margin-top: 7px;
}
@container go-card (min-width: 600px) {
		.go-card .inner {
				grid-template-areas:
						"lo ra"
						"lo bo"
						"lo in"
						"bt in";
				grid-template-columns: 1fr 1fr;
				grid-template-rows: auto auto auto auto;
		}
		.go-card .logo {
				margin-bottom: auto;
				margin-right: 7px;
		}
		.go-card .rating {
				border-radius: 8px 8px 0 0;
		}
		.go-card .bonus {
				border-radius: 0;
		}
		.go-card .btn {
				margin-top: auto;
				margin-right: 7px;
		}
}
@container go-card (min-width: 700px) {
		.go-card .inner {
				gap: 8px;
				grid-template-areas:
						"lo ra in bo"
						"lo bt bt bt";
				grid-template-columns: 216px auto auto auto;
				grid-template-rows: auto auto;
		}
		.go-card .logo {
				align-self: flex-start;
				margin: 0 8px auto 0;
		}
		.go-card .btn {
				margin: 0;
		}
		.go-card .rating, .go-card .info, .go-card .bonus {
				border-radius: 8px;
				padding: 8px;
		}
		.go-card .info {
				flex-direction: column;
				align-items: center;
				gap: 8px;
		}
		.go-card .info > *:not(:first-child) {
				display: none;
		}
		.go-card .info .label {
				margin-bottom: 8px;
		}
		.go-card .pics img {
				height: 32px;
		}
}
.grid-dealers {
		margin: 24px 0;
		display: grid;
		gap: 24px;
		grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
}
.dealer-mini {
		display: block;
		text-decoration: none !important;
		align-self: flex-start;
		position: relative;
		border-radius: 8px;
}
.dealer-mini:after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 1px solid var(--yellow);
		border-radius: inherit;
		opacity: 0;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		a.dealer-mini:hover:after {
				opacity: 1;
		}
}
a.dealer-mini:active:after {
		opacity: 1;
		transition: none;
}
.dealer-mini img {
		width: 100%;
		height: auto;
		border-radius: 8px 8px 0 0;
}
.dealer-mini .btn {
		border-radius: 0 0 8px 8px;
		justify-content: space-between;
		height: 56px;
		font-size: 16px;
		padding-left: 24px;
}
.about-summary {
		margin: 32px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 24px 0;
		container-type: inline-size;
		container-name: about-summary;
}
.about-summary > * {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
}
.about-summary-title {
		font-weight: 600;
		font-size: 24px;
		line-height: 29px;
		margin: 0 0 16px 0;
		padding: 0 0 0 40px;
		background-repeat: no-repeat;
		background-position: 0 50%;
		background-size: auto 24px;
}
.about-summary ul {
		border-radius: 8px;
		margin: 0;
		padding: 24px;
		display: flex;
		flex-direction: column;
		gap: 8px;
		flex: 1 0 auto;
		width: 100%;
}
.about-summary li {
		margin: 0;
		padding: 0 0 0 22px;
}
.about-summary li:before {
		content: '';
		width: 6px;
		height: 6px;
		border-radius: 50%;
		margin: -3px 0;
		top: 0.8em;
		min-width: 0;
		padding: 0;
}
.about-summary .yes .about-summary-title {
		color: var(--positive);
		background-image: url("../img/icons/24px/thumbs-up-green.svg");
}
.about-summary .yes ul {
		background-color: var(--positive16);
}
.about-summary .yes li:before {
		background-color: var(--positive);
}
.about-summary .no .about-summary-title {
		color: var(--negative);
		background-image: url("../img/icons/24px/thumbs-down-red.svg");
}
.about-summary .no ul {
		background-color: var(--negative16);
}
.about-summary .no li:before {
		background-color: var(--negative);
}
@container about-summary (min-width: 640px) {
		.about-summary > * {
				width: calc(50% - 12px);
		}
}
.payments-table {
		margin: 24px 0;
}
.payments-table .link {
		text-align: center;
		font-size: 14px;
		padding: 16px 0;
}
.payments-table .link a {
		text-decoration: underline;
}
@media (pointer:fine) {
		.payments-table .link a:hover {
				text-decoration: none;
		}
}
.payments-table .td-pic img {
		height: 36px;
		width: auto;
}
.payments-table .btn {
		white-space: nowrap;
		height: 36px;
		font-weight: 600;
		font-size: 14px;
}
@media only screen and (max-width: 767px) {
		.payments-table table, .payments-table tbody {
				display: block;
				border-collapse: collapse;
				width: 100%;
				border: 0;
				margin: 0;
				padding: 0;
		}
		.payments-table thead {
				display: none;
		}
		.payments-table tr {
				display: block;
				padding: 64px 12px 12px 12px;
				position: relative;
				border-radius: 16px;
				background: var(--purple8);
		}
		.payments-table tr:not(:first-child) {
				margin-top: 8px;
		}
		.payments-table td {
				display: block;
				border: 0;
				margin: 1px 0 0 0;
				text-align: right;
				overflow: hidden;
				background: var(--purple8);
				font-size: 12px;
				padding: 5px 8px;
				clear: both;
		}
		.payments-table td.first {
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
		}
		.payments-table td.last {
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
		}
		.payments-table td[data-title]:before {
				content: attr(data-title);
				float: left;
				color: var(--white);
				text-align: left;
				max-width: 100%;
				font-weight: 500;
				margin: 0 4px 0 0;
		}
		.payments-table .td-pic {
				position: absolute;
				top: 12px;
				left: 12px;
				padding: 0;
				background: none;
				margin: 0;
				text-align: left;
		}
		.payments-table .td-btn {
				position: absolute;
				top: 12px;
				right: 12px;
				padding: 0;
				background: none;
				margin: 0;
				text-align: right;
		}
}
.about-mobile {
		margin: 24px 0;
		display: flex;
		flex-wrap: wrap;
		gap: 24px 0;
		justify-content: space-between;
		align-items: flex-start;
		container-type: inline-size;
		container-name: about-mobile;
}
.about-mobile .top, .about-mobile .bottom {
		flex: 0 0 auto;
		width: 100%;
}
.about-mobile > * > *:first-child {
		margin-top: 0 !important;
}
.about-mobile > * > *:last-child {
		margin-bottom: 0 !important;
}
.about-mobile h3, .about-mobile .h3 {
		margin-bottom: 8px;
}
.about-mobile img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
		margin: 0 auto;
}
@container about-mobile (min-width: 640px) {
		.about-mobile .top {
				align-self: center;
				width: calc(100% - 234px);
		}
		.about-mobile img {
				width: 210px;
				margin: 0;
		}
		.about-mobile .bottom {
				margin-top: 8px;
		}
}
.about-review {
		margin: 32px 0 40px 0;
		padding: 24px;
		background: var(--purple8);
		border-radius: 8px;
}
.about-review > *:first-child {
		margin-top: 0 !important;
}
.about-review > *:last-child {
		margin-bottom: 0 !important;
}
.about-review h3, .about-review .h3 {
		text-align: center;
		margin-bottom: 24px;
}
.about-verdict {
		container-type: inline-size;
		container-name: about-verdict;
}
.about-verdict:after {
		content: ' ';
		clear: both;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		font-size: 0;
}
.about-verdict > *:first-child {
		margin-top: 0 !important;
}
.about-verdict > *:last-child {
		margin-bottom: 0 !important;
}
.about-verdict img {
		display: block;
		width: auto;
		height: auto;
		max-width: 100%;
		border-radius: 8px;
		margin: 0 0 32px 0;
}
@container about-verdict (min-width: 500px) {
		.about-verdict img {
				float: left;
				max-width: 208px;
				margin: -4px 32px 4px 0;
		}
		.about-verdict img + p {
				margin-top: 0;
		}
}
.anchor {
		display: block;
		height: 0;
		overflow: hidden;
		position: relative;
		top: -80px;
		clear: both;
		flex: 0 0 auto;
		width: 100%;
		opacity: 0;
		pointer-events: none;
}
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700,800,900,300i,400i,500i,600i,700i,800i,900i&display=swap'); 
  body {  
  
    font-family:var(--bs-font-sans-serif);
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
  }  
* { 
    box-sizing: border-box;
} 

body { 
    margin: 0; 
    font-family: var(--bs-font-sans-serif); 
    font-size: 1rem; 
    font-weight: 400; 
    line-height: 1.5; 
    color: #212529; 
    background-color: #fff; 
    -webkit-text-size-adjust: 100%; 
    -webkit-tap-highlight-color: transparent;
} 

body { 
    background-color: #000; 
    color: #fff;
} 

:root { 
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
} 

@media (prefers-reduced-motion: no-preference){ 
  :root { 
    scroll-behavior: smooth;
  } 
}     

a { 
    color: #0d6efd; 
    text-decoration: underline;
} 

a  { 
    color: #ffce40;
} 

a:hover { 
    color: #0a58ca;
} 

.button  { 
    background-color: #00c070; 
    color: #ffe18e; 
    text-decoration: none; 
    border-radius: 24px; 
    padding: 0 20px; 
    width: fit-content; 
    height: 38px; 
    text-align: center; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    margin: auto; 
    box-shadow: 2px 4px 0 #005833; 
    min-width: 135px; 
    cursor: pointer;
} 

@media (min-width: 992px){ 
  .button  { 
    min-width: 150px;
  } 
}     

a:hover  { 
    color: #ffdb73;
} 

.hidden-lobby  { 
    display: inherit;
} 

.signupbtn  { 
    display: flex;
} 

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

.button.signupbtn  { 
    background-color: #ffd342; 
    color: #003c23;  
    box-shadow: 2px 4px 0 #c29b31; 
    width: 216px;
    font-weight: 800;
    letter-spacing: 1px;
} 
.button {font-weight: 800;
    letter-spacing: 1px;}

@media (min-width: 992px){ 
  .button.signupbtn  { 
    height: 44px;
  } 
}     

*,:after,:before { 
    box-sizing: border-box;
} 
th, td {
  border: 1px solid #f3b75f;
}