.colorlib-product {
  padding: 7em 0;
  clear: both; }

  .process-wrap {
  width: 100%;
  display: block;
  float: left; }

.process {
  position: relative;
  float: left;
  width: 33.333%;
  z-index: 0; }
  .process:after {
    position: absolute;
    top: 35%;
    right: -37%;
    content: '';
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    z-index: -1; }
  .process:last-child:after {
    display: none; }
  .process p {
    position: relative;
    width: 80px;
    height: 80px;
    display: table;
    border: 2px solid #fafafa;
    margin: 0 auto;
    margin-bottom: 20px;
    background: #fff;
    z-index: 1;
    font-weight: 400;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
    .process p span {
      display: table-cell;
      vertical-align: middle; }
  .process h3 {
    margin-bottom: 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .process.active p {
    border: 2px solid #f0f0f0; }
    .process.active p span {
      color: #88c8bc; }

  .total-wrap .form-control {
  height: 40px;
  border: 1px solid #f0f0f0 !important;
  margin-bottom: 10px;
  text-align: center; }

@media (max-width: 767.98px) {
  .total-wrap .btn {
    width: 100%; } }

.total-wrap .total {
  padding: 1em;
  background: whitesmoke;
  width: 100%; }
  .total-wrap .total .sub {
    border-bottom: 1px solid #616161;
    margin-bottom: 10px; }
  .total-wrap .total p {
    width: 100%;
    display: block;
    margin-bottom: 10px; }
    .total-wrap .total p span {
      width: 48%;
      display: inline-block; }
      .total-wrap .total p span:last-child {
        font-weight: 500; }
  .total-wrap .total .grand-total p span:last-child {
    color: #616161;
    font-weight: 500; }