body {
	font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #58595B;
}

.fp-controlArrow.fp-next {
	border-width: 20px 0 20px 20px;
}

.fp-controlArrow.fp-prev {
	border-width: 20px 20px 20px 0;
}


.logo {
	background: url("https://casinobitch.com/wp-content/uploads/2025/01/BB8D9C38-642D-4B27-AF63-45C4BB9A221A.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 20%;
	height: 50px;
	font-weight: bold;
	font-size: 1.2em;
}

/*.navi-row{
	border-radius: 22px;
	padding: 10px 2vw;
	color: #ee4088;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
}
*/

.navbar {
	background-color:#000000;
	height: auto;
	padding-left: 50px;
	padding-right: 50px;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	top: 0px;
	/*position: fixed;*/
	display: inline;
}

nav.navbar-menu {
	background-color: #000;
	color: white;
	padding: 4px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0px 18vw;
}
nav.navbar-menu a:hover {
	background-color: #ee4088;
	color: #fff;
}


.search-bar{
	justify-content: flex-end;
}

.menu_bar {
	font-size: 14px;
	color: #EE4088;
	font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 400;
}


ul {
/*	display: flex;*/
	justify-content: space-between;
	line-height: 50px;
}


.hero {
    /*margin-top: 64px;*/
}
.hero-container {
    height: 30vw;
}
.hero-left-column {
/*		background-image: url(../img/Hero.jpg);
		background-size: contain;
		background-position: left;
		background-repeat: no-repeat;
		margin-top: 10%;
		height: 300px;*/
		/*background: url("https://casinobitch.com/wp-content/uploads/2025/01/BB8D9C38-642D-4B27-AF63-45C4BB9A221A.jpg");*/
		/*background: url("http://localhost:8074/test_wordpress/assets/img/hero.jpg");*/
		background: url("https://casinobitch.com/assets/img/Hero.jpg");
		background-size: cover;
		background-position: left;
		background-repeat: no-repeat;
/*		height: 40vw;
width: 75vw;*/
position: absolute;
/*top: 144px;*/
height: 28vw;
/*width: 60vw;*/
/*padding: 16vh 2vw 2vh 15vw;*/
}

.hero-right-column{
	background-image: linear-gradient(to right, rgb(0 0 0 / 0%), rgb(0 0 0), rgb(129 64 151))!important;
	/*background-position-x: right;*/
	padding: 0!important;
	right: 0!important;
	/*top:0!important;*/
	position: absolute!important;
	/*top: 144px;*/
	height: 28vw!important;
	/*width: 80vw;*/
	/*padding: 26vh 2vw 2vh 34vw!important;*/
	padding: 16vh 2vw 2vh 28vw !important;
}


.hero-btn {
	background-color:#814097;
	border: none;
	border-radius: 10pt;
	/*padding: 50pt;*/
	padding: 15pt 24pt;

}
.hero-title h1{
	color: #fff;
	font-weight: 600;
	text-align: left;
}
.hero-title p{
	color: #fff;
	text-align: left;
}

.hero-buttons {
	margin-top: 7vw;
}
.hero-btn{
	color: #FEDD10;
}


.casinocards {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 40px;
}

.card {
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: 8px;
	/*width: 300px;*/
	padding: 0%;
	text-align: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}

/*.card img {*/
/*	max-width: 100%;*/
/*	height: auto;*/
/*	border-radius: 50%;*/
/*	margin-bottom: 20px;*/
/*}*/

.card button {
	margin-top: 10px;
	padding: 10px 15px;
	font-size: 1em;
	background-color: #EE4088;
	border: none;
	border-radius: 25px;
	color: white;
	cursor: pointer;
}

.playbtn{
	color: #EE4088;;
	font-size: 14px;
	border-radius: 0px 0 10px 10px;
	font-weight: 400;
	display: block;
	width: 100%;
	cursor: pointer;
	border: 1px solid #EE4088;
	background: #ffffff;
}

.playbtn:hover{
	background-color: rgba(255, 255, 255, 0.12);
	background: #EE4088;
	color: #ffffff;}

	button.btn_review{
		padding: 10px 15px;
		font-size: 1em;
		border-radius: 30px;
		cursor: pointer;
		border: solid #EE4088 2px;
		display: block;
		margin: auto;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}
	.btn_review a{
		color: #EE4088;
		text-decoration: none;
	}


	.avoid-container {
		display: flex;
		padding: 20px;
		border-radius: 15px;
	}


	.avoid-left-column {
		background-color: #D9C6E0;
		width: 50%;
		padding: 20px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.avoid-logo {
		width: 100px;
		height: 100px;
		background-color: white;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 20px;
		font-weight: bold;
		font-size: 24px;
		color: purple;
	}

	.avoid-points {
		text-align: center;
		display: block;
	}

	.avoid-points li {
		margin: 10px 0;
	}

	.avoid-right-column {
		background-color: white;
		color: black;
		width: 50%;
		padding: 20px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.avoid-text-button {
		background-color: transparent!important;
		margin-top: 20px;
		padding: 10px 20px;
		color: #814097;
		border: none;
		cursor: pointer;
		font-size: 14px;
	}

	.avoid-img-left{
	    background-image: url('https://casinobitch.com/assets/img/ab656810684a32e5cb352d6b2b775e1e.png');
/*	    height: 18rem !important;
	    background-repeat: no-repeat;
	    background-size:cover;
	    width: 18rem;
	    position: relative;
	    z-index: 1;
	    bottom: 0;
	    left: -3rem;
	    top: 6.7rem;*/
	    height: 22rem !important;
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 20rem;
	    position: relative;
	    z-index: 1;
	    bottom: 0;
	    left: -4rem;
	    top: 2.7rem;
	}
	.avoid-info-left{
/*	    position: relative;
	    top: -16rem;
	    z-index: 10;*/
	   	position: relative;
	    top: -20rem;
	    z-index: 10;
	}
	.avoid-content-left{
	    height: 26rem;
	}

	.text-button:hover {
		background-color: darkviolet;
	}


	*::before,
	*::after {
		box-sizing: border-box;
	}

	html {
		background-color: #ecf9ff;
	}


	.freemain{
		max-width: 1200px;
		margin: 0 auto;
		display: block;
	}

	h1 {
		font-size: 24px;
		font-weight: 400;
		text-align: center;
	}

	img {
		background-size: cover;
		max-width: 100%;
		vertical-align: middle;
	}

	.freebtn {
		color: #EE4088;;
		font-size: 14px;
		border-radius: 0px 0 10px 10px;
		font-weight: 400;
		display: block;
		width: 100%;
		cursor: pointer;
		border: 1px solid #EE4088;
		background: #ffffff;

	}

	.freebtn:hover {
		background-color: rgba(255, 255, 255, 0.12);
		background: #EE4088;
		color: #ffffff;
	}

	.freecards {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		justify-content: center;
		align-items: center;
		gap: 20px;
		padding: 40px;
	}

	.cards_item {
		display: flex;
		padding: 1rem;
	}

	@media (min-width: 40rem) {
		.cards_item {
			width: 50%;
		}
	}

	@media (min-width: 56rem) {
		.cards_item {
			width: 33.3333%;
		}
	}

	.freecard {
		background-color: white;
		border-radius: 10px;
		box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
		display: flex;
		flex-direction: column; 
		overflow: hidden;
	}

	.card_content {
		padding: 0;
		background-size: cover;
	}


	.card_title {
		color: #ffffff;
		font-size: 1.1rem;
		font-weight: 700;
		letter-spacing: 1px;
		text-transform: capitalize;
		margin: 0px;
	}

	.card_text {
		color: #ffffff;
		font-size: 0.875rem;
		line-height: 1.5;
		margin-bottom: 1.25rem;		
		font-weight: 400;
	}


	.featcontainer {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		max-width: 1200px;
		padding: 20px;
	}

	.featcard {
		display: flex;
		align-items: center;
		padding: 15px;
		background-color: #D9C6E0;
		border-radius: 10px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	}

	.icon {
		/*width: 300px;*/
		/*height: 100px;*/
		margin-right: 15px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 24px;
	}

	.feat-text {
		display: flex;
		flex-direction: column;
	}

	.feat-text .feat-title {
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 5px;
		color: #58595B;
	}

	.feat-text .featdescription {
		font-size: 14px;
		color: #666;
		margin: 0;
	}


	.guide-container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		/*width: 100%;*/
		/*max-width: 800px;*/
		border-radius: 15px;
		background: linear-gradient(135deg, #dc3465, purple);
		/*linear-gradient(135deg, pink, purple);*/
		position: relative;
		/*height: 40vh;*/
		height: 25rem;
		/*padding: 20px;*/
	}

	.guide-button-card {
		z-index: 1;
		background-color: #814097;
		padding: 15px;
		border-radius: 10px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		display: flex;
		flex-direction: column;
		/*max-width: 150px;*/
		position: absolute;
	    left: 18.5vw;
	    top: 3rem;
	}

	.guide-button-card h3, .guide-button-card p {
		margin: 0 0 10px;
	}

	.guide-button-card a {
		padding: 10px;
		border: none;
		border-radius: 5px;
		background-color: transparent;
		color: white;
		font-weight: bold;
		cursor: pointer;
	}

	.guide-text-section {
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		position: absolute;
		right: 3rem;
		/*left: 50%;*/
	}

	.guide-text-section p {
		margin: 0 0 10px;
		color: white;
		/*font-size: 18px;*/
	}
	.guide-bg-left{
		/*background-image:url(http://localhost:8074/test_wordpress/wp-content/uploads/2025/01/228AA960-E152-4B8C-B998-9E799D68D802-1024x819.jpg);*/
		background-image:url(https://casinobitch.com/wp-content/uploads/2025/01/228AA960-E152-4B8C-B998-9E799D68D802-1024x819.jpg);
		background-size: cover;
		background-position: left;
		background-repeat: no-repeat;
		background-position-x: -2rem;
		/*width: 25rem;*/
		height: 25rem;
		position: relative;
	}
	.guide-text-section a {
		padding: 10px;
		border: none;
		border-radius: 5px;
		background-color: transparent;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	  .guide-bg-gradient{
	    background: none;
	  }
