#fw-section-image-with-text-de96a6a2-2b56-4679-8854-141d3a24c945 {

.html-formatter {
  font-size: 14px; /* Example: Set the font size to 18px for all children */
}
}







#fw-section-rich-text-173935020963185 {

.html-formatter {
  font-size: 16px; /* Example: Set the font size to 18px for all children */
}
}











#fw-section-custom-html-f4a7114e-95f3-422b-96e9-691f1f016893 {

/* Custom Banner Section Container */
.custom-banner {
  position: relative;
  width: 100%;
  height: 800px;  /* Adjust the section height as needed */
  overflow: hidden;
}

/* Background Banner Image */
.custom-banner .banner-image {
  background-image: url('https://i.imgur.com/qYvD3ro.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid red; /* Temporary debug border; remove when image displays correctly */
}

/* Overlay Content (for headings, text, button, etc.) */
.custom-banner .banner-overlay {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 20px;  /* Optional inner spacing for content */
}

/* Custom Button Styling */
.custom-banner .custom-btn {
  padding: 16px 40px !important;  /* 16px top/bottom and 40px left/right */
  background-color: #007BFF;        /* Replace with your brand color if desired */
  border: none;
  border-radius: 4px;
  font-size: 16px;                  /* Adjust font size if needed */
  color: #fff;
  text-decoration: none;            /* Removes the default underline for links */
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 20px;                 /* Space above the button */
}

/* Hover State for the Button */
.custom-banner .custom-btn:hover {
  background-color: #0056b3;        /* Adjust to your desired hover color */
}

}