.is-style-box-border {
  border: 1.5px solid #3c3c3c;
  background: #fff;
}
.is-style-box-bg {
  background: #f6f6f9;
}

.is-style-box-border,
.is-style-box-bg,
blockquote {
  border-radius: 20px;
  padding: 4em !important;
}

blockquote {
  background: #f6f6f9;
  position: relative;
}
blockquote:before,
blockquote:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  margin: auto;
  background: url(assets/images/common/quotation.svg) center/contain no-repeat;
}
blockquote:before {
  left: 25px;
  top: 25px;
}
blockquote:after {
  right: 25px;
  bottom: 25px;
  transform: scale(-1, -1);
}
cite {
  opacity: 0.5;
  font-size: 80%;
}

@media screen and (max-width: 820px) {
  .is-style-box-border,
  .is-style-box-bg,
  blockquote {
    border-radius: 10px;
    padding: 2em !important;
  }
  blockquote:before,
  blockquote:after {
    width: 10px;
    height: 10px;
  }
  blockquote:before {
    left: 15px;
    top: 15px;
  }
  blockquote:after {
    right: 15px;
    bottom: 15px;
  }
}