.about {
  color: #285e92;
}
.about h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 30px;
}
.about p {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: 0 0 30px;
}
.about__wrapper {
  width: 55%;
  margin-bottom: 150px;
  position: relative;
  z-index: 2;
}
.about__bg {
  position: absolute;
  width: 726px;
  height: 484px;
  right: 0;
  bottom: 0;
  background: transparent url(../assets/images/milk-shake.png) center center no-repeat;
  background-size: contain;
}
.about__sert {
  width: 260px;
  height: 350px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.about__slider {
  position: relative;
  margin-bottom: 350px;
}
.about .swiper-slide {
  display: flex;
  justify-content: center;
}
.about .swiper-button-prev,
.about .swiper-button-next {
  color: #285e92;
  position: absolute;
  top: 50%;
  margin-top: 0;
  transform: translateY(-50%);
}
.about .swiper-pagination {
  position: relative;
  margin-top: 30px;
}
.about .swiper-container {
  margin: 0 50px;
}
@media screen and (max-width: 991px) {
  .about__wrapper {
    width: 100%;
    margin-bottom: 50px;
  }
  .about__bg {
    width: 100%;
    height: 214px;
  }
  .about__slider {
    margin-bottom: 250px;
  }
  .about__sert {
    height: 270px;
  }
}