@import url('https://fonts.googleapis.com/css2?family=Red+Rose:wght@300..700&display=swap');
.main-menu__nav-link{
    font-family: "Red Rose", serif !important;
    font-weight: 400;

}
.journal-desc {
    padding: 2.5em 3.5em 2.5em 53px !important;
    border: 2px solid #1c3850;
}
@media (min-width: 992px) {
    .additional-content {
        columns: 1 !important;
        margin-left: 42px;
        margin-right: 173px;
        justify-content: center;
    }
    .row .main-footer__block{
        margin-left: 240px !important;
        padding: 14px !important;
    }
    row main-footer__block{
        margin-left: 240px !important;
        padding: 14px !important;
    }
/* 1. Force the TEXT to have straight edges (Justified) */
.additional-content p {
    text-align: justify !important;
    text-justify: inter-word !important; /* Makes spacing between words cleaner */
}

/* 2. Force the CONTAINER to be centered and single-column */
.additional-content {
    display: block !important;       /* Overrides grid or flex */
    columns: 1 !important;           /* Forces single column */
    margin-left: auto !important;    /* Centers the block left */
    margin-right: auto !important;   /* Centers the block right */
    width: 100% !important;
    max-width: 1000px !important;    /* Prevents it from getting too wide */
}
.main-menu__logo img, .main-menu__title img {
    max-height: 80px;
    width: auto;
}
.main-header a {

    font-size: 19px !important;
 
}
}
.main-menu__nav-link:hover, .main-menu__nav-link:focus, .main-menu__nav-link:active {
    color: rgba(255, 255, 255, 0.95) !important;
    background-color: #d22828 !important;
    font-family: "Red Rose", serif;
    font-weight: 400;
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #d22828;
    border: 1px solid rgba(255, 255, 255, 0.95);
    color: white !important;
}
.dropdown-menu .dropdown-item a.active, .dropdown-menu .dropdown-item a:active, .dropdown-menu .dropdown-item a:hover, .dropdown-menu .dropdown-item a:focus {
    background-color: rgb(210 40 40) !important;
    color: #000;
}
.metadata {
    margin: .75em 0;
    padding: 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 1rem;
    background: #f3f5f6;
    font-weight: 600;
    color: rgb(210 40 40) !important;
    list-style: none;
}
Based on the HTML structure provided (which appears to be from an OJS/PKP system), here is the CSS to target the "Langue" header and the "Catégories" list item specifically.

The CSS Solution
Add this to your stylesheet or custom CSS field:

CSS

.main-footer .col-md-3 h2 {
    border-bottom: 3px solid rgb(210 40 40) !important;
    font-weight: 600;
    padding-bottom: 5px; /* Adds a little space between text and border */
    display: inline-block; /* Ensures the border is only as wide as the text */
}


.main-footer .block_browse nav ul li.has_submenu {
    border-bottom: 3px solid rgb(210 40 40) !important;
    font-weight: 600;
    padding-bottom: 5px;
    display: inline-block;
    list-style: none; /* Removes bullet point if necessary */
}
.metadata p{
    background: #f3f5f6 !important;
    color: rgb(28 56 80) !important;
}
.additional-content img{
    width: 300px; height: 120px; object-fit: cover;
}

.main-footer h1, .main-footer h2, .main-footer h3, .main-footer h4, .main-footer h5, .main-footer h6{
   color: #d22828;
}
.main-header a{
    font-family: "Red Rose", serif !important;

}
.modal .modal-content {
    background-color: #51788f !important; 
}
.form-control{
    color: rgb(0 0 0 / 95%) !important;
}
.main-header {
padding-bottom: 21px;
border-bottom: 3px solid #d22828;}
body{
background:#f3f5f6 !important;   
color: rgb(28 56 80) !important;
}
a {
    color: rgb(28 56 80) !important;
}
.dropdown-menu .dropdown-item a {
    color: rgb(255, 255, 255) !important;
}

h1, h2, h3, h4, h5, h6, th{
    color: rgb(28 56 80) !important;

}