.slider_block_v4 {
   position: relative;
}

.slider_block_v4 .title_columns.flex_column {
   gap: 12px;
   margin-bottom: clamp(26px, 46 * (100vw / 1920), 46px);
   color: #000;
}

.slider_block_v4__inner {
   display: flex;
   flex-direction: column;
}

.slider_block_v4__navigation {
   display: flex;
   flex-direction: column;
   position: relative;
   margin-bottom: clamp(26px, 46 * (100vw / 1920), 46px);
}

.slider_block_v4__navigation__progress {
   display: flex;
   align-items: center;
   position: absolute;
   color: #818181;
   font-weight: 500;
}

.slider_block_v4__navigation__progress * {
   font-weight: inherit;
}

.slider_block_v4__navigation__progress .current,
.slider_block_v4__navigation__progress .separator {
   color: #000;
}

.slider_block_v4__navigation__items {
   display: flex;
   overflow: hidden;
}

.slider_block_v4__navigation__item {
   padding-top: 16px;
   border-top: 2px solid #D1D1D1;
   cursor: pointer;
   color: #818181;
   font-weight: 500;
}

.slider_block_v4__navigation__item.current-item {
   border-color: #000;
   color: #000;
}

.slider_block_v4__main {
   padding: clamp(28px, 84 * (100vw / 1920), 84px) clamp(22px, 180 * (100vw / 1920), 180px); clamp(28px, 84 * (100vw / 1920), 84px);
   background: #fff;
}

.white_bg .slider_block_v4__main {
   background: #ededed;
}

.slider_block_v4__slide {
   grid-template-columns: 1fr auto 1fr;
   display: grid;
   transition: transform 0.5s ease-in-out;
}

.slider_block_v4__separator {
   width: 1px;
   background-color: #D1D1D1;
   margin-left: clamp(26px, 46 * (100vw / 1920), 46px);
   margin-right: clamp(26px, 46 * (100vw / 1920), 46px);
}


.slider_block_v4__slide:not(.current-item) {
   display: none;
}

.slider_block_v4__slide__left-side .slider_block_v4__slide__main-item,
.slider_block_v4__slide__right-side {
   display: flex;
   flex-direction: column;
   gap: clamp(8px, 28 * (100vw / 1920), 28px);
   justify-content: space-between;
   height: 100%;
}

.slider_block_v4__slide__left-side .slider_block_v4__slide__main-item {
   gap: 0;
   justify-content: flex-start;
}

.slider_block_v4__slide__items {
   display: flex;
   flex-direction: column;
   gap: clamp(8px, 28 * (100vw / 1920), 28px);

}

.slider_block_v4__slide__item {
   display: flex;
   flex-direction: column;

}

.slider_block_v4__slide__main-title,
.slider_block_v4__slide__item-title,
.slider_block_v4__slide__main-content,
.slider_block_v4__slide__item-content {
   font-size: 1em;
   line-height: 1.25em;
   letter-spacing: -0.01em;
   color: #000;
}

.slider_block_v4__slide__main-content {
   margin-bottom: clamp(8px, 28 * (100vw / 1920), 28px);
}

.slider_block_v4__slide__main-content *,
.slider_block_v4__slide__item-content * {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
   color: inherit;
}

.slider_block_v4__slide__main-content *:not(:last-child),
.slider_block_v4__slide__item-content *:not(:last-child),
.slider_block_v4__slide__item-title {
   margin-bottom: clamp(8px, 12 * (100vw / 1920), 12px);
}

.slider_block_v4__slide__main-content strong,
.slider_block_v4__slide__item-content strong,
.slider_block_v4__slide__main-content b,
.slider_block_v4__slide__item-content b {
   font-weight: 500;
}

.slider_block_v4__slide__main-content ul,
.slider_block_v4__slide__item-content ul {
   list-style-type: none;
   padding-left: 1em;
}

.slider_block_v4__slide__main-content ul > li,
.slider_block_v4__slide__item-content ul > li {
   padding-left: 0.5em;
   position: relative;
}

.slider_block_v4__slide__main-content ul > li:before,
.slider_block_v4__slide__item-content ul > li:before {
   content: '•';
   position: absolute;
   left: -0.5em;
   top: 0;
   font-size: inherit;
   color: inherit;
}

.slider_block_v4__slide__image {
   display: flex;
   margin-top: auto;
}

.slider_block_v4__slide__main-title,
.slider_block_v4__slide__item-title.highlighted {
   font-weight: 500;
   text-transform: uppercase;
}

.slider_block_v4__slide__item-title.highlighted,
.slider_block_v4__slide__main-title {
   font-weight: 500;
   text-transform: uppercase;
   margin-bottom: clamp(8px, 28 * (100vw / 1920), 28px);
}

@media screen and (max-width: 1024px) {
   .slider_block_v4__navigation__progress {
      display: none;
   }

   .slider_block_v4__slide {
      display: flex;
      flex-direction: column;
   }

   .slider_block_v4__separator {
      width: 100%;
      height: 1px;
      background-color: #D1D1D1;
      margin: clamp(26px, 46 * (100vw / 1920), 46px) 0;
   }
}