.t-slds__arrow {
    opacity: 0.4;              /* полупрозрачные */
    transition: opacity 0.3s;  /* плавное появление */
}

.t-slds__arrow:hover {
    opacity: 1;                /* при наведении — белые/яркие */
    color: #fff;               /* подсветка белым */
}

/* === ЭТАПЫ: общий фон секции === */
.uc-t-card { 
  background: #f9f9f9;
  padding: 40px 0; /* можно подрегулировать */
}

/* === Карточки (колонки) === */
/* Подхватим самые частые внутренние контейнеры карточек */
.uc-t-card .t-col,
.uc-t-card [class*="__item"],
.uc-t-card [class*="__card"],
.uc-t-card [class*="__box"] {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  padding: 28px 24px;
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Ховер карточки — лёгкий масштаб и тень */
.uc-t-card .t-col:hover,
.uc-t-card [class*="__item"]:hover,
.uc-t-card [class*="__card"]:hover,
.uc-t-card [class*="__box"]:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 28px rgba(0,0,0,.12);
}

/* === Кружок с цифрой === */
/* Разные блоки называют его по-разному: number / circle / count */
.uc-t-card [class*="__number"],
.uc-t-card [class*="__circle"],
.uc-t-card [class*="__count"] {
  background: #ff6600;      /* основной оранжевый */
  color: #fff;
  border: 2px solid #ff6600;
  border-radius: 50%;
  width: 56px; 
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -36px auto 16px;  /* «повесить» кружок над карточкой — при необходимости подправьте */
  font-weight: 700;
  transition: background .2s ease, border-color .2s ease;
}

/* Цвет кружка при наведении на карточку */
.uc-t-card .t-col:hover [class*="__number"],
.uc-t-card [class*="__item"]:hover [class*="__number"],
.uc-t-card [class*="__card"]:hover [class*="__number"],
.uc-t-card [class*="__box"]:hover [class*="__number"],
.uc-t-card .t-col:hover [class*="__circle"],
.uc-t-card [class*="__item"]:hover [class*="__circle"],
.uc-t-card [class*="__card"]:hover [class*="__circle"],
.uc-t-card [class*="__box"]:hover [class*="__circle"],
.uc-t-card .t-col:hover [class*="__count"],
.uc-t-card [class*="__item"]:hover [class*="__count"],
.uc-t-card [class*="__card"]:hover [class*="__count"],
.uc-t-card [class*="__box"]:hover [class*="__count"] {
  background: #ff8533;
  border-color: #ff8533;
}

/* Немного пространства между карточками (если нужно) */
.uc-t-card .t-container .t-col { margin-bottom: 80px; }

/* ринг + мягкая тень */
.uc-t-card [class*="__number"],
.uc-t-card [class*="__circle"],
.uc-t-card [class*="__count"]{
  box-shadow: 0 6px 18px rgba(0,0,0,.12), 0 0 0 6px #fff inset; /* белый ринг */
}

/* сделаем внутренний контур очень лёгким */
.uc-t-card .t-col [class*="__inner"],
.uc-t-card [class*="__item"] [class*="__inner"],
.uc-t-card [class*="__box"] [class*="__inner"]{
  border: 1px solid #eee !important;
}

/* или совсем уберите, если не нужен */
.uc-t-card .t-col [class*="__inner"],
.uc-t-card [class*="__item"] [class*="__inner"],
.uc-t-card [class*="__box"] [class*="__inner"]{
  border: none !important;
}

.uc-t-card h3, .uc-t-card h4, .uc-t-card h5{
  margin-top: 6px;
  margin-bottom: 10px;
}

.uc-t-card p{
  max-width: 32ch;       /* уже строка → легче читать */
  margin: 0 auto 16px;   /* центрируем абзац */
  line-height: 1.55;
}

.uc-t-card .t-img, 
.uc-t-card [class*="__icon"]{
  margin-top: 10px;      /* чтобы иконка не «липла» к тексту */
}

.uc-t-card .t-col,
.uc-t-card [class*="__item"],
.uc-t-card [class*="__card"],
.uc-t-card [class*="__box"]{
  transition: transform .22s ease, box-shadow .22s ease;
}

.uc-t-card .t-col:hover,
.uc-t-card [class*="__item"]:hover,
.uc-t-card [class*="__card"]:hover,
.uc-t-card [class*="__box"]:hover{
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

/* чуть светлее кружок при hover у карточки */
.uc-t-card .t-col:hover [class*="__number"],
.uc-t-card [class*="__item"]:hover [class*="__number"],
.uc-t-card [class*="__card"]:hover [class*="__number"],
.uc-t-card [class*="__box"]:hover [class*="__number"]{
  background: #ff7a2c;  /* между #ff6600 и #ff8533 */
  border-color: #ff7a2c;
}

@media (max-width: 640px){
  .uc-t-card [class*="__number"],
  .uc-t-card [class*="__circle"],
  .uc-t-card [class*="__count"]{
    width: 44px;
    height: 44px;
    font-size: 16px;
    margin-top: -28px; /* чтобы по-прежнему «нависал» над карточкой */
  }
}


}