.elementor-3327 .elementor-element.elementor-element-03b3a06{--display:flex;}/* Start custom CSS for html, class: .elementor-element-a7ee5f3 */.project-form{
padding:30px 22px;
border-radius:32px;
}

.progress-wrap{
margin-bottom:30px;
}

.progress-bar{
height:8px;
background:rgba(255,255,255,.05);
border-radius:50px;
overflow:hidden;
}

.progress-fill{
width:25%;
height:100%;
background:#CA8453;
transition:.4s;
}

.steps-counter{
display:flex;
justify-content:space-between;
margin-top:15px;
}

.steps-counter span{
width:34px;
height:34px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.05);
font-size:13px;
}

.steps-counter .active-step{
background:#CA8453;
}

.form-step{
display:none;
animation:fadeStep .4s ease;
}

.form-step.active{
display:block;
}

@keyframes fadeStep{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:none;
}
}

.floating-group{
position:relative;
margin-bottom:18px;
}

.floating-group input,
.floating-group select,
.floating-group textarea{

width:100%;

padding:18px 16px;

background:rgba(255,255,255,.03);

border:1px solid rgba(255,255,255,.06);

border-radius:18px;

color:#fff;

font-family:'Vazirmatn';

outline:none;
}

.floating-group label{

position:absolute;

right:16px;
top:18px;

color:#aaa;

background:#1c1512;

padding:0 8px;

transition:.3s;

pointer-events:none;
}

.floating-group input:focus + label,
.floating-group input:not(:placeholder-shown) + label,
.floating-group textarea:focus + label,
.floating-group textarea:not(:placeholder-shown) + label,
.floating-group select:focus + label,
.floating-group select:valid + label{

top:-10px;

font-size:11px;

color:#CA8453;
}

.username-field span{

position:absolute;

right:18px;
top:18px;

font-weight:700;

color:#CA8453;
}

.username-field input{
padding-right:40px;
}

.form-buttons{
display:flex;
gap:10px;
margin-top:20px;
}

.form-buttons .btn{
flex:1;
}

.invoice-box{

background:rgba(255,255,255,.03);

border-radius:24px;

padding:20px;

border:1px solid rgba(255,255,255,.05);
}

.invoice-row{

display:flex;

justify-content:space-between;

padding:15px 0;

border-bottom:1px solid rgba(255,255,255,.05);
}

.invoice-total{

display:flex;

justify-content:space-between;

padding:18px;

margin-top:18px;

border-radius:18px;

background:rgba(202,132,83,.12);

border:1px solid rgba(202,132,83,.25);

font-size:20px;

font-weight:800;

color:#CA8453;
}/* End custom CSS */