/* 自舊前台 chcg_oss2025_4/frontref/css/all.css 摘錄：申辦流程圖頁 */
.pc .list-unstyled,
.mobile .list-unstyled {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.pc .list-unstyled .step,
.mobile .list-unstyled .step {
  padding: 1.5rem 0;
}

@media (max-width: 1199.98px) {
  .pc .list-unstyled .step,
  .mobile .list-unstyled .step {
    padding: 1rem 0;
  }
}

.pc .list-unstyled .step .img-fluid,
.mobile .list-unstyled .step .img-fluid {
  border: 2px solid #fff;
}

.pc .list-unstyled .step .d-flex,
.mobile .list-unstyled .step .d-flex {
  justify-content: center;
  align-items: center;
}

.pc .list-unstyled .step .d-flex .h2,
.mobile .list-unstyled .step .d-flex .h2 {
  padding: 0;
}

.pc .list-unstyled .arrow,
.mobile .list-unstyled .arrow {
  display: flex;
  align-items: center;
}

.pc .step {
  width: 38%;
}

@media (max-width: 767.98px) {
  .pc .step {
    width: 100%;
  }

  .pc .arrow {
    padding: 0 1rem;
    transform: rotate(90deg);
  }
}

.mobile .step {
  width: 19%;
}

@media (max-width: 1199.98px) {
  .mobile .step {
    width: 39%;
  }
}

@media (max-width: 767.98px) {
  .mobile .step {
    width: 100%;
  }

  .mobile .arrow {
    padding: 0 1rem;
    transform: rotate(90deg);
  }
}