@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

body {
	font-family: 'Inter', sans-serif;
}
#amazon-button
{
    diplay:none;
}
.container-wrap {
	
	width:100% !important;
}

header {
	max-width: 680px;
	padding: 10px;
	margin: 0 auto;
	
}
.y-header
{
	background: #e61c72;
	border-top:#bc306d 5px solid ;
}

.logo-container img {
	
	height:auto;
	margin:0 auto;
	text-align: center;
	display: block;
}
.container
{
    max-width:980px;
}

.top-bar {
            background-color: #e6007e;
            color: #ffffff;
            font-size: 1.2em;
            font-weight: bold;
            padding: 15px 0;
        }

        .content-section {
            padding: 50px 0px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align:center;
        }

        .main-title {
            color: #002366;
            font-size: 3em;
            font-weight: bold;
            margin: 0;
        }
        
        .button-container {
            margin-top: 50px;
        }

        .lp-pom-button {
            display: inline-block;
            padding: 20px 60px;
            background-color: #ff0099;
            color: #ffffff;
            font-size: 1.5em;
            font-weight: bold;
            text-decoration: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            border: none;
            background: linear-gradient(180deg, #ff0099 0%, #cc007a 100%);
        }

        .lp-pom-button:hover {
            background: linear-gradient(180deg, #cc007a 0%, #ff0099 100%);
        }

        .partner-text {
            margin-top: 20px;
            color: #002366;
            font-size: 1em;
            font-weight: bold;
            text-decoration: underline;
        }
        
        .bottom-bar {
            background-color: #e6007e;
            height: 20px;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
        }

        #lp-code-343 {
            display: none; /* Initially hide the custom desktop block */
        }

        /* Styles for lp-pom-block-331 */
        #lp-pom-block-331 {
            width: 100%;
            text-align: center;
            margin-top: 40px; /* Adjust as needed for spacing */
            padding: 20px;
            box-sizing: border-box;
        }

        .gambling-logos {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap; /* Allows logos to wrap on smaller screens */
            gap: 20px; /* Spacing between logos */
            margin-bottom: 30px;
        }

        .gambling-logos img {
            height: 40px; /* Adjust height as needed */
            max-width: 150px; /* Prevent images from becoming too large */
            object-fit: contain;
        }

        .disclaimer-box {
            
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;
            color: #333333;
            font-size: 0.9em;
            line-height: 1.5;
            text-align: center;
        }

        @media (max-width: 768px) {
            .main-title {
                font-size: 2em;
            }
            .lp-pom-button {
                font-size: 1.2em;
                padding: 15px 40px;
            }
            .gambling-logos img {
                height: 30px; /* Smaller logos on mobile */
            }
            .disclaimer-box {
                font-size: 0.8em;
                padding: 15px;
            }
        }
footer {

  width: 100%;
  max-height: 60px;
  background: #c4c4c4;
  padding: 10px 0;
  margin-top: 0px;
  border-bottom: 6px solid #e61c72;
}

.footer-pos
 {
  position:fixed;
  bottom:0px;
  left:0;

}
	footer ul {
		width: 300px;
		margin: 0 auto;
	}
	footer li
	{
	    list-style: none;
	}

	footer li a {
		color: #032248;
		padding: 10px;
		text-decoration: none;
		font-weight: bold;
		float:left;
		font-size:12px;
	}

		footer li a:hover {
			color:#bc306d;
			text-decoration: underline;
		}
/* Amazon Offers */

	@font-face {
  font-family: 'CoffeeMood';
  src: url('CoffeeMood.ttf') format('truetype'),
       url('CoffeeMood.otf') format('opentype');
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

.amazon-wrap {
	width:100%;
	height: auto;
margin: 0 0 30px;
background-size:cover;
  font-family: 'Inter', sans-serif;
  
	}

.amazon-wrap .container::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

.amazon-wrap .container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #000000;
}

.amazon-wrap .container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #DCDCDC;
}

.amazon-wrap .container::-webkit-scrollbar-thumb:hover {
  background-color: #bc306d;
}

.amazon-wrap .container {
  position: relative;
  width: 400px;
  min-height: 460px;
  border: 2px solid #000000;
  border-radius: 10px;
  text-align: center;
  margin: 40px auto;
  padding: 0;
  background: #FFFFFF;
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2);
  /* Add a transition to the box-shadow property */
  transition: box-shadow 0.3s ease-in-out;
}

/* Add a hover effect to the container */
.amazon-wrap .container:hover {
  box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.3);
}

.amazon-wrap .increaseheight {
  height: 640px;
  overflow-y: scroll;
}

.amazon-wrap .welcome-section, .amazon-wrap .question-section, .amazon-wrap .question-section-2 {
	position: relative;
	display: block;
	text-align: center;
	min-height: 460px;
}
	.amazon-wrap .welcome-section h3
	{
		padding:10px 10px 0 10px;
		font-weight: bold !important;
	}
	.amazon-wrap .welcome-section p
	{
		padding:0 20px;
	}
	.amazon-wrap .welcome-section img, .amazon-wrap .question-section img, .amazon-wrap .question-section-2 img
	{
		width:100%;
		height:auto;
		border-radius:0 0 6px 6px;
	}
.amazon-wrap .question-section h5, .amazon-wrap .question-section-2 h5 {
	padding: 20px 10px 10px;
	font-size:20px;
	font-weight: bold;
}
	
.amazon-wrap .loading {
	text-align: center;
	padding: 20px;
	font-size:20px;
}
.amazon-wrap .loading p
{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
}
	.amazon-wrap .spinner-wrap
	{
		width:80px;
		margin:30px auto;
		display: block;
	}
	.amazon-wrap .spinner {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid #ccc;
  border-top-color: #333;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.amazon-wrap .product-list-header h3 {
	padding:  15px 5px;
	font-weight:bold;
}
	.amazon-wrap .product-list p
	{
		padding: 0 20px;
	}
	.amazon-wrap .product-list
	{
		padding:0 0 20px;
	}
.amazon-wrap .product {
	min-height: 180px;
	display: block;
	width: 95%;
	clear: both;
	margin: 10px auto 0;
	position: relative;
	border-radius: 10px;
	border: 1px solid #000;
	padding:10px;
}

	.amazon-wrap .product h4
	{
		padding: 0;
		font-size:18px;
		font-weight: bold;
	}
.amazon-wrap 	.product h4 span
	{
		font-size:16px;
	}
.amazon-wrap 	.product img
	{
	 padding: 0 0 10px;
	}
.amazon-wrap 	.product .productbutton
	{
		 background:#FFD814;
		border: 1px solid #FCD200;
		color:#000;
		font-size:18px;
		text-decoration: none;
		padding: 8px 20px;
		border-radius: 6px;
		margin: 20px auto;
	}
.amazon-wrap 	.product .productbutton:hover
	{
	border-color:#008296;
		background-color:#F7CA00;
	}
.amazon-wrap 	.product p
	{ 
		font-size:10px;
		line-height: 14px;
		padding: 20px 0 10px;
	}
	
	/*freebies amazon page */
	.freebie-list .product-list-header h3 span
	{
	    color:#e61c72;
	}
	.freebie-list .product {
	min-height: 180px;
	display: block;
	width: 95%;
	clear: both;
	margin: 10px auto 0;
	position: relative;
	border-radius: 10px;
	border: 1px solid #000;
	padding:10px 0 20px !important;
}

	.freebie-list .product h4
	{
		padding: 0;
		font-size:18px;
		font-weight: bold;
	}
.freebie-list	.product img
	{
	 padding: 0 0 10px;
	 max-height:150px;
	 width:auto;
	}
.freebie-list .product .productbutton {
  background: #e61c72;
  border: 2px solid #bc306d;
  color: #FFF;
  font-size: 20px;
  text-decoration: none;
  padding: 12px 25px;
  border-radius: 6px;
  margin: 20px auto;
  font-weight: bold;
  transition: all 0.3s ease-in-out; /* add transition for all properties */
}

.freebie-list .product .productbutton:hover {
  background: #bc306d; /* change background color on hover */
  border-color: #e61c72; /* change border color on hover */
  cursor: pointer; /* change cursor to pointer on hover */
}

.freebie-list 	.product p
	{ 
		font-size:10px;
		line-height: 14px;
		padding:0 10px !important;
		
	}

.amazon-wrap button {
	background:#FFD814;
		border: 1px solid #FCD200;
		color:#000;
		font-size:18px;
		text-decoration: none;
		padding: 10px 25px;
		border-radius: 6px;
	margin: 5px 0;
}
.amazon-wrap 	button:hover{
		border-color:#008296;
		background-color:#F7CA00;
	}
	
.amazon-wrap .footer-image
	{
	position: absolute;
  bottom: 0;
		left: 0;
	}