/* стрелки */

.arrow {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.arrow.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
/* Секция-слайдер */
section.page_banner_sldier {
  align-self: center;
  max-width: 1280px;
  width: 100%;
  padding-inline: 12px 0;
  overflow: hidden;
}


[bg-gray] {
  border-radius: 40px;
  background: var(--gray-50, #F6F7FB);
}


section.page_banner_sldier .slider_wrapper {
  width: 100%;
  position: relative;
  overflow: hidden; 
}


section.page_banner_sldier .slider_wrapper .slider-track {
  display: flex;
  transition: transform 0.3s ease;
  margin: 0;
  padding: 0;
}


section.page_banner_sldier .slider_wrapper .slider-track .block_wrapper {
  display: flex;
  flex: 0 0 100%;           
  box-sizing: border-box;
  gap: 20px;
  align-items: center;
  min-height: 406px;
  padding: 40px;       
}

/* Текстовый блок */
section.page_banner_sldier .slider_wrapper .slider-track .block_wrapper .text_wrapper {
  display: flex;
  flex-direction: column;
  z-index: 3;
}

/* Параграф в тексте */
section.page_banner_sldier .slider_wrapper .slider-track .block_wrapper .text_wrapper .p-md {
  margin-block: 16px 24px;
}

/* Блок с картинкой */
section.page_banner_sldier .slider_wrapper .slider-track .block_wrapper .img_wrapper {
  display: flex;
  justify-content: center;
  position: relative;
  width: max(296px, 38%);            /* занимает треть ширины слайда */
}

/* Сама картинка – чтобы не вылезала за границы */
section.page_banner_sldier .slider_wrapper .slider-track .block_wrapper .img_wrapper img {
  width: 100%;
  min-height: 190px;
  object-fit: contain;
  z-index: 2;
}

/* Контейнер стрелок */
section.page_banner_sldier .slider_wrapper .slider-track .block_wrapper .text_wrapper .arrow_wrapper {
  position: relative;
  margin-top: 40px;
  bottom: inherit;
  right: inherit;
}
@media(max-width: 769px){
	section.page_banner_sldier .slider_wrapper .slider-track{
		flex-direction: column;
  		flex:auto;
  		gap:12px;
	}
	section.page_banner_sldier .slider_wrapper .slider-track .block_wrapper{
  		min-height: fit-content;
		flex-direction: column;
  		flex:1!important;
  		border-radius: 20px;
  		padding:16px;
  		overflow: hidden;
  		gap:16px;
	}
    section.page_banner_sldier .slider_wrapper .slider-track .block_wrapper .img_wrapper img {
      min-height: 181px;
    }
    section.page_banner_sldier .slider_wrapper .slider-track .block_wrapper .text_wrapper .p-md {
      margin-block: 12px 16px;
    }
 
}



/*main-banner*/
.main_slider .slider-track{
	display:flex;
}