/* ===== GLOBAL ===== */
.clarterra-wrapper{
width:900px;
margin:90px auto;
font-family:'Poppins',sans-serif;
}

/* CARD */
.form-card{
    width:900px;
    margin:60px auto;   /* 👈 center */
    background:#ffffff;
    border-radius:18px;
    padding:40px 90px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

/* ===== STEPS ===== */
.clarterra-steps{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:40px;
position:relative;
}

/* ===== STEP BAR FIX ===== */

.clarterra-steps{
display:flex !important;
justify-content:space-between;
align-items:center;
margin-bottom:45px;
position:relative;
padding:0 40px;
}

.clarterra-steps::after{
content:'';
position:absolute;
left:60px;
right:60px;
top:18px;
height:4px;
background:#e5e7eb;
z-index:0;
border-radius:10px;
}

.step-pill{
position:relative;
z-index:2;
background:#e5e7eb;
color:#6b7280;
padding:10px 26px;
border-radius:50px;
font-weight:600;
font-size:14px;
white-space:nowrap;
}

.step-pill.active{
background:#cf2e2e;
color:#fff;
box-shadow:0 6px 18px rgba(247,147,30,.45);
}


/* ===== HEADINGS ===== */
.form-card h2{
font-size:30px;
margin-bottom:25px;
color:#111827;
}

/* ===== INPUTS ===== */
/*.form-card input,*/
/*.form-card select{*/
/*width:100%;*/
/*padding:10px 15px;*/
/*margin-bottom:18px;*/
/*border-radius:10px;*/
/*border:1px solid #cf2e2e;*/
/*font-size:15px;*/
/*transition:.25s;*/
/*background:#f9fafb;*/
/*}*/
.form-card input,
.form-card select {
    width: 100%;
    padding: 8px 12px !important;              /* padding reduced */
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #cf2e2e !important;   /* 🔴 force red */
    font-size: 15px;
    background: #f9fafb;
    box-shadow: none !important;
}

.form-card input:focus,
.form-card select:focus{
border-color:#cf2e2e;
background:#fff;
outline:none;
box-shadow:0 0 0 3px rgba(247,147,30,.15);
}

/* ===== BUTTON ===== */
.btn-primary{
display:inline-block;
margin-top:10px;
background:#cf2e2e;
color:#fff;
padding:14px 34px;
border:none;
border-radius:40px;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:.25s;
}

.btn-primary:hover{
background:#e57f00;
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(247,147,30,.35);
}

/* ===== PAYMENT BOX ===== */
#payAmount{
font-size:22px;
font-weight:700;
margin:20px 0;
color:#111827;
}

/* ===== UPLOAD SECTION ===== */
.step3 label{
display:block;
font-weight:600;
margin:12px 0 6px;
color:#374151;
}

.step3 input[type=file]{
background:#fff;
border:1px dashed #d1d5db;
padding:10px;
}

/* ===== SUCCESS ===== */
.clarterra-success{
text-align:center;
padding:70px 20px;
}

.clarterra-success h1{
color:#16a34a;
font-size:36px;
margin-bottom:10px;
}

/* ===== MOBILE ===== */
@media(max-width:768px){

.form-card{
padding:30px 20px;
}

.clarterra-steps{
flex-direction:column;
gap:12px;
}

.clarterra-steps:before{
display:none;
}

.step-pill{
width:100%;
text-align:center;
}
}
/* FORCE BUTTON VISIBILITY */
#clarterra-form button,
#clarterra-form .btn-primary{
display:inline-block !important;
visibility:visible !important;
opacity:1 !important;
background:#cf2e2e !important;
color:#fff !important;
border:none !important;
padding:14px 36px !important;
border-radius:40px !important;
font-weight:600 !important;
cursor:pointer !important;
margin-top:20px !important;
}

#clarterra-form button:hover{
background:#e57f00 !important;
}

.step{display:none;}
.step.active{display:block;}