.stocks {
  margin: 11rem 0
}
.stocks-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem
}
.stocks__content {
  position: relative;
  margin-bottom: 2.5rem
}
.stocks-item {
  width: 100%;
  height: auto;
  border-radius: 17px;
  border: 1px solid #c1c1c2;
  position: relative;
  overflow: hidden;
  transition: border .25s
}
.stocks-item:hover {
  border-color: #1e5d9d
}
.stocks-item:hover .stocks-item__title {
  color: #1e5d9d
}
.stocks-item__img {
  width: 100%;
  height: 19rem;
  border-radius: 1.6rem;
  overflow: hidden
}
.stocks-item__img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.stocks-item__text {
  padding: 2rem
}
.stocks-item__title {
  transition: color .25s
}
.stocks-slider {
  padding-bottom: .5rem
}
.stocks-slider__item {
  width: 38.2rem
}
.stocks-slider__item:not(:last-child) {
  margin-right: 2.7rem
}
.stocks-pagination.slider-pagination {
  display: none
}
.stocks__button {
  position: relative;
  left: 50%;
  transform: translateX(-50%)
}
@media (max-width:48em) {

  .stocks {
    margin: 6rem 0 8rem;
    overflow: hidden
  }
  .stocks-heading {
    display: block
  }
  .stocks__title {
    margin-bottom: 2rem
  }
  .stocks__filter {
    width: 100%;
    flex-wrap: wrap
  }
  .stocks__filter .filter__item {
    width: 50%
  }
  .stocks__filter .filter__item::before {
    content: none
  }
  .stocks__content {
    margin-bottom: 8.5rem
  }
  .stocks-item {
    border-radius: 3.2rem
  }
  .stocks-item__img {
    height: 26rem;
    /* border-radius: 3.2rem */
  }
  .stocks-item__text {
    padding: 4rem 4rem 3.6rem
  }
  .stocks-slider {
    overflow: visible;
    padding-bottom: 0
  }
  .stocks-slider__item {
    width: 50rem
  }
  .stocks-slider__item:not(:last-child) {
    margin-right: 3rem
  }
  .stocks-pagination.slider-pagination {
    display: flex
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .stocks-pagination.slider-pagination {
    display: flex;
    bottom: -20px;
  }
  .stocks-button-prev,
  .stocks-button-next {
    display: none;
  }
  .stocks__button {
    margin-top: 25px;
  }
}

@media (min-width: 1200px) {
  .stocks-pagination.slider-pagination {
    display: none;
  }
  .stocks-button-prev,
  .stocks-button-next {
    display: flex;
  }
  .stocks__button {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .stocks-pagination.slider-pagination {
    display: none;
  }
}