#section-investor-relations {
    padding: 4rem 0;
}

    #section-investor-relations .bod-image {
        max-width: 70px;
        border: 1px solid #ccc;
    }

    #section-investor-relations .bod-name {
        color: #000;
        font-weight: 600;
        margin-bottom: 0;
    }

    #section-investor-relations .bod-title {
        color: #000;
        font-size: 0.9em;
        margin-bottom: 0;
    }

#section-investor-relations .nav.nav-tabs {
    border-bottom: 0px solid #fff;
}



.side-nav {
    color: #000;
}

    .side-nav .nav-item a {
        color: #000;
    }

    .side-nav .nav-item .nav-link {
        border: 1px solid #c1c1c1;
        border-radius: 0px;
        background-color: #fff;
    }

        .side-nav .nav-item .nav-link:hover {
            background-color: #dddddd;
        }

        .side-nav .nav-item .nav-link.active {
            background-color: #dddddd;
            border: 1px solid #b4b4b4 !important;
        }

#tab-investor-relations {
    color: #000;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
}

    #tab-investor-relations .nav {
        background-color: #dadada;
    }

        #tab-investor-relations .nav .nav-item a {
            color: #000;
            font-weight: 500;
        }

        #tab-investor-relations .nav .nav-item .active {
            border-top: 5px solid #0000ff;
            border-left: 0px solid;
            border-right: 0px solid;
        }

    #tab-investor-relations .nav-link {
        height: 100%;
        color: #000 !important;
    }

    #tab-investor-relations .tab-pane {
        padding: 10px 20px;
    }

    #tab-investor-relations .list-group {
        cursor: pointer;
    }

        #tab-investor-relations .list-group a {
            text-decoration: none;
        }

        #tab-investor-relations .list-group .list-group-item:hover {
            background-color: #d1d1d1;
            border: 1px solid rgba(0,0,0,.125);
            color: #000;
        }

        #tab-investor-relations .list-group .active {
            background-color: #d1d1d1;
            color: #000;
            border: 1px solid #b4b4b4;
        }

.side-nav .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
}


/* ======================================================
   INVESTOR RELATIONS — SMALLER SQUARE IMAGES + TIGHTER SPACING
   ====================================================== */

/* Directors row — tighter spacing */
#section-investor-relations #profile-3 .directors-row {
    gap: 6px; /* space BETWEEN cards */
}

/* Director card — slightly narrower */
#section-investor-relations #profile-3 .director-card {
    width: 104px;
    max-width: 104px;
    text-align: center;
}

/* Director image — SMALL, PERFECT SQUARE */
#section-investor-relations #profile-3 .bod-image {
    width: 68px !important;
    height: 68px !important;      /* forces square */
    max-width: 68px !important;
    object-fit: cover;            /* no stretching */
    margin-bottom: 4px !important;/* tighter space under image */
    border-radius: 4px;           /* keep subtle rounding */
}

/* Name — compact */
#section-investor-relations #profile-3 .bod-name {
    font-size: 11px;
    line-height: 1.1;
    margin-bottom: 2px;
}

/* Title — compact */
#section-investor-relations #profile-3 .bod-title {
    font-size: 10px;
    line-height: 1.1;
    margin: 0;
}


/* ======================================================
   INVESTOR RELATIONS — TITLE ADJUSTMENTS
   ====================================================== */

/* Center "Board of Directors" title */
#section-investor-relations #profile-3 h3:first-of-type {
    text-align: center;
}

/* Hide "Corporate Secretary" title ONLY */
#section-investor-relations #profile-3 h3:nth-of-type(2) {
    display: none;
}


/* ======================================================
   INVESTOR RELATIONS — WHITE BACKGROUND OVERRIDE
   ====================================================== */

#section-investor-relations #profile-3 #board-directors {
    background: #ffffff !important;      /* white background */
    background-image: none !important;   /* remove image */
    background-blend-mode: normal !important;
    color: #000;                          /* ensure text is black */
}

/* Ensure director text stays dark on white */
#section-investor-relations #profile-3 .bod-name,
#section-investor-relations #profile-3 .bod-title {
    color: #000 !important;
}


/* ======================================================
   INVESTOR RELATIONS — FIX MANAGEMENT COMMITTEE LAYOUT
   ====================================================== */

/* RESET any forced width (important fix) */
#section-investor-relations #profile-4 .row-management-team > div {
    max-width: none !important;
    width: auto !important;
}

/* Keep Bootstrap layout intact */
#section-investor-relations #profile-4 .row-management-team {
    justify-content: center;
}

/* Image — SAME SIZE as Board (square, small) */
#section-investor-relations #profile-4 .bod-image {
    width: 68px !important;
    height: 68px !important;
    max-width: 68px !important;
    object-fit: cover;
    margin-bottom: 4px !important;
    border-radius: 4px;
}

/* Text — match Board */
#section-investor-relations #profile-4 .bod-name {
    font-size: 11px;
    line-height: 1.1;
    margin-bottom: 2px;
    font-weight: 600;
    color: #000;
}

#section-investor-relations #profile-4 .bod-title {
    font-size: 10px;
    line-height: 1.1;
    margin: 0;
    color: #000;
}

/* Center "Board of Directors" title */
#section-investor-relations #profile-4 h3:first-of-type {
    text-align: center;
}




/* ======================================================
   INVESTOR RELATIONS — RESOURCE PERSONS (NO OVERLAP FIX)
   ====================================================== */

/* Card container */
#section-investor-relations #profile-4 .resource-person-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 150px;   /* prevents overlap */
}

/* Image stays fixed */
#section-investor-relations #profile-4 
.resource-person-card .bod-image {
    width: 68px !important;
    height: 68px !important;
    object-fit: cover;
    margin-bottom: 6px;
}



#section-investor-relations #profile-4 .resource-persons-row > div {
    padding-left: 50px;
    padding-right: 50px;
}


/* Hide duplicate Management Committee title (JS-generated) */
#section-investor-relations 
#profile-4 
.col-12.text-center.mb-4:first-child {
    display: none;
}

#management-team .bod-name {
    margin-bottom: 5px;
}


#management-team .bod-name {
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.2;
}

#management-team .bod-title {
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.2;
}

#section-investor-relations 
#profile-4 
.row-management-team 
.col-12.text-center.mb-5:first-child {
    display: none;
}