.swiper-container {
      width: 100%;
      height: 300px;
    }

    .swiper-slide {
      text-align: left;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: left;
      -ms-flex-pack: left;
      -webkit-justify-content: left;
      justify-content: left;
      -webkit-box-align: left;
      -ms-flex-align: left;
      -webkit-align-items: left;
      align-items: left;
    }

    .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: left;
      line-height: 20px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: rgba(0, 0, 0, 0.2);
    }

    .swiper-pagination-bullet-active {
      color: #fff;
      background: #007aff;
    }
    .photo {
      margin-right: 20px;
    }