.checkilist-col{
  display: flex;
  flex-direction: column;
}
.checklist {
  height: 100%;
}

.checklist ul {
  display: flex;
  flex-direction: column;
  height: 100%;
  list-style: none; /* Убираем стандартные точки */
  padding: 0;
}

.checklist ul li {
  flex-grow: 1;
  position: relative;
  padding-left: 35px; 
  margin-bottom: 10px;

  
  font-family: 'Rubik';
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
  margin-right: 5px;
}

.checklist ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em; /* Выравнивание по высоте текста */
  width: 23px;
  height: 22px;
  /* Подключаем твой SVG через background-image */
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2222%22%20viewBox%3D%220%200%2023%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M22.2241%200.315572C22.9551%200.843863%2023.1187%201.85981%2022.587%202.58621L9.50126%2020.4668C9.22012%2020.8529%208.78563%2021.0916%208.30513%2021.1323C7.82464%2021.1729%207.35948%2020.9951%207.02211%2020.6599L0.479216%2014.1578C-0.159739%2013.5228%20-0.159739%2012.4917%200.479216%2011.8567C1.11817%2011.2217%202.15583%2011.2217%202.79479%2011.8567L7.9831%2017.0126L19.9443%200.671152C20.4759%20-0.0552478%2021.4983%20-0.217799%2022.2292%200.310492L22.2241%200.315572Z%22%20fill%3D%22url(%23paint0_linear_921_1826)%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_921_1826%22%20x1%3D%2211.4497%22%20y1%3D%220%22%20x2%3D%2211.4497%22%20y2%3D%2221.138%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20offset%3D%220.9999%22%20stop-color%3D%22%230B72B9%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2333D81D%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.schedule-add-list-left ul li{
  list-style-type: none !important;
}

/* Контейнер списка program-block (чтобы управлять видимой зоной) */
.sb-schedule li {
  position: relative;
  overflow: hidden;
  /* если нужно добавить отступы между пунктами, можно здесь */
}
@media (max-width: 767px){
  .schedule-add-list-left{
    display: none !important;
  }
}

@media (min-width: 768px){
  /* Скрытые детали по умолчанию */
  .sb-schedule li .schedule-add-info,
  .sb-schedule li .schedule-speaker {
    opacity: 0;
    transform: translateY(8px); /* лёгкое смещение вниз */
    transition: transform 0.4s cubic-bezier(.22,.61,.36,1), opacity 0.4s ease;
    will-change: transform, opacity;
    height: 0px;
  }

  /* При hover или фокусе показываем детали */
  .sb-schedule li.active .schedule-add-info,
  .sb-schedule li.active .schedule-speaker {
    opacity: 1;
    transform: translateY(0); /* возвращаем в исходное положение, без смещения */
    height: auto;
  }

  /* Опционально: для клавиатуры показывать по фокусу на самой обертке li */
  .sb-schedule li.active > .schedule-add-info{
    /* если нужно сделать сразу видимым при табе внутрь элемента */
    opacity: 1;
    transform: translateY(0);
    height: auto;
  }

  /* начальное состояние: левая колонка скрыта и сдвинута влево */
  .sb-schedule li .schedule-add-list-left {
    transform: translateX(-14px);
    opacity: 0;
    height: 0px;
    transition: transform 260ms cubic-bezier(.25,.8,.25,1), opacity 260ms ease;
    will-change: transform, opacity;
  }

  /* при hover на строке или получении фокуса внутри строки показываем левую колонку */
  .sb-schedule li.active .schedule-add-list-left {
    transform: translateX(0);
    opacity: 1;
    height: auto;
  }
}
/* поддержка пользователей с reduced motion */
@media (prefers-reduced-motion: reduce) {
  .sb-schedule li .schedule-add-list-left {
    transition: none;
    transform: none;
    opacity: 1;
  }
}

/* начальное состояние левой колонки (скрыта) */
.sb-schedule li .schedule-add-list-left {
  transform: translateX(-14px);
  opacity: 0;
  transition: transform 260ms cubic-bezier(.25,.8,.25,1), opacity 260ms ease;
}