ol.dtc-hiw {
  --hiw-icon:32px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:32px;
  width:100%;
  margin:16px 0;
  padding:0;
  list-style:none;
  color:#fff;
  box-sizing:border-box;
}
ol.dtc-hiw * {
  box-sizing:border-box;
}
ol.dtc-hiw .dtc-hiw-step {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  margin:0;
  padding:0;
  text-align:center;
}
ol.dtc-hiw .dtc-hiw-icon {
  position:relative;
  display:block;
  width:var(--hiw-icon);
  height:var(--hiw-icon);
  flex:none;
  margin-bottom:4px;
}
ol.dtc-hiw img {
  display:block;
  max-width:none;
}
ol.dtc-hiw .dtc-hiw-circle, ol.dtc-hiw .dtc-hiw-full {
  width:100%;
  height:100%;
}
ol.dtc-hiw .dtc-hiw-glyph {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
ol.dtc-hiw .dtc-hiw-pin {
  width:31.84%;
  height:40.63%;
}
ol.dtc-hiw .dtc-hiw-ticket {
  width:43.75%;
  height:29.47%;
}
ol.dtc-hiw .dtc-hiw-inbox {
  width:44.79%;
  height:44.79%;
}
ol.dtc-hiw .dtc-hiw-number {
  display:block;
  width:100%;
  margin:0 0 2px;
  color:#ff0000;
  font-family:Heebo-Bold,Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:16px;
}
ol.dtc-hiw .dtc-hiw-label {
  display:block;
  width:100%;
  margin:0;
  color:#fff;
  font-family:calluna-sans,Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:24px;
}
ol.dtc-hiw .dtc-hiw-step:nth-child(3) .dtc-hiw-label {
  line-height:20px;
}
ol.dtc-hiw .dtc-hiw-arrow {
  position:absolute;
  width:56.5px;
  height:14.73px;
  top:8.635px;
  left:calc(100% + 16px);
  transform:translateX(-50%);
}

@media (min-width:992px) {
  .dtc-hiw-title > :last-child {
    margin-bottom:0!important;
  }
  ol.dtc-hiw {
    max-width:611px;
    margin:16px auto;
  }
  ol.dtc-hiw--mobile {
    display:none;
  }
  .dtc-hiw-ticket-row {
    margin-top:8px!important;
  }
  .dtc-hiw-checkout {
    margin-top:0!important;
  }
  .dtc-hiw-checkout > .mt-4:first-child, .dtc-hiw-checkout > .mt-4:first-child > .form-group:first-child {
    margin-top:0!important;
  }
}

@media (max-width:991.98px) {
  ol.dtc-hiw {
    --hiw-icon:24px;
    column-gap:28px;
    margin:16px 0;
  }
  ol.dtc-hiw .dtc-hiw-number {
    font-size:12px;
    line-height:16px;
  }
  ol.dtc-hiw .dtc-hiw-label, ol.dtc-hiw .dtc-hiw-step:nth-child(3) .dtc-hiw-label {
    font-size:12px;
    line-height:14px;
  }
  ol.dtc-hiw .dtc-hiw-step:nth-child(3) .dtc-hiw-label {
    width:87px;
    max-width:none;
  }
  ol.dtc-hiw .dtc-hiw-arrow {
    width:25px;
    height:7.364px;
    top:8.318px;
    left:calc(100% + 14px);
  }
  ol.dtc-hiw--desktop {
    display:none;
  }
  .dtc-hiw-title {
    margin-top:0!important;
  }
}