.custom-label {
    font-family: 'Inter', 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin: 5px 0;
    padding: 5px 10px;
    display: inline-block;
    min-height: 30px; /* Minimum height */
    line-height: 1.5; /* Better text spacing (1.5 × font-size) */
}

.title-label-responsive  {
    font-family: 'Poppins', 'Inter', sans-serif; /* Modern sans-serif */
    font-size: 24px;          /* Large size for prominence */
    font-weight: 600;         /* Semi-bold (700 for extra bold) */
    color: #1a1a1a;           /* Near-black for contrast */
    margin: 10px 0;           /* Spacing around the title */
    letter-spacing: 0.5px;    /* Slight spacing for elegance */
    line-height: 1.3;         /* Improves readability */
    text-transform: none;     /* Options: uppercase/capitalize */
}

.title-label-gradient  {
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    font-weight: 700;
    background: linear-gradient(90deg, #ff6b6b, #556270);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin: 15px 0;
}

.title-label-accent-border {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #2c3e50;
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 3px solid #3498db; /* Blue underline */
}