.body-wrapper {
    min-height: calc(100vh - 80px); /* adjust if header height differs */
    display: flex;
    justify-content: center;
    align-items: center;  /* THIS centers vertically */
    margin-left:0 !important;
}


.modules-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 40px;
}



.module-box {
    width: 260px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 10px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    position: relative;
    overflow: hidden;
}




.module-box {
    display: flex;
    flex-direction: column; /* THIS IS THE KEY FIX */
    align-items: stretch;   /* full width */
}

/* IMAGE PART */
.module-image {
    height: 160px;
    background-size: cover;
    background-position: center;
}

/* TEXT PART */
.module-title {
    padding: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #222;
}

/* HOVER EFFECT */
.module-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}


.module-image.iqcm {
    background-image: url("../images/iqcm_module.jpg");
}

.module-image.lube {
    background-image: url("../images/lube_module.jpg");
}

.module-image.audit {
    background-image: url("../images/audit.jpg");
}

.module-image.qc {
    background-image: url("../images/qc_curator.jpg");
}