/* OKKwork: единый бренд в шапке всех этапов (как стартовая, светлая шапка) */

:root {
  --okk-brand-title-font: "Rubik", sans-serif;
  --okk-brand-title-size: clamp(22px, 4vw, 32px);
  --okk-brand-title-weight: 800;
  --okk-brand-title-spacing: 0;
  --okk-brand-title-line-height: 1;
  --okk-brand-dark-blue: #0658a2;
  --okk-header-bg: #dce7f2;
  --okk-brand-tagline-font: "Rubik", sans-serif;
  --okk-brand-tagline-size: 14px;
  --okk-brand-tagline-spacing: 0.14em;
}

.Pixso-frame-219_3 .Pixso-rectangle-129_38,
html body #129_38.Pixso-rectangle-129_38,
html body .Pixso-rectangle-129_38 {
  background: var(--okk-header-bg) !important;
  background-color: var(--okk-header-bg) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(6, 88, 162, 0.14) !important;
  box-shadow: 0 10px 26px rgba(6, 88, 162, 0.12) !important;
  z-index: 0 !important;
}

a.okkwork-header-brand-link {
  display: contents;
  color: var(--okk-brand-dark-blue) !important;
  text-decoration: none;
  cursor: pointer;
}

a.okkwork-header-brand-link:focus-visible #219_4,
a.okkwork-header-brand-link:focus-visible #219_5 {
  outline: 2px solid rgba(6, 88, 162, 0.55);
  outline-offset: 3px;
  border-radius: 4px;
}
html body .Pixso-frame-219_3 #219_4,
html body .Pixso-frame-219_3 .okkwork-brand__title,
html body .Pixso-frame-219_3 #219_4.okkwork-brand__title,
html body .Pixso-frame-219_3 .Pixso-paragraph-219_4,
html body .Pixso-frame-219_3 .Pixso-paragraph-219_4.okkwork-brand__title,
html body #219_4 {
  position: absolute !important;
  left: 28px !important;
  top: 7px !important;
  font-family: var(--okk-brand-title-font) !important;
  font-size: var(--okk-brand-title-size) !important;
  font-weight: var(--okk-brand-title-weight) !important;
  letter-spacing: var(--okk-brand-title-spacing) !important;
  line-height: var(--okk-brand-title-line-height) !important;
  color: var(--okk-brand-dark-blue) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 6 !important;
  width: auto !important;
  height: auto !important;
}

html body .Pixso-frame-219_3 #219_5,
html body .Pixso-frame-219_3 .okkwork-brand__tagline,
html body .Pixso-frame-219_3 #219_5.okkwork-brand__tagline,
html body .Pixso-frame-219_3 .Pixso-paragraph-219_5,
html body .Pixso-frame-219_3 .Pixso-paragraph-219_5.okkwork-brand__tagline,
html body #219_5 {
  position: absolute !important;
  left: 28px !important;
  top: 40px !important;
  font-family: var(--okk-brand-tagline-font) !important;
  font-size: var(--okk-brand-tagline-size) !important;
  font-weight: 600 !important;
  letter-spacing: var(--okk-brand-tagline-spacing) !important;
  line-height: 1 !important;
  color: var(--okk-brand-dark-blue) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 6 !important;
  width: auto !important;
  height: auto !important;
}

html body .okkwork-brand__tagline,
html body #219_5.okkwork-brand__tagline {
  font-family: var(--okk-brand-tagline-font) !important;
  font-weight: 600 !important;
  color: var(--okk-brand-dark-blue) !important;
  font-synthesis: none !important;
}

html body .Pixso-frame-219_3 p#219_4,
html body .Pixso-frame-219_3 p#219_5 {
  font-synthesis: none !important;
}

a.okkwork-header-brand-link:hover #219_4,
a.okkwork-header-brand-link:hover #219_5 {
  opacity: 0.88;
}