/* This ensures the blue banner sits BEHIND the glass but the TEXT sits BELOW it */
.page-title {
    padding-top: 190px !important; /* Adjust this if your logo/nav height changes */
    padding-bottom: 80px !important;
    margin-top: 0 !important;
    background: linear-gradient(135deg, #0056b3 0%, #00a8cc 100%) !important;
    width: 100%;
    display: block;
}

/* Optional: Add a subtle training-related background icon or pattern */
.page-title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="white" fill-opacity="0.03" width="100" height="100"/></svg>');
    pointer-events: none;
}