/**
* template:  VOSK

TABLE OF CONTENTS

        + Global
        + Header
        + Header Content
        + About Us
        + Services
        + Pricing
        + Team
        + Booking
        + Gallery
        + Contacts

*/

@import 'reset.css';
@import 'all.min.css';
@import 'flaticon.min.css';
@import 'magnific-popup.css';
@import 'owl.carousel.min.css';
@import 'owl.theme.default.min.css';
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Oswald:wght@400;700&display=swap');


/**************************************
*
*         GLOBAL   
*
***************************************/

* {
	outline: none;
}

:root {
	--color-dark: #292929;
	--color-white: #ffffff;
	--color-brown: #b28e6d;
	--color-gray: #f1eefb;
	--color-black: #000000;
}

::-moz-selection {
	background-color: var(--color-brown);
	color: var(--color-white);
}

::selection {
	background-color: var(--color-brown);
	color: var(--color-white);
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 30px;
	text-transform: capitalize;
}

h1 {
	font-size: 80px;
	text-transform: uppercase;
}

h2 {
	font-size: 50px;
}

h3 {
	font-size: 25px;
}

a {
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

img {
	height: auto;
}

@-webkit-keyframes load {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes load {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.container {
	width: 100%;
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wrapper-title {
	margin-bottom: 50px;
}

.ptb {
	padding-top: 100px;
	padding-bottom: 100px;
}

.flex-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.btn {
	padding: 8px 16px;
	background-color: var(--color-brown);
	color: var(--color-white);
	border: 2px solid var(--color-brown);
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 18px;
}

.btn:hover {
	background-color: var(--color-dark);
	border: 2px solid var(--color-brown);
}

p {
	margin-bottom: 30px;
}

.suptitle {
	color: var(--color-brown);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 14px;
	position: relative;
}

.suptitle:after {
	position: absolute;
	right: -60px;
	top: 50%;
	display: block;
	content: '';
	width: 50px;
	height: 1px;
	background-color: var(--color-brown);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#scroll-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 100;
}

#openmenu,
#closemenu {
	display: none;
}

.res-booking {
	display: none;
	font-size: 14px;
	margin-top: 20px;
}

.res-booking .error {
	color: #ff0000;
}

.res-booking .send {
	color: var(--color-brown);
	font-weight: 700;
}

#preload {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--color-dark);
	z-index: 200;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#preload i {
	font-size: 50px;
	color: var(--color-brown);
	-webkit-animation-name: load;
	animation-name: load;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/**************************************
*
*         HEADER  
*
***************************************/

#header {
	background-color: var(--color-dark);
	padding-top: 25px;
	padding-bottom: 25px;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 100;
}

.wrapper-header {
	max-width: 1400px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.wrapper-logo-menu {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#logo img {
	max-width: 100%;
	width: 100%;
}

.menu li {
	float: left;
	margin-left: 30px;
}

.menu li a {
	color: var(--color-white);
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
}

.menu li a:hover {
	color: var(--color-brown);
}

.social-link li {
	float: left;
	margin-left: 20px;
}

.social-link li a {
	color: var(--color-white);
	font-size: 18px;
}

.social-link li a:hover {
	color: var(--color-brown);
}

/**************************************
*
*        HEADER CONTENT  
*
***************************************/

.wrapper-header-content {
	background-color: var(--color-dark);
	padding-top: 100px;
}

.header-content {
	color: #fff;
	max-width: 1600px;
	margin: 0 auto;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header-content-img {
	width: 50%;
}

.header-content-img img {
	width: 100%;
	display: block;
	-webkit-box-shadow: 0px 15px 40px -5px rgb(0 0 0 / 10%);
	box-shadow: 0px 15px 40px -5px rgb(0 0 0 / 10%);
}

.header-content-link {
	width: 50%;
	padding-left: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/**************************************
*
*        ABOUT US  
*
***************************************/

#aboutus {
	background-color: var(--color-dark);
}

.wrapper-aboutus {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.aboutus-content {
	width: 50%;
	padding-right: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.aboutus-img {
	width: 50%;
	position: relative;
}

.popup-youtube,
.popup-vimeo,
.popup-gmaps {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.aboutus-img img {
	width: 100%;
	display: block;
	-webkit-box-shadow: 15px 15px 0px -10px var(--color-brown),
		0px 15px 40px -5px rgb(0 0 0 / 10%);
	box-shadow: 15px 15px 0px -10px var(--color-brown),
		0px 15px 40px -5px rgb(0 0 0 / 10%);
}

.aboutus-img a i {
	font-size: 60px;
	color: var(--color-brown);
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.aboutus-img a i:hover {
	color: var(--color-dark);
}

.wrapper-signature {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.wrapper-signature img {
	max-width: 100%;
	margin-right: 10px;
}

.wrapper-signature>div h3,
.wrapper-signature>div p {
	margin-bottom: 0px;
}

.wrapper-signature>div h3 {
	font-size: 20px;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

.wrapper-signature>div p {
	color: var(--color-brown);
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;
}

/**************************************
*
*        SERVICES 
*
***************************************/

#services {
	background-color: var(--color-dark);
}

.wrapper-services {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.wrapper-services article {
	width: calc(33.333333% - 20px);
	margin: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

.wrapper-services article i {
	font-size: 70px;
	color: var(--color-brown);
}

/**************************************
*
*        PRICING
*
***************************************/

#pricing {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(41, 41, 41, 0.8)), to(rgba(41, 41, 41, 0.8))), url('../images/bg-services.png');
	background-image: -o-linear-gradient(rgba(41, 41, 41, 0.8), rgba(41, 41, 41, 0.8)), url('../images/bg-services.png');
	background-image: linear-gradient(rgba(41, 41, 41, 0.8), rgba(41, 41, 41, 0.8)), url('../images/bg-services.png');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: cover;
	background-attachment: fixed;
	min-height: 500px;
}

#pricing .wrapper-title {
	text-align: center;
}

.wrapper-pricing {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.wrapper-single-pricing {
	width: calc(50% - 20px);
	margin: 10px 10px 20px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}

.wrapper-single-pricing p {
	margin-bottom: 0px;
}

.wrapper-title-pricing {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}

.wrapper-title-pricing h3 {
	margin-bottom: 0px;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wrapper-title-pricing span {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	font-size: 25px;
	color: var(--color-brown);
}

/**************************************
*
*        TEAM
*
***************************************/

#team {
	background-color: var(--color-dark);
}

.single-team {
	overflow: hidden;
	position: relative;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.single-team-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(41, 41, 41, 0.8);
	opacity: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.single-team:hover .single-team-content {
	opacity: 1;
}

.single-team h3 {
	margin-bottom: 10px;
}

.single-team p {
	color: var(--color-brown);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 14px;
}

.single-team-content .social-link li {
	margin-left: 0px;
	margin: 0px 10px 20px 10px;
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: var(--color-brown);
}

.owl-theme .owl-dots .owl-dot span {
	width: 20px;
	height: 5px;
	margin: 5px 7px;
	background: var(--color-white);
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	border-radius: 0px;
}

/**************************************
*
*        BOOKING
*
***************************************/

#booking {
	background-color: var(--color-dark);
}

.wrapper-booking {
	max-width: 1600px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.booking-img {
	width: 50%;
}

.booking-img img {
	width: 100%;
	display: block;
}

.booking-content {
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 50px;
	padding-right: 50px;
}

.wrapper-input {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.wrapper-input input {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	border: none;
	outline: none;
	background-color: var(--color-dark);
	width: calc(50% - 20px);
	margin-bottom: 40px;
	color: var(--color-dark-gray);
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	border-bottom: 1px solid var(--color-brown);
	border-left: 1px solid var(--color-brown);
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.wrapper-input input::-webkit-input-placeholder {
	color: var(--color-gray);
}

.wrapper-input input::-moz-placeholder {
	color: var(--color-gray);
}

.wrapper-input input:-ms-input-placeholder {
	color: var(--color-gray);
}

.wrapper-input input::-ms-input-placeholder {
	color: var(--color-gray);
}

.wrapper-input input::placeholder {
	color: var(--color-gray);
}

.wrapper-input input:focus {
	border-bottom: 1px solid var(--color-gray);
	border-left: 1px solid var(--color-gray);
}

button {
	cursor: pointer;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

/**************************************
*
*        GALLERY
*
***************************************/

#gallery {
	background-color: var(--color-dark);

}

#gallery .wrapper-title {
	text-align: center;
}

.wrapper-gallery {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	max-width: 1600px;
}

.wrapper-gallery a {
	position: relative;
	display: block;
	width: 33.333333%;
	text-decoration: none;
	color: var(--color-brown);
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.wrapper-gallery a img {
	display: block;
	width: 100%;
}

.wrapper-gallery .gallery-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(41, 41, 41, 0.8);
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: 0;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.wrapper-gallery .gallery-link i {
	font-size: 40px;
	color: var(--color-brown);
}

.wrapper-gallery a:hover .gallery-link {
	opacity: 1;
}

/**************************************
*
*        CONTACTS
*
***************************************/

#contacts {
	background-color: var(--color-dark);
}

.wrapper-contacts {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.contacts-content {
	width: 50%;
}

.contacts-work-time {
	width: 50%;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.table-hours {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid var(--color-gray);
	margin-bottom: 20px;
}

.table-hours p {
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.wrapper-single-contact {
	margin-bottom: 20px;
}

.wrapper-single-contact h3 {
	margin-bottom: 20px;
}

.wrapper-single-contact p {
	margin-bottom: 0px;
}

.wrapper-single-contact ul li {
	margin-left: 0px;
	margin-right: 20px;
}

.wrapper-single-contact a {
	color: var(--color-white);
}

.wrapper-single-contact a:hover {
	color: var(--color-brown);
}

.copyright {
	margin-top: 100px;
	background-color: var(--color-black);
}

.copyright .container {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	color: var(--color-gray);
	font-size: 12px;
}

/**************************************
*
*        GAMES GRID
*
***************************************/

#games {
   background-color: var(--color-dark);
}

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

.game-card {
   position: relative;
   background-color: #1f1f1f;
   border: 1px solid rgba(178, 142, 109, 0.3);
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
}

.game-card img {
   width: 100%;
   height: auto;
   display: block;
   transition: transform 0.4s ease;
}

.game-card::before {
   content: '';
   position: absolute;
   inset: 0;
   background: rgba(41, 41, 41, 0.85);
   opacity: 0;
   transition: opacity 0.4s ease;
   z-index: 1;
}

.game-card .play-btn {
   position: absolute;
   z-index: 2;
   opacity: 0;
   transform: translateY(10px);
   transition: all 0.4s ease;
}

.game-card:hover::before {
   opacity: 1;
}

.game-card:hover img {
   transform: scale(1.05);
}

.game-card:hover .play-btn {
   opacity: 1;
   transform: translateY(0);
}

/* ====== Responsive ====== */

@media (max-width: 1200px) {
   .games-grid {
      grid-template-columns: repeat(4, 1fr);
   }
}

@media (max-width: 768px) {
   .games-grid {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media (max-width: 480px) {
   .games-grid {
      grid-template-columns: repeat(2, 1fr);
   }
}

#online-casino {
  background-image: linear-gradient(
    rgba(41, 41, 41, 0.8),
    rgba(41, 41, 41, 0.8)
  ), url('../images/bg-services.png');
  background-repeat: no-repeat;
  background-position: center left;
  background-size: cover;
  background-attachment: fixed;
}

/**************************************
*
*        BONUSES SECTION
*
***************************************/

.bonuses-section {
   background-color: var(--color-dark);
}

.wrapper-bonuses {
   justify-content: space-between;
}

.bonuses-content {
   width: 50%;
   box-sizing: border-box;
   padding-right: 40px;
}

.bonuses-content:last-child {
   padding-right: 0;
   padding-left: 40px;
}

.bonus-points {
   list-style: none;
   padding: 0;
   margin: 30px 0;
}

.bonus-points li {
   display: flex;
   align-items: flex-start;
   margin-bottom: 15px;
   font-size: 16px;
}

.bonus-points i {
   color: var(--color-brown);
   margin-right: 12px;
   font-size: 16px;
   min-width: 20px;
}

.bonus-highlight {
   font-size: 22px;
   font-weight: 700;
   color: var(--color-brown);
   margin: 20px 0 30px;
}

/* ====== Responsive ====== */

@media (max-width: 992px) {
   .bonuses-content {
      width: 100%;
      padding: 0;
      margin-bottom: 40px;
   }
}

/**************************************
*
*        CASINO BANNER
*
***************************************/

.casino-banner {
   background-color: var(--color-dark);
}

.wrapper-casino-banner {
   align-items: center;
   justify-content: space-between;
}

.casino-banner-content {
   width: 50%;
   padding-right: 40px;
   box-sizing: border-box;
}

.casino-banner-content h2 {
   margin-bottom: 20px;
}

.casino-bonus-highlight {
   margin: 30px 0;
   padding: 20px;
   border: 2px solid var(--color-brown);
   font-size: 22px;
   line-height: 1.4;
   color: var(--color-brown);
   font-family: 'Oswald', sans-serif;
}

.casino-banner-content p {
   max-width: 520px;
}

.casino-banner-img {
   width: 50%;
   text-align: right;
}

.casino-banner-img img {
   max-width: 100%;
   height: auto;
   display: inline-block;
}

/* ====== Responsive ====== */

@media (max-width: 992px) {
   .casino-banner-content,
   .casino-banner-img {
      width: 100%;
      padding: 0;
      text-align: center;
   }

   .casino-banner-content {
      margin-bottom: 40px;
   }

   .casino-banner-content p {
      max-width: 100%;
   }
}

/**************************************
*
*        GAMING EXPERIENCE
*
***************************************/

.gaming-section {
   background-color: var(--color-dark);
}

.wrapper-gaming {
   justify-content: space-between;
}

.gaming-content {
   width: 50%;
   box-sizing: border-box;
   padding-right: 40px;
}

.gaming-content:last-child {
   padding-right: 0;
   padding-left: 40px;
}

.gaming-content h3 {
   margin-bottom: 25px;
}

.gaming-content h4 {
   margin-top: 30px;
   margin-bottom: 15px;
   font-size: 22px;
   color: var(--color-brown);
}

.gaming-content p {
   margin-bottom: 20px;
   line-height: 1.7;
}

/* ====== Responsive ====== */

@media (max-width: 992px) {
   .gaming-content {
      width: 100%;
      padding: 0;
      margin-bottom: 40px;
   }
}

/**************************************
*
*        SLOTS SECTION
*
***************************************/

.slots-section {
   background-color: var(--color-dark);
}

.wrapper-slots {
   justify-content: space-between;
}

.slots-content {
   width: 50%;
   box-sizing: border-box;
   padding-right: 40px;
}

.slots-content:last-child {
   padding-right: 0;
   padding-left: 40px;
}

.slots-content h3 {
   margin-bottom: 25px;
}

.slots-content h4 {
   margin-top: 30px;
   margin-bottom: 15px;
   font-size: 22px;
   color: var(--color-brown);
}

.slots-content p {
   margin-bottom: 20px;
   line-height: 1.7;
}

.slots-list {
   list-style: disc;
   padding-left: 20px;
   margin-bottom: 25px;
}

.slots-list li {
   margin-bottom: 8px;
}

/* ====== Table ====== */

.slots-table-wrapper {
   margin-top: 80px;
}

.slots-table-wrapper h3 {
   text-align: center;
   margin-bottom: 30px;
}

.slots-table {
   width: 100%;
   border-collapse: collapse;
   background-color: #1f1f1f;
}

.slots-table th,
.slots-table td {
   padding: 15px;
   border: 1px solid rgba(178, 142, 109, 0.3);
   text-align: left;
}

.slots-table th {
   color: var(--color-brown);
   font-family: 'Oswald', sans-serif;
}

.slots-table tr:nth-child(even) {
   background-color: rgba(255, 255, 255, 0.02);
}

/* ====== Responsive ====== */

@media (max-width: 992px) {
   .slots-content {
      width: 100%;
      padding: 0;
      margin-bottom: 40px;
   }

   .slots-table {
      font-size: 14px;
   }
}

/**************************************
*
*        LIVE & TABLE GAMES TABLE
*
***************************************/

.live-games-section {
   background-color: var(--color-dark);
}

.wrapper-live-games {
   justify-content: space-between;
}

.live-games-content {
   width: 50%;
   box-sizing: border-box;
   padding-right: 40px;
}

.live-games-content:last-child {
   padding-right: 0;
   padding-left: 40px;
}

.live-games-content h3 {
   margin-bottom: 25px;
}

.live-games-content h4 {
   margin-top: 30px;
   margin-bottom: 15px;
   font-size: 22px;
   color: var(--color-brown);
}

.live-games-content p {
   margin-bottom: 20px;
   line-height: 1.7;
}

/* ====== Table ====== */

.live-games-table-wrapper {
   margin-top: 80px;
}

.live-games-table-wrapper h3 {
   text-align: center;
   margin-bottom: 30px;
}

.live-games-table {
   width: 100%;
   border-collapse: collapse;
   background-color: #1f1f1f;
}

.live-games-table th,
.live-games-table td {
   padding: 15px;
   border: 1px solid rgba(178, 142, 109, 0.3);
   text-align: left;
}

.live-games-table th {
   color: var(--color-brown);
   font-family: 'Oswald', sans-serif;
}

.live-games-table tr:nth-child(even) {
   background-color: rgba(255, 255, 255, 0.02);
}

/* ====== Responsive ====== */

@media (max-width: 992px) {
   .live-games-content {
      width: 100%;
      padding: 0;
      margin-bottom: 40px;
   }

   .live-games-table {
      font-size: 14px;
   }
}

/**************************************
*
*        LOGIN & REGISTRATION
*
***************************************/

.auth-section {
   background-color: var(--color-dark);
}

.wrapper-auth {
   justify-content: space-between;
}

.auth-content {
   width: 50%;
   box-sizing: border-box;
   padding-right: 40px;
}

.auth-content:last-child {
   padding-right: 0;
   padding-left: 40px;
}

.auth-content h3 {
   margin-bottom: 25px;
}

.auth-content h4 {
   margin-top: 30px;
   margin-bottom: 15px;
   font-size: 22px;
   color: var(--color-brown);
}

.auth-content p {
   margin-bottom: 20px;
   line-height: 1.7;
}

/* ====== Responsive ====== */

@media (max-width: 992px) {
   .auth-content {
      width: 100%;
      padding: 0;
      margin-bottom: 40px;
   }
}

/**************************************
*
*        CASINO APP
*
***************************************/

.app-section {
   background-color: var(--color-dark);
}

.wrapper-app {
   justify-content: space-between;
   align-items: flex-start;
}

.app-content {
   width: 50%;
   box-sizing: border-box;
   padding-right: 40px;
}

.app-content:last-child {
   padding-right: 0;
   padding-left: 40px;
}

.app-image img {
   max-width: 100%;
   height: auto;
   margin-bottom: 25px;
}

.app-stores {
   display: flex;
   gap: 20px;
   margin-top: 25px;
}

.app-stores img {
   max-width: 160px;
   height: auto;
}

.app-features {
   list-style: none;
   padding: 0;
   margin: 30px 0;
}

.app-features li {
   display: flex;
   align-items: flex-start;
   margin-bottom: 15px;
   line-height: 1.6;
}

.app-features i {
   color: var(--color-brown);
   margin-right: 12px;
   font-size: 18px;
   min-width: 22px;
}

.app-content h3 {
   margin-bottom: 25px;
}

.app-content h4 {
   margin-top: 35px;
   margin-bottom: 15px;
   font-size: 22px;
   color: var(--color-brown);
}

.app-content p {
   margin-bottom: 20px;
   line-height: 1.7;
}

/* ====== Responsive ====== */

@media (max-width: 992px) {
   .app-content {
      width: 100%;
      padding: 0;
      margin-bottom: 40px;
   }

   .app-stores {
      justify-content: center;
   }
}

/**************************************
*
*        PAYMENTS
*
***************************************/

.payments-section {
   background-color: var(--color-dark);
}

.payments-content {
   text-align: center;
}

.payments-intro {
   max-width: 900px;
   margin: 0 auto 40px;
   line-height: 1.7;
}

/* Tabs */
.payments-tabs {
   display: flex;
   justify-content: center;
   gap: 15px;
   margin-bottom: 30px;
}

.payments-tab {
   padding: 12px 30px;
   background: #1f1f1f;
   border: 1px solid rgba(178, 142, 109, 0.4);
   color: #fff;
   cursor: pointer;
}

.payments-tab.active {
   background: var(--color-brown);
   color: #000;
}

/* Tables */
.payments-table-wrapper {
   display: none;
}

.payments-table-wrapper.active {
   display: block;
}

.payments-table {
   margin: 0 auto;
   width: 100%;
   max-width: 720px;
   border-collapse: collapse;
   background-color: #1f1f1f;
}

.payments-table th,
.payments-table td {
   padding: 15px;
   border: 1px solid rgba(178, 142, 109, 0.3);
   text-align: left;
}

.payments-table th {
   color: var(--color-brown);
}

.payment-icon {
   width: 50px;
   height: 24px;
   object-fit: contain;
   margin-right: 12px;
   vertical-align: middle;
}

/* Info */
.payments-info {
   max-width: 900px;
   margin: 60px auto 0;
   text-align: left;
}

.payments-info h3 {
   margin-bottom: 20px;
}

/* Responsive */
@media (max-width: 768px) {
   .payments-table {
      font-size: 14px;
   }

   .payment-icon {
      width: 32px;
   }
}

/**************************************
*
*   CASINO INTEGRITY & PROTECTION
*
***************************************/

.integrity-section {
   background-color: var(--color-dark);
}

.wrapper-integrity {
   max-width: 1000px;
   margin: 0 auto;
}

.integrity-block {
   margin-bottom: 50px;
}

.integrity-block h3 {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 20px;
   color: var(--color-brown);
}

.integrity-block i {
   font-size: 22px;
}

.integrity-block p {
   line-height: 1.7;
   margin-bottom: 15px;
}

/* Responsive */
@media (max-width: 768px) {
   .integrity-block h3 {
      font-size: 20px;
   }
}

/**************************************
*
*   LAND-BASED CASINO RESORT
*
***************************************/

.resort-section {
   background-color: var(--color-dark);
}

.wrapper-resort {
   justify-content: space-between;
}

.resort-content {
   width: 50%;
   box-sizing: border-box;
   padding-right: 40px;
}

.resort-content:last-child {
   padding-right: 0;
   padding-left: 40px;
}

.resort-content h3 {
   margin-bottom: 25px;
}

.resort-content p {
   margin-bottom: 20px;
   line-height: 1.7;
}

/* Responsive */
@media (max-width: 992px) {
   .resort-content {
      width: 100%;
      padding: 0;
      margin-bottom: 40px;
   }
}

/**************************************
*
*        FAQ
*
***************************************/

.faq-section {
   background-color: var(--color-dark);
}

.wrapper-faq {
   justify-content: space-between;
}

.faq-column {
   width: 48%;
}

.faq-item {
   margin-bottom: 15px;
   border: 1px solid rgba(178, 142, 109, 0.3);
}

.faq-question {
   width: 100%;
   background: #1f1f1f;
   color: #fff;
   padding: 18px;
   text-align: left;
   border: none;
   cursor: pointer;
   font-size: 16px;
   position: relative;
}

.faq-question::after {
   content: '+';
   position: absolute;
   right: 20px;
   font-size: 20px;
   color: var(--color-brown);
}

.faq-item.active .faq-question::after {
   content: '−';
}

.faq-answer {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.3s ease;
   background-color: #181818;
}

.faq-answer p {
   padding: 15px 18px;
   line-height: 1.6;
}

/* Responsive */
@media (max-width: 992px) {
   .faq-column {
      width: 100%;
      margin-bottom: 30px;
   }
}

/**************************************
*
*        CASINO FOOTER
*
***************************************/

.casino-footer {
   background-color: #121212;
   color: #cfcfcf;
   width: 100%;
}

/* MAIN FOOTER */
.footer-main {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
   gap: 40px;

   padding: 80px 0 60px;

   flex-wrap: nowrap;        
}

/* COLUMNS */
.footer-column {
   width: 22%;
   min-width: 180px;
}

.footer-about {
   width: 34%;
   min-width: 260px;
}

/* LOGO */
.footer-logo img {
   max-width: 180px;
   height: auto;
   margin-bottom: 20px;
}

/* TITLES */
.footer-column h4 {
   color: var(--color-brown);
   margin-bottom: 20px;
   font-size: 18px;
}

/* LINKS */
.footer-column ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.footer-column ul li {
   margin-bottom: 10px;
}

.footer-column ul li a {
   color: #cfcfcf;
   text-decoration: none;
   transition: color 0.3s ease;
}

.footer-column ul li a:hover {
   color: var(--color-brown);
}

/* ABOUT TEXT */
.footer-about p {
   line-height: 1.7;
   max-width: 420px;
}

/* BOTTOM BAR */
.footer-bottom {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   padding: 20px 0;
}

.footer-bottom-content {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 14px;
   color: #999;
}

.footer-legal {
   color: #999;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
   .footer-main {
      flex-wrap: wrap;    
   }

   .footer-column,
   .footer-about {
      width: 48%;
      min-width: unset;
   }
}

@media (max-width: 768px) {
   .footer-main {
      flex-direction: column;
   }

   .footer-column,
   .footer-about {
      width: 100%;
   }

   .footer-bottom-content {
      flex-direction: column;
      gap: 10px;
      text-align: center;
   }
}

/**************************************
*
*   MOBILE HEADER — FINAL FIX
*
***************************************/

@media (max-width: 991px) {

   /* Header base */
   #header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1000;
      background-color: var(--color-dark);
   }

   .wrapper-header {
      position: relative;          
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 90px;
   }

   /* Logo */
   #logo img {
      width: 140px;
   }

   /* PLAY NOW */
   .wrapper-header > .btn {
      font-size: 14px;
      padding: 8px 14px;
      margin-left: auto;
      z-index: 2;
   }

   /* BURGER MENU — ABSOLUTE & FIXED */
   #openmenu {
      position: absolute;          
      left: 15px;
      top: 50%;
      transform: translateY(-50%);

      width: 44px;
      height: 44px;

      display: flex;
      align-items: center;
      justify-content: center;

      z-index: 3;
   }

   /* HERO OFFSET */
   .wrapper-header-content {
      padding-top: 130px !important;
   }
}


/**************************************
*
*   MOBILE HORIZONTAL SCROLL FIX
*
***************************************/

html, body {
   width: 100%;
   max-width: 100%;
   overflow-x: hidden; 
}

@media (max-width: 991px) {

   /* Protect header from overflow */
   #header,
   .wrapper-header,
   .wrapper-header-content {
      max-width: 100%;
      overflow-x: hidden;
   }

   /* Fix common 100vw issue */
   section,
   header,
   footer {
      width: 100%;
      max-width: 100%;
   }

   /* Prevent buttons from pushing layout */
   .btn,
   #openmenu {
      max-width: 100%;
      box-sizing: border-box;
   }

   /* If hero uses vw */
   .wrapper-header-content {
      width: 100% !important;
   }
}

/**************************************
*
*   FOOTER MOBILE PADDING FIX
*
***************************************/

@media (max-width: 768px) {

   .footer-main {
      padding-left: 20px;
      padding-right: 20px;
   }

   .footer-column,
   .footer-about {
      padding-left: 0;
      padding-right: 0;
   }

   .footer-column h4 {
      margin-top: 30px;
   }

   .footer-about p {
      max-width: 100%;
   }
}
@media (max-width: 1024px) {
	h1 {
		font-size: 56px;
	}

	h2 {
		font-size: 36px;
	}
}

@media (max-width: 768px) {
	.header-content-img,
	.header-content-link {
		width: 100%;
		padding-left: 0;
	}

	.header-content {
		flex-direction: column;
		text-align: center;
	}

	h1 {
		font-size: 42px;
	}

	h2 {
		font-size: 30px;
	}
}

@media (max-width: 480px) {
	h1 {
		font-size: 32px;
		line-height: 1.1;
		word-break: break-word;
	}

	h2 {
		font-size: 24px;
	}
}
h1, h2 {
	hyphens: auto;
	word-wrap: break-word;
	overflow-wrap: break-word;
}