/* Custom Progress Container */
.custom-progress-container {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

/* Custom Progress Bar */
.custom-progress-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: auto;
}

/* Custom Progress Line */
.custom-progress-line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--awb-color8); /* Standard Button Farbe */
    z-index: 1;
    transform: translateY(-50%);
}

/* Custom Progress Step */
.custom-progress-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
    text-align: center;
    flex: 1;
}

/* Custom Progress Label (inside <p> tags) */
.custom-progress-step p {
    margin: 0 !important;
    padding: 0;
    font-size: 14px;
    color: #666;
    position: relative;
    top: -25px;
    text-align: center;
    width: max-content;
}

/* Custom Progress Dot */
.custom-progress-dot {
    width: 20px;
    height: 20px;
    background-color: white;
    border: 2px solid var(--awb-color8);
    border-radius: 50%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

/* Active Custom Progress Dot */
.custom-progress-dot.active {
    background-color: var(--awb-color8);
    border-color: var(--awb-custom_color_1);
}

/* Form Inputs */
.wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text, .wpcf7-form textarea {
    font-size: 1rem!important;
    color: var(--awb-color6)!important;
}

.wpcf7-select-parent{
    margin-bottom: -1rem
}

/* Form Navigation Buttons */
.cf7-next,
.cf7-prev,
.cf7-submit {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background-color: var(--awb-color8);
    color: white;
    width: 10rem;
}

.cf7-next:hover,
.cf7-prev:hover,
.cf7-submit:hover {
    background-color: var(--awb-custom_color_1);
}

.form-navigation p{
    display: flex;
    justify-content: space-between;
}

/* Required Field Asterisk */
label .required {
    color: red;
}

/* Hide Error Messages for Unchecked Checkboxes */
.wpcf7-form .wpcf7-not-valid-tip {
    display: inline-block!important;
    direction: unset!important;
}