/**
 * Section Fix CSS
 * Fixed background color for CTA section
 */

/* Set fixed dark theme background color for CTA section in both themes */
.cta-section {
  background-color: #1A1D2E !important;
  color: #FFFFFF !important;
  position: relative;
}

/* Override any theme variables that might affect this section */
.theme-light .cta-section,
.theme-dark .cta-section {
  background-color: #1A1D2E !important;
}

/* Ensure buttons maintain proper contrast against the dark background */
.cta-section .btn-light {
  background-color: #FFFFFF !important;
  color: #1A1D2E !important;
  border-color: #FFFFFF !important;
}

.cta-section .btn-outline-light {
  background-color: transparent !important;
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

.cta-section .btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Ensure text elements maintain proper color */
.cta-section h2,
.cta-section p {
  color: #FFFFFF !important;
}