.main_slider_container{
  /* border: 5px solid green; */
}

.main_slider{
  display: flex;
}


.b9_slider{
  display: flex !important;
  position: relative;
  height: 80vh;
  min-width: 100vw;
  color: #fff;
  border-radius: 0 0 32px 32px;
  overflow: hidden;
  align-items: center;
  width: 100%;
}

.b9_slider .b_column_left, .b9_slider .b_column_right{
  position: relative;
  z-index: 1;
}

.b9_slider .b_row{
  align-items: center;
}

.b9_slider .b_column_left{
  width: 48%;
}

.b9_slider .b_column_left img{
  width: 100%;
}

.b9_slider.slide_1 .b_column_left_gradient{
  position: absolute;
  top: 0;
  height: 100%;
  width: 43%;
  background: linear-gradient(93deg, #292929 0%, rgba(41, 41, 41, 0) 100%);
  z-index: 2;
}


.b9_slider .b_column_right{
  width: 50%;
  padding: 20px;
  border-radius: 10px;
}

.b9_slider.slide_2 .b_column_right{
  background: linear-gradient(277deg, #292929 0%, rgba(41, 41, 41, 0) 100%);
}

.b9_slider.slide_3 .b_column_right{
  color: #292929;
}

.b9_slider.slide_3 {
  background-color:  #ebebeb;
}

.banner_9 .b_btn{
  color: var(--color-text-stage);
}

.b9_slider .font_intanse{
  font-size: 63px;
  line-height:normal;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.b9_slider .btn_my {
    margin-top: 40px;
}

.b9_slider_1_fon{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide_1 .b9_slider_1_fon{
  width: unset;
  height: unset;
  top: -50px;
}

.slide_1{
  background-color: rgb(47, 47, 47);
}

.num{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  bottom: 5%;
  left: 0;
  right: 0;
  width: fit-content;
}

.num span{
  color: #878787;
  font-size: 23px;
  min-width: 54px;
  display: inline-block;
  text-align: center;
}

.num span.active{
  color: #FFD203;
}
.num span.active::before, .num span.active::after{
  content: "—"
}



/* Цифры вместо точек */
/* Инициализация счетчика для контейнера точек */
.flickity-page-dots {
  counter-reset: dot; 
  bottom: 30px;
}

/* Увеличение счетчика для каждого элемента .dot */
.flickity-page-dots .dot {
  counter-increment: dot;
  background: transparent;
  width: 45px;
}
/* Стилизация псевдо-элемента :before для отображения номера точки */
.flickity-page-dots .dot:before {
  content: counter(dot); /* Вывод значения счетчика */
  width: 45px;
  height: 45px;
  color: #878787;
  font-size: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Стилизация для активной точки с классом is-selected */
.flickity-page-dots .dot.is-selected:before {
  content: '- ' counter(dot) ' -'; /* Окружение номера символами */
  color: #FFD203;
}
/* end Цифры вместо точек */




@media screen and (max-width: 1366px){
	.b9_slider .font_intanse {
		font-size: 40px;}	
	
}

@media screen and (max-width: 991px){
	.b9_slider {
		padding: 0px;}
	
	.b9_slider .font_intanse {
		font-size: 35px;
		line-height: 45px;}	
	
}

@media screen and (max-width: 768px){
	
	  /* переворачивается надпись блэк рэд */
	.slide_1 .b9_slider_1_fon {
		transform: rotate(-90deg);
		width: 100%;
		left: -131px;
		top: 158px;}
		
	
	 /* убираем затемнение на слайде два */
	.b9_slider.slide_2 .b_column_right {
		background: linear-gradient(277deg, #29292900 0%, rgba(41, 41, 41, 0) 100%);}
	

	 /* общее затемнение фона */
	.b9_slider.slide_1 .b_column_left_gradient, .b9_slider .b_column_left_gradient{
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
		background: linear-gradient(93deg, #292929 0%, rgb(41 41 41 / 0%) 100%);
        z-index: 2;}
	
	.b9_slider.slide_2 .b_column_left {
		display: none;}	
		
		
	.b9_slider .b_column_right {
		z-index: 3;
		padding: 0px;
		width: 100%;}	
		
		
	.b9_slider .b_row {
		padding-left: 15px;
		padding-right: 15px;}
		


	.b9_slider .banner_content {
		color: white;}

		
	.b9_slider.slide_1 .b_column_right {
		width: 100%;
		padding: 2px;
		border-radius: 10px;}	

			
	.b9_slider.slide_1 .b_column_left{
		position: absolute;
		left: -392px;
		top: 10px;	
		width: 100%;
	}	
		
	.b9_slider.slide_1 .b_column_left img {
		width: 700px;	
		
	}

	.b9_slider.slide_3 .b_column_left{
		position: absolute;
		left: -100px;
		top: -8px;	
		width: 100%;
	}	
		
	.b9_slider.slide_3 .b_column_left img {
		width: 700px;}

		
}


@media screen and (max-width: 576px){
		.b9_slider .font_intanse {
			font-size: 35px;
			line-height: 45px;}	

}



/* ======== */
* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
  background: #FAFAFA;
}

.carousel-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}