.ccg-full-width-background {
  width: 100%; /* Ensures the section spans the full width of its parent */
  min-height: 400px; /* Adjust as needed for desired height */
  background-image: url('/assets/images/top-sect.jpg'); /* Replace with your image URL */
  background-size: cover; /* Scales the image to cover the entire container */
  background-position: center center; /* Centers the image within the container */
  background-repeat: no-repeat; /* Prevents image tiling */
  display: flex; /* Use flexbox for centering content */
  align-items: center; /* Vertically centers content */
  justify-content: center; /* Horizontally centers content */
  padding: 20px 0; /* Add vertical padding for spacing */
}

.ccg-content-wrapper {
  max-width: 1200px; /* Constrains content width for readability */
  margin: 0 auto; /* Centers the content wrapper horizontally */
  padding: 20px; /* Add padding around the content */
  color: #d7b168; /* Example text color for contrast with background */
  text-align: center; /* Centers text within the content wrapper */
}

/* Optional: Media queries for specific responsiveness adjustments */
@media (max-width: 768px) {
  .ccg-full-width-background {
    min-height: 300px; /* Adjust height for smaller screens */
  }
  .ccg-content-wrapper {
    padding: 15px; /* Adjust padding for smaller screens */
  }
}