/* style/casino-roulette-strategy.css */

/* Base styles for the page content */
.page-casino-roulette-strategy {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #ffffff; /* Light text for dark body background #0a0a0a */
  background-color: #0a0a0a; /* Ensure consistency with body background */
}

.page-casino-roulette-strategy__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Section styling */
.page-casino-roulette-strategy__hero-section,
.page-casino-roulette-strategy__video-section,
.page-casino-roulette-strategy__content-section,
.page-casino-roulette-strategy__cta-section {
  padding: 60px 0;
  position: relative;
}

/* Fixed header offset for the first content section */
.page-casino-roulette-strategy__hero-section {
  padding-top: var(--header-offset, 120px); /* Ensures content is not hidden by fixed header */
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
  overflow: hidden; /* Prevent content overflow */
}

/* Dark background sections */
.page-casino-roulette-strategy__dark-bg {
  background-color: #1a1a1a;
  color: #ffffff;
}

/* Titles and headings */
.page-casino-roulette-strategy__hero-title {
  font-size: 3.5em;
  color: #26A9E0; /* Brand color for emphasis */
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.2;
}

.page-casino-roulette-strategy__section-title {
  font-size: 2.5em;
  color: #26A9E0; /* Brand color for emphasis */
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  padding-bottom: 15px;
}