.custom-quote {
  position: relative;
  background-color: #fff;
  border-radius: 25px;
  padding: 80px 80px;
  box-shadow: 4px 0px 40px 0px rgba(6, 43, 84, 0.1);
  margin-bottom: 40px;
}
.custom-quote .quote-content {
  font-style: italic;
  font-size: 1.2rem;
}

.custom-quote .quote-author {
  font-weight: 600;
  font-size: 1.1rem;
  color: #893317;
}

.custom-quote:before,
.custom-quote:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 36px;
  height: 36px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='27.969' viewBox='0 0 41 27.969'%3E%3Cg id='quotation-mark_1_' data-name='quotation-mark (1)' transform='translate(0 -81.365)'%3E%3Cpath id='Path_35' data-name='Path 35' d='M17.382,96.522A12.2,12.2,0,0,1,5.249,107.532H3.061a.881.881,0,1,0,0,1.762H5.25A13.96,13.96,0,0,0,19.2,95.334s0-4.455,0-4.459a9.578,9.578,0,1,0-1.819,5.647Z' transform='translate(0 0)' fill='%23131948' fill-rule='evenodd'/%3E%3Cpath id='Path_36' data-name='Path 36' d='M289.609,96.516a12.2,12.2,0,0,1-12.137,11.055h-2.188a.881.881,0,1,0,0,1.762h2.188a13.96,13.96,0,0,0,13.951-13.96V90.925a9.578,9.578,0,1,0-1.815,5.591Z' transform='translate(-250.424)' fill='%23131948' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.custom-quote:before {
  top: 1.25rem;
  left: 1.25rem;
  transform: rotate(180deg);
}
.custom-quote:after {
  bottom: 1.25rem;
  right: 1.25rem;
}

/* Mobile */
@media only screen and (max-width: 768px) {
  .custom-quote {
    padding: 80px 40px;
  }
}