.fundraiser {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
  margin: 80px 0
}

.fundraiser--alt {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: stretch;
  -ms-flex-direction: column;
  flex-direction: column
}

.fundraiser__fig {
  -webkit-box-flex: 1;
  aspect-ratio: 556/506;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  position: relative
}

.fundraiser__fig:first-child {
  rotate: 8deg;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  translate: -80px 80px
}

.fundraiser__fig.fundraiser__fig--last, .fundraiser__fig:last-child {
  rotate: -8deg;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  translate: 80px 80px
}

.fundraiser__fig--alt {
  aspect-ratio: 1140/506;
  width: 100%
}

.fundraiser__fig--alt:first-child {
  rotate: 0deg;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  translate: 0 80px
}

.fundraiser__fig img {
  border-radius: 16px;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  object-position: top;
}

.fundraiser__fig--mobile {
  display: none;
}

.fundraiser__quote {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 17px;
  gap: 20px;
  padding: 20px 30px 20px 20px;
  position: absolute
}

.fundraiser__quote--l {
  left: -40px;
  top: 50%;
  translate: 0 -50%
}

.fundraiser__quote--tl {
  left: -40px;
  top: 80px
}

.fundraiser__quote--tr {
  right: -40px;
  top: 80px
}

.fundraiser__quote--br {
  bottom: 80px;
  right: -40px
}

.fundraiser__quote-amount {
  background-color: #f0fce9;
  border-radius: 50%;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
  width: 48px
}

.fundraiser__quote-name {
  font-weight: 700
}

.fundraiser__quote-comment {
  margin-top: 8px;
  max-width: 240px
}

.fundraiser__row {
  -ms-flex-align: start;
  display: grid;
  gap: 28px;
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.fundraiser__cont, .fundraiser__row {
  -webkit-box-align: start;
  align-items: start
}

.fundraiser__cont {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px
}

.fundraiser__cont--left {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.fundraiser__meta {
  color: #767676;
  font-size: 22px;
  font-weight: 700
}

.fundraiser__title {
  max-width: 940px;
  margin: 0;
}

.fundraiser__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border: 1px solid #c8c8c8;
  border-radius: 12px;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  letter-spacing: 0;
  margin-top: 4px;
  padding: 0 24px;
  text-decoration: none;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: border-color, color;
  transition-property: border-color, color
}

.fundraiser__button:hover {
  border-color: #333;
  color: #000
}

.fundraiser__note {
  background-color: #f0fce9;
  border-radius: 16px;
  color: #333;
  font-size: 22px;
  font-weight: 500;
  margin-top: 16px;
  max-width: 556px;
  padding: 30px
}

.fundraiser__note--alt {
  margin-top: 32px
}

@media screen and (max-width: 991px) {
  .fundraiser {
    margin: 60px 0
  }

  .fundraiser__quote--l {
    left: -30px
  }

  .fundraiser__quote--tl {
    left: -30px;
    top: 60px
  }

  .fundraiser__quote--tr {
    right: -30px;
    top: 60px
  }

  .fundraiser__quote--br {
    bottom: 60px;
    right: -30px
  }
}

@media screen and (max-width: 767px) {
  .fundraiser {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin: 40px 0
  }

  .fundraiser__fig {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    aspect-ratio: 327/236;
    order: -1;
    width: 100%
  }

  .fundraiser__quote {
    border-radius: 8px;
    font-size: 11px;
    gap: 8px;
    padding: 10px 12px
  }

  .fundraiser__quote * {
    letter-spacing: 0
  }

  .fundraiser__quote--l {
    left: -12px
  }

  .fundraiser__quote--tl {
    left: 12px;
    top: 3rem;
    bottom: 0;
    height: fit-content;
  }

  .fundraiser__quote--tr {
    bottom: 36px;
    left: -12px;
    right: auto;
    top: auto
  }

  .fundraiser__quote--br {
    bottom: 12px;
    right: -12px
  }

  .fundraiser__quote-amount {
    line-height: 28px;
    width: 28px
  }

  .fundraiser__quote-comment {
    margin-top: 4px;
    max-width: 100px
  }

  .fundraiser__row {
    gap: 12px;
    grid-template-columns:minmax(0, 1fr)
  }

  .fundraiser__cont {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 14px
  }

  .fundraiser__meta {
    font-size: 16px
  }

  .fundraiser__button {
    height: 42px;
    margin: 0;
  }

  .fundraiser__note {
    font-size: 16px;
    margin-top: 28px;
    padding: 24px;
    font-weight: 700;
  }

  .fundraiser__fig--mobile {
    display: block;
  }

  .fundraiser__fig--desktop {
    display: none;
  }

  .fundraiser__title {
    margin-bottom: 10px;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRleHQtaW1hZ2Uvc3R5bGUubWluLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxZQUlFLHdCQUF5QixDQUNyQixxQkFBc0IsQ0FDbEIsa0JBQW1CLENBTDNCLG1CQUFvQixDQUNwQixtQkFBb0IsQ0FDcEIsWUFBYSxDQUliLFFBQVMsQ0FDVCxhQUNGLENBRUEsaUJBQ0UseUJBQTBCLENBQ3RCLHNCQUF1QixDQUUzQiwyQkFBNEIsQ0FDNUIsNEJBQTZCLENBRnJCLG1CQUFvQixDQUd4Qix5QkFBMEIsQ0FDdEIscUJBQ1YsQ0FFQSxpQkFHRSxrQkFBbUIsQ0FEbkIsb0JBQXFCLENBRWpCLGVBQWdCLENBQ1osV0FBWSxDQUpwQixpQkFLRixDQUVBLDZCQUNFLFdBQVksQ0FFWiwrQkFBZ0MsQ0FDeEIsdUJBQXdCLENBRmhDLG9CQUdGLENBRUEsbUVBRUUsWUFBYSxDQUViLDRCQUE2QixDQUNyQixvQkFBcUIsQ0FGN0IsbUJBR0YsQ0FFQSxzQkFDRSxxQkFBc0IsQ0FDdEIsVUFDRixDQUVBLGtDQUNFLFdBQVksQ0FFWixnQ0FBaUMsQ0FDekIsd0JBQXlCLENBRmpDLGdCQUdGLENBRUEscUJBTUUsa0JBQW1CLENBRG5CLFdBQVksQ0FGWixNQUFPLENBSVAsbUJBQW9CLENBQ2pCLGdCQUFpQixDQVBwQixpQkFBa0IsQ0FDbEIsS0FBTSxDQUVOLFVBS0YsQ0FFQSxtQkFLRSx1QkFBd0IsQ0FDcEIsb0JBQXFCLENBQ2pCLGlCQUFrQixDQUsxQixlQUFnQixDQURoQixrQkFBbUIsQ0FFbkIsNENBQW1ELENBQzNDLG9DQUEyQyxDQUVuRCxVQUFXLENBZFgsbUJBQW9CLENBQ3BCLG1CQUFvQixDQUNwQixZQUFhLENBV2IsY0FBZSxDQVBmLFFBQVMsQ0FFVCwyQkFBbUIsQ0FUbkIsaUJBZ0JGLENBRUEsc0JBRUUsVUFBVyxDQURYLE9BQVEsQ0FFUixnQkFDRixDQUVBLHVCQUVFLFVBQVcsQ0FEWCxRQUVGLENBRUEsdUJBRUUsV0FBWSxDQURaLFFBRUYsQ0FF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 */