.kleiberit {
  --kleiberit-blue: #063778;
  --kleiberit-navy: #031d46;
  --kleiberit-yellow: #ffcc00;
  --kleiberit-ice: #edf5ff;
  --kleiberit-ink: #252938;
}

.kleiberit .seo-page-title {
  max-width: 1120px;
  margin: 0 0 34px;
  color: var(--kleiberit-ink);
  font-family: "Gilroy", "Montserrat", Arial, sans-serif;
  font-size: clamp(34px, 4.2vw, 64px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.kleiberit .astra-sub-header { margin-top: 30px; }

.kleiberit .astra-sub-header__result {
  aspect-ratio: 1770 / 620;
  overflow: hidden;
  border-radius: 14px;
  background: var(--kleiberit-navy);
}

.kleiberit .astra-sub-header__result picture,
.kleiberit .astra-sub-header__result .astra-fon {
  display: block;
  width: 100%;
  height: 100%;
}

.kleiberit .astra-sub-header__result .astra-fon { object-fit: cover; }

.kleiberit .astra-sub-header__result-container {
  left: clamp(48px, 8vw, 132px);
  top: 50%;
  width: min(430px, 38%);
  margin-top: 0;
  transform: translateY(-50%);
}

.kleiberit .astra-sub-header__result-logo .case-logo-header::before {
  margin-top: 0;
  color: #fff;
  font-size: clamp(64px, 7vw, 104px);
}

.kleiberit .kleiberit-hero-copy {
  margin-top: 22px;
  color: #e6f0ff;
  font-family: "Gilroy", Arial, sans-serif;
  font-size: clamp(16px, 1.55vw, 22px);
  font-weight: 500;
  line-height: 1.45;
}

.kleiberit .case-clients__modal { margin-top: 34px; }

.kleiberit .astra-about__body {
  height: 653px;
  overflow: hidden;
  border-radius: 14px;
  background: url("../../img/kleiberit/designed/about-desktop.webp?v=2026071702") center / cover no-repeat !important;
}

.kleiberit .astra-about__content {
  width: 52%;
  border-radius: 14px 0 0 14px;
  background: linear-gradient(90deg, rgba(3, 29, 70, .96), rgba(4, 48, 103, .86));
}

.kleiberit .astra-about__content-container { padding: 0 clamp(44px, 5vw, 78px); }
.kleiberit .astra-about__logo .case-icon::before { color: #fff; font-size: 82px; }
.kleiberit .astra-about__text { margin-top: 32px; }
.kleiberit .astra-about__text p { font-size: 20px; line-height: 1.48; }
.kleiberit .astra-about__content-border { height: 14px; background: var(--kleiberit-yellow); }
.kleiberit .astra-task__lists li::before { background: var(--kleiberit-yellow); }

.kleiberit .astra-task-solution__body {
  height: auto;
  padding: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

.kleiberit .astra-task-solution__body-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
}

.kleiberit .astra-task-solution__img { order: 1; position: static; width: 100%; }
.kleiberit .astra-task-solution__img picture { display: block; width: 100%; }
.kleiberit .astra-task-solution__img img {
  position: static;
  width: 100%;
  max-width: none;
  height: auto;
  border-radius: 14px;
  object-fit: cover;
  transform: none;
  outline: 1px solid rgba(3, 29, 70, .16);
  outline-offset: -1px;
}

.kleiberit .astra-task-solution__text {
  order: 2;
  width: 100%;
  max-width: none;
  padding: 42px 50px;
  box-sizing: border-box;
  border-radius: 14px;
  background: linear-gradient(125deg, var(--kleiberit-navy), var(--kleiberit-blue));
}

.kleiberit .astra-task-solution__text p { font-size: 21px; line-height: 1.52; }
.kleiberit .astra-task-general__item { border-radius: 12px; background: var(--kleiberit-ice); }

.kleiberit .onvalid-input,
.kleiberit .onvalid-file,
.kleiberit .form__status {
  min-height: 21px;
  margin-top: 7px;
  color: #a53232;
  font-size: 14px;
  line-height: 1.35;
}

.kleiberit .form__status { width: 100%; color: var(--kleiberit-blue); font-weight: 600; }
.kleiberit .form__status--error { color: #a53232; }
.kleiberit .button__input[disabled] { cursor: wait; opacity: .72; }

@media (max-width: 767.98px) {
  .kleiberit { padding-top: 88px; box-sizing: border-box; }
  .kleiberit .seo-page-title { margin-bottom: 24px; font-size: clamp(32px, 9.5vw, 48px); }
  .kleiberit .astra-sub-header { margin-top: 24px; }
  .kleiberit .astra-sub-header__result { aspect-ratio: 5 / 6; }
  .kleiberit .astra-sub-header__result-container {
    left: 28px;
    top: 34px;
    width: calc(100% - 56px);
    transform: none;
  }
  .kleiberit .astra-sub-header__result-logo .case-logo-header::before { font-size: 68px; }
  .kleiberit .kleiberit-hero-copy { max-width: 430px; margin-top: 12px; font-size: 17px; }
  .kleiberit .case-clients__modal { margin-top: 22px; }
  .kleiberit .astra-about__body {
    height: 840px;
    background-image: url("../../img/kleiberit/designed/about-mobile.webp?v=2026071702") !important;
  }
  .kleiberit .astra-about__content {
    top: auto;
    width: 100%;
    height: auto;
    min-height: 48%;
    padding: 34px 0 44px;
    border-radius: 0 0 14px 14px;
    background: linear-gradient(0deg, rgba(3, 29, 70, .98), rgba(3, 29, 70, .86));
  }
  .kleiberit .astra-about__content-container { padding: 0 30px; }
  .kleiberit .astra-about__logo .case-icon::before { font-size: 62px; }
  .kleiberit .astra-about__text { margin-top: 20px; }
  .kleiberit .astra-about__text p { font-size: 17px; }
  .kleiberit .astra-task-solution__body-container { gap: 16px; }
  .kleiberit .astra-task-solution__text { padding: 30px 26px; }
  .kleiberit .astra-task-solution__text p { font-size: 17px; }
}

@media (max-width: 419.98px) {
  .kleiberit .astra-sub-header__result { aspect-ratio: 5 / 6; }
  .kleiberit .astra-about__body { height: 780px; }
  .kleiberit .astra-about__content { min-height: 53%; }
}