.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 {
    /* 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-section-text {
    font-size: 1.2em; 
    line-height: 1.6; 
    color: #3e4a2f
}

.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: 1.0rem !important;
    line-height: 1.2 rem !important;
    text-align: justify;
}

/* Default Size (Desktop/Large Screens) */
.ministry-logo-cctinc {
    height: 90px;
    /* Ensure width is set to 'auto' to maintain aspect ratio */
    width: auto; 
}



.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;
}



/* Medium Screen and smaller*/
@media (max-width: 991.98px) {

    .ministryconvergence-section-title {
        font-size: 1.3rem !important;
    }

    .ministryconvergence-modal-content {
        padding: 0 !important;
    }

    .ministryconvergence-modal-content .modal-body p {
        font-size: 0.8rem !important;
    }

    .ministryconvergence-title {
        font-size: 1.3rem !important;
    }

    .ministryconvergence-section-text {
        font-size: 0.8rem !important;
    }

    .ministryconvergence-verse {
        font-size: 0.8rem !important;
    }
    
    .ministry-logo-cctinc {
        /* Set the new height, which is 60% smaller than 90px (90px - 54px = 36px) */
        height: 36px !important;
    }

    
    .ministryconvergence-two-column-list-container li {
        width: 100%; 
    }
}