/* Progress Bar */
.progress-wrap {
   margin: auto;
   display: table;
}
.line-progress-bar {
   display: flex;
   margin: auto;
   width: 100%;
}
.line {
   height: 1px;
   width: 550px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: rgb(217, 217, 217);
   position: absolute;
   margin-top: 8px;
}
.progress-wrap div ul {
   display: flex;
   width: 550px;
   list-style: none;
   padding: 0px;
   margin: initial;
   justify-content: space-between;
   z-index: 1;
}

.progressbar-dots {
   display: inline-flex;
   border: #949494 solid 4px;
   background: #333333;
   height: 20px;
   width: 20px;
   border-radius: 50%;
   text-align: center;
   justify-content: center;
   align-items: center;
   font-weight: bold;
   color: #d4d4d4;
   font-size: 20px;
   margin-left: 0px;
   color: #d4d4d4;
   border: 0px solid rgb(217,217,217);
   background: rgb(217, 217, 217);
}


.progressbar-dots span {
   font-size: 13px;
   /* line-height: 16px; */
   position: absolute;
   margin-top: 79px;
   /* width: 75px; */
   float: left; 
}


.progressbar-dots.active { 
   border: 0px solid rgb(38,163,134);
   background: #F9A221;
   color:#F9A221
}

/*  Tab */
.tab-pane {
   display: none;
}
.tab-pane:first-child {
 display: block;
}

/* Error */
span.error {
 font-size: 12px;
 font-family: "helvetica neue", arial, sans-serif;
 color: #D6041D;
 text-transform: uppercase;
 display: block;
 margin-bottom: 10px;
}