/* Плашка первого слайда (first-rectangle): текст по центру, плотные строки, адаптивно под число полей */

.slider .angled-rectangle.first-rectangle {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  /* Равные отступы + лёгкий сдвиг вниз — визуальный центр с учётом clip-path */
  padding: 3% 3% 3% 2% !important;
  overflow: hidden !important;
}

.slider .angled-rectangle.first-rectangle .first-rectangle-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.12em;
  width: 100%;
  box-sizing: border-box;
  padding-left: 4%;
  padding-right: 6%;
  /* Лёгкий сдвиг вниз (раньше 8% было слишком низко) */
  transform: translateY(1.5%);
}

.slider .angled-rectangle.first-rectangle .first-rectangle-inner > h2 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
}

.slider .angled-rectangle.first-rectangle .first-rectangle-inner > h2 .tirei,
.slider .angled-rectangle.first-rectangle .first-rectangle-inner > h2 .tools {
  margin: 0 !important;
  padding-left: 0 !important;
  line-height: 1.05 !important;
  display: inline !important;
  vertical-align: baseline;
}

.slider .angled-rectangle.first-rectangle .first-rectangle-inner > h2 .tools-tight {
  margin-left: 0.15em !important;
}

.slider .angled-rectangle.first-rectangle .first-rectangle-inner > p.tools,
.slider .angled-rectangle.first-rectangle .first-rectangle-inner > p.tools-line {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.08 !important;
  display: block !important;
  color: #fff !important;
}

.slider .angled-rectangle.first-rectangle .first-rectangle-inner > .description,
.slider .angled-rectangle.first-rectangle .first-rectangle-inner > .description1 {
  margin: 0.28em 0 0 0 !important;
  padding-left: 0 !important;
  line-height: 1.2 !important;
  display: block !important;
}

.slider .angled-rectangle.first-rectangle .first-rectangle-inner > .description1 {
  margin-top: 0.08em !important;
}

.slider .angled-rectangle.first-rectangle .first-rectangle-inner > h2 + .description {
  margin-top: 0.32em !important;
}

@media (max-width: 1024px) {
  .slider .angled-rectangle.first-rectangle .first-rectangle-inner {
    transform: translateY(1%);
  }
}

@media (max-width: 768px) {
  .slider .angled-rectangle.first-rectangle {
    padding: 3.5% 4% 3.5% 3% !important;
  }

  .slider .angled-rectangle.first-rectangle .first-rectangle-inner {
    transform: translateY(1%);
  }

  .slider .angled-rectangle.first-rectangle .first-rectangle-inner > .description,
  .slider .angled-rectangle.first-rectangle .first-rectangle-inner > .description1 {
    font-size: 12px !important;
  }
}