/* Global Styling */
body {
  font-family: 'Montserrat', sans-serif; /* Global font for the page */
}

/* Container Styling */
.custom-container {
  display: flex;
  border-radius: 15px;
  overflow: hidden; /* Ensures the rounded corners apply cleanly */
  border: 1px solid #11265c; /* Thin border around the container */
  flex-direction: row; /* Default to side-by-side layout */
}

/* Left Section (1/3 of the container) */
.left-section {
  width: 33.33%; /* One-third of the container */
  background-color: #11265c; /* Background color */
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

/* Icon Styling (Placeholder for icon) */
.icon-placeholder {
  margin-bottom: 20px;
  width: 50px; /* Adjust the size as needed */
  height: 50px; /* Adjust the size as needed */
}

.icon-placeholder img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Editable Heading (H2 text style) */
.editable-heading {
  font-size: 32px; /* Default font size */
  color: #fff; /* Text color */
  text-align: center;
  line-height: 1.3;
  font-weight: 700; /* Bold weight */
}

/* Right Section (2/3 of the container) */
.right-section {
  width: 66.66%; /* Two-thirds of the container */
  background-color: #fff; /* White background */
  padding: 20px;
}

/* Editable Paragraph */
.editable-paragraph {
  color: #11265c; /* Regular text color for the paragraph */
  font-size: 16px; /* Regular paragraph font size */
  line-height: 1.8; /* Increased line spacing */
  font-family: 'Montserrat', sans-serif; /* Ensure Montserrat is applied */
}

/* Ensure that the list styling and font apply to all list items */
.editable-paragraph ul, .editable-paragraph ol {
  margin-left: 20px !important; /* Indentation for list items */
  padding-left: 20px !important; /* Space between bullet and text */
  list-style-type: disc !important; /* Default bullet style */
  list-style-position: inside !important; /* Keep bullets inside the text */
  font-size: 16px !important; /* Ensure the font size matches the regular paragraph text */
  line-height: 1.8 !important; /* Ensure line height matches regular paragraph text */
  font-family: 'Montserrat', sans-serif !important; /* Apply Montserrat font */
}

/* Ensure the list items have the correct font size, font family, and spacing */
.editable-paragraph li {
  font-size: 16px !important; /* Ensure the font size matches the regular paragraph text */
  line-height: 1.8 !important; /* Ensure line height is consistent */
  font-family: 'Montserrat', sans-serif !important; /* Apply Montserrat font */
  margin-bottom: 8px !important; /* Space between list items */
}

/* Mobile-specific styles */
@media (max-width: 768px) {
  /* Adjust header font size for mobile */
  .editable-heading {
    font-size: 18px; /* Font size for mobile devices */
  }

  /* Stack the sections vertically for mobile */
  .custom-container {
    flex-direction: column; /* Stack the left and right sections */
  }

  /* Reduce the padding for mobile */
  .left-section, .right-section {
    width: 100%; /