input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none!important;
  box-shadow: 0 0 5px #8d8b8bcc!important;
}
.selectize-input.focus,
.selectize-control.single .selectize-input:focus-visible {
  border-color: #eec0b0!important;
  border-radius: 30px!important;
  box-shadow: 0 0 5px #8d8b8bcc;
}
.selectize-input {
  box-sizing: border-box;
  border: 3px solid #eec0b0;
  border-radius: 30px;
  padding: 1rem;
  padding-left: 1.5rem;
  width: 100%;
}
.selectize-control.single .selectize-input:after {
  content: '';
  display: inline-block;
  background-image: url('https://largan-hbc-asab.com.tw/img/icon/ICON_CHEVRON_DOWN_CIRCLE_ROSEPINK.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 55%;
  transform: translateY(-50%);
  border: none;
}
.selectize-dropdown-content {
  padding: 10px;
}
@media (min-width: 768px) {
  .modal-content {
      width: 600px;
  }
}
#lightEnvironmentContainer,
#lightPortfolioContainer,
#lightServiceContainer,
#lightCourseContainer,
#lightTicketContainer {
  white-space: nowrap;
  display: flex;
  gap: 10px;
  margin-top: 10px;
  margin-right: 30px;
  margin-left: 30px;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  scrollbar-color: #eec0b0 transparent;
  scrollbar-width: thin;
}
#lightEnvironmentContainer::-webkit-scrollbar,
#lightPortfolioContainer::-webkit-scrollbar,
#lightServiceContainer::-webkit-scrollbar,
#lightCourseContainer::-webkit-scrollbar,
#lightTicketContainer::-webkit-scrollbar {
  height: 6px;
}
#lightEnvironmentContainer::-webkit-scrollbar-track,
#lightPortfolioContainer::-webkit-scrollbar-track,
#lightServiceContainer::-webkit-scrollbar-track,
#lightCourseContainer::-webkit-scrollbar-track,
#lightTicketContainer::-webkit-scrollbar-track {
  background: transparent;
}
#lightEnvironmentContainer::-webkit-scrollbar-thumb,
#lightPortfolioContainer::-webkit-scrollbar-thumb,
#lightServiceContainer::-webkit-scrollbar-thumb,
#lightCourseContainer::-webkit-scrollbar-thumb,
#lightTicketContainer::-webkit-scrollbar-thumb {
  background-color: #eec0b0;
  border-radius: 10px;
}
section a:hover {
  color: #e66f75!important;
}
.custom-responsive-width {
    width: 95%;
}
@media (min-width: 601px) {
  .custom-responsive-width {
    width: 60%;
  }
}
/* 快速預約-S */
.progress-bar {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  height: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid #e66f75;
}

#progress-bar-fill {
  display: block;
  height: 100%;
  width: 0%;
  background-color: #e66f75;
  transition: width 0.3s ease;
}
.form-page {
  display: none;
}
.form-page.active {
  display: block;
}
.pagination {
  margin-top: 20px;
}

.custom-select-css {
  border: 3px solid #eec0b0;
  background-color: white;
  padding-left: 1.5rem;
  line-height: initial;
  height: initial;
  border-radius: 30px;
}
.btn-disabled {
  background-color: #B3B3B3!important;
  color: #444444;
  cursor: not-allowed;
}
.btn-disabled:hover {
  background-color: #B3B3B3!important;
  color: #444444;
}
#customerName,
#carrierNum {
  margin-left: 0px!important;
}
.highlight-btn {
  animation: bounceAnimation 1s infinite;
  background-color: #FFB07C !important; /* 加深顏色 */
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
@media (min-width: 601px) {
  #customerName,
  #carrierNum {
    margin-left: 124px!important;
  }
}
@keyframes bounceAnimation {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
/* 快速預約-E */
/* 選擇日期、時間-S */
#weekDateList button {
  height: 60px;
  white-space: normal;
  border: 1px solid #e66f75;
  border-radius: 5px;
  background: white;
  cursor: pointer;
}
#weekDateList button.disabled {
  background: #ccc;
  border-color: #aaa;
  cursor: not-allowed;
}
#weekDateList button.selected {
  background: #e66f75;
  color: white;
  font-weight: bold;
}
#timeSlotList button {
  min-width: 70px;
  margin: 4px;
  padding: 6px 10px;
  border: 1px solid #f5aeae;
  border-radius: 4px;
  background: white;
  cursor: pointer;
}
#timeSlotList button.selected {
  background: #f5aeae;
  color: white;
  font-weight: bold;
}
/* 選擇日期、時間-E */