/*
 * Правила с --модификаторами, повторённые в конце каскада (в compat они оказались
 * раньше базовых и проигрывали). Исключены свойства, которые в исходном CSS
 * намеренно перекрываются более поздним базовым правилом.
 */
.nk-agreement-callout--soft {
  display: block;
  background: #f5f8fb;
  border-color: var(--nk-agreement-line);
}

.nk-agreement-section--contact {
  color: #fff;
  background: radial-gradient(circle at 85% 14%, rgba(104, 224, 221, 0.12), transparent 28%),
    var(--nk-agreement-ink);
  border-color: rgba(104, 224, 221, 0.18);
}

.nk-agreement-section--contact > header,
.nk-agreement-section--contact > :where(.elementor-widget) > header,
.nk-agreement-section--contact > :where(.elementor-widget) > :where(.elementor-widget) > header {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.nk-agreement-section--contact > header > span,
.nk-agreement-section--contact > header > :where(.elementor-widget) > span,
.nk-agreement-section--contact > header > :where(.elementor-widget) > :where(.elementor-widget) > span {
  color: var(--nk-agreement-cyan);
  background: rgba(104, 224, 221, 0.08);
  border-color: rgba(104, 224, 221, 0.24);
}

.nk-agreement-section--contact > header small,
.nk-agreement-section--contact > :where(.elementor-widget) > header small,
.nk-agreement-section--contact > :where(.elementor-widget) > :where(.elementor-widget) > header small {
  color: var(--nk-agreement-cyan);
}

.nk-agreement-section--contact > header h2,
.nk-agreement-section--contact > :where(.elementor-widget) > header h2,
.nk-agreement-section--contact > :where(.elementor-widget) > :where(.elementor-widget) > header h2,
.nk-agreement-section--contact > p,
.nk-agreement-section--contact > :where(.elementor-widget) > p,
.nk-agreement-section--contact > :where(.elementor-widget) > :where(.elementor-widget) > p {
  color: #fff;
}

.nk-agreement-section--contact > p,
.nk-agreement-section--contact > :where(.elementor-widget) > p,
.nk-agreement-section--contact > :where(.elementor-widget) > :where(.elementor-widget) > p {
  color: rgba(255, 255, 255, 0.7);
}

.nk-agreement-section--contact .nk-button--outline {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.34);
}

.nk-agreement-section--contact .nk-button--outline:hover {
  color: var(--nk-agreement-ink);
  background: #fff;
}

@mediaprint {
.nk-agreement-section--contact {
  color: #000;
  background: #fff !important;
}

.nk-agreement-section--contact > header h2,
.nk-agreement-section--contact > :where(.elementor-widget) > header h2,
.nk-agreement-section--contact > :where(.elementor-widget) > :where(.elementor-widget) > header h2,
.nk-agreement-section--contact > p,
.nk-agreement-section--contact > :where(.elementor-widget) > p,
.nk-agreement-section--contact > :where(.elementor-widget) > :where(.elementor-widget) > p,
.nk-agreement-section--contact .nk-agreement-contact strong,
.nk-agreement-section--contact .nk-agreement-contact a {
  color: #000;
}

}