.lineUp {
 clip-path: inset(0 0 0.5px 1px);
}
.lineDown {
 clip-path: inset(0.8px 1px 0 0);
}

.t-radio__control input[type="radio"].t-radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.t-radio__control .t-radio__indicator {
  display: none;
}
.t-radio__control span{
  color: #5976DD;
  font: bold 16px Inter;
}
.t-radio__control {
display: inline-block;
  padding: 10px 20px;
  border-radius: 13px;
  cursor: pointer;
  background: #F2F5FF;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.t-radio__control:hover {
  background: #5976DD;

}
.t-radio__control:hover span{

	color: #FFFFFF;
}
.t-radio__control.active {
  background: #5976DD;


}
.t-radio__control.active span{

	color: #FFFFFF;

}
.t-radio__control:active span{

	color: #FFFFFF;

}

/* 1) Лейбл — контейнер для абсолютного инпута */
.t-radio__control {
  position: relative;
}

/* 2) Инпут растягиваем на весь лейбл и делаем невидимым */
.t-radio__control input.t-radio.js-tilda-rule {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  margin: 0; padding: 0;
  opacity: 0;
  z-index: 2;
  /* убираем стандартный кружок */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* 3) Скрываем старый индикатор полностью */
.t-radio__control .t-radio__indicator,
.t-radio__control .t-radio__indicator:before,
.t-radio__control .t-radio__indicator:after {
  display: none !important;
}


/* неактивная кнопка — светло-серая */
button.t-submit:disabled {
  background-color: #E7E8ED !important;
  border-color:    #E7E8ED !important;
  color:           #888888 !important;
  cursor:          not-allowed !important;
  pointer-events:  none !important;
}



.t-checkbox__indicator {
    background-image: url(https://static.tildacdn.com/tild6531-3732-4231-a466-623830646332/Vector.svg);
    background-size: contain;
    border: blanchedalmond;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;

}

.t-checkbox__indicator:after {
    background-image: url(https://static.tildacdn.com/tild6131-3631-4330-b763-633265346337/vector.svg);
    border: none;
    width: inherit;
    height: inherit;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    transform: none;

}

.t-checkbox__control .t-checkbox:checked~.t-checkbox__indicator {
    background: none;
}

.t-checkbox__labeltext{
    display: table-cell;
    padding-left: 7px;
}



/* Контейнер слайдера */
.slider-container {
  position: relative;
  width: 100%;
  background: #F2F5FF;
  overflow: hidden;
  box-sizing: border-box;
}


/* flex-ряд слайдов */
.slider-container .slides-wrapper {
  display: flex !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  margin-top: 306px; /* отступ под заголовком и кнопками */
}

/* Каждый Zero-блок = экран */
.slider-container .slides-wrapper > div[id^="rec"] {
  flex: 0 0 100% !important;
  scroll-snap-align: start !important;
  box-sizing: border-box;
}

/* Заголовок */
.slider-container .slider-header {
  position: absolute;
  top: 120px; 
  left: 50%;
  transform: translateX(-50%);
  font-size: 64px;
  font-weight: bold;
  font-family: inter;
  letter-spacing: -3;
  color: #0B0C0F;
  z-index: 10;
  pointer-events: none;
  white-space: nowrap;
}

/* Кнопки */
.slider-container .slider-buttons {
  position: absolute;
  top: 210px; /* чуть ниже заголовка */
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  gap: 20px;
  z-index: 10;
}
.slider-container .slider-buttons .slider-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 13px;
  background: #516ED5;
  color: #fff;
  font-size: 16px;
  font-family: inter;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;
}
.slider-container .slider-buttons .slider-btn.active {
  background: #fff;
  color: #516ED5;
}

/* Прогресс-бар */
.slider-container .slider-progress {
  position: absolute;
  bottom: 120px;
  left: 50px;
  width: calc(100% - 100px);
  height: 6px;
  background: #FFFFFF;
  border-radius: 16px;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.slider-container .slider-progress-fill {
  width: 0; height: 100%;
  background: #5976DD;
  border-radius: 3px;
  transition: width 0.2s ease;
}

/* Скрыть нативный скроллбар */
.slider-container .slides-wrapper::-webkit-scrollbar { display: none; }
.slider-container .slides-wrapper { -ms-overflow-style: none; scrollbar-width: none; }

/* 1) Базовый вид всех кнопок – белый фон, синий текст */
.slider-container .slider-btn {
  background: #fff !important;
  color:      #5976DD !important;
}

/* 2) Активная кнопка – синий фон, белый текст */
.slider-container .slider-btn.active {
  background: #5976DD !important;
  color:      #fff !important;
}

/* 3) Hover на неактивной – превращаем в «активную» */
.slider-container .slider-btn:hover:not(.active) {
  background: #5976DD !important;
  color:      #fff !important;
}

/* 4) Hover на активной – наоборот возвращаем «неактивный» вид */
.slider-container .slider-btn.active:hover {
  background: #fff !important;
  color:      #5976DD !important;
}


@media (max-width: 980px) {
  .slider-container .slider-progress{
    bottom: 80px;
 left: 100px;
width: calc(100% - 200px);

  }
}
@media (max-width: 640px) {
  .slider-container .slider-progress{
    bottom: 40px;
 left: 60px;
width: calc(100% - 120px);

  }
}
@media (max-width: 320px) {
  .slider-container .slider-progress{
    bottom: 10px;
 left: 10px;
 width: calc(100% - 20px);
  }
}
@media (max-width: 640px) {
 .slider-container .slides-wrapper {
 margin-top: 250px;
  }
}
@media (max-width: 480px) {
 .slider-container .slides-wrapper {
 margin-top: 150px;
  }
}
@media (max-width: 320px) {
 .slider-container .slides-wrapper {
 margin-top: 130px;
  }
}
@media (max-width: 640px) {
  .slider-container .slider-buttons .slider-btn{
    top: 160px; 
font-size: 15px;
  }
}
@media (max-width: 480px) {
  .slider-container .slider-buttons .slider-btn{
font-size: 12px;
  }
}
@media (max-width: 320px) {
  .slider-container .slider-buttons .slider-btn{
font-size: 10px;
padding: 5px;
border-radius: 7px;
  }
}
@media (max-width: 980px) {
  .slider-container .slider-buttons{
    top: 170px; 
  }
}
@media (max-width: 640px) {
  .slider-container .slider-buttons{
    top: 160px; 
  }
}
@media (max-width: 480px) {
  .slider-container .slider-buttons{
    top: 70px; 
gap: 10px;
  }
}
@media (max-width: 320px) {
  .slider-container .slider-buttons{
    top: 70px; 
gap: 5px;
  }
}
@media (max-width: 980px) {
  .slider-container .slider-header {
      top: 70px; 
  }
}
@media (max-width: 640px) {
  .slider-container .slider-header {
      top: 50px; 
font-size: 60px;
  }
}
@media (max-width: 480px) {
  .slider-container .slider-header {
      top: 0px; 
font-size: 32px;
  }
}
@media (max-width: 320px) {
  .slider-container .slider-header {
      top: 0px; 
font-size: 32px;
  }
}


@media (max-width: 480px) {
.t-radio__control span {
font-size: 12px;
}
}

@media (max-width: 320px) {
.t-radio__control span {
font-size: 12px;
}
}
@media (max-width: 480px) {
.t-radio__control{
width: auto;
column-gap: 5px;
justify-content: space-between;
padding: 10px;
border-radius: 7px;
}
}
@media (max-width: 480px) {
    #rec1096628306 fieldset {
    display: contents;
}
}
@media (max-width: 320px) {
.t-radio__control{
width: auto;
column-gap: 5px;
justify-content: space-between;
padding: 10px;
border-radius: 7px;
}
}
@media (max-width: 320px) {
    #rec1096628306 fieldset {
    display: contents;
}
}
@media (max-width: 480px) {
.t-radio__wrapper {
    justify-content: space-between;}
}

@media (max-width: 320px) {
 .t-radio__wrapper {
     -webkit-column-gap: 0px;
    column-gap: 0px;
 }
}

@media screen and (max-width: 479px) {
  .t-input-block.t-input-block_rd-flex:not(.t-input-block_rd-width50):not(.t-input-block_rd-width33):not(.t-input-block_rd-width25)
    .t-checkboxes__item,
  .t-input-block.t-input-block_rd-flex:not(.t-input-block_rd-width50):not(.t-input-block_rd-width33):not(.t-input-block_rd-width25)
    .t-radio__control,
  .t-input-block.t-input-block_rd-flex:not(.t-input-block_rd-width50):not(.t-input-block_rd-width33):not(.t-input-block_rd-width25)
    .t-radio__ownvariant-wrapper,
  .t-input-block_rd-flex.t-input-block_rd-width25.t-input-block_rd-mobile-half
    .t-radio__ownvariant-wrapper .t-radio__control,
  .t-input-block_rd-flex.t-input-block_rd-width33.t-input-block_rd-mobile-half
    .t-radio__ownvariant-wrapper .t-radio__control,
  .t-input-block_rd-flex.t-input-block_rd-width50.t-input-block_rd-mobile-half
    .t-radio__ownvariant-wrapper .t-radio__control,
  .tn-atom__form .t-input-block.t-input-block_rd-flex:not(.t-input-block_rd-width50):not(.t-input-block_rd-width33):not(.t-input-block_rd-width25)
    .t-checkbox__control {
    display: inline-block !important;
    width: auto !important;
    box-sizing: border-box !important;
    justify-content: space-between;
    /* padding при необходимости уже задан в inline-стилях */
  }
}


@media screen and (max-width: 479px) {
.t-input-block.t-input-block_rd-flex:not(.t-input-block_rd-width50):not(.t-input-block_rd-width33):not(.t-input-block_rd-width25) .t-checkboxes__wrapper, .t-input-block.t-input-block_rd-flex:not(.t-input-block_rd-width50):not(.t-input-block_rd-width33):not(.t-input-block_rd-width25) .t-radio__wrapper {
    -webkit-column-gap: 2px;
    column-gap: 2px;
    justify-content: space-between;
}
}