/* дарк для браузера */
:root {
  color-scheme: dark;
}


/* скрытие зероблоков */
@media (min-width: 0px) and (max-width: 640px) {
  .uc-tab1 {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 640px) {
  .uc-tab2 {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 640px) {
  .uc-tab3 {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 640px) {
  .uc-tab4 {
    display: none !important;
  }
}




/* для анимации мобилка*/
#rec1075899931 {
  overflow: hidden;
  position: relative;
}

/* Общие стили групп */
#rec1075899931 .tl-zgroup-01,
#rec1075899931 .tl-zgroup-02 {
  display: flex;
  width: max-content;
  will-change: transform, opacity;
  opacity: 0;
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  animation-play-state: paused; /* По умолчанию анимация остановлена */
}

/* Стили при видимости блока */
#rec1075899931.visible .tl-zgroup-01,
#rec1075899931.visible .tl-zgroup-02 {
  animation-play-state: running;
}

/* Остальные стили остаются без изменений */
#rec1075899931 .tl-zgroup-01::after,
#rec1075899931 .tl-zgroup-02::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: inherit;
}

@keyframes z-move-horizontal {
  0% { transform: translateX(0); opacity: 0; }
  2% { opacity: 1; }
  98% { opacity: 1; }
  100% { transform: translateX(-260%); opacity: 0; }
}

@keyframes z-move-horizontal-reverse {
  0% { transform: translateX(0); opacity: 0; }
  2% { opacity: 1; }
  98% { opacity: 1; }
  100% { transform: translateX(260%); opacity: 0; }
}

#rec1075899931 .tl-zgroup-01 {
  animation: z-move-horizontal 30s linear infinite paused;
}

#rec1075899931 .tl-zgroup-02 {
  animation: z-move-horizontal-reverse 30s linear infinite paused;
}




/* для анимации биг экраны*/
#rec1069037521 {
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* Общие стили групп */
#rec1069037521 .tl-zgroup-big-01,
#rec1069037521 .tl-zgroup-big-02 {
  display: flex;
  width: max-content;
  will-change: transform;
  position: absolute;
}

/* Стили плашек (с учетом 40px отступа) */
#rec1069037521 .tl-zgroup-big-01 > *,
#rec1069037521 .tl-zgroup-big-02 > * {
  flex-shrink: 0;
  width: 374px;
  margin-right: 40px;
  transform: translateZ(0); /* Аппаратное ускорение */
}

/* Убираем отступ у последней плашки */
#rec1069037521 .tl-zgroup-big-01 > *:last-child,
#rec1069037521 .tl-zgroup-big-02 > *:last-child {
  margin-right: 0 !important;
}

/* Анимация для группы ВЛЕВО (4 комплекта) */
@keyframes move-left-4x {
  0% { transform: translateX(0); }
  100% { transform: translateX(-75%); } /* Сдвиг на 3/4 ширины (4 комплекта) */
}

/* Анимация для группы ВПРАВО (4 комплекта) */
@keyframes move-right-4x {
  0% { transform: translateX(0); }
  100% { transform: translateX(75%); }
}

/* Применение анимаций */
#rec1069037521 .tl-zgroup-big-01 {
  left: 0;
  top: 0;
  animation: move-left-4x 50s linear infinite; /* Медленнее для 4 комплектов */
}

#rec1069037521 .tl-zgroup-big-02 {
  right: 0;
  top: 50px; /* Смещение по вертикали */
  animation: move-right-4x 50s linear infinite;
}


/* Для кнопки формы */
#rec1141308191 .t702 .t-submit {
  height: 60px;
  font-size: 22px !important;
  font-weight: 400 !important;
  transition: all 0.3s ease !important;
}