.single-page-title-area {
    padding: 90px 0;
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.healtexprof-hero {
    background-image: url("/static/img/bg/flag.jpg");
}

.text-success {
    color: #28a745;
    
    font-weight: bold;
}

.text-danger {
    color: #dc3545;
    font-weight: bold;
}

.document-list li,
.certification-list li {
    margin-bottom: 8px;
}

.document-list a {
    color: #0d6efd;
    font-weight: 500;
    font-size: 15px;
}

.certification-link {
    display: block;              /* allow wrapping */
    width: 100%;                 /* full width on mobile */
    text-align: left;            /* align text properly */
    white-space: normal;         /* allow line breaks */
    word-break: break-word;      /* break long words */
    padding: 0;   
    color: #28a745;     
    font-weight: 500;   
    font-size: 15px;       /* keep it clean */
}


.certification-link:hover {
    text-decoration: underline;
}
.scheme-logo {
    max-height: 90px;
    width: auto;
}

.scheme-logo-large {
    max-height: 150px;
    width: auto;
}

@media (max-width: 576px) {
    .scheme-logo {
        max-height: 70px;
    }
    .scheme-logo-large {
        max-height: 120px;
    }
}

/* btn-close tweaks */
.btn-close {
    font-size: 1.5rem;
    line-height: 1;
    color: #000;
    opacity: 0.8;
    padding: 0.15rem;
    border: none;
    background: transparent;
    cursor: pointer;
}

.btn-close:hover,
.btn-close:focus {
    color: #ea0303;
    opacity: 1;
    text-decoration: none;
    outline: none;
}

/* ensure the close button sits at the right in modal headers */
.modal-header .btn-close {
    margin-left: auto;
}

/* if you use the × fallback inside the button, make it slightly bolder */
.btn-close:not(:empty) {
    font-weight: 600;
}

/* white variant for dark headers */
.btn-close.btn-close-white,
.modal-header.bg-dark .btn-close {
    color: #fff;
    opacity: 0.95;
}