.elementor-178 .elementor-element.elementor-element-1e9da37{--display:flex;}.elementor-178 .elementor-element.elementor-element-1b1f76e{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-1b1f76e *//* Родитель двух карточек */
#about-us .grid.grid-2{
  display:grid;
  grid-template-columns: 1fr 1fr; /* равные колонки */
  gap:22px;                      /* расстояние между блоками */
  align-items: stretch;          /* одинаковая высота */
}

/* Общая база карточек */
#about-us .grid.grid-2 .card{
  box-sizing:border-box;
  height:100%;
  margin:0 !important;           /* чтобы ничего не прилипало */
  position:relative;
  overflow:hidden;               /* внутренние эффекты не выпирают */
}

/* Правая карточка "Glow Lab": пунктир как псевдо-элемент,
   чтобы не влиял на реальный размер */
#about-us .grid.grid-2 .lab.card::after{
  content:"";
  position:absolute;
  inset:12px;                    /* внутренний отступ от краёв */
  border:1px dashed rgba(39,225,255,.35);
  border-radius:18px;
  pointer-events:none;
}

/* На всякий случай сбросим любые случайные внешние отступы/ширины */
#about-us .grid.grid-2 .lab.card,
#about-us .grid.grid-2 > .card{
  width:100% !important;
}

/* Адаптив: на планшете/мобилке в одну колонку */
@media (max-width:1024px){
  #about-us .grid.grid-2{ grid-template-columns:1fr; }
}
/* TEAM SECTION STYLES */
#about-us .team-grid{
  display: flex;
  gap: 24px;                  /* расстояние между карточками */
  flex-wrap: wrap;            /* перенос на новую строку при узком экране */
  justify-content: center;    /* карточки по центру */
  margin-top: 20px;
}

#about-us .team-grid .card{
  flex: 1 1 220px;             /* адаптивная ширина */
  max-width: 260px;            /* лимит, чтобы не растягивались */
  background:#0d1117;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:20px;
  box-sizing:border-box;
  text-align:center;
  transition: all .3s ease;
  position: relative;
  overflow: hidden;
}

/* glowing circle behind initials */
#about-us .team-grid .card::before{
  content:"";
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:120px; height:120px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(39,225,255,.25), transparent 70%);
  z-index:0;
  transition: all .4s ease;
}

#about-us .team-grid .card strong,
#about-us .team-grid .card h3,
#about-us .team-grid .card p{
  position:relative;
  z-index:1;
}

/* hover glow effect */
#about-us .team-grid .card:hover{
  border-color: var(--accent,#B2FF59);
  box-shadow: 0 0 20px rgba(178,255,89,.25), 0 0 40px rgba(39,225,255,.2);
  transform: translateY(-6px);
}
#about-us .team-grid .card:hover::before{
  background:radial-gradient(circle, rgba(178,255,89,.3), transparent 70%);
}

/* initials in the circle */
#about-us .team-grid .card .initials{
  font-size:26px;
  font-weight:800;
  color:#fff;
  display:block;
  margin-bottom:10px;
}

/* role title */
#about-us .team-grid .card h3{
  font-size:16px;
  font-weight:700;
  color:#B2FF59;
  margin:6px 0 8px;
}

/* description */
#about-us .team-grid .card p{
  font-size:14px;
  color:#aab4c4;
  margin:0;
}

/* responsive tweaks */
@media(max-width:768px){
  #about-us .team-grid{gap:18px}
  #about-us .team-grid .card{flex:1 1 45%}
}
@media(max-width:480px){
  #about-us .team-grid .card{flex:1 1 100%; max-width:100%}
}
/* Центрируем текст и задаем отступ сверху */
#about-us .team{
  margin-top: 60px;       /* увеличь/уменьши по вкусу */
  text-align: center;     /* центрируем заголовок и подзаголовок */
}

#about-us .team .section-title{
  margin-bottom: 10px;    /* промежуток между h2 и подзаголовком */
}

#about-us .team .section-subtitle{
  color:#aab4c4;          /* чуть светлее для подзаголовка */
  font-size: 14px;
  margin-bottom: 30px;    /* отступ вниз до карточек */
}
/* Контейнер с кнопками */
.center.mt-1{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
}

/* убираем инлайн-отступы у кнопок внутри (в т.ч. margin-left:10px) */
.center.mt-1 > a{
  margin:0 !important;
}

/* на очень узких экранах — в колонку, промежуток сохранится через gap */
@media (max-width:480px){
  .center.mt-1{ flex-direction:column; }
}
/* Контейнер с нижними кнопками */
.cta-block{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;   /* чтобы на мобилках переносились */
  gap: 14px;         /* расстояние между кнопками */
}

/* убираем инлайн margin-left у второй кнопки */
.cta-block > a{
  margin: 0 !important;
}/* End custom CSS */