.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-right ul li{
  /* list-style-type: none !important; */
}
.schedule-add-list-right::before{
    content: '';
    display: block;
    width: 54px;
    height: 2px;
    background: linear-gradient(90deg, #3A88E8, #C71D44);
    flex-shrink: 0;
    margin-top: 28px;
}
.schedule-add-list-right{
  display: flex;
  position: absolute;
  opacity: 0;
}
.schedule-add-list-right.active{
  opacity: 1;
}

.schedule-add-list-right .schedule-speaker{
  padding-left: 20px;
  margin-top: 14px;
}

/* Контейнер списка program-block (чтобы управлять видимой зоной) */
.sb-schedule li {
  position: relative;
  overflow: hidden;
  /* если нужно добавить отступы между пунктами, можно здесь */
  padding:3px;
}
@media (min-width: 768px){
  .sb-schedule li.active .schedule-info{
    color: #fff;
    text-shadow: 
        0 0 2px #fff,
        0 0 4px #fff;
  }
}


@media (max-width: 767px){
  .schedule-add-list-right{
    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;
  }
}
.speaker-block:hover {
    box-shadow: -15px -14px 60px -12px rgba(58, 136, 232, 0.3), 
                -3px -3px 16px -8px rgba(58, 136, 232, 0.3), 
                inset 3px 3px 12px rgba(255, 255, 255, 0.15), 
                inset 2px 2px 6px rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-3px);
}


.gift-block{
  width: 60%; 
  display: flex;
  background-color: black;
  background-blend-mode: plus-lighter;
  mix-blend-mode: normal;
  box-shadow: -11.1504px -10.392px 48px -12px rgba(0, 0, 0, 0.15), -1.8584px -1.732px 12px -8px rgba(0, 0, 0, 0.15), inset 2.14645px 2.00046px 9.24px rgba(255, 255, 255, 0.126), inset 1.21725px 1.13446px 4.62px rgba(255, 255, 255, 0.126);
  backdrop-filter: blur(7.58px);
  border-radius: 30px;
}
.gift-block:hover{
  box-shadow: 
    -15px -14px 60px -12px rgba(58, 136, 232, 0.3), 
    -3px -3px 16px -8px rgba(58, 136, 232, 0.3), 
    inset 3px 3px 12px rgba(255, 255, 255, 0.15), 
    inset 2px 2px 6px rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-3px);
}
.gift-block__content{
  display: flex;
  justify-content: center;  
  align-items: center;
  margin: 20px 30px;
}
.gift-img{
  width: 100px;
  height: 100px;;
}
.center{
  justify-content: center;
  align-items: center;
}
.gift-text{
  margin-left: 30px;
}
.gift-blob{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
  max-width: 892px;
  pointer-events: none;
}