.bma-step{
    display:none;
}
.bma-step.active{
    display:block;
}
.step-btn{
    display:flex;
    gap:15px;
    margin-top:25px;
}
.counter{
    margin-top:8px;
    text-align:right;
    font-size:13px;
    color:#888;
}
.company-row,
.college-row{
    display:none;
}
textarea{
    width:100%;
    min-height:75px;
    resize:vertical;
}
.field-error{
    color:#ff8d8d;
    font-size:12px;
    /*margin-top:6px;
    min-height:18px;*/
}
.input-error{
    border:1px solid #ff3b3b !important;
    box-shadow:none !important;
}

/* ==========================================================
   FIX: Budget + Secondary (Purpose/Music Genre) row
   No matter what display value JS sets on .secondary-row
   (flex, block, or empty), force children to stack vertically
   instead of overlapping side-by-side.
========================================================== */
.secondary-row{
    flex-direction:column;
}
.budget-col{
    flex-direction:column;
}

/* ===========================================
   Consultation / General Theme
=========================================== */

.bma-dark-form{
    color:#fff;
}

.bma-dark-form label{
    color:#ffffff;
}

.bma-dark-form input,
.bma-dark-form select,
.bma-dark-form textarea{

    background:#403d5c;
    border:1px solid #605d80;
    color:#fff;
}

.bma-dark-form input::placeholder,
.bma-dark-form textarea::placeholder{
    color:#b8b6c8;
}

.bma-dark-form select{
    color:#fff;
}

.bma-dark-form textarea{
    background:#403d5c;
}

.bma-dark-form .counter{
    color:#b8b6c8;
}