.elementor-996 .elementor-element.elementor-element-b9aab1d{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* === Хто ми === */
.dm-about{
  background:#fff;
  padding:90px 0 100px;
  font-family:Inter,system-ui,sans-serif;
}
.dm-about .dm-container{
  max-width:1280px;
  margin:0 auto;
  padding:0 32px;
}

/* Карточний базовий стиль + верхня смужка */
.card{
  background:#fff;
  border:1px solid #dbe5f0;
  border-radius:22px;
  box-shadow:0 12px 28px rgba(16,24,40,.08), 0 3px 8px rgba(16,24,40,.05);
  position:relative;
}
.card::before{
  content:"";
  position:absolute; left:10px; right:10px; top:10px; height:6px;
  background:linear-gradient(90deg,#1fcf90 0%, #ff8a3d 100%);
  border-radius:16px;
}

/* Герой-блок */
.about-hero{
  display:grid;
  gap:26px;
  margin:0 0 28px;
}
.about-copy{
  padding:26px 26px 22px;
}
.about-copy h1{
  margin:4px 0 12px;
  font-weight:900; font-size:42px; line-height:1.15; color:#0f1c2b;
}
.about-copy p{
  margin:0 0 12px; color:#425b72; font-size:18px; line-height:1.6;
}
.about-photo{
  overflow:hidden;
}
.about-photo img{
  width:100%; height:100%; display:block;
  aspect-ratio: 4 / 3;            /* за потреби можна змінити на 16/9 */
  object-fit:cover;
  border-bottom-left-radius:22px;
  border-bottom-right-radius:22px;
}

/* Дві колонки на широких */
@media (min-width: 992px){
  .about-hero{
    grid-template-columns: minmax(0,1fr) 560px;
    align-items:stretch;
  }
}

/* Розділи */
.about-section{
  margin:20px 0;
}
.about-section.card{
  padding:22px 26px;
}
.about-section h2{
  margin:6px 0 10px; font-size:24px; font-weight:900; color:#0f1c2b;
}
.about-section p{
  margin:0; color:#425b72; font-size:17px; line-height:1.6;
}

/* Цінності — сітка */
.values-grid{
  display:grid; gap:18px;
}
.value.card{ padding:18px 20px; }
.value h3{ margin:6px 0 6px; font-size:18px; font-weight:900; color:#0f1c2b; }
.value p{ margin:0; color:#425b72; font-size:16px; line-height:1.55; }

@media (min-width: 768px){
  .values-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* Мобільні відступи */
@media (max-width: 480px){
  .dm-about .dm-container{ padding:0 20px; }
  .about-copy h1{ font-size:36px; }
  .about-copy p{ font-size:16px; }
}/* End custom CSS */