.step-header { text-align: center; margin-bottom: 50px;}

.step-header h2 { font-size: 36px !important; line-height: 50px !important;  margin-bottom: 25px;  padding: 0px; color: #3B3B3B;font-family: 'Arvo', serif;}

.step-header p { font-size: 18px; line-height:  24px; color: #3B3B3B}



.multi-steps-calculator {

    padding: 0px;

    max-width: 800px;

    margin: 0 auto;

    font-family: 'Open Sans', sans-serif;

    text-align: center;

}



.multi-steps-calculator .xrow:after { content: ''; clear: both; display: block; }



.multi-steps-calculator .xrow {

    display: flex;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}

.multi-steps-calculator .xcol, .multi-steps-calculator .xcol-right {

    position: relative;

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

}

.multi-steps-calculator .xcol {

    max-width: 50%;

}



.multi-steps-calculator .xcol-right {

    max-width: 50%;

}



@media (max-width: 767.98px) {

    .multi-steps-calculator .xcol {

        max-width: 100%;

        margin-bottom: 50px;

    }



    .multi-steps-calculator .xcol-right {

        max-width: 100%;

    }

}



.multi-steps-calculator .xcol-right figure { margin: 0px; padding: 0px; position: relative}

.multi-steps-calculator .xcol-right figure img {}

.multi-steps-calculator .xcol-right figure span { font-size: 36px; font-family: 'Arvo', serif; color: #E83E8C; font-weight: 700; position: absolute; left: 0; right: 0; bottom: 23px; margin:  0 auto;}

.multi-steps-calculator .xcol-right figure span i { display: block; font-size: 14px; font-style: normal; color: #fff}



.multi-steps-calculator .xrow .form-control {

    font-family: 'Open Sans', sans-serif;

    display: block;

    width: 50%;

    margin: 0 auto;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem .75rem;

    font-size: 24px;

    font-weight: 600;

    line-height: 1.5;

    color: #495057;

    background-color: #F5F5F5;

    background-clip: padding-box;

    border: 2px solid #CED4DA;

    border-radius: 25px;

    text-align: center;





}



.multi-steps-calculator .xrow .has-error {

    border: 1px solid red !important;

    color: red !important;

}



.multi-steps-calculator .xrow .form-group {

    margin-bottom: 1rem;

}



.multi-steps-calculator .xrow label {

    display: inline-block;

    margin-bottom: 20px;

    color: #E83E8C;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

}



.multi-steps-calculator .xrow .xbtn {

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    display: inline-block;

    margin-bottom: 0;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    padding: 10px 54px;

    font-size: 12px;

    line-height: 1.22857143;

     -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: none;

    background-color: #F9593A;

    color: #fff;

    text-transform: uppercase;

    border-radius: 50px;

}



.multi-steps-calculator .multi-steps {

    margin-bottom: 50px !important;

}

.multi-steps-calculator .multi-steps > li.is-active { cursor: pointer;}

.multi-steps-calculator .multi-steps > li.is-active:before,

.multi-steps-calculator .multi-steps > li.is-active ~ li:before {

    content: counter(stepNum);

    font-weight: 700;

    font-family: 'Arvo', serif;

    font-size: 36px;

}



.multi-steps-calculator .multi-steps > li.is-active:after,

.multi-steps-calculator .multi-steps > li.is-active ~ li:after {

    border-color: #0EBAC5;

    background-color: #fff;

}



.multi-steps-calculator .multi-steps {

    display: table;

    table-layout: fixed;

    width: 100%;

}



.multi-steps-calculator .multi-steps > li {

    counter-increment: stepNum;

    text-align: center;

    display: table-cell;

    position: relative;

    color: #0EBAC5;

}



.multi-steps-calculator .multi-steps > li:before {

    content: counter(stepNum);

    display: block;

    margin: 0 auto 4px;

    color: #fff;

    width: 50px;

    height: 47px;

    line-height: 43px;

    text-align: center;

    border: 2px solid #0EBAC5;

    border-radius: 50%;

    background-color: #0EBAC5;

    font-weight: 700;

    font-family: 'Arvo', serif;

    font-size: 36px;

}



.multi-steps-calculator .multi-steps > li:after {

    content: '';

    height: 6px;

    width: 100%;

    background-color: #0EBAC5;

    position: absolute;

    top: 22px;

    left: 50%;

    z-index: -1;

    border: 2px solid #0EBAC5;

}



.multi-steps-calculator .multi-steps > li:last-child:after {

    display: none;

}



.multi-steps-calculator .multi-steps > li.is-active:before {

    background-color: #0EBAC5;

    border-color: #0EBAC5;

    color: #fff;

}



.multi-steps-calculator .multi-steps > li.is-active ~ li {

    color: #808080;

}



.multi-steps-calculator .multi-steps > li.is-active ~ li:before {

    background-color: #fff;

    border-color: #0EBAC5;

    color: #0EBAC5;

}



.multi-steps-calculator .working_hours { margin: 20px 0 30px 0; color: #495057; font-size: 24px; font-weight: 600;}



.multi-steps-calculator #step-five.xcol { text-align: left}

.multi-steps-calculator #step-five.xcol h3 { font-size: 14px; color: #E83E8C; font-family: 'Montserrat', sans-serif;font-weight: 700;line-height: normal;}

.multi-steps-calculator #step-five.xcol p { font-size: 18px; line-height: normal; margin-bottom: 20px;}





/* Hide HTML5 Up and Down arrows. */

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



input[type="number"] {

    -moz-appearance: textfield;

}