.main_slider {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.main_slider_item,
.main_slider_item.slick-slide {
  position: relative;
  height: 250px;
  padding: 25px 25px 35px;
  font-style: normal;
  color: var(--color-white);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  z-index: 1;
  border-radius: 10px;
}

.main_slider_item_caption {
  max-width: 13em;
}

.main_slider_item_img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
  max-width: 50%;
  z-index: -1;
}

.main_slider_item_img img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.main_slider_item_title {
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}

.main_slider_item_text {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  max-width: 80%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}

.main_slider_item_title + .main_slider_item_text {
  margin-top: 20px;
}

.main_slider_item_text a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
}

.main_slider .main_slider_dots_container {
  position: absolute;
  bottom: 28px;
  width: 100%;
  overflow: hidden;
}

.main_slider .main_slider_dots_container > ul {
  padding: 0;
  display: flex;
  transition: all 0.25s;
  position: relative;
  margin: 0;
  list-style: none;
  align-items: flex-start;
  justify-content: center;
}

.main_slider .main_slider_dots_container > ul.slick-dots-center {
  justify-content: center;
}

.main_slider .main_slider_dots_container > ul li {
  width: 20px;
  height: 2px;
  margin: 0 7px 0;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1px;
  transition: .25s all;
  cursor: pointer;
}

.main_slider .main_slider_dots_container > ul li:only-child {
  display: none;
}

.main_slider .main_slider_dots_container > ul li:hover {
  border-color: red;
}

.main_slider .main_slider_dots_container > ul li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 2px;
  color: transparent;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}

.main_slider .main_slider_dots_container > ul li.slick-active {
  width: 100px;
  background-color: var(--color-white);
}

.main_slider .slick-dots li button:before {
  display: none;
}

.main_slider_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.main_slider_arrow_prev {
  left: 5px;
}

.main_slider_arrow_next {
  right: 5px;
}

.main_slider_arrow svg {
  fill: var(--color-darkslategray-100);
  stroke: var(--color-white);
  transition: .25s;
}

.main_slider_arrow:hover svg {
  fill: var(--color-white);
  stroke: var(--color-darkslategray-100);
}

.main_slider_arrow_prev svg {
  transform: rotate(180deg);
}
@media (max-width: 767.98px) {
  .main_slider_arrow {
    display: none;
  }
}
@media (min-width: 480px) {
  .main_top_block {
    padding-bottom: 30px;
  }

  .main_slider_item,
  .main_slider_item.slick-slide {
    height: 315px;
    padding: 35px 25px;
  }

  .main_slider_item_caption {
    max-width: 19em;
  }

  .main_slider_item_title {
    font-size: 30px;
  }

  .main_slider_item_text {
    font-size: 16px;
    -webkit-line-clamp: 3;
    max-width: 68%;
  }

  .main_slider_item_title + .main_slider_item_text {
    margin-top: 30px;
  }

  .main_slider_item_img {
    transform: translateY(-40%);
  }
}
@media (min-width: 768px) {
  .main_slider_item,
  .main_slider_item.slick-slide {
    height: 335px;
    padding: 50px 90px 40px;
  }

  .main_slider_item_caption {
    max-width: 25em;
  }

  .main_slider_item_title {
    font-size: 35px;
  }

  .main_slider_item_text {
    font-size: 16px;
    max-width: 75%;
  }

  .main_slider_item_title + .main_slider_item_text {
    margin-top: 30px;
  }

  .main_slider_item_img {
    transform: translateY(-50%);
  }

  .main_slider .main_slider_dots_container {
    bottom: 33px;
  }
}
@media (min-width: 1280px) {
  .main_top {
    display: flex;
  }

/*   .catalog_nav_link:hover .catalog_nav_img {
    opacity: 1; }

  .catalog_nav_link:hover span {
    transform: translateX(0); } */

    .main_slider {
      flex-grow: 1;
    }

    .main_slider_item.slick-slide {
      height: 400px;
      padding: 70px 100px 40px;
    }

    .main_slider_item_caption {
      max-width: 65%;
    }

    .main_slider_item_title {
      font-size: 40px;
    }

    .main_slider_item_title + .main_slider_item_text {
      margin-top: 35px;
    }
  }



/* update slider */
.main_slider {
  border-radius: unset;
}

.slider_banner {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.slider_banner .main_slider_dots_container {
  bottom: 10px;
}

.slider_banner .slider__buttons {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 0;
  font-size: 0;
}

.slider__button {
  width: 90px;
  height: 90px;
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
  cursor: pointer;
}

.slider_banner .slider__button svg {
  width: 100%;
  height: 100%;
  fill: var(--color-darkslategray-100);
  stroke: var(--color-white);
  transition: fill .25s, stoke .25s;
}

.slider_banner .slider__button:hover svg {
  fill: var(--color-white);
  stroke: var(--color-darkslategray-100);
}

.slider_banner .slider__button_prev {
  transform: rotate(-180deg);
}

.slider_banner .slider__item {
  max-height: 400px;
}

.banner_main .banner__wrapper {
  position: relative;
}

.banner_main .banner__background {
  width: 100%;
  margin: 0;
}

.banner_main .banner__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 25px;
}

.banner_main .banner__content {
  flex: 1 1 100%;
  margin-top: 25px;
  color: var(--color-white);
}

.banner_main .banner__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.banner_main .banner__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  margin: 0;
  font-size: 14px;
  line-height: 130%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.banner_main .banner__text a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
}

.banner_main .banner__image {
  position: relative;
  flex: 1 1 100%;
  height: 100%;
  max-height: 200px;
  margin: unset;
  -o-object-fit: contain;
  object-fit: contain;
}

.banner_main_content .banner__background {
  position: absolute;
  height: 100%;
  z-index: -1;
}

.banner_main_content .banner__inner {
  position: unset;
  flex-direction: column;
}

@media screen and (min-width: 480px) {
  .banner_main .banner__title { font-size: 30px; }

  .banner_main .banner__text {
    font-size: 16px;
    -webkit-line-clamp: 3;
  }
}
@media screen and (min-width: 768px) {
  .slider_banner .slider__buttons { display: flex; }

  .banner_main .banner__title { font-size: 35px; }

  .banner_main_content .banner__inner { padding: 0 100px; }

  .banner_main .banner__content { margin-top: 30px; }
}
@media screen and (min-width: 920px) {
  .banner_main_content .banner__background { position: unset; }

  .banner_main_content .banner__inner { position: absolute; }

  .banner_main_content .banner__inner { flex-direction: row; }
  .banner_main .banner__content {
    flex: 1 1 70%;
    margin-top: 35px;
  }

  .banner_main .banner__image {
    flex: 1 1 30%;
    max-width: 50%;
    max-height: unset;
  }
}
@media screen and (min-width: 1200px) {
  .banner_main .banner__inner { padding: 0 100px; }

  .banner_main .banner__title {
    font-size: 40px;
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 1400px) {
  .banner_main .banner__content { margin-top: 70px; }

  .banner_main_blur .banner__wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    right: -10%;
    transform: translateY(-50%);
    width: 736px;
    height: 736px;
    background: #F5BF47;
    opacity: 0.7;
    filter: blur(100px);
  }
}

@media screen and (min-width: 768px) {
  .banner_main_background .banner__background {
    height: 250px;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width: 1280px) {
  .banner_main_background .banner__background {
    height: 300px;
  }
}
@media screen and (min-width: 1500px) {
  .banner_main_background .banner__background {
    height: 400px;
  }
}