.slots{

    display:flex;
    
    flex-wrap:wrap;
    
    gap:10px;
    
    }
    
    .slot{
    
    background:white;
    
    border-radius:10px;
    
    padding:10px 15px;
    
    box-shadow:0 3px 10px rgba(0,0,0,0.1);
    
    cursor:pointer;
    
    }
    
    .slot:hover{
    
    background:#2a5298;
    
    color:white;
    
    }
    .page-title{

        font-size:20px;
        margin-bottom:15px;
        
        }
        
        .date{
        
        width:100%;
        padding:10px;
        border-radius:10px;
        border:none;
        margin-bottom:15px;
        
        }
        
        .slots{
        
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        
        }
        
        .slot{
        
        background:white;
        padding:12px;
        border-radius:10px;
        box-shadow:0 3px 10px rgba(0,0,0,0.1);
        
        }
        
        .status{
        
        background:#2a5298;
        color:white;
        padding:5px 10px;
        border-radius:20px;
        font-size:12px;
        
        }