#application {
    margin-top: 0 !important;
    background-color: var(--main-color);
    
    font-size: 16px;
}
@media (min-width: 900px)    { #application { padding: 100px 0; } }
@media (max-width: 899.99px) { #application { padding:  50px 0; } }
#application > .content-wrapper {}

/*-----------------------------------------------------------------------------------------------*/

#application > .content-wrapper > .reflection-form {
    background-color: #FFF;
    border-radius: 40px;
}
@media (min-width: 900px)    { #application > .content-wrapper > .reflection-form { padding: 50px 50px 90px; } }
@media (max-width: 899.99px) { #application > .content-wrapper > .reflection-form { padding: 50px 25px 90px; } }
#application > .content-wrapper > .reflection-form > .title {
    margin-bottom: 15px;
    
    text-align: center;
    font-weight: 700;
    font-style: italic;
}
#application > .content-wrapper > .reflection-form > .title > span { font-weight: 100; }
#application > .content-wrapper > .reflection-form > .subtitle {
    margin-bottom: 50px;
    
    text-align: center;
    font-weight: 700;
}
#application > .content-wrapper > .reflection-form > .subtitle > span { font-weight: 100; }
@media (min-width: 1100px)    { #application > .content-wrapper > .reflection-form > .subtitle { font-size: 35px; } }
@media (max-width: 1099.99px) { #application > .content-wrapper > .reflection-form > .subtitle { font-size: 30px; } }

/*-----------------------------------------------------------------------------------------------*/

#application > .content-wrapper > .reflection-form > .fields {
    max-width: 800px;
    row-gap: 30px;
    margin: 0 auto;
}
#application > .content-wrapper > .reflection-form > .fields > .field:not(:nth-last-child(2)) { display: flex; }
@media (min-width: 900px) {
    #application > .content-wrapper > .reflection-form > .fields > .field:not(:nth-last-child(2)) {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 20px;
    }
}
@media (max-width: 899.99px) {
    #application > .content-wrapper > .reflection-form > .fields > .field:not(:nth-last-child(2)) {
        flex-direction: column;
        row-gap: 10px;
    }
}
#application > .content-wrapper > .reflection-form > .fields > .field > label,
#application > .content-wrapper > .reflection-form > .fields > .field > .input,
#application > .content-wrapper > .reflection-form > .fields > .field > .uploadbox {
    display: inline-block;
}
#application > .content-wrapper > .reflection-form > .fields > .field > label {
    flex: 0 0 auto;
    font-weight: 700;
}
#application > .content-wrapper > .reflection-form > .fields > .field > label:empty { display: none; }
#application > .content-wrapper > .reflection-form > .fields > .field > :is(.input, .uploadbox) {
    flex: 1;
    border-bottom: solid 1px rgba(0,0,0,.75);
}
#application > .content-wrapper > .reflection-form > .fields > .field > .uploadbox > label { line-height: 20px; }
#application > .content-wrapper > .reflection-form > .fields > .field > .error {
    flex: 0 0 100%;
    padding-top: 10px;
}
#application > .content-wrapper > .reflection-form > .fields > .field:nth-last-child(2) { margin-top: 20px; }

/*-----------------------------------------------------------------------------------------------*/

#application > .content-wrapper > .reflection-form > .fields > .submit-btn {
    margin: 50px auto 0;
    align-self: center;
    
    cursor: pointer;
}
@media (min-width: 1100px) {
    #application > .content-wrapper > .reflection-form > .fields > .submit-btn { padding-right: 120px; }
    #application > .content-wrapper > .reflection-form > .fields > .submit-btn:before { height: 100px; width: 100px; }
    #application > .content-wrapper > .reflection-form > .fields > .submit-btn:after {
        right: 50px;
        height: 20px; width: 30px;
    }
}