.casino-button, #form_contact input[type=submit] {
	cursor: pointer;
	width: fit-content;
	height: auto;
	display: inline-block;
	justify-self: center;
	text-align: center;
	font-family: "Jost", sans-serif;
	font-size: 26px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	background-color: #007fdc;
	box-shadow: 6px 6px #00e474;
	border-radius: 10px;
	padding: 20px 26px;
	transition: all 0.6s ease;
}

.casino-button:hover, #form_contact input[type=submit]:hover {
	background-color: #00e474;
	box-shadow: none;
}

.teaser-button {
	width: fit-content;
	height: auto;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	background-color: #007fdc;
	box-shadow: 4px 4px #00e474;
	border-radius: 10px;
	padding: 12px 20px;
	transition: all 0.6s ease;
}

.teaser-button:hover {
	background-color: #00e474;
	box-shadow: none;
}

.pros-cons-container {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin: 15px 0;
}

.pros-cons-column {
	flex: 1;
	min-width: 0;
}

.pros-cons-column h3 {
	font-family: "Jost", sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.pros-cons-list {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	color: #333;
}

.pros-cons-list li {
	position: relative;
	padding: 12px 12px 12px 40px;
	margin-bottom: 10px;
	border-radius: 8px;
	background-color: #f9f9f9;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.pros-cons-list li:hover {
	background-color: #e6f3ff;
	transform: translateX(5px);
}

.pros-list li:before {
	content: "✔";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #00e474;
	font-size: 18px;
	font-weight: bold;
}

.cons-list li:before {
	content: "✘";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #ff4444;
	font-size: 18px;
	font-weight: bold;
}

@media (max-width: 768px) {
	.pros-cons-container {
		flex-direction: column;
		gap: 15px;
	}

	.pros-cons-column h3 {
		font-size: 18px;
	}

	.pros-cons-list {
		font-size: 14px;
	}

	.pros-cons-list li {
		padding: 10px 10px 10px 35px;
		margin-bottom: 8px;
	}

	.pros-cons-list li:before {
		left: 12px;
		font-size: 16px;
	}
}

@media (max-width: 600px) {
	.pros-cons-list {
		font-size: 13px;
	}

	.pros-cons-list li {
		padding: 8px 8px 8px 30px;
	}

	.pros-cons-list li:before {
		left: 10px;
		font-size: 14px;
	}
}

.slider-container {
	width: 1200px;
	max-width: 1249px;
	max-height: 438px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 15px;
}

.slider {
	display: flex;
	transition: transform 0.5s ease-in-out;
	height: 100%;
}

.slide {
	min-width: 100%;
	box-sizing: border-box;
}

.slide img {
	width: 100%;
	height: 100%;
	border-radius: 15px;
}

.prev, .next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px;
	cursor: pointer;
	z-index: 10;
}

.prev {
	left: 10px;
}

.next {
	right: 10px;
}

@media (max-width: 768px) {
	.slider-container {
		max-width: 98%;
	}

	.slide img {
		max-height: 198px;
		object-fit: cover;
	}
}

/* Медиа-запрос для мобильных устройств */
@media (max-width: 768px) {
	.slide img {
		height: 400px;
 /* Установка высоты изображений для мобильных устройств */
		;
	}

	h1 {
		color: #ffcc00;
		font-size: 32px;
		font-weight: bold;
		margin-top: 20px;
	}
}

.dots {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.dot {
	width: 15px;
	height: 15px;
	background-color: #ffcc00;
	opacity: 0.5;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.dot.active {
	opacity: 1;
}

@media (max-width: 600px) {
	.casino-button, #form_contact input[type=submit] {
		font-size: 16px;
		padding: 14px 16px;
		margin: auto;
	}
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

a {
	text-decoration: none;
	font-family: "Jost", sans-serif;
	color: #636363;
}

h1, h2, h3, h4 {
	font-family: "Jost", sans-serif;
	color: #444444;
	line-height: 1.2;
	font-weight: 600;
}

p {
	font-family: "Montserrat", sans-serif;
	color: #636363;
}

.horizontal-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	list-style: none;
}

.horizontal-list li {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	font-size: 16px;
	background: #007BFF;
	color: white;
	border-radius: 8px;
	margin: 5px;
	transition: 0.3s;
}

.horizontal-list li:hover {
	background: #0056b3;
}

.horizontal-list li::before {
	margin-right: 8px;
	font-size: 18px;
}

.card-games li::before {
	content: "🃏";
}

.live-dealers li::before {
	content: "🎥";
}

.other-games li::before {
	content: "🎲";
}

ul {
	padding-left: 20px;
}

li {
	font-family: "Montserrat", sans-serif;
	color: #636363;
	margin: 8px 0;
	font-size: 16px;
}

html {
	scroll-behavior: smooth;
}

body {
	width: 100%;
}

.segment {
	width: 100%;
	display: grid;
	margin: 50px 0;
}

.segment1 {
	width: 100%;
	display: grid;
	margin-top: 20px;
}

.contact-container {
	max-width: 800px;
	margin: 120px auto 50px auto;
	padding: 20px;
	background: #fafafa;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.contact-container h1 {
	font-size: 32px;
	text-align: center;
	color: #333;
	margin-bottom: 20px;
}

.contact-container p {
	font-size: 16px;
	color: #636363;
	text-align: center;
	margin-bottom: 30px;
}

#contact-form label {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	color: #333;
	display: block;
	margin-bottom: 5px;
	font-weight: 500;
}

#contact-form input[type="text"],
        #contact-form input[type="email"],
        #contact-form select,
        #contact-form textarea {
	width: 100%;
	padding: 12px;
	margin-bottom: 15px;
	border: 1px solid #007fdc;
	border-radius: 8px;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	transition: border-color 0.3s ease;
}

#contact-form input:focus,
        #contact-form textarea:focus {
	outline: none;
	border-color: #00e474;
}

#contact-form textarea {
	resize: vertical;
	min-height: 100px;
}

#contact-form input[type="submit"] {
	cursor: pointer;
	width: 100%;
	padding: 12px;
	font-family: "Jost", sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	background-color: #007fdc;
	box-shadow: 6px 6px #00e474;
	border: none;
	border-radius: 10px;
	transition: all 0.6s ease;
}

#contact-form input[type="submit"]:hover {
	background-color: #00e474;
	box-shadow: none;
}

.success-message {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 20px 30px;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	text-align: center;
	font-family: "Jost", sans-serif;
	font-size: 18px;
	color: #333;
	border: 2px solid #00e474;
}

.success-message.show {
	display: block;
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

.overlay.show {
	display: block;
}

footer {
	flex-shrink: 0;
	width: 100%;
	height: 100px;
	display: grid;
	justify-content: center;
	align-items: center;
	background-color: #f1f3f6;
}

@media (max-width: 768px) {
	.contact-container {
		margin: 100px auto 20px auto;
		padding: 15px;
	}

	.contact-container h1 {
		font-size: 24px;
	}

	.contact-container p {
		font-size: 14px;
	}

	#contact-form input[type="submit"] {
		font-size: 18px;
		padding: 10px;
	}

	.success-message {
		font-size: 16px;
		padding: 15px 20px;
		width: 90%;
	}
}

@media (max-width: 600px) {
	.contact-container {
		margin: 80px auto 20px auto;
	}

	#contact-form label {
		font-size: 12px;
	}

	#contact-form input[type="text"],
            #contact-form input[type="email"],
            #contact-form select,
            #contact-form textarea {
		font-size: 12px;
		padding: 10px;
	}

	#contact-form input[type="submit"] {
		font-size: 16px;
		padding: 8px;
	}

	.success-message {
		font-size: 14px;
		padding: 10px 15px;
	}
}

.container {
	max-width: 1240px;
	margin: 50px auto;
	padding: 20px;
	background: white;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.review-box {
	background: #fafafa;
	padding: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	backdrop-filter: none;
	overflow: hidden;
	filter: none;
	position: relative !important;
}

.dropdown-menu {
	max-width: 1200px;
	margin: 20px auto;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: max-height 0.3s ease-in-out;
}

.dropdown-header {
	padding: 20px;
	font-size: 22px;
	font-weight: bold;
	color: #222;
	text-align: center;
	background: linear-gradient(90deg, rgba(255, 204, 0, 0.3), rgba(255, 204, 0, 0.6));
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.arrow {
	font-size: 22px;
	transition: transform 0.3s ease-in-out;
}

.dropdown-list {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out;
}

.dropdown-list li {
	border-top: 1px solid #ddd;
}

.dropdown-list li a {
	display: block;
	padding: 15px 20px;
	font-size: 18px;
	color: #007bff;
	text-decoration: none;
	transition: background 0.2s ease-in-out;
}

.dropdown-list li a:hover {
	background: rgba(0, 123, 255, 0.1);
}

/* Адаптивность для узких экранов */
@media (max-width: 768px) {
	.dropdown-menu {
		width: 90%;
	}

	.dropdown-header {
		font-size: 20px;
	}

	.dropdown-list li a {
		font-size: 16px;
	}
}

.bonus-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 15px;
	margin-top: 20px;
}

.bonus-item {
	padding: 15px;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: 0.3s ease-in-out;
}

.bonus-item:hover {
	transform: scale(1.05);
	box-shadow: 0 0 20px #0073e6;
}

.payment-card {
	background: #fff;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-top: 15px;
}

.payment-card h3 {
	display: flex;
	align-items: center;
}

.payment-card p {
	margin: 8px 0;
}

.section-title {
	font-size: 32px;
	font-weight: bold;
	color: #222;
	margin-bottom: 15px;
	text-align: center;
	color: white;
	padding: 10px;
	border-radius: 8px;
}

.custom-dropdown {
	position: relative;
	display: inline-block;
}

@media (max-width: 768px) {
	.container {
		padding: 20px;
	}

	.container h1 {
		font-size: 32px;
		text-align: center;
		color: #333;
	}

	.container h2 {
		font-size: 21px;
		text-align: center;
		color: #333;
	}
}

table {
	width: 100%;
	border-collapse: collapse;
	background: white;
	border-radius: 10px;
	overflow: hidden;
}

.table-container {
	overflow-x: auto;
}

th, td {
	border: 1px solid #ddd;
	padding: 12px;
	text-align: left;
}

th {
	background-color: #0073e6;
	color: white;
	font-weight: bold;
}

tr:nth-child(even) {
	background-color: #f2f2f2;
}

.container h1 {
	font-size: 32px;
	text-align: center;
	color: #333;
}

.container h2 {
	font-size: 24px;
	text-align: center;
	color: #333;
}

.container p {
	font-size: 16px;
	margin-top: 20px;
	line-height: 1.5;
	color: #000;
}

.contact-method {
	margin-top: 20px;
	padding: 15px;
	background: #f9f9f9;
	border-radius: 8px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

.image-gallery {
	display: grid;
	max-width: 1100px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	gap: 10px;
}

.image-gallery a {
	display: block;
	border-radius: 5px;
	overflow: hidden;
}

.image-gallery img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 5px;
	transition: transform 0.3s ease;
}

.video-container {
	position: relative;
	width: 100%;
	max-width: 1300px;
 /* Максимальная ширина видео */
	margin: 0 auto;
	border-radius: 15px;
 /* Скруглённые углы */
	overflow: hidden;
 /* Обрезка краёв */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
 /* Тень */
	;
}

.video-container iframe {
	width: 100%;
	height: 450px;
	display: block;
	border: none;
}

@media (max-width:640px) {
	.video-container iframe {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
 /* Убираем рамки */
		;
	}
}

.promo-widget {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 1200px;
	background: #fff;
	padding: 15px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 12px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	z-index: 1000;
}

.promo-logo {
	height: 50px;
}

.promo-text {
	font-size: 22px;
	font-weight: bold;
	color: #222;
}

.promo-text strong {
	font-size: 26px;
	font-weight: bold;
	color: #222;
}

.game-feature {
	font-size: 18px;
	color: #6a1b9a;
 /* Пурпурный цвет, связанный с тематикой Gates of Olympus */
	display: flex;
	align-items: center;
	justify-content: center;
 /* Центрирование иконки и текста */
	;
}

.promo-stars {
	font-size: 24px;
	color: gold;
}

.promo-button {
	background-color: #007fdc;
	padding: 12px 20px;
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	box-shadow: 0px 5px 10px #00e474;
	transition: background 0.3s ease-in-out;
}

.promo-button:hover {
	background: linear-gradient(90deg, #ffaa00, #ff6600);
}

/* Адаптивность */
@media (max-width: 480px) {
	.promo-widget {
		width: 80%;
		padding: 12px;
		flex-direction: column;
		text-align: center;
	}

	.promo-logo {
		height: 35px;
		margin-bottom: 5px;
	}

	.promo-text strong {
		font-size: 16px;
	}

	.game-feature {
		font-size: 12px;
		color: #6a1b9a;
 /* Пурпурный цвет, связанный с тематикой Gates of Olympus */
		display: flex;
		align-items: center;
		justify-content: center;
 /* Центрирование иконки и текста */
		;
	}

	.promo-stars {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.promo-button {
		font-size: 14px;
		padding: 8px 12px;
	}
}

.highlight {
	color: #5994cf;
}

.review-box > img.egg-left, .review-box > img.egg-right {
	width: 180px;
	margin: 10px;
	display: flex;
	flex-shrink: 0;
 /* Предотвращаем сжатие картинок */
	;
}

.review-box > img.egg-left {
	float: left;
 /* Картинка слева */
	width: 180px;
	margin: 10px;
}

.review-box > img.egg-right {
	float: right;
 /* Картинка справа */
	width: 180px;
	margin: 10px;
}

.blur-container {
	position: relative;
	width: 100%;
	height: 450px;
 /* Регулируйте по желанию */
	;
}

/* Размытый фон */
.blurred-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  /* Поставьте здесь свой путь к изображению */
	background: url("../images/gatesofolympus-title.webp") no-repeat center/cover;
	filter: blur(8px);
 /* Степень размытия */
	z-index: 1;
}

/* Слой с кнопкой и текстом */
.overlay-content {
	position: relative;
	z-index: 2;
 /* Чтобы кнопка была выше размытого фона */
	width: 100%;
	height: 100%;
  /* Выравниваем содержимое по центру */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
 /* Цвет текста (если фон тёмный) */
	;
}

.aviator-button {
  /* Градиент фона (пример) */
	background: #007fdc;
	border: none;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 24px;
	text-transform: uppercase;
	box-shadow: 0px 5px 10px #00e474;
}

.aviator-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(255, 75, 43, 0.4);
}

.casino-bonus-section {
	background-color: #ffffff;
 /* Светлый фон */
	color: #333;
 /* Темный текст для читаемости */
	padding: 20px;
	font-family: Arial, sans-serif;
	max-width: 1240px;
 /* Ограничение ширины блока */
	margin: 0 auto;
 /* Центрирование блока */
	;
}

.casino-intro {
	text-align: center;
	max-width: 1240px;
	margin: 0 auto 30px auto;
 /* Отступ снизу перед списком казино */
	padding: 0 20px;
 /* Отступы по бокам */
	;
}

.casino-intro h2 {
	font-size: 28px;
	font-weight: 700;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.2;
}

.casino-intro p {
	font-size: 16px;
	color: #666;
	line-height: 1.5;
	max-width: 800px;
 /* Ограничение ширины текста для читаемости */
	margin: 0 auto;
}

.casino-item {
	display: flex;
	align-items: stretch;
 /* Растягиваем элементы по высоте */
	background-color: #f5f5f5;
 /* Светло-серый фон для элементов */
	margin-bottom: 15px;
	padding: 20px;
	border-radius: 15px;
 /* Более скругленные углы */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 /* Легкая тень */
	min-height: 180px;
 /* Минимальная высота для единообразия */
	;
}

.logo-container {
	background-color: #000;
 /* Черная заливка */
	padding: 5px;
 /* Отступ внутри заливки */
	display: flex;
 /* Для центрирования логотипа */
	align-items: center;
 /* Вертикальное центрирование */
	justify-content: center;
 /* Горизонтальное центрирование */
	flex-shrink: 0;
 /* Не сжимается */
	border-radius: 10px;
 /* Скругленные углы */
  /* Размеры: от края блока до надписи с отступом 5px */
	width: 220px;
 /* Учитываем padding блока (20px), margin-right (5px) */
  /* Высота: растягиваем на всю высоту блока */
	height: 110%;
 /* Растягиваем на всю высоту родителя */
	margin-right: 10px;
 /* Отступ до текста */
	margin-left: -15px;
 /* Учитываем padding блока (20px) - 5px отступ */
  /* Отступы сверху и снизу для заливки до краев блока */
	margin-top: -15px;
 /* Учитываем padding блока (20px) - 5px отступ */
	margin-bottom: -15px;
 /* Учитываем padding блока (20px) - 5px отступ */
	;
}

.casino-item img {
	width: 150px;
 /* Фиксированная ширина */
	height: 60px;
 /* Фиксированная высота */
	object-fit: contain;
 /* Масштабирование с сохранением пропорций */
	;
}

.casino-info {
	flex-grow: 1;
	width: 60%;
 /* Фиксированная ширина для текста */
	margin-right: 20px;
	min-height: 120px;
 /* Минимальная высота для единообразия */
	display: flex;
	flex-direction: column;
	justify-content: center;
 /* Выравнивание текста внутри */
	;
}

.casino-info h3 {
	margin: 0;
	font-size: 18px;
	display: inline;
}

.casino-info h3 span {
	color: #00ff00;
	font-size: 14px;
	vertical-align: top;
}

.casino-info .bonus {
	font-size: 20px;
	font-weight: bold;
	color: #00cc00;
 /* Зеленый для бонуса */
	margin: 5px 0;
}

.casino-info .terms {
	font-size: 12px;
	color: #666;
 /* Темно-серый для условий */
	margin-top: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
 /* Ограничение на 2 строки */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.benefits {
	margin: 10px 0;
}

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

.benefits li {
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}

.benefits li:before {
	content: "✔";
	color: #00ff00;
	position: absolute;
	left: 0;
}

.button-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
 /* Центрирование кнопки и текста по вертикали */
	width: 200px;
 /* Увеличенная ширина для кнопки */
	flex-shrink: 0;
 /* Не сжимается */
	height: 100%;
 /* Занимает всю высоту родителя */
	;
}

.play-button {
  /* Стили с вашего сайта */
	cursor: pointer;
	display: inline-block;
	justify-self: center;
	text-align: center;
	font-family: "Jost", sans-serif;
	font-size: 20px;
 /* Уменьшенный шрифт */
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	margin-top: 68px;
	background-color: #007fdc;
	box-shadow: 6px 6px #00e474;
	transition: all 0.6s ease;
 /* Плавная анимация для фона и тени */
  /* Текущие размеры и форма */
	padding: 10px 20px;
 /* Уменьшенный отступ для вписывания в контейнер */
	border-radius: 10px;
 /* Скругление как в исходных стилях */
	width: 100%;
 /* Кнопка занимает всю ширину контейнера */
  /* Дополнительно */
	text-decoration: none;
 /* Убираем подчеркивание для ссылки */
	;
}

.play-button:hover {
	background-color: #00e474;
 /* Зеленый фон при наведении */
	box-shadow: none;
 /* Убираем тень при наведении */
	;
}

.play-button::after {
	content: "➔";
	margin-left: 5px;
	display: inline-block;
	transition: transform 0.3s ease;
 /* Плавная анимация для стрелки */
	;
}

.play-button:hover::after {
	transform: translateX(10px);
 /* Стрелка смещается вправо при наведении */
	;
}

.responsible {
	font-size: 11px;
 /* Уменьшенный размер шрифта */
	color: #666;
	text-align: center;
	white-space: nowrap;
 /* Текст в одну строку */
	line-height: 1.4;
 /* Улучшенная читаемость */
	margin-top: 8px;
 /* Отступ сверху для текста */
	;
}

/* Адаптивность для планшетов (768px–1024px) */
@media (max-width: 1024px) {
	.casino-bonus-section {
		padding: 15px;
		max-width: 100%;
 /* На планшетах блок занимает почти всю ширину */
		;
	}

	.casino-intro {
		margin-bottom: 20px;
		padding: 0 15px;
	}

	.casino-intro h2 {
		font-size: 24px;
	}

	.casino-intro p {
		font-size: 14px;
		max-width: 600px;
	}

	.casino-item {
		padding: 15px;
		min-height: 150px;
	}

	.logo-container {
		padding: 4px;
 /* Уменьшенный отступ для заливки */
		width: 190px;
 /* Уменьшенная ширина */
		height: 100%;
 /* Растягиваем на всю высоту родителя */
		margin-right: 5px;
		margin-left: -10px;
 /* Учитываем padding блока (15px) - 5px отступ */
		margin-top: -10px;
 /* Учитываем padding блока (15px) - 5px отступ */
		margin-bottom: -10px;
 /* Учитываем padding блока (15px) - 5px отступ */
		;
	}

	.casino-item img {
		width: 120px;
		height: 50px;
	}

	.casino-info {
		width: 55%;
		min-height: 100px;
		margin-right: 15px;
	}

	.casino-info h3 {
		font-size: 16px;
	}

	.casino-info .bonus {
		font-size: 18px;
	}

	.benefits li {
		font-size: 13px;
		margin-bottom: 4px;
	}

	.casino-info .terms {
		font-size: 11px;
	}

	.button-container {
		width: 160px;
 /* Увеличенная ширина для планшетов */
		;
	}

	.play-button {
		padding: 8px 15px;
 /* Уменьшенный отступ */
		font-size: 18px;
 /* Уменьшенный размер шрифта */
		box-shadow: 4px 4px #00e474;
 /* Уменьшенная тень */
		;
	}

	.responsible {
		font-size: 10px;
		line-height: 1.4;
 /* Улучшенная читаемость */
		margin-top: 8px;
 /* Отступ сверху */
		;
	}
}

/* Адаптивность для мобильных устройств (меньше 768px) */
@media (max-width: 767px) {
	.casino-bonus-section {
		padding: 10px;
	}

	.casino-intro {
		margin-bottom: 15px;
		padding: 0 10px;
	}

	.casino-intro h2 {
		font-size: 20px;
	}

	.casino-intro p {
		font-size: 13px;
		max-width: 100%;
	}

	.casino-item {
		flex-direction: column;
 /* Вертикальное расположение */
		align-items: center;
 /* Центрирование элементов */
		padding: 15px;
		min-height: auto;
 /* Убираем минимальную высоту */
		;
	}

	.logo-container {
		padding: 3px;
 /* Еще меньше отступ для заливки */ /* Компенсируем padding блока (15px с каждой стороны) */
		height: 60px;
 /* Уменьшенная высота для мобильных */
		margin: -10px -15px 10px -15px;
 /* Учитываем padding блока (15px) и убираем отступы */
		border-top-left-radius: 10px;
 /* Скругление верхнего левого угла */
		border-top-right-radius: 10px;
 /* Скругление верхнего правого угла */
		border-bottom-left-radius: 0;
 /* Убираем скругление снизу */
		border-bottom-right-radius: 0;
 /* Убираем скругление снизу */
		;
	}

	.casino-item img {
		width: 100px;
		height: 40px;
		display: block;
 /* Для центрирования */
		margin-left: auto;
 /* Центрирование горизонтально */
		margin-right: auto;
 /* Центрирование горизонтально */
		;
	}

	.casino-info {
		width: 100%;
 /* Текст занимает всю ширину */
		min-height: auto;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.casino-info h3 {
		font-size: 14px;
	}

	.casino-info .bonus {
		font-size: 16px;
	}

	.benefits li {
		font-size: 12px;
		margin-bottom: 3px;
	}

	.casino-info .terms {
		font-size: 10px;
		-webkit-line-clamp: 3;
 /* На мобильных даем больше строк */
		;
	}

	.button-container {
		width: 100%;
 /* Кнопка занимает всю ширину */
		height: auto;
 /* Высота определяется содержимым */
		align-items: center;
 /* Центрирование по горизонтали */
		justify-content: center;
 /* Центрирование по вертикали */
		;
	}

	.play-button {
		width: 100%;
		padding: 8px 10px;
 /* Уменьшенный отступ для мобильных */
		font-size: 16px;
 /* Еще меньше для мобильных */
		box-shadow: 3px 3px #00e474;
 /* Уменьшенная тень */
		;
	}

	.responsible {
		font-size: 10px;
 /* Чуть больше для читаемости */
		white-space: nowrap;
 /* Текст в одну строку */
		line-height: 1.4;
 /* Улучшенная читаемость */
		margin-top: 10px;
 /* Больше отступа для мобильных */
		;
	}
}

/***** СТИЛИ ДЛЯ ИГРЫ *****/
.video-container1 {
	position: relative;
	scroll-margin-top: 80px;
	width: 87%;
	max-width: 1200px;
 /* При необходимости ограничьте ширину */
	margin: 0 auto;
	border-radius: 15px;
 /* Скруглённые углы */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
 /* Тень */
	;
}

.video-container1 iframe {
	width: 100%;
	height: 800px;
 /* Увеличиваем высоту по желанию */
	display: block;
	border: none;
}

/* Адаптив под мобильные устройства */
@media (max-width: 640px) {
	.blur-container {
		height: 300px;
	}

	.video-container1 iframe {
		height: 450px;
 /* Либо 100%, если хотите растягивать */
		;
	}
}

.game-demo {
	max-width: 1200px;
	margin: 50px auto;
	position: relative;
	padding: 0 20px;
}

.demo-background {
	position: relative;
	text-align: center;
	padding: 20px;
}

.demo-image {
	width: 100%;
	max-width: 800px;
	border-radius: 10px;
	filter: blur(5px);
 /* Размытие фона */
	opacity: 0.7;
 /* Прозрачность для акцента на кнопке */
	;
}

.demo-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 15px 30px;
	font-size: 18px;
	background-color: #ffcc00;
 /* Яркий цвет для пасхальной темы */
	border: none;
	border-radius: 10px;
	cursor: pointer;
	z-index: 20;
 /* Чтобы кнопка была поверх размытого фона */
	;
}

.demo-button:hover {
	background-color: #ffdd33;
 /* Легкий эффект при наведении */
	;
}

.game-frame {
	width: 100%;
	height: 600px;
 /* Начальная высота для больших экранов */
	border: none;
	border-radius: 10px;
	display: none;
 /* Изначально скрыт */
	transform: scale(1);
 /* Сброс масштабирования */
	transform-origin: 0 0;
}

/* Адаптация для мобильных (ширина < 600px) */
@media (max-width: 600px) {
	.demo-image {
		max-width: 100%;
	}

	.game-frame {
		transform: scale(0.9)
    transform-origin: 0 0;
 /* Начало масштабирования в левом верхнем углу */
		;
	}

	.game-frame {
		height: 400px;
 /* Уменьшаем высоту на мобильных */
		;
	}

	.demo-button {
		padding: 10px 20px;
		font-size: 16px;
	}
}

/* Адаптация для планшетов (600px–900px) */
@media (max-width: 900px) {
	.game-frame {
		height: 500px;
 /* Средняя высота для планшетов */
		;
	}
}

.underline {
	text-decoration: underline;
	font-weight: 600;
}

.subtle {
	color: #007BFF;
	font-weight: 600;
}

.icon {
	font-size: 18px;
	margin-right: 5px;
}

.play-btn {
	display: block;
	text-align: center;
	background-color: #007fdc;
	box-shadow: 6px 6px #00e474;
	color: white;
	font-size: 26px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 10px;
	padding: 20px 26px;
	text-decoration: none;
	max-width: 100px;
	margin-top: 15px;
	transition: 0.3s;
}

.play-btn:hover {
	background: #218838;
}

.app-features {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
	text-align: left;
}

.feature {
	width: 48%;
	background: #f9f9f9;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

.feature i {
	font-size: 24px;
	margin-right: 10px;
}

.support-card, .security-card {
	background: #fff;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-top: 15px;
}

.support-card h3, .security-card h3 {
	display: flex;
	align-items: center;
}

.support-card p, .security-card p {
	margin: 8px 0;
}

ul {
	padding-left: 20px;
}

li {
	margin-bottom: 5px;
}

.segment .segment-title {
	width: 700px;
	margin: auto;
	margin-top: 70px;
	margin-bottom: 70px;
}

.segment .segment-title h1 {
	font-size: 60px;
	text-align: center;
}

.segment .segment-title h2 {
	font-size: 36px;
	text-align: center;
}

.segment .segment-title p {
	font-size: 16px;
	text-align: center;
	padding: 20px 0;
}

.segment.no-padding {
	padding: 0;
}

.bg-color {
	background-color: #f9fafb;
}

.bg-gradient {
	background: conic-gradient(from 90deg at 40% 120%, #005ac6, #007fdc, #00a2d3, #00c4ae, #00e474, #00ff00, #003298, #005ac6, #007fdc, #00a2d3, #00c4ae, #00e474, #00ff00);
}

@media (max-width: 600px) {
	.segment {
		display: flex;
		flex-direction: column;
		padding: 0;
	}

	.segment .segment-title {
		width: 90%;
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.segment .segment-title h1 {
		font-size: 30px;
	}

	.segment .segment-title h2 {
		font-size: 24px;
	}
}

#header {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	display: grid;
	padding: 14px 0;
	box-shadow: 1px 1px 8px rgba(71, 71, 71, 0.301);
	background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 100;
	transition: all 0.3s ease-out;
}

#header .header-wrap {
	width: 1200px;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 3fr;
	justify-content: space-between;
	align-items: center;
}

#header .header-wrap .logo-wrap {
	width: 160px;
	transition: all 0.3s ease-out;
}

#header .header-wrap .logo-wrap .logo {
	width: 100%;
}

#header .header-wrap nav {
	justify-self: end;
}

#header .header-wrap nav .nav-link {
	font-size: 1.6rem;
	color: #444444;
	font-weight: 700;
	text-transform: uppercase;
	margin: 1rem;
	transition: all 0.6s ease;
}

#header .header-wrap nav .nav-link:hover {
	color: #00e474;
}

.header-min #header {
	padding: 16px 0;
	transition: all 0.3s ease-out;
}

.header-min #header .logo-wrap {
	width: 120px;
	transition: all 0.3s ease-out;
}

@media (max-width: 1300px) {
	#header .header-wrap {
		width: 90%;
	}
}

@media (max-width: 1000px) {
	#header {
		padding: 20px 0;
	}

	#header .header-wrap .logo-wrap {
		width: 150px;
		z-index: 100;
	}

	#header .header-wrap nav {
		display: flex;
		flex-direction: column;
		justify-self: center;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 0vh;
		justify-content: center;
		align-items: center;
		opacity: 0;
		transition: all 0.36s ease-out;
	}

	#header .header-wrap nav .nav-link {
		display: block;
		font-size: 30px;
		justify-self: center;
		text-align: center;
		transition: all 0.4s ease;
	}

	#header .header-wrap nav .nav-link:hover {
		color: #00e474;
	}

	#header .header-wrap #burger {
		cursor: pointer;
		justify-self: end;
		align-self: center;
	}

	#header .header-wrap #burger .slices {
		position: relative;
		width: 4rem;
		height: 3rem;
	}

	#header .header-wrap #burger .slices .slice {
		position: absolute;
		width: 100%;
		height: 0.6rem;
		background-color: #444444;
		border-radius: 5px;
		transition: all 0.6s ease;
	}

	#header .header-wrap #burger .slices .slice:first-child {
		top: 0;
	}

	#header .header-wrap #burger .slices .slice:nth-child(2) {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	#header .header-wrap #burger .slices .slice:last-child {
		bottom: 0;
	}

	#header .header-wrap #burger.burger-close-btn .slice:first-child {
		width: 98%;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform-origin: 7% 50%;
	}

	#header .header-wrap #burger.burger-close-btn .slice:nth-child(2) {
		width: 0%;
	}

	#header .header-wrap #burger.burger-close-btn .slice:last-child {
		width: 98%;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform-origin: 7% 50%;
	}

	#header .header-wrap #burger {
		z-index: 100;
	}

	#header .header-wrap #burger .slices {
		width: 3.4rem;
		height: 2.4rem;
	}

	#header .header-wrap #burger .slices .slice {
		height: 0.4rem;
		border-radius: 2px;
	}

	#header .header-wrap #burger.burger-close-btn .slice:first-child {
		width: 98%;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform-origin: 7% 50%;
	}

	#header .header-wrap #burger.burger-close-btn .slice:nth-child(2) {
		width: 0%;
	}

	#header .header-wrap #burger.burger-close-btn .slice:last-child {
		width: 98%;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform-origin: 7% 50%;
	}

	#header.header-show-nav nav {
		display: flex;
		flex-direction: column;
		justify-self: center;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		opacity: 1;
		background-color: #fff;
		z-index: 50;
	}
}

.teaser {
	height: 700px;
	margin-top: 110px;
	display: grid;
	justify-content: center;
	align-items: center;
	position: relative;
}

.teaser .teaser-wrap {
	width: 1200px;
	height: 100%;
	display: grid;
	align-items: center;
	z-index: 2;
}

.teaser .teaser-wrap .teaser-title-wrap {
	width: 700px;
	height: fit-content;
}

.teaser .teaser-wrap .teaser-title-wrap .teaser-overtitle {
	font-size: 36px;
	margin-bottom: 20px;
}

.teaser .teaser-wrap .teaser-title-wrap .teaser-title {
	font-size: 100px;
	font-weight: 700;
	background: conic-gradient(from 90deg at 40% 120%, #005ac6, #007fdc, #00a2d3, #00c4ae, #00e474, #00ff00, #003298, #005ac6, #007fdc, #00a2d3, #00c4ae, #00e474, #00ff00);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: -7px;
	margin-bottom: -15px;
}

.teaser .teaser-wrap .teaser-title-wrap .teaser-subtitle {
	font-size: 60px;
	margin-bottom: 60px;
	letter-spacing: -3px;
}

.teaser .teaser-wrap .teaser-title-wrap .teaser-button {
	width: fit-content;
	height: auto;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	background-color: #007fdc;
	box-shadow: 4px 4px #00e474;
	border-radius: 10px;
	padding: 12px 20px;
	transition: all 0.6s ease;
}

.teaser .teaser-wrap .teaser-title-wrap .teaser-button:hover {
	background-color: #00e474;
	box-shadow: none;
}

.teaser .video-wrap, .teaser .image-wrap {
	position: absolute;
	right: 0;
	height: 100%;
	width: 1070px;
	z-index: 1;
}

.teaser .video-wrap video, .teaser .video-wrap .teaser-image, .teaser .image-wrap video, .teaser .image-wrap .teaser-image {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.teaser .video-wrap .video-mask, .teaser .image-wrap .video-mask {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.teaser-review {
	height: 400px;
	margin-top: 134px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(90deg, #007fdc, #00e474, #007fdc);
	background-size: 600% 200%;
}

.teaser-review .casino-logo-wrap {
	width: 500px;
	height: 300px;
}

.teaser-review .casino-logo-wrap .casino-logo {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.teaser-review .news-teaser-wrap {
	width: 100%;
	height: 100%;
	display: grid;
	overflow: hidden;
}

.teaser-review .news-teaser-wrap .news-teaser-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.bg-anime {
	animation: bg-anime 6s both infinite;
}

@keyframes bg-anime {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 100% 50%;
	}
}

.teaser-article {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}

.teaser-article .teaser-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	object-fit: cover;
	filter: brightness(0.8);
}

.teaser-article .teaser-title {
	width: 70%;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -60%);
	font-size: 50px;
	color: #fff;
}

@media (max-width: 1300px) {
	.teaser {
		width: 100%;
	}

	.teaser .teaser-wrap {
		width: 100%;
		justify-items: center;
	}

	.teaser .teaser-wrap .teaser-title-wrap {
		width: 600px;
	}

	.teaser .teaser-wrap .teaser-title-wrap .teaser-overtitle {
		color: #fff;
	}

	.teaser .teaser-wrap .teaser-title-wrap .teaser-subtitle {
		color: #fff;
	}

	.teaser .video-wrap, .teaser .image-wrap {
		width: 100%;
		height: 100%;
	}

	.teaser .video-wrap video, .teaser .video-wrap .teaser-image, .teaser .image-wrap video, .teaser .image-wrap .teaser-image {
		filter: brightness(0.8);
	}

	.teaser .video-wrap .video-mask, .teaser .image-wrap .video-mask {
		display: none;
	}

	.teaser-article .teaser-title {
		width: 90%;
		font-size: 36px;
	}
}

@media (max-width: 1000px) {
	.teaser {
		margin-top: 78px;
	}
}

@media (max-width: 600px) {
	.teaser {
		width: 100%;
	}

	.teaser .teaser-wrap {
		width: 100%;
		justify-items: center;
	}

	.teaser .teaser-wrap .teaser-title-wrap {
		margin-left: 20px;
		width: 100%;
		height: 40%;
		align-self: center;
	}

	.teaser .teaser-wrap .teaser-title-wrap .teaser-overtitle {
		font-size: 26px;
		color: #fff;
	}

	.teaser .teaser-wrap .teaser-title-wrap .teaser-title {
		font-size: 60px;
	}

	.teaser .teaser-wrap .teaser-title-wrap .teaser-subtitle {
		font-size: 36px;
		letter-spacing: 1px;
		color: #fff;
		margin-bottom: 30px;
	}

	.video-wrap, .image-wrap {
		width: 100%;
		height: 100%;
	}

	.video-wrap video, .video-wrap .teaser-image, .image-wrap video, .image-wrap .teaser-image {
		filter: brightness(0.8);
	}

	.teaser-review {
		width: 100%;
		margin-top: 78px;
	}

	.teaser-review .casino-logo-wrap {
		width: 90%;
	}

	.teaser-article {
		padding-top: 75%;
	}

	.teaser-article .teaser-title {
		width: 90%;
		font-size: 30px;
	}
}

@media (max-width: 450px) {
	.teaser-article .teaser-title {
		font-size: 20px;
	}
}

.filters {
	width: 900px;
	justify-self: center;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: 4%;
	margin-bottom: 50px;
}

.filters .filter-all {
	cursor: pointer;
	grid-column: 1/span 10;
	justify-self: center;
	width: fit-content;
	margin-bottom: 50px;
	text-align: center;
	transition: all 0.6s ease;
}

.filters .filter-all.active {
	background-color: #00e474;
	box-shadow: none;
}

.filters .filter {
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0px 10px 12px rgba(71, 71, 71, 0.3);
	justify-self: center;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: scale(1);
	transition: all 0.6s ease;
}

.filters .filter .tooltip {
	position: absolute;
	opacity: 0;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 12px;
	text-align: center;
	width: max-content;
	font-family: "Montserrat", sans-serif;
	color: #636363;
	pointer-events: none;
	transition: all 0.4s;
}

.filters .filter:hover {
	transform: scale(1.2);
}

.filters .filter:hover .tooltip {
	opacity: 1;
	top: -20px;
}

.filters .filter.active {
	transform: scale(1.5);
}

.filters .filter.active .tooltip {
	opacity: 1;
	top: -20px;
}

.filters .australia {
	background-image: url("");
}

.filters .canada {
	background-image: url("");
}

.filters .finland {
	background-image: url("");
}

.filters .france {
	background-image: url("");
}

.filters .germany {
	background-image: url("");
}

.filters .new-zeland {
	background-image: url("");
}

.filters .norway {
	background-image: url("");
}

.filters .poland {
	background-image: url("");
}

.filters .slovakia {
	background-image: url("");
}

.filters .switzerland {
	background-image: url("");
}

.top-lists {
	width: 900px;
	margin: auto;
	margin-bottom: 100px;
	display: grid;
	gap: 30px;
}

.top-lists .box-list {
	display: grid;
	width: 100%;
	height: fit-content;
	position: relative;
	justify-self: center;
	grid-template-rows: max-content;
	row-gap: 10px;
	align-items: center;
	background-color: #fff;
	box-shadow: 1px 1px 8px rgba(71, 71, 71, 0.301);
	border-radius: 10px;
	padding: 0 10px;
}

.top-lists .box-list .list-header {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	max-width: 100%;
}

.top-lists .box-list .list-header .text {
	justify-self: center;
	font-size: 40px;
	font-weight: 700;
	font-family: "Jost", sans-serif;
}

.top-lists .box-list .list-header .text span {
	font-size: 20px;
	font-family: "Jost", sans-serif;
}

.top-lists .box-list .list-header .image {
	height: 100px;
	border-radius: 10px;
	justify-self: center;
}

.top-lists .box-list .list-header .trophy {
	position: absolute;
	width: 60px;
	top: 0;
	left: 66%;
}

.top-lists .box-list .list-header .button {
	width: fit-content;
	justify-self: end;
	font-size: 14px;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 30px;
	background-color: #007fdc;
	box-shadow: 4px 4px #00e474;
	transition: all 0.6s ease;
	margin-bottom: 0;
	margin-right: 2%;
	box-shadow: 6px 6px #00e474;
}

.top-lists .box-list .list-header .button:hover {
	background-color: #00e474;
	box-shadow: none;
}

.top-lists .box-list .achievements {
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
}

.top-lists .box-list .achievements .achievement {
	position: relative;
	display: flex;
	align-items: center;
	width: fit-content;
	padding: 4px 8px 4px 16px;
	margin-right: 10px;
	height: 30px;
	border-radius: 4px;
	font-family: "Jost", sans-serif;
	font-size: 14px;
	color: #ffffff;
	background-color: #007fdc;
	box-shadow: 4px 4px #00e474;
}

.top-lists .box-list .achievements .achievement::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 16px solid transparent;
	border-top: 16px solid transparent;
	border-left: 7px solid #ffffff;
	border-right: 55px solid transparent;
}

.top-lists .box-list .list-footer {
	grid-column: 1/span 1;
	border-top: solid 1px #e5e5e5;
	margin-top: 10px;
}

.top-lists .box-list .list-footer .casino-text {
	padding: 8px 10px 40px 10px;
	font-size: 16px;
}

.top-lists .box-list .list-footer .text-limit {
	max-height: 80px;
	overflow: hidden;
	position: relative;
	mask-image: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
	-webkit-mask-image: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
	mask-mode: alpha;
	-webkit-mask-mode: alpha;
	mask-size: 100% 50%;
	-webkit-mask-size: 100% 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	transition: all 0.36s ease-in-out;
}

.top-lists .box-list .list-footer .text-full {
	max-height: 10000px;
	mask-image: linear-gradient(180deg, white, white);
	mask-size: 100% 100%;
	-webkit-mask-image: linear-gradient(180deg, white, white);
	-webkit-mask-size: 100% 100%;
	transition: all 0.36s ease-in-out;
}

.top-lists .box-list .list-footer .text-links {
	width: 100%;
	grid-column: 1/span 1;
	height: fit-content;
	position: relative;
}

.top-lists .box-list .list-footer .text-links .read-less, .top-lists .box-list .list-footer .text-links .read-more {
	cursor: pointer;
	font-family: "Jost", sans-serif;
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	bottom: 0;
	right: 50%;
	transform: translateX(50%);
	padding-bottom: 6px;
	color: #007fdc;
	transition: all 0.4s ease;
}

.top-lists .box-list .list-footer .text-links .read-less:hover, .top-lists .box-list .list-footer .text-links .read-more:hover {
	color: #00e474;
}

@media (max-width: 1300px) {
	.filters {
		width: 90%;
	}

	.top-lists {
		width: 90%;
	}
}

@media (max-width: 600px) {
	.filters {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}

	.filters .filter-all {
		grid-column: 1/span 5;
		font-size: 16px;
	}

	.filters .filter {
		width: 30px;
		height: 30px;
	}

	.top-lists {
		width: 90%;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.top-lists .box-list {
		height: fit-content;
	}

	.top-lists .box-list .list-header .image {
		height: 60px;
	}

	.top-lists .box-list .list-header .text {
		font-size: 30px;
	}

	.top-lists .box-list .list-header .text span {
		font-size: 15px;
	}

	.top-lists .box-list .list-header .trophy {
		width: 40px;
	}

	.top-lists .box-list .list-header .button {
		font-size: 12px;
		padding: 10px 20px;
		box-shadow: 4px 4px #00e474;
	}

	.top-lists .box-list .text-full {
		padding-bottom: 40px;
	}

	.top-lists .box-list .achievements .achievement {
		font-size: 12px;
	}

	.top-lists .box-list .list-footer .text-links .read-more {
		font-size: 16px;
	}
}

@media (max-width: 500px) {
	.filter-all {
		margin-bottom: 20px;
	}

	.top-lists {
		width: 90%;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.top-lists .box-list .list-header .image {
		height: 60px;
	}

	.top-lists .box-list .list-header .text {
		font-size: 30px;
	}

	.top-lists .box-list .list-header .text span {
		font-size: 15px;
	}

	.top-lists .box-list .list-header .trophy {
		width: 34px;
	}

	.top-lists .box-list .list-header .button {
		font-size: 11px;
		padding: 8px 10px;
	}

	.top-lists .box-list .achievements .achievement {
		font-size: 10px;
		height: 24px;
	}

	.top-lists .box-list .achievements .achievement::after {
		border-bottom: 12px solid transparent;
		border-top: 12px solid transparent;
		border-left: 7px solid #ffffff;
		border-right: 30px solid transparent;
	}

	.top-lists .box-list .list-footer .casino-text {
		font-size: 14px;
	}

	.top-lists .box-list .list-footer .text-links .read-more, .top-lists .box-list .list-footer .text-links .read-less {
		font-size: 14px;
	}
}

@media (max-width: 400px) {
	.top-lists .box-list .list-header .image {
		height: 50px;
	}

	.top-lists .box-list .list-header .text {
		font-size: 24px;
	}

	.top-lists .box-list .list-header .text span {
		font-size: 12px;
	}

	.top-lists .box-list .list-header .trophy {
		width: 26px;
	}

	.top-lists .box-list .list-header .button {
		font-size: 10px;
		padding: 6px 8px;
		border-radius: 6px;
	}
}

.articles {
	width: 100%;
}

.articles .article {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

.articles .article:nth-child(even) .article-img {
	grid-column: 2/3;
}

.articles .article:nth-child(even) .article-text {
	grid-column: 1/2;
	grid-row: 1/2;
	justify-self: end;
}

.articles .article .article-img {
	width: 100%;
	height: 600px;
	object-fit: cover;
}

.articles .article .article-text {
	padding: 20px 130px;
}

.articles .article .article-text h3 {
	font-size: 36px;
	margin-bottom: 20px;
}

.articles .article .article-text p {
	font-size: 20px;
	margin-bottom: 30px;
}

.articles .article .article-text .article-button {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	background-color: #007fdc;
	box-shadow: 4px 4px #00e474;
	transition: all 0.6s ease;
}

.articles .article .article-text .article-button:hover {
	background-color: #00e474;
	box-shadow: none;
}

@media (max-width: 1300px) {
	.articles {
		margin-bottom: 0;
	}

	.articles .article .article-text {
		padding: 20px 30px;
	}

	.articles .article .article-text h3 {
		font-size: 26px;
	}

	.articles .article .article-text p {
		font-size: 16px;
	}

	.articles > :last-child {
		margin-bottom: 50px;
	}
}

@media (max-width: 600px) {
	.articles .article {
		grid-template-columns: 1fr;
		margin-bottom: 50px;
	}

	.articles .article:nth-child(even) .article-img {
		grid-column: 1;
		grid-row: 1;
	}

	.articles .article:nth-child(even) .article-text {
		grid-column: 1;
		grid-row: 2;
		justify-self: end;
	}

	.articles .article .article-img {
		width: 100%;
		height: 240px;
		object-fit: cover;
	}

	.articles .article .article-text {
		padding: 20px 20px;
	}

	.articles .article .article-text h3 {
		font-size: 26px;
		margin-bottom: 20px;
	}

	.articles .article .article-text p {
		font-size: 14px;
		margin-bottom: 30px;
	}
}

.recomended {
	width: 1200px;
	margin: auto;
	margin-bottom: 50px;
}

.recomended .boxes-row {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	background-color: #fff;
}

.recomended .boxes-row .box-row {
	border-radius: 10px;
	box-shadow: 1px 1px 8px rgba(71, 71, 71, 0.301);
	text-align: center;
	overflow: hidden;
	transform: scale(1);
	transition: all 0.6s ease;
}

.recomended .boxes-row .box-row:hover {
	transform: scale(1.1);
}

.recomended .boxes-row .box-row .box-row-img {
	width: 300px;
	height: 200px;
	object-fit: cover;
}

.recomended .boxes-row .box-row p {
	font-size: 16px;
	padding: 30px;
}

.recomended .boxes-row .box-row .box-row-button {
	display: inline-block;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 20px;
	margin-bottom: 30px;
	background-color: #007fdc;
	box-shadow: 4px 4px #00e474;
	transition: all 0.6s ease;
}

.recomended .boxes-row .box-row .box-row-button:hover {
	background-color: #00e474;
	box-shadow: none;
}

.terms-list {
	list-style: none;
	padding-left: 20px;
	margin: 15px 0;
}

.terms-list li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
	line-height: 1.6;
	font-size: 16px;
	color: #333;
}

.terms-list li:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #1a73e8;
	font-size: 20px;
	line-height: 1.6;
}

.terms-sublist {
	list-style: none;
	padding-left: 40px;
	margin: 10px 0;
}

.terms-sublist li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 8px;
	line-height: 1.5;
	font-size: 15px;
	color: #555;
}

.terms-sublist li:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #e8711a;
	font-size: 18px;
	line-height: 1.5;
}

@media (max-width: 1300px) {
	.recomended {
		width: 600px;
	}

	.recomended .boxes-row {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 600px) {
	.recomended {
		width: 100%;
	}

	.recomended .boxes-row {
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.recomended .boxes-row .box-row {
		width: 80%;
	}

	.recomended .boxes-row .box-row .box-row-img {
		width: 100%;
	}
}

.news {
	width: 100%;
	margin-bottom: 50px;
}

.news .box-grid {
	width: 1200px;
	height: auto;
	margin: auto;
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 30px;
}

.news .box-grid .box-single {
	grid-area: 1/1/span 3/span 1;
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 1px 1px 8px rgba(71, 71, 71, 0.301);
}

.news .box-grid .box-single .box-single-img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.news .box-grid .box-single .box-single-text {
	padding: 20px;
}

.news .box-grid .box-single .box-single-text .date {
	font-size: 15px;
	margin-bottom: 30px;
	color: #636363;
}

.news .box-grid .box-single .box-single-text h3 {
	font-size: 30px;
	margin-bottom: 20px;
}

.news .box-grid .box-single .box-single-text .subtitle {
	font-size: 16px;
	color: #636363;
}

.news .box-grid .box-column {
	position: relative;
	width: 100%;
	height: 200px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 1px 1px 8px rgba(71, 71, 71, 0.301);
}

.news .box-grid .box-column .box-column-text {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	width: 100%;
}

.news .box-grid .box-column .box-column-text .box-column-info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.news .box-grid .box-column .box-column-text .box-column-info .subtitle {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
}

.news .box-grid .box-column .box-column-text .box-column-info .date {
	font-size: 14px;
	color: #fff;
}

.news .box-grid .box-column .box-column-text h3 {
	font-size: 20px;
	color: #fff;
}

.news .box-grid .box-column .box-column-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.5);
}

.text-image, .image-text {
	width: 1200px;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	margin-bottom: 30px;
}

.text-image .text, .image-text .text {
	font-size: 20px;
	color: #636363;
	margin-bottom: 30px;
}

.text-image .image, .image-text .image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

@media (max-width: 1300px) {
	.news .box-grid {
		width: 90%;
	}

	.text-image, .image-text {
		width: 90%;
	}
}

@media (max-width: 1000px) {
	.text-image, .image-text {
		width: 90%;
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.news .box-grid {
		width: 90%;
		height: auto;
		grid-template-columns: 1fr;
	}

	.news .box-grid .box-single .box-single-img {
		height: 300px;
	}

	.text-image .text, .image-text .text {
		font-size: 16px;
	}
}

.casino-details {
	width: 1200px;
	margin: auto;
}

.casino-details .text-wrap {
	display: grid;
	grid-template-columns: 1fr 8fr;
	gap: 50px;
	margin-bottom: 30px;
}

.casino-details .text-wrap .label {
	font-size: 20px;
	font-weight: 700;
	color: #444444;
}

.casino-details .text-wrap .text {
	font-size: 20px;
	color: #636363;
}

.casino-details .text-wrap ul li {
	font-size: 20px;
	color: #636363;
	list-style: none;
	margin-bottom: 10px;
}

@media (max-width: 1300px) {
	.casino-details {
		width: 90%;
	}

	.casino-details .text-wrap {
		grid-template-columns: 1fr 5fr;
		gap: 30px;
	}

	.casino-details .text-wrap .text {
		font-size: 18px;
	}

	.casino-details .text-wrap ul li {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

@media (max-width: 600px) {
	.casino-details {
		width: 90%;
	}

	.casino-details .text-wrap {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-bottom: 40px;
	}

	.casino-details .text-wrap .text {
		font-size: 16px;
	}

	.casino-details .text-wrap ul li {
		font-size: 16px;
		margin-bottom: 8px;
	}
}

#form_contact label {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	font-size: 12pt;
	font-family: "Montserrat", sans-serif;
	color: #636363;
	text-align: left;
}

#form_contact input[type=text], #form_contact input[type=email], #form_contact select, #form_contact textarea {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #007fdc;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 12pt;
	font-family: "Montserrat", sans-serif;
}

#form_contact input[type=submit] {
	border: 0;
	width: 100%;
	padding: 10px 8px;
	font-size: 20px;
  /*    width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12pt;
  font-family: $font-text; */
	;
}

#form_contact #form_contact input[type=submit]:hover {
	background-color: #45a049;
}

.casino-prosandcons {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: center;
}

.casino-prosandcons .two-boxes {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5%;
}

.casino-prosandcons .two-boxes .box {
	width: 100%;
	padding: 20px;
}

.casino-prosandcons .two-boxes .box h2 {
	font-size: 36px;
	margin-bottom: 20px;
}

.casino-prosandcons .two-boxes .box .image-list {
	font-size: 20px;
	padding: 14px 40px;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: left center;
}

.casino-prosandcons .two-boxes .box .pros {
	background-image: url("thumbs-up.svg");
}

.casino-prosandcons .two-boxes .box .cons {
	background-image: url("thumbs-down.svg");
}

@media (max-width: 1300px) {
	.casino-prosandcons {
		width: 90%;
		padding: 10px;
	}

	.casino-prosandcons .two-boxes {
		gap: 2%;
	}
}

@media (max-width: 600px) {
	.casino-prosandcons {
		width: 96%;
	}

	.casino-prosandcons .two-boxes {
		grid-template-columns: 1fr;
	}

	.casino-prosandcons .two-boxes .box h2 {
		font-size: 22px;
		margin-bottom: 14px;
	}

	.casino-prosandcons .two-boxes .box .image-list {
		font-size: 16px;
		padding: 10px 30px;
		background-size: 20px;
	}
}

.casino-total-rating {
	width: 1200px;
	margin: auto;
	display: grid;
	justify-content: center;
	margin-bottom: 100px;
}

.casino-total-rating .total-percent {
	text-align: center;
	font-size: 300px;
	background: conic-gradient(from 90deg at 40% 120%, #005ac6, #007fdc, #00a2d3, #00c4ae, #00e474, #00ff00, #003298, #005ac6, #007fdc, #00a2d3, #00c4ae, #00e474, #00ff00);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.casino-total-rating .total-percent span {
	font-size: 120px;
	margin-left: 30px;
}

.casino-total-rating .total-text {
	font-size: 50px;
	padding-left: 90px;
	position: relative;
}

.casino-total-rating .total-text::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 80px;
	height: 80px;
	background-image: url("meter.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
}

.casino-rating {
	width: 1200px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 50px;
	margin-bottom: 40px;
}

.casino-rating .rating-wrap {
	width: auto;
	height: 300px;
	background: conic-gradient(from 90deg at 40% 120%, #4d4d4d, #6e6e6e, #dddddd, #fafafa, #fff, #4d4d4d, #6e6e6e, #dddddd, #fafafa, #fff);
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}

.casino-rating .rating-wrap .rating-bar {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: conic-gradient(from 90deg at 40% 120%, #005ac6, #007fdc, #00a2d3, #00c4ae, #00e474, #00ff00, #003298, #005ac6, #007fdc, #00a2d3, #00c4ae, #00e474, #00ff00);
}

.casino-rating .rating-wrap .rating-percent {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 70px;
	color: #fff;
}

.casino-rating .rating-wrap .rating-percent span {
	font-size: 40px;
}

.casino-rating .rating-wrap .rating-name {
	position: absolute;
	left: 50%;
	bottom: 10%;
	transform: translate(-50%, -10%);
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}

.rating-legend {
	width: 1200px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 50px;
}

.rating-legend .legend-text {
	font-size: 10px;
	line-height: 1.6;
}

.rating-legend .legend-text span {
	font-size: 10px;
	font-weight: 700;
	color: #007fdc;
}

@media (max-width: 1300px) {
	.casino-total-rating {
		width: 100%;
	}

	.casino-rating {
		width: 90%;
		gap: 30px;
	}

	.casino-rating .rating-wrap .rating-percent {
		font-size: 50px;
	}

	.casino-rating .rating-wrap .rating-percent span {
		font-size: 20px;
	}

	.casino-rating .rating-wrap .rating-name {
		font-size: 20px;
	}

	.rating-legend {
		width: 90%;
	}
}

@media (max-width: 600px) {
	.casino-total-rating {
		width: 96%;
	}

	.casino-total-rating .total-percent {
		font-size: 160px;
	}

	.casino-total-rating .total-percent span {
		font-size: 60px;
		margin-left: 10px;
	}

	.casino-total-rating .total-text {
		font-size: 30px;
	}

	.casino-rating {
		width: 90%;
		gap: 10px;
	}

	.casino-rating .rating-wrap {
		height: 200px;
	}

	.casino-rating .rating-wrap .rating-percent {
		font-size: 30px;
	}

	.casino-rating .rating-wrap .rating-percent span {
		font-size: 14px;
	}

	.casino-rating .rating-wrap .rating-name {
		font-size: 12px;
	}

	.rating-legend {
		display: block;
	}
}

@media (max-width: 400px) {
	.casino-rating .rating-wrap {
		border-radius: 10px;
	}

	.casino-rating .rating-wrap .rating-percent {
		font-size: 20px;
	}

	.casino-rating .rating-wrap .rating-percent span {
		font-size: 10px;
	}

	.casino-rating .rating-wrap .rating-name {
		font-size: 8px;
	}
}

.takeover {
	display: block;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(20, 20, 20, 0.6);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 200;
}

.takeover .close-button {
	cursor: pointer;
	position: absolute;
	top: 60px;
	right: 60px;
	width: 40px;
	height: 40px;
	background-image: url("");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	transition: all 0.6s ease;
}

.takeover .close-button:hover {
	filter: brightness(2);
}

.takeover .card {
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 400px;
	height: 600px;
	transform-origin: 50% 50%;
	border-radius: 16px;
	background-color: transparent;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.8);
	overflow: hidden;
	transition: all 0.6s ease;
}

.takeover .card h1 {
	position: absolute;
	top: 2%;
	right: 4%;
	font-size: 30px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.5);
	z-index: 10;
}

.takeover .card .card-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.takeover .slide-rotate-1 {
	-webkit-animation: slide-rotate-1 1s ease-out both;
	animation: slide-rotate-1 1s ease-out both;
}

.takeover .slide-rotate-2 {
	-webkit-animation: slide-rotate-2 1s 0.5s ease-out both;
	animation: slide-rotate-2 1s 0.5s ease-out both;
}

.takeover .slide-rotate-3 {
	-webkit-animation: slide-rotate-3 1s 1s ease-out both;
	animation: slide-rotate-3 1s 0.8s ease-out both;
}

.takeover .slide-rotate-4 {
	-webkit-animation: slide-rotate-4 1s 1.5s ease-out both;
	animation: slide-rotate-4 1s 1.2s ease-out both;
}

.takeover .slide-rotate-5 {
	-webkit-animation: slide-rotate-5 1s 2s ease-out both;
	animation: slide-rotate-5 1s 1.7s ease-out both;
}

@keyframes slide-rotate-1 {
	0% {
		-webkit-transform: translateY(-50%) translateX(600%) rotate(270deg);
		transform: translateY(-50%) translateX(600%) rotate(270deg);
	}

	100% {
		-webkit-transform: translateY(-50%) translateX(45%) rotate(-30deg);
		transform: translateY(-50%) translateX(45%) rotate(-30deg);
	}
}

@-webkit-keyframes slide-rotate-1 {
	0% {
		-webkit-transform: translateY(50%) translateX(600%) rotate(450deg);
		transform: translateY(50%) translateX(600%) rotate(450deg);
	}

	100% {
		-webkit-transform: translateY(0) translateX(0) rotate(-14deg);
		transform: translateY(0) translateX(0) rotate(-14deg);
	}
}

@keyframes slide-rotate-2 {
	0% {
		-webkit-transform: translateY(-50%) translateX(600%) rotate(450deg);
		transform: translateY(-50%) translateX(600%) rotate(450deg);
	}

	100% {
		-webkit-transform: translateY(-50%) translateX(55%) rotate(-15deg);
		transform: translateY(-50%) translateX(55%) rotate(-15deg);
	}
}

@-webkit-keyframes slide-rotate-2 {
	0% {
		-webkit-transform: translateY(-50%) translateX(600%) rotate(460deg);
		transform: translateY(-50%) translateX(600%) rotate(450deg);
	}

	100% {
		-webkit-transform: translateY(-50%) translateX(55%) rotate(-7deg);
		transform: translateY(-50%) translateX(55%) rotate(-7deg);
	}
}

@keyframes slide-rotate-3 {
	0% {
		-webkit-transform: translateY(50%) translateX(600%) rotate(270deg);
		transform: translateY(50%) translateX(600%) rotate(270deg);
	}

	100% {
		-webkit-transform: translateY(0) translateX(0) rotate(0deg);
		transform: translateY(100px) translateX(100px) rotate(0deg);
	}
}

@-webkit-keyframes slide-rotate-3 {
	0% {
		-webkit-transform: translateY(50%) translateX(600%) rotate(460deg);
		transform: translateY(50%) translateX(500%) rotate(450deg);
	}

	100% {
		-webkit-transform: translateY(0) translateX(0) rotate(0deg);
		transform: translateY(100px) translateX(100px) rotate(0deg);
	}
}

@keyframes slide-rotate-4 {
	0% {
		-webkit-transform: translateY(50%) translateX(600%) rotate(270deg);
		transform: translateY(50%) translateX(600%) rotate(270deg);
	}

	100% {
		-webkit-transform: translateY(0) translateX(0) rotate(15deg);
		transform: translateY(150px) translateX(150px) rotate(15deg);
	}
}

@-webkit-keyframes slide-rotate-4 {
	0% {
		-webkit-transform: translateY(50%) translateX(600%) rotate(460deg);
		transform: translateY(50%) translateX(600%) rotate(450deg);
	}

	100% {
		-webkit-transform: translateY(0) translateX(0) rotate(7deg);
		transform: translateY(150px) translateX(150px) rotate(7deg);
	}
}

@keyframes slide-rotate-5 {
	0% {
		-webkit-transform: translateY(50%) translateX(600%) rotate(450deg);
		transform: translateY(50%) translateX(600%) rotate(450deg);
	}

	100% {
		-webkit-transform: translateY(0) translateX(0) rotate(30deg);
		transform: translateY(200px) translateX(200px) rotate(30deg);
	}
}

@-webkit-keyframes slide-rotate-5 {
	0% {
		-webkit-transform: translateY(50%) translateX(600%) rotate(460deg);
		transform: translateY(50%) translateX(600%) rotate(450deg);
	}

	100% {
		-webkit-transform: translateY(0) translateX(0) rotate(14deg);
		transform: translateY(200px) translateX(200px) rotate(14deg);
	}
}

@media (max-width: 800px), (max-height: 1100px) {
	.takeover .card {
		width: 340px;
		height: 500px;
	}
}

@media (max-width: 600px) {
	.takeover .card {
		width: 300px;
		height: 450px;
	}

	.takeover .card h1 {
		font-size: 26px;
	}

	.takeover .close-button {
		top: 5%;
		right: 5%;
	}
}

@media (max-width: 500px) {
	.takeover .card {
		width: 200px;
		height: 300px;
	}

	.takeover .card h1 {
		font-size: 16px;
	}
}

@media (max-width: 350px) {
	.takeover .card {
		width: 150px;
		height: 225px;
	}

	.takeover .card h1 {
		font-size: 12px;
	}
}

.placeholders {
	width: 100%;
	display: grid;
	justify-items: center;
	padding: 50px 0;
}

.placeholders .three-box-placeholders {
	margin: 100px 0;
	width: 1200px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 56px;
}

.placeholders .three-box-placeholders .box-wrap {
	width: 360px;
	height: fit-content;
	position: relative;
	justify-self: center;
}

.placeholders .three-box-placeholders .box-wrap h1 {
	position: absolute;
	top: 2%;
	right: 3%;
	font-size: 26px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.5);
	z-index: 10;
}

.placeholders .three-box-placeholders .box-wrap .box-image {
	width: 100%;
	max-width: 100%;
	border-radius: 16px;
}

.placeholders .three-box-placeholders .box-wrap .box-title {
	font-size: 18px;
	margin: 20px 0;
}

.placeholders .three-box-placeholders .box-wrap .box-text {
	font-size: 16px;
	margin-bottom: 20px;
}

.placeholders .three-box-placeholders .box-wrap .box-button {
	font-size: 14px;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 30px;
	background-color: #007fdc;
	box-shadow: 4px 4px #00e474;
	transition: all 0.6s ease;
}

.placeholders .three-box-placeholders .box-wrap .box-button:hover {
	background-color: #00e474;
	box-shadow: none;
}

.placeholders .banner {
	cursor: pointer;
	position: relative;
	display: inline-block;
	border-radius: 16px;
	box-shadow: 1px 1px 10px rgba(41, 41, 41, 0.5);
	overflow: hidden;
}

.placeholders .banner h1 {
	position: absolute;
	top: 5%;
	right: 1.5%;
	font-size: 26px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.5);
	z-index: 10;
}

.placeholders .banner .banner-image {
	max-width: 100%;
}

.placeholders figure {
	position: relative;
	display: grid;
	overflow: hidden;
}

.placeholders figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.placeholders figure:hover::before {
	-webkit-animation: shine 0.75s;
	animation: shine 0.75s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
		opacity: 1;
	}
}

@keyframes shine {
	100% {
		left: 125%;
		opacity: 1;
	}
}

@media (max-width: 1300px) {
	.placeholders .three-box-placeholders {
		width: 90%;
		gap: 3%;
	}

	.placeholders .three-box-placeholders .box-wrap {
		width: fit-content;
	}

	.placeholders .three-box-placeholders .box-wrap h1 {
		font-size: 20px;
	}

	.placeholders figure::before {
		position: absolute;
		top: 0;
		left: -80%;
		width: 30%;
	}

	.placeholders figure:hover > ::before {
		-webkit-animation: shine 0.5s;
		animation: shine 0.5s;
	}
  @	-webkit-keyframes shine {
		100% {
      left: 120%;
		opacity: 1;
	}
}

@keyframes shine {
	100% {
		left: 120%;
		opacity: 1;
	}
}

.placeholders .banner {
	width: 90%;
}

.placeholders .banner h1 {
	font-size: 20px;
}
}

@media (max-width: 600px) {
	.placeholders {
		padding: 0;
	}

	.placeholders .three-box-placeholders {
		width: 90%;
		grid-template-columns: 1fr;
		margin: 50px 0;
	}

	.placeholders .three-box-placeholders .box-wrap {
		width: 100%;
	}

	.placeholders .three-box-placeholders .box-wrap h1 {
		font-size: 20px;
	}

	.placeholders .banner {
		width: 90%;
		height: auto;
		border-radius: 6px;
		margin-bottom: 0px;
	}

	.placeholders .banner h1 {
		font-size: 14px;
	}
}

.bonuses {
	width: 1200px;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
	margin-bottom: 100px;
}

.bonuses .box-list {
	display: grid;
	width: 100%;
	height: 120px;
	justify-self: center;
	grid-template-columns: 30% 40% 30%;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	box-shadow: 1px 1px 8px rgba(71, 71, 71, 0.301);
	border-radius: 10px;
}

.bonuses .box-list .image {
	height: 120px;
	border-radius: 10px;
	justify-self: center;
}

.bonuses .box-list .text {
	justify-self: center;
	font-size: 40px;
	font-weight: 700;
	font-family: "Jost", sans-serif;
	margin-left: 20px;
}

.bonuses .box-list .text span {
	font-size: 20px;
	font-family: "Jost", sans-serif;
}

.bonuses .box-list .button {
	width: 50%;
	justify-self: center;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 20px;
	background-color: #007fdc;
	box-shadow: 6px 6px #00e474;
	transition: all 0.6s ease;
}

.bonuses .box-list .button:hover {
	background-color: #00e474;
	box-shadow: none;
}

.bonuses .button {
	font-family: "Jost", sans-serif;
	border: 0;
	justify-self: center;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 20px;
	background-color: #007fdc;
	box-shadow: 6px 6px #00e474;
	transition: all 0.6s ease;
	margin-right: 20px;
}

.bonuses .button:hover {
	background-color: #00e474;
	box-shadow: none;
}

@media (max-width: 1300px) {
	.bonuses {
		width: 90%;
	}
}

@media (max-width: 900px) {
	.bonuses .box-list .button {
		width: 70%;
	}
}

@media (max-width: 600px) {
	.bonuses {
		width: 90%;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.bonuses .box-list {
		height: 60px;
	}

	.bonuses .box-list .image {
		height: 60px;
	}

	.bonuses .box-list .text {
		font-size: 20px;
		margin-left: 10px;
	}

	.bonuses .box-list .text span {
		font-size: 14px;
	}

	.bonuses .box-list .button {
		width: 70%;
		font-size: 11px;
		padding: 8px 8px;
	}
}

@media (max-width: 450px) {
	.bonuses {
		width: 90%;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.bonuses .box-list {
		grid-template-columns: 30% 40% 30%;
		height: 60px;
	}

	.bonuses .box-list .image {
		height: 50px;
	}

	.bonuses .box-list .text {
		font-size: 16px;
	}

	.bonuses .box-list .text span {
		font-size: 12px;
	}

	.bonuses .box-list .button {
		width: 80%;
		font-size: 10px;
		padding: 6px 6px;
	}
}

.subarticle {
	width: 1200px;
	margin: auto;
}

.subarticle h2 {
	font-size: 36px;
	margin-bottom: 36px;
}

.subarticle h3 {
	font-family: "Jost", sans-serif;
	color: #444;
	line-height: 1.2;
	font-weight: 600;
	font-size: 24px;
}

.subarticle p {
	font-size: 18px;
	margin-bottom: 20px;
}

.subarticle li {
	font-size: 18px;
	margin-bottom: 16px;
}

.subarticle .subarticle-subtitle {
	font-size: 24px;
	margin-bottom: 24px;
}

@media (max-width: 1300px) {
	.subarticle {
		width: 90%;
	}
}

@media (max-width: 600px) {
	.subarticle h2 {
		font-size: 24px;
	}

	.subarticle h3 {
		font-size: 20px;
	}

	.subarticle p {
		font-size: 16px;
	}
}

.review-text {
	width: 1200px;
	justify-self: center;
	margin-bottom: 50px;
}

.review-text .review-subtitle {
	font-size: 24px;
	margin-bottom: 20px;
}

.review-text h2 {
	font-size: 36px;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 70px;
}

.review-text p {
	font-size: 20px;
	color: #636363;
	margin-bottom: 30px;
}

.review-text ul {
	padding-left: 50px;
	margin-bottom: 30px;
}

.review-text ul li {
	font-size: 20px;
	color: #636363;
	margin-bottom: 10px;
}

@media (max-width: 1300px) {
	.review-text {
		width: 90%;
		margin: auto;
	}
}

@media (max-width: 600px) {
	.review-text .review-subtitle {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.review-text p {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.review-text ul {
		padding-left: 30px;
	}

	.review-text ul .list {
		font-size: 16px;
		margin-bottom: 8px;
	}
}

.top-casinos {
	width: 1200px;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 100px;
}

.top-casinos .boxes-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	background-color: #fff;
}

.top-casinos .boxes-grid .box-grid {
	border-radius: 10px;
	box-shadow: 1px 1px 8px rgba(71, 71, 71, 0.301);
	text-align: center;
	overflow: hidden;
	transform: scale(1);
	transition: all 0.6s ease;
}

.top-casinos .boxes-grid .box-grid:hover {
	transform: scale(1.1);
}

.top-casinos .boxes-grid .box-grid .box-grid-img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.top-casinos .boxes-grid .box-grid p {
	font-size: 16px;
	padding: 30px;
}

.top-casinos .boxes-grid .box-grid .box-grid-button {
	display: inline-block;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 20px;
	margin-bottom: 30px;
	background-color: #007fdc;
	box-shadow: 4px 4px #00e474;
	transition: all 0.6s ease;
}

.top-casinos .boxes-grid .box-grid .box-grid-button:hover {
	background-color: #00e474;
	box-shadow: none;
}

@media (max-width: 1300px) {
	.top-casinos {
		width: 600px;
	}

	.top-casinos .boxes-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.top-casinos {
		width: 90%;
	}

	.top-casinos .boxes-grid {
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.top-casinos .boxes-grid .box-grid {
		width: 80%;
	}

	.top-casinos .boxes-grid .box-grid .box-grid-img {
		width: 100%;
	}
}

#subscribe #Email {
	border-radius: 10px;
	border: 2px solid #007fdc;
	padding: 10px;
	width: 80%;
	font-size: 16pt;
	text-align: center;
}

#subscribe #Email::placeholder {
	font-size: 14pt;
	color: lightgray;
}

#subscribe #confirm {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#subscribe #confirm input {
	transform: scale(1.5);
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	margin: 10px;
}

#subscribe #confirm label {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	color: #007fdc;
}

footer {
	width: 100%;
	height: 100px;
	display: grid;
	justify-content: center;
	align-items: center;
	background-color: #f1f3f6;
	flex-shrink: 0;
}

footer p {
	font-size: 10px;
	text-align: center;
	color: #636363;
}

footer #logos img {
	max-height: 50px;
}

@media (max-width: 600px) {
	footer #logos img {
		max-height: 33px;
	}
}

@media (max-width: 600px) {
	footer {
		margin-top: 100px;
		padding-left: 20px;
	}
}

/*# sourceMappingURL=main.css.map */