.elementor-24948 .elementor-element.elementor-element-32d302af > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-24948 .elementor-element.elementor-element-32d302af:not(.elementor-motion-effects-element-type-background), .elementor-24948 .elementor-element.elementor-element-32d302af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ddk.in.ua/wp-content/uploads/2025/09/real-estate-bg-top.svg");background-position:top left;background-repeat:no-repeat;}.elementor-24948 .elementor-element.elementor-element-32d302af{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:-40px 0px 80px 0px;padding:100px 10px 0px 10px;}.elementor-24948 .elementor-element.elementor-element-32d302af > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-24948 .elementor-element.elementor-element-12888710{width:var( --container-widget-width, 108.564% );max-width:108.564%;--container-widget-width:108.564%;--container-widget-flex-grow:0;}.elementor-24948 .elementor-element.elementor-element-12888710.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-24948 .elementor-element.elementor-element-12888710 .title{font-size:38px;}@media(max-width:1024px){.elementor-24948 .elementor-element.elementor-element-32d302af{margin:0px 0px 60px 0px;padding:100px 10px 0px 10px;}}@media(max-width:768px){.elementor-24948 .elementor-element.elementor-element-32d302af{margin:0px 0px 40px 0px;}}@media(min-width:769px){.elementor-24948 .elementor-element.elementor-element-1817d631{width:24%;}.elementor-24948 .elementor-element.elementor-element-138e6db6{width:76%;}}@media(max-width:1024px) and (min-width:769px){.elementor-24948 .elementor-element.elementor-element-1817d631{width:100%;}.elementor-24948 .elementor-element.elementor-element-138e6db6{width:100%;}}/* Start custom CSS for wd_title, class: .elementor-element-12888710 *//* ===== DDK — новая компоновка текста (лид + 2 колонки с маркерами) ===== */
.elementor-element-12888710 .title-after_title{
  /* базовый светлый стиль */
  position: relative;
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:12px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
  padding:clamp(16px,2.2vw,32px);
  color:#111417;
  line-height:1.7;
  font-size:clamp(15.5px,.45vw + 14px,17.5px);
  max-width:1100px;

  /* новая раскладка: grid вместо column-count */
  display:grid;
  grid-template-columns: 1fr;     /* мобайл: один столбец */
  gap: 14px 40px;
}
.elementor-element-12888710 .title-after_title p{
  margin:0;                        /* управляем отступами через gap */
}

/* Лид-абзац (первый) — на всю ширину, крупнее и с акцентной левой линией */
.elementor-element-12888710 .title-after_title p:nth-child(1){
  grid-column: 1 / -1;
  font-size: clamp(16.5px,.6vw + 15px,19px);
  font-weight: 700;
  padding-left: 14px;
  border-left: 3px solid #2f8a3a;
}

/* Остальные абзацы — с мини-маркерами */
.elementor-element-12888710 .title-after_title p:nth-child(n+2){
  position: relative;
  padding-left: 16px;
}
.elementor-element-12888710 .title-after_title p:nth-child(n+2)::before{
  content:"";
  position:absolute;
  left:0; top: .85em;
  width:6px; height:6px;
  border-radius:50%;
  background:#c2c9d1;              /* цвет маркера */
}

/* Десктоп: два столбца */
@media (min-width:1024px){
  .elementor-element-12888710 .title-after_title{
    grid-template-columns: 1fr 1fr; /* 2 колонки */
  }
  /* чтобы второй абзац «прилипал» к левому столбцу сразу под лидом */
  .elementor-element-12888710 .title-after_title p:nth-child(2){
    grid-column: 1 / 2;
  }
}

/* Перекрашиваем любые inline-спаны с color в наш цвет текста */
.elementor-element-12888710 .title-after_title span[style*="color"]{
  color:#111417 !important;
}

/* Тонкие L-уголки (светлые, ненавязчивые) */
.elementor-element-12888710 .title-after_title::before,
.elementor-element-12888710 .title-after_title::after{
  content:""; position:absolute; width:18px; height:18px;
}
.elementor-element-12888710 .title-after_title::before{
  top:10px; left:10px;
  border-top:2px solid #d5dbe2;
  border-left:2px solid #d5dbe2;
  border-top-left-radius:3px;
}
.elementor-element-12888710 .title-after_title::after{
  right:10px; bottom:10px;
  border-right:2px solid #d5dbe2;
  border-bottom:2px solid #d5dbe2;
  border-bottom-right-radius:3px;
}/* End custom CSS */