#wb_header { 
  background: transparent none repeat scroll left top; 
  height: 104px; 
}

#wb_main { 
  background: transparent none repeat scroll left top; 
  height: 170px; 
  padding: 0 0 120px 0; 
}

#wb_footer { 
  background: #ededed none repeat scroll left top; 
  height: 2px; 
}

body { 
  background: transparent url("../gallery_gen/9eb51071d279758d37fd90d51e3d762d.jpg") no-repeat scroll center top; 
  font-family: Arial, sans-serif; /* Add a font-family for consistency */
}

.wb_sbg { 
  background: transparent none repeat-x scroll left top; 
}

body, .wb_sbg { 
  min-width: 992px; 
  min-height: 2650px; 
}

.root { 
  width: 100%; /* Full width for the root element */
  max-width: 992px; /* Ensures the layout doesn't stretch beyond a certain width */
  height: auto; /* Allow height to adjust dynamically */
  overflow: visible; 
  margin: 0 auto; /* Center the content horizontally */
  padding: 0 10px; /* Add some padding for better spacing */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Vertically centers the content */
}

#wb_element_instance0 { 
  min-width: 200px; 
  width: 100%; /* Set width to 100% to make it flexible */
  max-width: 992px; /* Limit maximum width */
  min-height: 45px; 
  height: auto;
  margin: 0 auto; /* Center element horizontally */
  display: block; 
  z-index: 63; 
  padding: 10px; 
  border-radius: 5px; /* Optional, to style the block */
  box-sizing: border-box; /* Ensure padding is included in width calculation */
}

#wb_element_instance0 img { 
  display: none; /* Hide the image since we're handling text */
}

#wb_element_instance0 p { 
  font-size: 16px; /* Adjust font size */
  color: #333; /* Text color */
  line-height: 1.5; /* Line height for readability */
  margin: 0; 
}

#wb_element_instance0 ul {
  list-style-type: disc; /* Ensure bullets are visible */
  padding-left: 30px; /* Adjust padding to position the bullets properly */
  margin-left: 0; /* Remove default margin */
}

#wb_element_instance0 li {
  font-size: 16px;
  color: #333; /* Same color for list items */
  margin: 5px 0; /* Space between list items */
  line-height: 1.5; /* Maintain consistency with paragraph text */
}

/* Optional: Additional styling for list bullets */
#wb_element_instance0 li::marker {
  color: #333; /* Custom bullet color */
  font-size: 18px; /* Bullet size */
}

#wb_element_instance1 { 
  display: block; 
  z-index: 9000; 
}

#wb_element_instance2 { 
  display: block; 
  z-index: 9999; 
}

.custom_info {
  display: flex;  /* Use flexbox for centering */
  flex-direction: column;  /* Stack elements vertically */
  justify-content: center;  /* Center content vertically */
  align-items: center;  /* Center content horizontally */
  text-align: center;  /* Ensure text is centered */
  padding: 20px;  /* Add some padding around the content */
  width: 100%;  /* Ensure it takes up full width */
  height: 100%;  /* Ensure it takes up full height */
  box-sizing: border-box;  /* Ensure padding is included in width/height calculation */
}

.custom_info h2 {
  font-size: 22px;  /* Adjust heading size */
  color: #333;  /* Heading color */
  margin-bottom: 15px;  /* Add space below the heading */
}

.custom_info ul {
  list-style-type: disc;  /* Make sure the list uses bullets */
  padding-left: 20px;  /* Adjust padding for the list */
  text-align: left;  /* Align list items to the left */
}

.custom_info li {
  font-size: 16px;  /* Adjust list item font size */
  color: #333;  /* List item color */
  margin: 10px 0;  /* Add space between list items */
  line-height: 1.5;  /* Add line height for better readability */
}



/* Media Queries */
@media (max-width: 768px) {
  #wb_header { height: 80px; }
  #wb_main { height: auto; padding: 0 0 60px 0; }
  #wb_footer { height: 2px; }
  body, .wb_sbg { min-width: 100%; min-height: 100vh; } /* Ensure it takes full height on mobile */
  .root { width: 100%; padding: 10px; box-sizing: border-box; }

  #wb_element_instance0 { 
    min-width: 0;
    width: 100%; /* Ensure full width on mobile */
    padding: 10px;
  }

  #wb_element_instance0 p {
    font-size: 14px; /* Reduce font size on mobile for better readability */
  }

  #wb_element_instance0 ul {
    padding-left: 20px; /* Reduce padding for smaller screens */
  }
  
  #wb_element_instance0 li {
    font-size: 14px; /* Adjust font size for mobile */
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .root { width: 100%; padding: 20px; }
  #wb_element_instance0 { width: 100%; }
  #wb_element_instance0 p {
    font-size: 15px; /* Adjust font size */
  }
}

@media (min-width: 992px) {
  #wb_header { height: 104px; }
  #wb_main { height: 170px; }
  #wb_footer { height: 2px; }
  body, .wb_sbg { min-width: 992px; min-height: 276px; }
  .root { width: 992px; height: auto; padding: 20px; }
  #wb_element_instance0 { width: 100%; }
}