@charset "utf-8";

.special-label {
  font-family: "Optima", "Optima Medium", sans-serif;
}

.special-gradient-title {
  background: linear-gradient(90deg, #0033ff 0%, #00bbef 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.special-sec2-bg,
.special-sec5-bg,
.special-sec6-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.special-sec2-bg {
  background-image: var(--special-sec2-bg);
}

.special-sec5-bg {
  background-image: var(--special-sec5-bg);
}

.special-sec6-bg {
  background-image: var(--special-sec6-bg);
}

.special-step-badge {
  background-color: rgba(0, 51, 255, 0.1);
  border-radius: 5px;
  color: #006cff;
  font-family: "Optima", "Optima Medium", sans-serif;
}

.special-compare-card--limit {
  background-color: rgba(0, 0, 0, 0.4);
}

.special-compare-card--advantage {
  background-color: rgba(255, 255, 255, 0.4);
}

.special-check-item::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin-top: 0.55rem;
  border-radius: 50%;
  background-color: #7dd7ff;
  flex-shrink: 0;
}

.special-compare-card--advantage .special-check-item::before {
  background-color: #003bba;
}

.special-gradient-title {
  background: linear-gradient(90deg, var(--, #03F) 0%, #00BBEF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 1023px) {
  .special-sec3-flow {
    gap: 1.5rem;
  }

  .special-sec3-icon {
    transform: rotate(90deg);
  }
}