/* обнуление */
/* *,
*::before,
*::after {
  box-sizing: border-box;
} */

/* Убираем внутренние отступы */
/* ul[class],
ol[class] {
  padding: 0;
} */

/* ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
} */
/* Убираем внешние отступы */
/* body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
} */

/* Выставляем основные настройки по-умолчанию для body */
/* body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
} */

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
/* ul[class],
ol[class] {
  list-style: none;
} */

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
/* a:not([class]) {
  text-decoration-skip-ink: auto;
} */

/* Упрощаем работу с изображениями */
/* img {
  max-width: 100%;
  display: block;
} */

/* Указываем понятную периодичность в потоке данных у article*/
/* article > * + * {
  margin-top: 1em;
} */

/* Наследуем шрифты для инпутов и кнопок */
/* input,
button,
textarea,
select {
  font: inherit;
} */

html{
scroll-behavior: smooth;
}



solutions__container {
    padding-top: var(--padding);
    padding-bottom: 0;
}


.container_solut{
    max-width: 1920px;
    padding: 0 25px 0 0px;
    height: auto;
    font-family: Inter,sans-serif;
    font-style: normal;
    min-width: 320px;
    font-size: 18px;
    line-height: 150%;
    color: white;
	height:auto;
}

.container__solut_wr{
  width: 100%;
  /* overflow: hidden; */
}

.sol__content {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    width: 100%;
    min-width: 0;
   
}


.sol_cont_first,.sol_cont_second {
  width: 50%;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  min-width: 0;
}

.text_content{
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 15px;
  top: 50px;
  left: 0
  
}


.text_content-card-heading{
position: relative;
margin-bottom: 30px;
font-weight: 700;
font-size: 24px;
line-height: 150%;
color: white;
}
.text_content-card-heading::after {
/* content: "";
position: absolute;
bottom: -25px;
left: 0;
right: 0;
height: 2px;
width: 100%;
background-color: white;
transition:  opacity 0.3s ease; */
	  content: " ";
  bottom: -20px;
  right: 0;
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
  text-decoration: none;
}

 .text_content-card-heading:hover:after {
  width: 100%;
  left: 0;
} 


.cont__slide_1:hover .text_content-card-heading::after {
width: 100%;
  left: 0;
} 

.text_content_p{
font-weight: 700;
font-size: 24px;
line-height: 165%;
text-align:left;
opacity: 0;
transition:  opacity 0.8s ease;
color: white;
}

.text_content_p::hover{
opacity: 1;	
}

.cont__slide_1:hover .text_content_p{
opacity: 1;	
} 

.solutions__content-card-price {
position: absolute;
bottom: 80px;
left: 30px;
font-weight: 800;
font-size: 48px;
line-height: 150%;
text-transform: uppercase;
color: white;
margin-bottom:50px;
}

.solutions__content-card-more {
position: absolute;
bottom: 30px;
right: 30px;
font-size:24px;
font-weight: 700;
line-height: 100%;
color: white;

} 
.cont__slide_1{
width: 50%;
height: 100%;
	-webkit-filter: brightness(75%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;

}
.cont__slide_1:hover{
		-webkit-filter: brightness(130%);
}

 .slide_1, .slide_2, .slide_3,.slide_4,.slide_5,.slide_6,.slide_7,.slide_8,.slide_9,.slide_10,.slide_11,.slide_12,.slide_13,.slide_14, .slide_15,.slide_16,.slide_17  {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 30rem;
height: 39rem;
	 
 }


.slide_1{
  background-image: url(./assets/img/1.webp);
}

 .slide_2{
  background-image: url(./assets/img/2.webp);
  
   }
   .slide_3{
    background-image: url(./assets/img/3.webp);
    
     }
    
     .slide_4{
      background-image: url(./assets/img/4.webp);
     }
     .slide_5{
      background-image: url(./assets/img/5.webp);
     }
     .slide_6{
      background-image: url(./assets/img/6.webp);
     }
     .slide_7{
      background-image: url(./assets/img/7.webp);
     }
     .slide_8{
      background-image: url(./assets/img/8.webp);
     }
     .slide_9{
      background-image: url(./assets/img/9.webp);
     }
     .slide_10{
      background-image: url(./assets/img/10.webp);
     }
     .slide_11{
      background-image: url(./assets/img/11.webp);
     }
     .slide_12{
      background-image: url(./assets/img/12.webp);
     }
     .slide_13{
      background-image: url(./assets/img/13.webp);
     }
     .slide_14{
      background-image: url(./assets/img/14.webp);
     }
     .slide_15{
      background-image: url(./assets/img/15.webp);
     }
     .slide_16{
      background-image: url(./assets/img/16.webp);
     }
     .slide_17{
      background-image: url(./assets/img/17.webp);
     }

.sw_slide_container{
  position: relative;
}
  .swiper-button-prev_1, .swiper-button-prev_2,.swiper-button-prev_3,.swiper-button-prev_4   {
  position: absolute;
  top: 291px;
  left: 10px;
  /* width: 49px;
  height: 56px; */
  z-index: 1;
	  cursor: pointer;
}

.swiper-button-next_1 ,.swiper-button-next_2, .swiper-button-next_3,.swiper-button-next_4 {
  position: absolute;
  top: 291px;
  right:  10px;
  /* width: 49px;
  height: 56px; */
  z-index: 1;
	cursor: pointer;
}


@media (max-width: 768px){

  .container_solut{
padding: 0 0px 0 0px;
    width: 100%;
    margin: 0 auto;
  
  }

  .sol__content {
    margin:  auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    min-width: 0;
}

	.sol_cont_first, .sol_cont_second{
width: 100%;
display: flex;
flex-direction: column;
}


	
.cont__slide_1{
  width: 100%;
  height: 100%;

  }
  
}

@media screen and (min-width: 769px) and (max-width: 1200px) {

  .container_solut{
    padding: 0 0px 0 0px;
    width: 100%;
    margin: 0 auto;
  
  }

  .sol__content {
    margin:  auto;
    display: flex;
flex-direction: column;
    gap: 40px;
    width: 100%;
    min-width: 0;
  
}

	.sol_cont_first, .sol_cont_second{
  width: 100%;
  display: flex;
  flex-direction: row;
  }
  
	
.cont__slide_1,.cont__slide_2,.cont__slide_3,.cont__slide_4{
  width: 50%;
  height: 100%;
 
  }

        .nn-category-section {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .nn-category {
            width: calc(25% - 10px); /* На ПК по 4 кнопки в ряд */
            max-width: 200px; /* Максимальная ширина кнопки */
            height: 50px;
            background-color: #212121;
            color: #ffffff;
            text-align: center;
            line-height: 50px;
            margin: 5px;
            font-size: 16px;
        }

        @media (max-width: 768px) {
            .nn-category {
                width: calc(50% - 10px); /* На мобильных устройствах по 2 кнопки в ряд */
            }
        }


}