/* Reset some default styles */
body, ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family:Arial, Helvetica, sans-serif;
    
    text-align: center;
    font-size: 20px;
    text-decoration: none;
}



/* All Slots Reviews */

.search-bar {
    position: absolute;
    right: 20px;
    top: 20px;
}

.search-bar input {
    padding: 10px;
    font-size: 1em;
    border: none;
    border-radius: 5px;
}

.slots-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
}



.slot-item {
    background-color: #333;
    color: #fff;
    margin: 6px;
    padding: 10px;
    border-radius: 10px;
    width: 200px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    text-align: center;
}

.slot-item img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.slot-details {
    margin: 10px 0;
}

.score {
    background: red;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
}

.slot-title {
    font-weight: bold;
    margin-top: 10px;
}

.intro, .details, .symbols, .features, .conclusion {
    margin-bottom: 20px;
}

/* individual reviews */

.stats-card {
    background-color: #333333;
    border-radius: 5px;
    padding: 5px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%; /* Default width */
}

.stats-item {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.stats-item .icon  {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.stats-item .fa-regular{
    font-size: 1.5em;
    margin-bottom:25px;
    margin-top: 25px;
}

.stats-item .fa-solid{
    font-size: 1.5em;
    margin-bottom:10px;
    margin-top: 10px;
}

.stats-item .value {
    font-weight: bold;
    color: #004AAC;
}



/* Set the background color of the website to black */
body {
    min-height: 100vh;
    background-image: url(images/agsbgw.png)
    
}

/* Youtube Feed */
#video-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#video-gallery div {
  flex: 1 1 calc(33.333% - 10px);
  box-sizing: border-box;
}

#video-gallery img {
  width: 100%;
  height: auto;
}

#video-gallery h3 {
   font-size: 16px;
   text-align: center;
   color: red;
   margin-bottom: 20px;
   font-weight: bold;
   text-transform: uppercase;
   color: red;
   display: inline-block;
   padding-bottom: 10px;
   padding-top:10px;
   margin-bottom: 30px;
   text-align: center;
}

/* Youtube Feed End */
/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Navbar Styles */
.navbar {
    background: #333;
    color: #fff;
    padding: 10px 20px;
    position: relative;
}

.navbar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.logo img {
    width: auto;
    max-width: 100%;
    height: 60px; /* Adjust height to maintain aspect ratio */
}

/* Navigation Links */
.nav-links {
    list-style: none;
    display: flex;
    gap: 20px;
}

.nav-links li {
    position: relative;
}

.nav-links a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

.dropdown-content {
    display: none;
    position: relative;
    background-color: #333;
    min-width: 160px;
    z-index: 1 !important;
    top: 10%;
    left: 0;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.arrow {
    margin-left: 5px;
}

/* Hamburger Menu Icon */
.menu-icon {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.menu-icon .bar {
    height: 3px;
    width: 25px;
    background-color: white;
    margin: 4px 0;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .nav-links {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #333;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 99999;
    }

    .nav-links.active {
        display: flex;
    }

    .nav-links li {
        width: 100%;
        text-align: center;
    }

    .dropdown-content {
        position: static;
    }

    .menu-icon {
        display: flex;
    }

    .logo img {
        height: 50px; /* Adjust height for mobile */
    }
}
/* Footer */
footer {
    background-color: #333;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    
}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px;
}

.footer-section {
    flex: 1;
    min-width: 200px;
    margin: 10px;
}

.footer-section h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.footer-section p {
    font-size: 1em;
    margin: 0 0 10px;
}

.gamble-logos img,
.social-icons img {
    width: 150px;
    margin: 0 5px;
}

.contact-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #F5041E;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

.footer-bottom {
    border-top: 1px solid #444;
    padding-top: 10px;
}

.social-icons {
    display: flex;
    justify-content: center;
}

.social-icons a {
    margin: 0 5px;
}

.arrow{
    font-size: smaller;
}
/* End of footer */
/* Style the grid in the main content area */
main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    
    
}

/* This is for the T's & C's */
span.tc-apply {
    border-bottom: 1.5px dashed;
    cursor: pointer
}

div.tc-desc {
    text-align: center;
    opacity: 0;
    visibility: hidden;
    min-width: 240px;
    max-width: 270px;
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 auto;
    color: black;
    background-color: #575757;
    border: 1px solid white;
    border-radius: 5px;
    padding: 15px;
    z-index: 10;
    box-shadow: 0 0 30px rgba(250,177,160,.5);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

div.tc-desc p {
    line-height: 1.25em!important
}

div.tc-desc strong {
    color: white;
    font-size: 14px;
    font-weight: 700
}

div.tc-desc a,.space-page-content div.tc-desc a,.home-page div.tc-desc a {
    color: white;
}

span.tc-apply:hover+div.tc-desc,span.tc-apply+div.tc-desc:hover,span.tc-apply:active+div.tc-desc,span.tc-apply+div.tc-desc:active {
    opacity: 1;
    visibility: visible;
    height: auto
}

/* This is for the Get offer buttons  */
.getofferbutton a {
    display: inline-block;
    padding: 13px 40px;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 23px;
    background-color: #F5041E;
    box-shadow: 0 0 5px rgb(255,255,255);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.getofferbutton a:hover {
    box-shadow: 0 8px 30px rgb(255,255,255);
}

.space-organizations-archive-item-button-notice {
    margin:  15px 0;
    font-weight: 200;
    font-size: 15px;
    line-height: 10px;
    color: white;
}

.space-organizations-archive-item-button-notice a {
    color: white;
    text-decoration: underline
}

.space-organizations-archive-item-button-notice a:hover {
    text-decoration: none
}

.space-organizations-archive-item-button-notice p {
    line-height: 1.25em!important
}

/* This is for the Bonus details Text */

.bonusdesc {
    font-weight: 400;
    font-size: 15px;
    line-height: 1em;
    color: white
}

.bonusdesc a:hover {
    text-decoration: none
}

.bonusdesc p {
    line-height: 1.5em!important
}

.casinotype{
    text-align: center;
    text-decoration: none;
    color: red;
    font-weight: bold;
    font-size: 30px;
}

.giveaway{
    text-align: center;
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 30px;
    border-style:solid;
    border-width: 5px;
    border-color: #F5041E;
    border-radius: 10px;
    padding: 5px;
    background-color: white
}
.seo-intro{
max-width:900px;
margin:40px auto;
font-size:18px;
line-height:1.6;
text-align:center;
}

.seo-intro h1{
font-size:36px;
margin-bottom:20px;
}

.seo-intro h2{
font-size:26px;
margin-top:20px;
}

.seo-intro p{
margin-bottom:15px;
}

.seo-intro ul{
list-style:none;
padding:0;
}

.seo-intro li{
margin:8px 0;
font-size:18px;
}

.privacy{
    text-align: center;
    text-decoration: none;
    color: #F5041E;
    font-weight: bold;
    font-size: 30px;
    border-style:solid;
    border-width: 5px;
    border-color: #F5041E;
    border-radius: 10px;
    padding: 5px;
    background-color: white;
}

.team{
    text-align: center;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 30px;
    border-style:solid;
    border-width: 5px;
    border-color: white;
    border-radius: 10px;
    padding: 5px;
    
}

.h3{
    font-family:sans-serif;
    text-align: center;
    font-size: 20px;
    color: red;
}

.contact{
    background-color: 00FFFFFF;
    background-size: cover;
    padding: 5;
    
}

.border{
    width: 100px;
    height: 10px;
    background: red;
    margin: 40px auto;
    
    
}

.contact-form{
    max-width: 600px;
    margin: auto;
    padding: 10, 10px;
    overflow: hidden;
    
}

.contact-text{
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 16px 0;
    border: 1;
    background: white;
    padding: 20px 40px;
    outline: none;
    color: #F5041E;
    transition: 0.5s;
    border-color: #333
}

.contact-text:focus{
    box-shadow:  0 0 10px 4px #F5041E;
    
}

textarea.contact-text{
    resize: none;
    height: 120px;
    
}

.contact-button{
    display: inline-block;
    padding: 13px 40px;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.25em;
    color: white;
    border-radius: 23px;
    background-color: #F5041E;
    box-shadow: 0 0 5px rgb(255,255,255);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.contact-button:hover{
    box-shadow: 0 8px 30px rgba(255,255,255);
    
}
.contact label {
    display: flex;
    align-items: center;
    margin: 15px 0;
    font-weight: bold;
    font-size: 1rem;
    color: #333;
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.contact input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.5);
    cursor: pointer;
}


    
}

.sitename img{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    
}

.container {
    position: center;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px;
    margin-top: 0%;
}

.container .card{
    width: 100%;
    position: center;
    height: 300px;
    background: #f7f7f5;
    margin:0px 10px;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    transition: 0.3s ease-in-out;
    margin-top: 5%;
        
}

.container .card .imgBx{
    position: center;
    width: 100%;
    height: 260px;
    top: 0px;
    left: 0px; 
}

.container .card .imgBx img{
    max-width: 100%;
    border-radius: 10px;
}



    main {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
}
    .logo-ga{
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width:  width: 10%;
    resize: width 50%;
    resize: vertical, auto;
    
    
}
/* Container for the banner images */
.banner-container {
    display: flex;
    justify-content: space-around;  /* Evenly distributes the images */
    align-items: center;
    flex-wrap: wrap;  /* Allows wrapping on smaller screens */
    padding: 20px;  /* Optional padding */
}

/* Each individual banner */
.banner {
    position: relative;
    width: 300px;
    height: 100px;
    margin: 10px;
}

/* Image inside each banner */
.banner img {
    width: 100%;
    height: auto;
    display: block;
}

/* Call to action button */
.cta-button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #F5041E;
    color: white;
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
}

/* Hover effect for the button */
.cta-button:hover {
    background-color: #F5041E;
}

/* Responsive design for screens smaller than 900px */
@media (max-width: 900px) {
    .banner {
        width: 45%;  /* Adjusts banners to 2 per row */
        
    }
}

/* Responsive design for screens smaller than 600px */
@media (max-width: 600px) {
    .banner {
        width: 100%;  /* Stacks banners vertically */
        
    }

}

/* Slot-reviews Individual */



/* Socials - CSS */

.promotion-section {
    padding: 20px;
}

.promotion-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.promotion-card {
    background-color: #333;
    color: #fff;
    border-radius: 10px;
    margin: 10px;
    padding: 20px;
    width: 300px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.promotion-card img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.promotion-card p {
    font-size: 18px;
    margin: 10px 0;
}

.promotion-card button {
   display: inline-block;
    padding: 13px 40px;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 23px;
    background-color: #F5041E;
    box-shadow: 0 0 5px rgb(255, 255, 255, 255);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.promotion-card button:hover {
     box-shadow: 0 8px 30px rgb(255,255,255);
}

/* Homepage */

red.offers-section {
    text-align: center;
    padding: 20px;
}

.offers-section h1, h2 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: black;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 30px;
    text-align: center;
}

.offers-section p, ul li{
    color: red;
    margin-bottom: 20px;
}

.offers-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.giveaway-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.offer-card {
    background-color: #333;
    color: #fff;
    border-radius: 10px;
    margin: 10px;
    padding: 20px;
    width: 200px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
}

.offer-card img {
    max-width: 100%;
    border-radius: 10px;
}

.offer-card h3 {
    font-size: 18px;
    margin: 10px 0;
}

.offer-card p {
    font-size: 14px;
    margin: 5px 0;
}

.offer-card button {
    background-color: #F5041E;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: auto;
}

.offer-card button:hover {
    box-shadow: rgba(255, 255, 255, 255);
}

.giveawaybanner{
    width: 100vw;
}

.youtube-container h3{
    color: red
    
}

/* NEW BANNER ADS */

.casino-title-box {
  background: url('images/titlebg.png') center/cover no-repeat;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 8 / 1.3;
  margin: 40px auto;
  border-radius: 12px;
  border: 4px solid #F5041E;

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

  padding: 1rem;
  box-sizing: border-box;
}

.casino-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(36px, 6vw, 72px);
  color: #F5041E;
  text-shadow:
    -1px -1px 0 #FCFBF9,
     1px -1px 0 #FCFBF9,
    -1px  1px 0 #FCFBF9,
     1px  1px 0 #FCFBF9;
}

.casino * {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
  font-family: Arial, sans-serif;
}

.casino {
  display: flex;
  justify-content: center;
  padding: 20px;
}

.casino .casino-promo-box {
  width: 100%;
  max-width: 95vw;
  background-color: #ffffff;
  border: 2px solid #ff8c00;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.casino .casino-promo-top {
  width: 100%;
}

.casino .casino-promo-banner {
  display: block;
  width: 100%;
  height: auto;
}

.casino .casino-promo-bottom {
  background-color: #333333;
  color: #fff;
  text-align: center;
  padding: 20px;
}

.casino .casino-button {
  background-color: #ff6600;
  color: #fff;
  border: none;
  padding: 12px 24px;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
  animation: casino-pulse 1.8s infinite;
  transition: background-color 0.3s ease;
  box-shadow: 0 0 10px rgba(255, 102, 0, 0.6);
}

.casino .casino-button:hover {
  background-color: #e65c00;
}

.casino .casino-promo-bottom p {
  margin-top: 15px;
  font-size: 0.6rem;
  color: #ccc;
  line-height: 1.4;
}

.casino .casino-promo-bottom p span {
  font-weight: bold;
  color: #fff;
}

@keyframes casino-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.9; }
}

/* BITCASINO THEME */
.bitcasino .casino-promo-box {
  border-color: #ff6600;
}

.bitcasino .casino-button {
  background-color: #ff6600;
  color: #fff;
  box-shadow: 0 0 10px rgba(255, 102, 0, 0.6);
}

.bitcasino .casino-button:hover {
  background-color: #e65c00;
}

/* BC CASINO THEME */
.bc-casino .casino-promo-box {
  border-color: #2FF36E;
}

.bc-casino .casino-button {
  background-color: #2FF36E;
  color: #fff;
  box-shadow: 0 0 10px rgba(47, 243, 110, 0.4);
}

.bc-casino .casino-button:hover {
  background-color: #1cc85c;
}
/* SNATCH CASINO THEME */
.snatch-casino .casino-promo-box {
  border-color: #0E72FD;
}

.snatch-casino .casino-button {
  background-color: #0E72FD;
  color: #fff;
  box-shadow: 0 0 10px rgba(42, 59, 124, 0.6);
}

.snatch-casino .casino-button:hover {
  background-color: #3E8BFF;
}

/* IWILD CASINO THEME */
.iwild-casino .casino-promo-box {
  border-color: #ff0080;
}

.iwild-casino .casino-button {
  background-color: #ffcc00;
  color: #fff;
  box-shadow: 0 0 10px rgba(255, 204, 0, 0.6);
}

.iwild-casino .casino-button:hover {
  background-color: #e6b800;
}

/* EMPIRE CASINO THEME */
.empire-casino .casino-promo-box {
  border-color: #4828C5;
}

.empire-casino .casino-button {
  background-color: #4828C5;
  color: #fff;
  box-shadow: 0 0 10px rgba(72, 40, 197, 0.6);
}

.empire-casino .casino-button:hover {
  background-color: #351f98;
}

/* PEACHES CASINO THEME */
.peaches-casino .casino-promo-box {
  border-color: #F47434;
}

.peaches-casino .casino-button {
  background-color: #F47434;
  color: #fff;
  box-shadow: 0 0 10px rgba(244, 116, 52, 0.6);
}

.peaches-casino .casino-button:hover {
  background-color: #d45f29;
}

/* ZOLOBET CASINO THEME */
.zolobet-casino .casino-promo-box {
  border-color: #1DE7A5;
}

.zolobet-casino .casino-button {
  background-color: #1DE7A5;
  color: #fff;
  box-shadow: 0 0 10px rgba(29, 231, 165, 0.6);
}

.zolobet-casino .casino-button:hover {
  background-color: #17c997;
}

/* HORUS CASINO THEME — gold and silver style */
.horus-casino .casino-promo-box {
  border-color: #AFADAD;
}

.horus-casino .casino-button {
  background-color: #C7914D;
  color: #fff;
  box-shadow: 0 0 10px rgba(199, 145, 77, 0.6);
}

.horus-casino .casino-button:hover {
  background-color: #a6763d;
}

/* DREAM VEGAS CASINO THEME — light blue */
.dreamvegas-casino .casino-promo-box {
  border-color: #86B0E8;
}

.dreamvegas-casino .casino-button {
  background-color: #86B0E8;
  color: #fff;
  box-shadow: 0 0 10px rgba(134, 176, 232, 0.6);
}

.dreamvegas-casino .casino-button:hover {
  background-color: #6a94d1;
}

/* MIAMI DICE CASINO THEME — pink */
.miamidice-casino .casino-promo-box {
  border-color: #F377AE;
}

.miamidice-casino .casino-button {
  background-color: #F377AE;
  color: #fff;
  box-shadow: 0 0 10px rgba(243, 119, 174, 0.6);
}

.miamidice-casino .casino-button:hover {
  background-color: #d85f94;
}

/* TEMPLE NILE CASINO THEME — gold */
.templenile-casino .casino-promo-box {
  border-color: #F1A300;
}

.templenile-casino .casino-button {
  background-color: #F1A300;
  color: #000;
  box-shadow: 0 0 10px rgba(241, 163, 0, 0.6);
}

.templenile-casino .casino-button:hover {
  background-color: #d18a00;
}

/* GRAND IVY CASINO THEME — champagne gold */
.grandivy-casino .casino-promo-box {
  border-color: #C3B37F;
}

.grandivy-casino .casino-button {
  background-color: #C3B37F;
  color: #000;
  box-shadow: 0 0 10px rgba(195, 179, 127, 0.6);
}

.grandivy-casino .casino-button:hover {
  background-color: #a9996a;
}

/* SPIN RIDER CASINO THEME — racing red */
.spinrider-casino .casino-promo-box {
  border-color: #F1272D;
}

.spinrider-casino .casino-button {
  background-color: #F1272D;
  color: #fff;
  box-shadow: 0 0 10px rgba(241, 39, 45, 0.6);
}

.spinrider-casino .casino-button:hover {
  background-color: #c71f24;
}

/* JACKPOT VILLAGE CASINO THEME — golden yellow */
.jackpotvillage-casino .casino-promo-box {
  border-color: #EDBD58;
}

.jackpotvillage-casino .casino-button {
  background-color: #EDBD58;
  color: #000;
  box-shadow: 0 0 10px rgba(237, 189, 88, 0.6);
}

.jackpotvillage-casino .casino-button:hover {
  background-color: #d4a647;
}

/* BETFURY CASINO THEME — crimson pink */
.betfury-casino .casino-promo-box {
  border-color: #EC1D49;
}

.betfury-casino .casino-button {
  background-color: #EC1D49;
  color: #fff;
  box-shadow: 0 0 10px rgba(236, 29, 73, 0.6);
}

.betfury-casino .casino-button:hover {
  background-color: #c9183d;
}

/* TELBET CASINO THEME — neon lime */
.telbet-casino .casino-promo-box {
  border-color: #E7FE01;
}

.telbet-casino .casino-button {
  background-color: #E7FE01;
  color: #000;
  box-shadow: 0 0 10px rgba(231, 254, 1, 0.6);
}

.telbet-casino .casino-button:hover {
  background-color: #c6da01;
}
/* RIOACE CASINO THEME — white */
.rioace-casino .casino-promo-box {
  border-color: #FEFDFD;
}

.rioace-casino .casino-button {
  background-color: #FEFDFD;
  color: #000;
  box-shadow: 0 0 10px rgba(254, 253, 253, 0.6);
}

.rioace-casino .casino-button:hover {
  background-color: #e5e5e5;
}

/* SPINFEVER CASINO THEME — neon pink */
.spinfever-casino .casino-promo-box {
  border-color: #FF7CE4;
}

.spinfever-casino .casino-button {
  background-color: #FF7CE4;
  color: #000;
  box-shadow: 0 0 12px rgba(255, 124, 228, 0.7);
}

.spinfever-casino .casino-button:hover {
  background-color: #e067cb;
}

/* ROOLI CASINO THEME — crimson red */
.roooli-casino .casino-promo-box {
  border-color: #D80027;
}

.roooli-casino .casino-button {
  background-color: #D80027;
  color: #fff;
  box-shadow: 0 0 12px rgba(216, 0, 39, 0.6);
}

.roooli-casino .casino-button:hover {
  background-color: #b0001f;
}

/* CASABET CASINO THEME — golden yellow */
.casabet-casino .casino-promo-box {
  border-color: #FED103;
}

.casabet-casino .casino-button {
  background-color: #FED103;
  color: #000;
  box-shadow: 0 0 12px rgba(254, 209, 3, 0.6);
}

.casabet-casino .casino-button:hover {
  background-color: #d9b402;
}

/* BETFLARE CASINO THEME — orange-gold */
.betflare-casino .casino-promo-box {
  border-color: #FEAE13;
}

.betflare-casino .casino-button {
  background-color: #FEAE13;
  color: #000;
  box-shadow: 0 0 12px rgba(254, 174, 19, 0.6);
}

.betflare-casino .casino-button:hover {
  background-color: #d9900f;
}

/* MIDNITE CASINO THEME — neon green */
.midnite-casino .casino-promo-box {
  border-color: #69F936;
}

.midnite-casino .casino-button {
  background-color: #69F936;
  color: #fff;
  box-shadow: 0 0 12px rgba(105, 249, 54, 0.6);
}

.midnite-casino .casino-button:hover {
  background-color: #58d62e;
}

/* VAVE CASINO THEME — teal green */
.vave-casino .casino-promo-box {
  border-color: #22C99D;
}

.vave-casino .casino-button {
  background-color: #22C99D;
  color: #fff;
  box-shadow: 0 0 12px rgba(34, 201, 157, 0.6);
}

.vave-casino .casino-button:hover {
  background-color: #1ea987;
}

/* DISCORD CASINO THEME — blurple */
.discord-casino .casino-promo-box {
  border-color: #5764EB;
}

.discord-casino .casino-button {
  background-color: #5764EB;
  color: #fff;
  box-shadow: 0 0 12px rgba(87, 100, 235, 0.6);
}

.discord-casino .casino-button:hover {
  background-color: #4956d0;
}

/* EZZ CASINO THEME — neon purple */
.ezz-casino .casino-promo-box {
  border-color: #BF6BF7;
}

.ezz-casino .casino-button {
  background-color: #BF6BF7;
  color: #fff;
  box-shadow: 0 0 12px rgba(191, 107, 247, 0.6);
}

.ezz-casino .casino-button:hover {
  background-color: #a958dd;
}

/* GAMBA CASINO THEME — bright green */
.gamba-casino .casino-promo-box {
  border-color: #3DDE93;
}

.gamba-casino .casino-button {
  background-color: #3DDE93;
  color: white;
  box-shadow: 0 0 12px rgba(61, 222, 147, 0.6);
}

.gamba-casino .casino-button:hover {
  background-color: #2fc27c;
}

@media (min-width: 1024px) {
  .casino .casino-promo-box {
    max-width: 700px;
  }

@media (max-width: 300px) {
    .giveawaybanner {
        width: 100%;
        padding left: 10px;
        
        
    }
}

@media (max-width: 768px) {
    .giveawaybanner {
        width: 100%;
        padding: 10px;
        
    }
}

@media (max-width: 1024px) {
    .giveawaybanner {
        width: 97%;
        padding: 10px; 
        
}

@media (max-width: 600px) {
    .stats-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width:991px){
    header {
    padding 20px; 
    }
    
    header label{
    display: initial;
    }

    /* Media queries for different screen sizes */
@media (min-width: 600px) {
    .container .card {
        width: 48%; /* Two cards side by side */
    }
}

@media (min-width: 768px) {
    .container .card {
        width: 32%; /* Three cards side by side */
    }
}

@media (min-width: 1024px) {
    .container .card {
        width: 24%; /* Four cards side by side */
    }
} 
    
    .responsive-image {
  width: 100%; /* Default to full width */
}

/* Larger screens */
@media (min-width: 1200px) {
  .stats-card {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    width: 80%; /* Adjust width for larger screens */
  }
}

/* Medium screens */
@media (min-width: 768px) and (max-width: 1199px) {
  .stats-card {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    width: 90%; /* Adjust width for medium screens */
  }
}
    
/* Responsive layout for mobile devices */
@media (max-width: 768px) {
    header {
        flex-direction: column;
        align-items: flex-start;
    }

    .logo {
        display: grid;
        grid-template-columns: repeat(2, 1fr); 
        gap: 10px; 
        width: 100%;
    }

    .navbar-container ul {
        flex-direction: column;
        width: 100%; /* Make the nav links full width */
    }

    .navbar-container li {
        margin-right: 0;
        text-align: center;
    }
    
    .navbar-container a {
        display: block;
        width: 100%;
        padding: 10px;
        background-color: #333; 
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }

/* HOMEPAGE INTRO */

.homepage-intro{
max-width:900px;
margin:auto;
padding:30px;
text-align:center;
color:white;
}

.homepage-intro h1{
font-size:40px;
color:#F5041E;
margin-bottom:20px;
}

.homepage-intro h2{
font-size:28px;
margin-top:20px;
color:#F5041E;
}

.homepage-intro p{
font-size:18px;
line-height:1.6;
margin-bottom:15px;
}

.homepage-intro ul{
list-style:none;
padding:0;
}

.homepage-intro li{
margin:10px 0;
font-size:18px;
}


/* AFFILIATE DISCLOSURE */

.affiliate-disclosure{
max-width:900px;
margin:20px auto;
background:#222;
padding:15px;
border-left:5px solid #F5041E;
color:white;
font-size:14px;
line-height:1.6;
}


/* TRUST SECTION */

.trust-section{
max-width:1000px;
margin:40px auto;
text-align:center;
color:white;
}

.trust-section h2{
color:#F5041E;
margin-bottom:20px;
}

.trust-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.trust-item{
background:#222;
padding:20px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.4);
}

.trust-item h3{
color:#F5041E;
margin-bottom:10px;
}

.trust-item p{
font-size:16px;
line-height:1.5;
}


/* CASINO CATEGORY LINKS */

.casino-categories{
max-width:900px;
margin:40px auto;
text-align:center;
color:white;
}

.casino-categories h2{
color:#F5041E;
margin-bottom:20px;
}

.casino-categories ul{
list-style:none;
padding:0;
}

.casino-categories li{
margin:10px 0;
}

.casino-categories a{
color:white;
font-size:18px;
text-decoration:none;
border-bottom:2px solid #F5041E;
padding-bottom:3px;
}

.casino-categories a:hover{
color:#F5041E;
}

/* BOX TEXT SECTIONS */

.affiliate-box,
.trust-box,
.category-box{
max-width:900px;
margin:40px auto;
font-size:18px;
line-height:1.6;
text-align:center;
}

.affiliate-box h2,
.trust-box h2,
.category-box h2{
font-size:32px;
margin-bottom:20px;
}

.affiliate-box p{
margin-bottom:15px;
}

.trust-box ul,
.category-box ul{
list-style:none;
padding:0;
}

.trust-box li,
.category-box li{
margin:10px 0;
}

.category-box a{
color:#F5041E;
font-weight:bold;
text-decoration:none;
}

.category-box a:hover{
text-decoration:underline;
}

/* CASINO RANK BAR */

.casino-rank{
background:#111;
color:white;
font-weight:bold;
padding:10px;
font-size:16px;
text-align:center;
border-bottom:2px solid #F5041E;
}

.top-badge{
position:absolute;
top:10px;
left:10px;
background:#F5041E;
color:white;
padding:5px 10px;
font-size:12px;
font-weight:bold;
border-radius:4px;
}
    
.casino-promo-box{
position:relative;
}
    
/* SLOT REVIEW PAGE */

.slot-review{
max-width:900px;
margin:40px auto;
background:white;
padding:30px;
border-radius:12px;
border:4px solid #F5041E;
text-align:center;
}

.slot-review h1{
font-size:36px;
margin-bottom:20px;
}

.slot-review h2{
margin-top:30px;
font-size:26px;
}

.slot-image{
width:100%;
max-width:500px;
border-radius:10px;
margin-bottom:20px;
}

/* SLOT STATS */

.slot-stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:15px;
margin:20px 0;
}

.slot-stat{
background:#f4f4f4;
padding:15px;
border-radius:8px;
}

.stat-title{
display:block;
font-weight:bold;
font-size:14px;
color:#555;
}

.stat-value{
font-size:18px;
color:#F5041E;
font-weight:bold;
}

/* FEATURES */

.slot-features{
list-style:none;
padding:0;
}

.slot-features li{
margin:8px 0;
font-size:18px;
}

/* CASINO TABLE */

.casino-table table{
width:100%;
border-collapse:collapse;
margin-top:20px;
}

.casino-table th{
background:#F5041E;
color:white;
padding:12px;
}

.casino-table td{
padding:12px;
border-bottom:1px solid #ddd;
}

.table-button{
background:#F5041E;
color:white;
padding:8px 14px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
}

.table-button:hover{
background:#c80017;
}

/* RELATED SLOTS */

.related-slots{
margin-top:20px;
}

.related-slots a{
display:inline-block;
margin:8px;
padding:8px 12px;
background:#f4f4f4;
border-radius:6px;
text-decoration:none;
color:black;
}

.related-slots a:hover{
background:#F5041E;
color:white;
}

/* UNIVERSAL CONTENT BOX FOR ALL TEXT SECTIONS */

.content-box{
max-width:900px;
margin:40px auto;
padding:30px;
font-size:18px;
line-height:1.6;
text-align:center;
}

/* headings inside content boxes */

.content-box h1{
font-size:36px;
margin-bottom:20px;
}

.content-box h2{
font-size:28px;
margin-top:20px;
margin-bottom:15px;
}

.content-box p{
margin-bottom:15px;
}

/* lists inside boxes */

.content-box ul{
list-style:none;
padding:0;
}

.content-box li{
margin:8px 0;
}

/* link styling */

.content-box a{
color:#F5041E;
font-weight:bold;
text-decoration:none;
}

.content-box a:hover{
text-decoration:underline;
}

/* optional shadow for better depth */

.giveaway{
box-shadow:0 6px 20px rgba(0,0,0,0.25);
}
  
/* SLOT IMAGE */

.slot-image{
display:block;
width:100%;
height:auto;
max-width:650px;
margin:25px auto;
border-radius:10px;
box-shadow:0 6px 20px rgba(0,0,0,0.25);
}

/* MOBILE SLOT IMAGE FIX */

@media screen and (max-width: 768px){

.slot-image{
width:100% !important;
max-width:100% !important;
margin:15px auto !important;
}

.slot-review{
padding:20px !important;
}

}
@media (max-width:768px){
.slot-image{
max-width:500px;
}
}