.step {
            display: none;
        }
        .step.active {
            display: block;
        }
        .step-indicator {
            margin-bottom: 30px;
        }
        .step-item {
            flex: 1;
            text-align: center;
            position: relative;
        }
        .step-item.active .step-number {
            background-color: #007bff;
            color: white;
        }
        .step-item.completed .step-number {
            background-color: #28a745;
            color: white;
        }
        .step-number {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #e9ecef;
            color: #6c757d;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }

 

.school-logo {
    max-width: 120px;
    max-height: 120px;
    width: auto;
    height: auto;
    transition: transform 0.3s ease;
    object-fit: contain;
}