body{

background:#f5f7fb;

}

.card{

border:none;

box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.wizard{

display:flex;

justify-content:space-between;

margin-bottom:40px;

}

.step{

text-align:center;

width:25%;

position:relative;

}

.step:after{

content:'';

position:absolute;

top:20px;

left:50%;

width:100%;

height:3px;

background:#ddd;

z-index:0;

}

.step:last-child:after{

display:none;

}

.circle{

width:40px;

height:40px;

border-radius:50%;

background:#ccc;

color:white;

margin:auto;

line-height:40px;

font-weight:bold;

position:relative;

z-index:5;

}

.active .circle{

background:#0d6efd;

}

.completed .circle{

background:#198754;

}

.step p{

margin-top:10px;

font-weight:600;

font-size:14px;

}