.elegant-h2 {
    font-family: 'Roboto', serif;
    font-size: 28px; 
    color: #00284b;  
    text-align: center;   
    margin-bottom: 20px; 
    border-bottom: 2px solid #ccc;
    padding: 10px; 
    text-transform: uppercase;
    letter-spacing: 1px;         
}
.elegant-h1 {
    font-family: 'Roboto', serif;
    color: #00284b;  
    text-align: center;            
    margin-bottom: 20px;          
    border-bottom: 2px solid #ccc; 
    padding: 10px;                 
    text-transform: uppercase;     
    letter-spacing: 1px;          
}
.elegant-h3 {
    font-family: 'Roboto', serif;
    font-size: 24px;  
    color: #00284b;  
    text-align: center;  
    margin-bottom: 15px;  
    border-bottom: 1px solid #ccc;  
    padding: 8px;  
    text-transform: uppercase;  
    letter-spacing: 0.8px;  
}
.bold-text {
    font-weight: bold;
}