/* Extracted from applyc.html */

/* Block 1 */
body {
  font-family: sans-serif;
  padding: 20px;
}

/* Block 2 */
* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: Arial, Helvetica, sans-serif;
    }

    
    }

    .post {
        background: #fff;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    /* Ensuring the inner text of all form elements is Arial */
    input, textarea, select, button {
        width: 100%;
        display: block;
        margin: 15px 0;
        padding: 15px;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 1.1em;
        border-radius: 8px;
        border: 2px solid #cecece;
        outline: none;
        box-sizing: border-box;
    }

    textarea { resize: vertical; min-height: 80px; }

    button {
        background: #4caf50;
        color: white;
        border: none;
        cursor: pointer;
        transition: 0.3s;
        font-size: 1.25em;
        padding: 18px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .step { display: none; }

    .progress-container {
        width: 100%;
        background-color: #ddd;
        border-radius: 8px;
        overflow: hidden;
        height: 35px;
        margin-bottom: 15px;
        position: relative;
    }

    .progress-fill {
        height: 100%;
        width: 0%;
        background-color: #4caf50;
        position: absolute;
        top: 0;
        left: 0;
        transition: width 0.5s ease;
    }

    .progress-text {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 35px;
        font-weight: bold;
        color: black;
    }