body {
  min-height: 1024px;
}
.hero-section {
  /* background-image: url("http://static.caiyisai.com/images/www/pc/qdhz_banner.jpg"); */
  background-size: cover;
  background-position: center;
}
.nav-link:hover {
  color: #3498db;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}
.search-input:focus {
  outline: none;
  box-shadow: 0 0 0 0px rgba(52, 152, 219, 0.2);
}
.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: #3498db;
}
.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(52 152 219 / var(--tw-bg-opacity, 1));
}
.border-color {
  --tw-text-opacity: 1;
  border-color: rgb(24 144 255 / var(--tw-text-opacity, 1));
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(24 144 255 / var(--tw-text-opacity, 1));
}
.btn-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(0 153 255 / var(--tw-bg-opacity, 1));
}
.text-logo {
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 700;
  color: #009ad6;
}
.rounded-button {
  border-radius: 8px;
}
.process-line {
  position: absolute;
  top: 50%;
  left: calc(50% + 80px);
  width: calc(100% - 160px);
  height: 2px;
  background: repeating-linear-gradient(
    90deg,
    #cbd5e0 0,
    #cbd5e0 6px,
    transparent 6px,
    transparent 12px
  );
  z-index: -1;
}

.process-line::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid #cbd5e0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.process-icon {
  width: 160px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0099ff;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.process-icon:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 15px -3px rgba(0, 153, 255, 0.3);
}

.process-icon i {
  font-size: 48px;
  color: white;
}