.ministryconvergence-logo-wrapper {
    /* Ensures consistent height for all logo containers */
    /* height: 120px; /* Adjust as needed */
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #ffffff; 
    border-radius: 0.5rem; / * Rounded corners * /
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); / * Subtle shadow */
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
}
.ministryconvergence-logo-wrapper:hover {
    transform: translateY(-5px);
}
.ministryconvergence-logo-wrapper img {
    height: 70px; /* Ensure logo fits within the wrapper - Adjusted to 100px */
    width: 300px; /* Ensure logo fits within the wrapper */
    object-fit: contain; /* Maintain aspect ratio */    
}



/* *********************************************************************************** */
.ministryconvergence-modal-content {
    /* Apply a 16px radius to all four corners */
    border-radius: 16px !important; 

    /* Set the image for the overlay */
    background-image: url('../../../images/homepage/bg-texture.png');

    /* 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 */
}

.ministryconvergence-modal-content .img-fluid {
    /* Pushes the image to the left edge of its container */
    float: left;
    
    /* Adds space between the image and the wrapping text */
    margin-right: 10px; 
    
    /* Optional: Adds space below the image if the text is short */
    margin-bottom: 10px; 

    /* Optional: Set a specific width for the image */
    width: auto;
    max-width: 300px; 
    height: auto;
    max-height: 300px !important;
}

.ministryconvergence-modal-content .modal-body p {
    font-family: "Rubik", sans-serif;
    font-size: x-large;
    color: #79973b;
}

.ministryconvergence-title {
    font-family: "Revans Medium", sans-serif;
    font-size: xx-large;
    color: #79973b;
}

.ministryconvergence-subtitle {
    font-family: "Rubik", sans-serif;
    font-size: x-large;
    font-weight: 500;
    color: #79973b;
}

.ministryconvergence-verse {
    font-size: large !important;
    line-height: 1.5rem !important;
    text-align: justify;
}


.ministryconvergence-modal-content .modal-body p i {
    font-size: large !important;
}

.ministryconvergence-modal-content .modal-body ul li {
    font-family: "Rubik", sans-serif;
    font-size: large;
    color: #79973b;
    text-transform: capitalize;
}

/* 1. Target the UL inside your container */
.ministryconvergence-two-column-list-container ul {
    /* Enable Flexbox on the list container */
    display: flex;
    /* Allow list items to wrap to the next row */
    flex-wrap: wrap;
}

/* 2. Target the LI elements */
.ministryconvergence-two-column-list-container li {
    /* Force each list item to take up exactly 50% of the container width */
    width: 50%; 
    text-transform: capitalize;
}

/* *********************************************************************************** */