/* News */

.news__title {
  margin-bottom: clamp(10px, 10px, 15px);
}
.news__descr {
  margin-bottom: clamp(40px, 40px, 100px);
  text-align: center;
}
.news__wrapper {
  max-width: 940px;
  margin: 0 auto;
}
/* Swiper-Slider */

.swiper._custom {
  padding-inline: 20px;
}

._custom .swiper-wrapper {
  padding-bottom: 40px;
}

.custom-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  height: auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  cursor: -webkit-grab;
  cursor: grab;
}

@media (any-hover: hover) {
  .slider-news__item:hover {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0.9;
  }
}
.custom-slide__image {
  display: block;
  height: 300px;
  width: auto;
}

.custom-slide__time {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 12px;
  padding: 7px;
  background-color: #fff;
  opacity: 0.7;
}
.custom-slide__descr {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.custom-slide__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.custom-slide__title {
  font-size: var(--p);
  line-height: 1.5em;
  font-weight: normal;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.custom-slide__link {
  display: block;
  cursor: pointer;
  color: var(--bg);
  background-color: var(--accent);
  padding: 5px 10px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  border-radius: 4px;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
}

.custom-slide__link:hover {
  background-color: var(--text);
  color: var(--bg);
}

.custom-slide__date {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  opacity: 0.5;
  font-size: 12px;
}

.custom {
  padding-bottom: 50px !important;
}
.swiper-pagination-bullet {
  position: relative !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--accent);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: '';
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border: 1px solid var(--accent);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet
  :not(:last-child) {
  margin: 0 6px !important;
}
.swiper-button-next,
.swiper-button-prev {
  background-color: var(--bg);
  width: 40px !important;
  height: 40px !important;
  opacity: 0.9;
  -webkit-box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 20px !important;
  color: var(--primary) !important;
}

.swiper-button-next:focus-visible,
.swiper-button-prev:focus-visible {
  background-color: var(--accent);
  outline: none;
}

.swiper-button-next:focus-visible::after,
.swiper-button-prev:focus-visible::after {
  color: var(--bg) !important;
}