@charset "UTF-8";
body {
    font-family: "Nunito", sans-serif;
    color: #000111;
    background: #f0f2f2;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
}

.header-area {
    background: #f0f2f2;
    background-image: url(https://demo.themeboy.com/boxseat-ice-hockey/wp-content/uploads/sites/148/boxseat-header.jpg);
    padding: 50px 25px 25px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 785px;
}

.logo-view{
    background-color: #000111;
}

.main-navigation a, .nav-item a {
    line-height: 1.2;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000111;
    float: left;
    clear: both;
    padding: 0;
    margin: 15px;
}

.main-navigation .nav-item:hover > a,
.main-navigation .nav-item:hover > a,
.main-navigation .nav-item:hover > a,
.nav-link.active{
    color: #000111;
    box-shadow: inset 0 -8px 0 0 #1ebbc1;
}

.site-widgets {
    background: linear-gradient(rgba(240, 242, 242, 0.9), rgb(240, 242, 242));
}

.site-widgets {
    margin: 0 -25px -50px;
    margin-top: 20px;
    padding: 45px 25px;
    width: auto;
    background: linear-gradient(rgba(240, 242, 242, 0.9), rgb(240, 242, 242));
}


.sp-table-caption {
    color: #fff;
    background: #000111;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
}


.sp-customer-table {
    border: 1px solid #ddd !important;
    margin: 0 0 1.25em;
    width: 100%;
}

table.sp-customer-table thead {
    background: #dfdfdf !important;
    color:#828282 !important;
}

.sp-customer-table tr:hover,  .sp-customer-table tr:hover td{
    background: #dfdfdf !important;
    color: #999 !important;
}
.sp-customer-table td:hover {
    background: #dfdfdf !important;
    color: #999 !important;
}
table.sp-customer-table td a:hover {
    color: #999 !important;
}

table.sp-customer-table td {
    border: 1px solid #f1f1f1 !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
    line-height: 20px;
    font-weight: 600;
    padding: 12px;
    text-align: center;
}

.list-group-item.active a{
    color: var(--bs-list-group-active-color);
}

@media (max-width: 991px) {
  .header-area .main-navigation {
    background-color: var(--bs-blue) !important;
  }

  .header-area .navbar-toggler {
        color:var(--bs-white);
        font-size: .8rem;
        border: none;
    }

    .header-area .navbar {
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .header-area .navbar>.container-fluid {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: center;
    }

    .header-area .navbar-light{
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
}

.step {
  position: relative;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;

}
.step.step-dashed .step-icon::after {
  border-left-style: dashed;
}
.step-icon-border {
  border: 0.125rem solid rgba(220, 224, 229, 0.6);
}
.step-title {
  display: block;
  color: #2d374b;
  font-weight: 600;
}
.step-text:last-child {
  color: #51596c;
  margin-bottom: 0;
}
.step-border-last-0 .step-item:last-child .step-icon::after {
  display: none;
}
.step .step-item {
  display: flex;
  flex-direction: column;
  flex-basis: 0;
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-bottom: 2.25rem;
}
.step-item-between .step-item:last-child {
  flex: 0 0 auto;
  width: auto;
}
.step .step-content-wrapper {
  position: relative;
  display: flex;
  width: 100%;
}
.step .step-content {
  flex: 1;
}
.step-item.collapse:not(.show) {
  display: none;
}
.step-item .step-title-description {
  display: none;
}
.step-item.focus .step-title-description {
  display: block;
}
.step .step-avatar {
  font-size: 1rem;
  font-weight: 600;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  margin-right: 1rem;
}
.step .step-avatar-img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}
.step .step-avatar::after {
  position: absolute;
  top: 3.625rem;
  left: 1.4375rem;
  height: calc(100% - 2.125rem);
  border-left: 0.125rem solid rgba(220, 224, 229, 0.6);
  content: "";
}
.step-avatar-xs .step-avatar,
.step-avatar-xs.step-avatar {
  font-size: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
}
.step-avatar-xs .step-avatar::after,
.step-avatar-xs.step-avatar::after {
  top: 2.5rem;
  left: 0.8125rem;
  width: 1.625rem;
  height: calc(100% - 1rem);
}
.step-avatar-xs .step-divider::after {
  left: 0.875rem;
}
.step-avatar-sm .step-avatar,
.step-avatar-sm.step-avatar {
  font-size: 0.8125rem;
  width: 2.3125rem;
  height: 2.3125rem;
}
.step-avatar-sm .step-avatar::after,
.step-avatar-sm.step-avatar::after {
  top: 3.0625rem;
  left: 1.09375rem;
  width: 1.625rem;
  height: calc(100% - 1.5625rem);
}
.step-avatar-sm .step-divider::after {
  left: 1.15625rem;
}
.step-avatar-lg .step-avatar,
.step-avatar-lg.step-avatar {
  font-size: 1.125rem;
  width: 5.5rem;
  height: 5.5rem;
}
.step-avatar-lg .step-avatar::after,
.step-avatar-lg.step-avatar::after {
  top: 6.25rem;
  left: 2.6875rem;
  width: 1.625rem;
  height: calc(100% - 4.75rem);
}
.step-avatar-lg .step-divider::after {
  left: 2.75rem;
}
.step-divider {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  height: 1rem;
  font-size: 0.8125rem;
  font-weight: 600;
}
.step-divider::after {
  position: absolute;
  top: 1.75rem;
  left: 1.4375rem;
  height: calc(100% - 0.25rem);
  border-left: 0.125rem solid rgba(220, 224, 229, 0.6);
  content: "";
}
.step .step-icon {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  margin-right: 1rem;
}
.step .step-icon::after {
  position: absolute;
  top: 3.625rem;
  left: 1.4375rem;
  height: calc(100% - 2.125rem);
  border-left: 0.125rem solid rgba(220, 224, 229, 0.6);
  content: "";
}
.step .step-icon-pseudo::before {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #97a4af;
  border-radius: 50%;
  content: "";
}
.step-noline {
  text-align: center;
}
.step-noline .step-item .step-icon::after {
  display: none;
}
.step-icon-xs .step-icon,
.step-icon-xs.step-icon {
  font-size: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
}
.step-icon-xs .step-icon::after,
.step-icon-xs.step-icon::after {
  top: 2.5rem;
  left: 0.8125rem;
  width: 1.625rem;
  height: calc(100% - 1rem);
}
.step-icon-xs .step-divider::after {
  left: 0.875rem;
}
.step-icon-sm .step-icon,
.step-icon-sm.step-icon {
  font-size: 0.8125rem;
  width: 2.3125rem;
  height: 2.3125rem;
}
.step-icon-sm .step-icon::after,
.step-icon-sm.step-icon::after {
  top: 3.0625rem;
  left: 1.09375rem;
  width: 1.625rem;
  height: calc(100% - 1.5625rem);
}
.step-icon-sm .step-divider::after {
  left: 1.15625rem;
}
.step-icon-lg .step-icon,
.step-icon-lg.step-icon {
  font-size: 1.125rem;
  width: 5.5rem;
  height: 5.5rem;
}
.step-icon-lg .step-icon::after,
.step-icon-lg.step-icon::after {
  top: 6.25rem;
  left: 2.6875rem;
  width: 1.625rem;
  height: calc(100% - 4.75rem);
}
.step-icon-lg .step-divider::after {
  left: 2.75rem;
}
@media (min-width: 576px) {
  .step-sm.step-dashed .step-icon::after {
    border-left: none;
    border-top-style: dashed;
  }
  .step-sm .step-item {
    flex-grow: 1;
    flex: 1;
    margin-bottom: 0;
  }
  .step-sm:not(.step-inline) .step-content-wrapper {
    display: block;
  }
  .step-sm .step-icon {
    margin-bottom: 1rem;
  }
  .step-sm .step-icon::after {
    top: 1.4375rem;
    left: 4.375rem;
    width: calc(100% - 4.375rem);
    height: 1.625rem;
    border-top: 0.125rem solid rgba(220, 224, 229, 0.6);
    border-left: none;
  }
  .step-sm.step-icon-xs .step-icon::after,
  .step-sm .step-icon.step-icon-xs::after {
    top: 0.875rem;
    left: 3.25rem;
    width: calc(100% - 3.25rem);
  }
  .step-sm.step-icon-sm .step-icon::after,
  .step-sm .step-icon.step-icon-sm::after {
    top: 1.15625rem;
    left: 3.8125rem;
    width: calc(100% - 3.8125rem);
  }
  .step-sm.step-icon-lg .step-icon::after,
  .step-sm .step-icon.step-icon-lg::after {
    top: 2.75rem;
    left: 7rem;
    width: calc(100% - 7rem);
  }
}
@media (min-width: 768px) {
  .step-md.step-dashed .step-icon::after {
    border-left: none;
    border-top-style: dashed;
  }
  .step-md .step-item {
    flex-grow: 1;
    flex: 1;
    margin-bottom: 0;
  }
  .step-md:not(.step-inline) .step-content-wrapper {
    display: block;
  }
  .step-md .step-icon {
    margin-bottom: 1rem;
  }
  .step-md .step-icon::after {
    top: 1.4375rem;
    left: 4.375rem;
    width: calc(100% - 4.375rem);
    height: 1.625rem;
    border-top: 0.125rem solid rgba(220, 224, 229, 0.6);
    border-left: none;
  }
  .step-md.step-icon-xs .step-icon::after,
  .step-md .step-icon.step-icon-xs::after {
    top: 0.875rem;
    left: 3.25rem;
    width: calc(100% - 3.25rem);
  }
  .step-md.step-icon-sm .step-icon::after,
  .step-md .step-icon.step-icon-sm::after {
    top: 1.15625rem;
    left: 3.8125rem;
    width: calc(100% - 3.8125rem);
  }
  .step-md.step-icon-lg .step-icon::after,
  .step-md .step-icon.step-icon-lg::after {
    top: 2.75rem;
    left: 7rem;
    width: calc(100% - 7rem);
  }
}
@media (min-width: 992px) {
  .step-lg.step-dashed .step-icon::after {
    border-left: none;
    border-top-style: dashed;
  }
  .step-lg .step-item {
    flex-grow: 1;
    flex: 1;
    margin-bottom: 0;
  }
  .step-lg:not(.step-inline) .step-content-wrapper {
    display: block;
  }
  .step-lg .step-icon {
    margin-bottom: 1rem;
  }
  .step-lg .step-icon::after {
    top: 1.4375rem;
    left: 4.375rem;
    width: calc(100% - 4.375rem);
    height: 1.625rem;
    border-top: 0.125rem solid rgba(220, 224, 229, 0.6);
    border-left: none;
  }
  .step-lg.step-icon-xs .step-icon::after,
  .step-lg .step-icon.step-icon-xs::after {
    top: 0.875rem;
    left: 3.25rem;
    width: calc(100% - 3.25rem);
  }
  .step-lg.step-icon-sm .step-icon::after,
  .step-lg .step-icon.step-icon-sm::after {
    top: 1.15625rem;
    left: 3.8125rem;
    width: calc(100% - 3.8125rem);
  }
  .step-lg.step-icon-lg .step-icon::after,
  .step-lg .step-icon.step-icon-lg::after {
    top: 2.75rem;
    left: 7rem;
    width: calc(100% - 7rem);
  }
}
@media (min-width: 1200px) {
  .step-xl.step-dashed .step-icon::after {
    border-left: none;
    border-top-style: dashed;
  }
  .step-xl .step-item {
    flex-grow: 1;
    flex: 1;
    margin-bottom: 0;
  }
  .step-xl:not(.step-inline) .step-content-wrapper {
    display: block;
  }
  .step-xl .step-icon {
    margin-bottom: 1rem;
  }
  .step-xl .step-icon::after {
    top: 1.4375rem;
    left: 4.375rem;
    width: calc(100% - 4.375rem);
    height: 1.625rem;
    border-top: 0.125rem solid rgba(220, 224, 229, 0.6);
    border-left: none;
  }
  .step-xl.step-icon-xs .step-icon::after,
  .step-xl .step-icon.step-icon-xs::after {
    top: 0.875rem;
    left: 3.25rem;
    width: calc(100% - 3.25rem);
  }
  .step-xl.step-icon-sm .step-icon::after,
  .step-xl .step-icon.step-icon-sm::after {
    top: 1.15625rem;
    left: 3.8125rem;
    width: calc(100% - 3.8125rem);
  }
  .step-xl.step-icon-lg .step-icon::after,
  .step-xl .step-icon.step-icon-lg::after {
    top: 2.75rem;
    left: 7rem;
    width: calc(100% - 7rem);
  }
}
@media (min-width: 576px) {
  .step-sm.step-centered {
    text-align: center;
  }
  .step-sm.step-centered .step-item:last-child .step-icon::after {
    display: none;
  }
  .step-sm.step-centered .step-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .step-sm.step-centered .step-icon::after {
    width: calc(100% - 4.375rem);
    left: calc(50% + 2.9375rem);
  }
  .step-sm.step-centered.step-icon-xs .step-icon::after,
  .step-sm.step-centered .step-icon.step-icon-xs::after {
    width: calc(100% - 3.25rem);
    left: calc(50% + 2.375rem);
  }
  .step-sm.step-centered.step-icon-sm .step-icon::after,
  .step-sm.step-centered .step-icon.step-icon-sm::after {
    width: calc(100% - 3.8125rem);
    left: calc(50% + 2.65625rem);
  }
  .step-sm.step-centered.step-icon-lg .step-icon::after,
  .step-sm.step-centered .step-icon.step-icon-lg::after {
    width: calc(100% - 7rem);
    left: calc(50% + 4.25rem);
  }
}
@media (min-width: 768px) {
  .step-md.step-centered {
    text-align: center;
  }
  .step-md.step-centered .step-item:last-child .step-icon::after {
    display: none;
  }
  .step-md.step-centered .step-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .step-md.step-centered .step-icon::after {
    width: calc(100% - 4.375rem);
    left: calc(50% + 2.9375rem);
  }
  .step-md.step-centered.step-icon-xs .step-icon::after,
  .step-md.step-centered .step-icon.step-icon-xs::after {
    width: calc(100% - 3.25rem);
    left: calc(50% + 2.375rem);
  }
  .step-md.step-centered.step-icon-sm .step-icon::after,
  .step-md.step-centered .step-icon.step-icon-sm::after {
    width: calc(100% - 3.8125rem);
    left: calc(50% + 2.65625rem);
  }
  .step-md.step-centered.step-icon-lg .step-icon::after,
  .step-md.step-centered .step-icon.step-icon-lg::after {
    width: calc(100% - 7rem);
    left: calc(50% + 4.25rem);
  }
}
@media (min-width: 992px) {
  .step-lg.step-centered {
    text-align: center;
  }
  .step-lg.step-centered .step-item:last-child .step-icon::after {
    display: none;
  }
  .step-lg.step-centered .step-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .step-lg.step-centered .step-icon::after {
    width: calc(100% - 4.375rem);
    left: calc(50% + 2.9375rem);
  }
  .step-lg.step-centered.step-icon-xs .step-icon::after,
  .step-lg.step-centered .step-icon.step-icon-xs::after {
    width: calc(100% - 3.25rem);
    left: calc(50% + 2.375rem);
  }
  .step-lg.step-centered.step-icon-sm .step-icon::after,
  .step-lg.step-centered .step-icon.step-icon-sm::after {
    width: calc(100% - 3.8125rem);
    left: calc(50% + 2.65625rem);
  }
  .step-lg.step-centered.step-icon-lg .step-icon::after,
  .step-lg.step-centered .step-icon.step-icon-lg::after {
    width: calc(100% - 7rem);
    left: calc(50% + 4.25rem);
  }
}
@media (min-width: 992px) {
  .step-lg.step-centered {
    text-align: center;
  }
  .step-lg.step-centered .step-item:last-child .step-icon::after {
    display: none;
  }
  .step-lg.step-centered .step-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .step-lg.step-centered .step-icon::after {
    width: calc(100% - 4.375rem);
    left: calc(50% + 2.9375rem);
  }
  .step-lg.step-centered.step-icon-xs .step-icon::after,
  .step-lg.step-centered .step-icon.step-icon-xs::after {
    width: calc(100% - 3.25rem);
    left: calc(50% + 2.375rem);
  }
  .step-lg.step-centered.step-icon-sm .step-icon::after,
  .step-lg.step-centered .step-icon.step-icon-sm::after {
    width: calc(100% - 3.8125rem);
    left: calc(50% + 2.65625rem);
  }
  .step-lg.step-centered.step-icon-lg .step-icon::after,
  .step-lg.step-centered .step-icon.step-icon-lg::after {
    width: calc(100% - 7rem);
    left: calc(50% + 4.25rem);
  }
}
.step .step-is-valid-icon,
.step .step-is-invalid-icon {
  display: none;
}
.step .active .step-icon,
.step .active.is-valid .step-icon {
  color: #fff;
  background-color: #0abf53;
}
.step .active .step-title,
.step .active.is-valid .step-title {
  color: #0abf53;
}
.step .is-valid .step-icon {
  color: #fff;
  background-color: #0abf53;
}
.step .is-valid .step-title {
  color: #0abf53;
}
.step .is-valid .step-is-valid-icon {
  display: inline-flex;
}
.step .is-valid .step-is-default-icon,
.step .is-valid .step-is-invalid-icon {
  display: none;
}
.step .is-invalid .step-icon {
  color: #fff;
  background-color: #692340;
}
.step .is-invalid .step-title {
  color: #692340;
}
.step .is-invalid .step-is-invalid-icon {
  display: inline-flex;
}
.step .is-invalid .step-is-default-icon,
.step .is-invalid .step-is-valid-icon {
  display: none;
}
.step-icon-primary {
  color: #fff;
  background-color: #0abf53;
}
.step-icon-primary.step-icon-pseudo::before {
  background-color: #fff;
}
.step-icon-secondary {
  color: #fff;
  background-color: #51596c;
}
.step-icon-secondary.step-icon-pseudo::before {
  background-color: #fff;
}
.step-icon-success {
  color: #fff;
  background-color: #077c76;
}
.step-icon-success.step-icon-pseudo::before {
  background-color: #fff;
}
.step-icon-info {
  color: #fff;
  background-color: #334ac0;
}
.step-icon-info.step-icon-pseudo::before {
  background-color: #fff;
}
.step-icon-warning {
  color: #000;
  background-color: #f39568;
}
.step-icon-warning.step-icon-pseudo::before {
  background-color: #000;
}
.step-icon-danger {
  color: #fff;
  background-color: #692340;
}
.step-icon-danger.step-icon-pseudo::before {
  background-color: #fff;
}
.step-icon-light {
  color: #000;
  background-color: #f5f7fa;
}
.step-icon-light.step-icon-pseudo::before {
  background-color: #000;
}
.step-icon-dark {
  color: #fff;
  background-color: #2d374b;
}
.step-icon-dark.step-icon-pseudo::before {
  background-color: #fff;
}
.step-icon-soft-primary {
  color: #0abf53;
  background-color: rgba(10, 191, 83, 0.1);
}
.step-icon-soft-primary.step-icon-pseudo::before {
  background-color: #0abf53;
}
.step-icon-soft-secondary {
  color: #51596c;
  background-color: rgba(81, 89, 108, 0.1);
}
.step-icon-soft-secondary.step-icon-pseudo::before {
  background-color: #51596c;
}
.step-icon-soft-success {
  color: #077c76;
  background-color: rgba(7, 124, 118, 0.1);
}
.step-icon-soft-success.step-icon-pseudo::before {
  background-color: #077c76;
}
.step-icon-soft-info {
  color: #334ac0;
  background-color: rgba(51, 74, 192, 0.1);
}
.step-icon-soft-info.step-icon-pseudo::before {
  background-color: #334ac0;
}
.step-icon-soft-warning {
  color: #f39568;
  background-color: rgba(243, 149, 104, 0.1);
}
.step-icon-soft-warning.step-icon-pseudo::before {
  background-color: #f39568;
}
.step-icon-soft-danger {
  color: #692340;
  background-color: rgba(105, 35, 64, 0.1);
}
.step-icon-soft-danger.step-icon-pseudo::before {
  background-color: #692340;
}
.step-icon-soft-light {
  color: #f5f7fa;
  background-color: rgba(245, 247, 250, 0.1);
}
.step-icon-soft-light.step-icon-pseudo::before {
  background-color: #f5f7fa;
}
.step-icon-soft-dark {
  color: #2d374b;
  background-color: rgba(45, 55, 75, 0.1);
}
.step-icon-soft-dark.step-icon-pseudo::before {
  background-color: #2d374b;
}
.step-inline .step-content-wrapper {
  align-items: center;
}
.step-inline .step-item:last-child .step-title::after {
  display: none;
}
.step-inline .step-title {
  display: inline-block;
}
@media (min-width: 576px) {
  .step-sm.step-inline.step-dashed .step-title::after {
    border-top-style: dashed;
  }
  .step-sm.step-inline .step-item {
    overflow: hidden;
  }
  .step-sm.step-inline .step-icon {
    margin-bottom: 0;
  }
  .step-sm.step-inline .step-icon::after {
    display: none;
  }
  .step-sm.step-inline .step-title::after {
    position: absolute;
    top: 1.4375rem;
    width: 100%;
    height: 1.625rem;
    border-top: 0.125rem solid rgba(220, 224, 229, 0.6);
    margin-left: 1.5rem;
    content: "";
  }
  .step-sm.step-inline.step-icon-xs .step-content .step-title::after,
  .step-sm.step-inline .step-icon-xs + .step-content .step-title::after {
    top: 0.875rem;
  }
  .step-sm.step-inline.step-icon-sm .step-content .step-title::after,
  .step-sm.step-inline .step-icon-sm + .step-content .step-title::after {
    top: 1.15625rem;
  }
  .step-sm.step-inline.step-icon-lg .step-content .step-title::after,
  .step-sm.step-inline .step-icon-lg + .step-content .step-title::after {
    top: 2.75rem;
  }
}
@media (min-width: 768px) {
  .step-md.step-inline.step-dashed .step-title::after {
    border-top-style: dashed;
  }
  .step-md.step-inline .step-item {
    overflow: hidden;
  }
  .step-md.step-inline .step-icon {
    margin-bottom: 0;
  }
  .step-md.step-inline .step-icon::after {
    display: none;
  }
  .step-md.step-inline .step-title::after {
    position: absolute;
    top: 1.4375rem;
    width: 100%;
    height: 1.625rem;
    border-top: 0.125rem solid rgba(220, 224, 229, 0.6);
    margin-left: 1.5rem;
    content: "";
  }
  .step-md.step-inline.step-icon-xs .step-content .step-title::after,
  .step-md.step-inline .step-icon-xs + .step-content .step-title::after {
    top: 0.875rem;
  }
  .step-md.step-inline.step-icon-sm .step-content .step-title::after,
  .step-md.step-inline .step-icon-sm + .step-content .step-title::after {
    top: 1.15625rem;
  }
  .step-md.step-inline.step-icon-lg .step-content .step-title::after,
  .step-md.step-inline .step-icon-lg + .step-content .step-title::after {
    top: 2.75rem;
  }
}
@media (min-width: 992px) {
  .step-lg.step-inline.step-dashed .step-title::after {
    border-top-style: dashed;
  }
  .step-lg.step-inline .step-item {
    overflow: hidden;
  }
  .step-lg.step-inline .step-icon {
    margin-bottom: 0;
  }
  .step-lg.step-inline .step-icon::after {
    display: none;
  }
  .step-lg.step-inline .step-title::after {
    position: absolute;
    top: 1.4375rem;
    width: 100%;
    height: 1.625rem;
    border-top: 0.125rem solid rgba(220, 224, 229, 0.6);
    margin-left: 1.5rem;
    content: "";
  }
  .step-lg.step-inline.step-icon-xs .step-content .step-title::after,
  .step-lg.step-inline .step-icon-xs + .step-content .step-title::after {
    top: 0.875rem;
  }
  .step-lg.step-inline.step-icon-sm .step-content .step-title::after,
  .step-lg.step-inline .step-icon-sm + .step-content .step-title::after {
    top: 1.15625rem;
  }
  .step-lg.step-inline.step-icon-lg .step-content .step-title::after,
  .step-lg.step-inline .step-icon-lg + .step-content .step-title::after {
    top: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .step-xl.step-inline.step-dashed .step-title::after {
    border-top-style: dashed;
  }
  .step-xl.step-inline .step-item {
    overflow: hidden;
  }
  .step-xl.step-inline .step-icon {
    margin-bottom: 0;
  }
  .step-xl.step-inline .step-icon::after {
    display: none;
  }
  .step-xl.step-inline .step-title::after {
    position: absolute;
    top: 1.4375rem;
    width: 100%;
    height: 1.625rem;
    border-top: 0.125rem solid rgba(220, 224, 229, 0.6);
    margin-left: 1.5rem;
    content: "";
  }
  .step-xl.step-inline.step-icon-xs .step-content .step-title::after,
  .step-xl.step-inline .step-icon-xs + .step-content .step-title::after {
    top: 0.875rem;
  }
  .step-xl.step-inline.step-icon-sm .step-content .step-title::after,
  .step-xl.step-inline .step-icon-sm + .step-content .step-title::after {
    top: 1.15625rem;
  }
  .step-xl.step-inline.step-icon-lg .step-content .step-title::after,
  .step-xl.step-inline .step-icon-lg + .step-content .step-title::after {
    top: 2.75rem;
  }
}
@media (min-width: 576px) {
  .step-timeline-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .step-timeline-sm .step-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 50%;
  }
  .step-timeline-sm .step-item:nth-child(even) {
    flex-direction: row-reverse;
    text-align: right;
    margin-left: auto;
    margin-right: 50%;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-content-wrapper {
    flex-direction: row-reverse;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-icon {
    margin-left: 0;
    margin-right: -1.4375rem;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-icon-xs {
    margin-right: -0.875rem;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-icon-sm {
    margin-right: -1.15625rem;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-icon-lg {
    margin-right: -2.75rem;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-content {
    margin-right: 1.5rem;
  }
  .step-timeline-sm .step-icon {
    margin-left: -1.4375rem;
  }
  .step-timeline-sm .step-icon::after {
    left: auto;
    width: auto;
  }
  .step-timeline-sm .step-icon-xs {
    margin-left: -0.875rem;
  }
  .step-timeline-sm .step-icon-sm {
    margin-left: -1.15625rem;
  }
  .step-timeline-sm .step-icon-lg {
    margin-left: -2.75rem;
  }
}
@media (min-width: 768px) {
  .step-timeline-md {
    margin-left: 0;
    margin-right: 0;
  }
  .step-timeline-md .step-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 50%;
  }
  .step-timeline-md .step-item:nth-child(even) {
    flex-direction: row-reverse;
    text-align: right;
    margin-left: auto;
    margin-right: 50%;
  }
  .step-timeline-md .step-item:nth-child(even) .step-content-wrapper {
    flex-direction: row-reverse;
  }
  .step-timeline-md .step-item:nth-child(even) .step-icon {
    margin-left: 0;
    margin-right: -1.4375rem;
  }
  .step-timeline-md .step-item:nth-child(even) .step-icon-xs {
    margin-right: -0.875rem;
  }
  .step-timeline-md .step-item:nth-child(even) .step-icon-sm {
    margin-right: -1.15625rem;
  }
  .step-timeline-md .step-item:nth-child(even) .step-icon-lg {
    margin-right: -2.75rem;
  }
  .step-timeline-md .step-item:nth-child(even) .step-content {
    margin-right: 1.5rem;
  }
  .step-timeline-md .step-icon {
    margin-left: -1.4375rem;
  }
  .step-timeline-md .step-icon::after {
    left: auto;
    width: auto;
  }
  .step-timeline-md .step-icon-xs {
    margin-left: -0.875rem;
  }
  .step-timeline-md .step-icon-sm {
    margin-left: -1.15625rem;
  }
  .step-timeline-md .step-icon-lg {
    margin-left: -2.75rem;
  }
}
@media (min-width: 992px) {
  .step-timeline-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .step-timeline-lg .step-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 50%;
  }
  .step-timeline-lg .step-item:nth-child(even) {
    flex-direction: row-reverse;
    text-align: right;
    margin-left: auto;
    margin-right: 50%;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-content-wrapper {
    flex-direction: row-reverse;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-icon {
    margin-left: 0;
    margin-right: -1.4375rem;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-icon-xs {
    margin-right: -0.875rem;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-icon-sm {
    margin-right: -1.15625rem;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-icon-lg {
    margin-right: -2.75rem;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-content {
    margin-right: 1.5rem;
  }
  .step-timeline-lg .step-icon {
    margin-left: -1.4375rem;
  }
  .step-timeline-lg .step-icon::after {
    left: auto;
    width: auto;
  }
  .step-timeline-lg .step-icon-xs {
    margin-left: -0.875rem;
  }
  .step-timeline-lg .step-icon-sm {
    margin-left: -1.15625rem;
  }
  .step-timeline-lg .step-icon-lg {
    margin-left: -2.75rem;
  }
}
@media (min-width: 1200px) {
  .step-timeline-xl {
    margin-left: 0;
    margin-right: 0;
  }
  .step-timeline-xl .step-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 50%;
  }
  .step-timeline-xl .step-item:nth-child(even) {
    flex-direction: row-reverse;
    text-align: right;
    margin-left: auto;
    margin-right: 50%;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-content-wrapper {
    flex-direction: row-reverse;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-icon {
    margin-left: 0;
    margin-right: -1.4375rem;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-icon-xs {
    margin-right: -0.875rem;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-icon-sm {
    margin-right: -1.15625rem;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-icon-lg {
    margin-right: -2.75rem;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-content {
    margin-right: 1.5rem;
  }
  .step-timeline-xl .step-icon {
    margin-left: -1.4375rem;
  }
  .step-timeline-xl .step-icon::after {
    left: auto;
    width: auto;
  }
  .step-timeline-xl .step-icon-xs {
    margin-left: -0.875rem;
  }
  .step-timeline-xl .step-icon-sm {
    margin-left: -1.15625rem;
  }
  .step-timeline-xl .step-icon-lg {
    margin-left: -2.75rem;
  }
}