.visionmission-modal_content {        
    /* Apply a 16px radius to all four corners */
    border-radius: 16px !important; 
                
    /* Set the image for the overlay */
    background-color: #7B983B !important;

    /* Ensure the image covers the entire screen * /
    background-size: cover;
    background-repeat: repeat;
    background-position: center center;
    */

    /* NOTE: You may need to adjust or remove the default opacity */
    opacity: 1 !important; 

    /* Apply padding to the top, right, bottom, and left of the whole box */
    padding: 10px 30px 30px 30px !important;

    overflow: auto; /* For image left - A modern clearfix technique */
}


/* Assign a specific class to the unordered list you want to modify */
.visionmission-list-image {
  /* 1. Remove the default bullet */
  list-style-type: none; 
  /* 2. Specify the URL of your image */
  list-style-image: url('../../../images/homepage/visionmission/bullet.png');
  /* Optional: Adjust left padding to make space for the image */
  padding-left: 20px; 
}

/* Optional: Fallback for browsers that don't load the image */
.visionmission-list-image li {
  padding-left: 5px; /* Adds a bit of space between a fallback bullet and text */
}

/* Hover Effect */
.visionmission-list-image li:hover {
  color: #e02121; /* Turns the font red on hover */
}

/* Optional: Make the custom bullet red on hover too */
.visionmission-list-image li:hover::before {
  color: #e02121;
}

/* Target the anchor tag inside the list item */
.visionmission-list-image li a {
  text-decoration: none; /* Removes the underline */
  color: inherit;        /* Ensures the link inherits the text color from the parent <li> */
}

/* Ensure the hover effect still works on the link text */
.visionmission-list-image li:hover a {
  color: e02121; /* Link text turns red when the LI is hovered */
}

.visionmission-verse-num {
  color: white; 
  /* Raises the text to the superscript position */
  vertical-align: super;
  /* Makes the number smaller */
  font-size: 0.7em; /* You can adjust this value (e.g., 60% or 75%) */
  /* Ensures the number is slightly bold to stand out against the smaller size */
  font-weight: bold;
}