.change-page {
  --change-review: #f4b95d;
}

.change-page .change-hero__caption {
  max-width: 760px;
  color: rgba(237, 242, 246, .7);
  font-size: clamp(13px, .9vw, 15px);
}

.change-page .devices .change-scenarios-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.change-page .devices .change-routes-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.change-page .devices .change-logistics-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.change-page .services-process__details.change-factors-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.change-page .change-section-note {
  max-width: 920px;
  margin: 34px auto 0;
  color: rgba(237, 242, 246, .72);
  font: 14px/1.65 "Century Gothic", sans-serif;
  text-align: center;
}

.change-page .change-comparison {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 36px;
}

.change-page .change-comparison > div {
  min-width: 0;
  padding: clamp(28px, 2.5vw, 42px);
  border: 1px solid rgba(49, 69, 70, .32);
  border-radius: clamp(28px, 3vw, 50px);
  background: linear-gradient(148deg, #0b0e0e 12%, #141a1a 50%, #0b0e0e 88%);
}

.change-page .change-comparison > div:last-child {
  border-color: rgba(55, 214, 150, .48);
  box-shadow: inset 0 0 38px rgba(55, 214, 150, .055);
}

.change-page .change-comparison span {
  display: block;
  margin-bottom: 14px;
  color: var(--services-mint);
  font: 18px/1.4 Radiotechnika, sans-serif;
}

.change-page .change-comparison strong {
  display: block;
  color: var(--services-text);
  font: 24px/1.3 "Century Gothic", sans-serif;
}

.change-page .change-comparison p {
  margin: 14px 0 0;
  color: var(--services-muted);
  font: 14px/1.6 "Century Gothic", sans-serif;
}

.change-page .change-comparison > i {
  align-self: center;
  color: var(--services-mint);
  font: 28px/1 Radiotechnika, sans-serif;
}

.change-page .change-home-form .type-approval-policy {
  column-gap: max(16px, 28px);
}

.change-page .change-home-form .verification-field.is-invalid,
.change-page .change-home-form .verification-upload.is-invalid,
.change-page .change-home-form .verification-consent.is-invalid {
  border-color: #a92024;
}

.change-page .change-home-form .verification-field[aria-invalid="true"],
.change-page .change-home-form input[aria-invalid="true"],
.change-page .change-home-form textarea[aria-invalid="true"] {
  outline: 0;
}

@media (max-width: 1100px) {
  .change-page .devices .change-logistics-grid,
  .change-page .services-process__details.change-factors-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .change-page .devices .change-scenarios-grid,
  .change-page .devices .change-routes-grid,
  .change-page .devices .change-logistics-grid,
  .change-page .services-process__details.change-factors-grid {
    grid-template-columns: 1fr;
  }

  .change-page .change-comparison {
    grid-template-columns: 1fr;
    margin-top: 28px;
  }

  .change-page .change-comparison > i {
    justify-self: center;
    transform: rotate(90deg);
  }

  .change-page .change-section-note {
    margin-top: 26px;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .change-page *,
  .change-page *::before,
  .change-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}