#block-quote {
  padding-top: 50px;
  padding-bottom: 80px
}

@media(max-width: 996px) {
  #block-quote {
    padding-top: 30px;
    padding-bottom: 60px
  }
}

@media(max-width: 600px) {
  #block-quote {
    padding-top: 20px;
    padding-bottom: 60px
  }
}

#block-quote+* {
  padding-top: 0 !important
}

*:has(+ #block-quote) {
  padding-bottom: 0 !important;
}

#block-quote .text {
  width: 100%;
  display: flex;
  padding: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  color: var(--lText);
  background: var(--bg);
  border-radius: 10px
}

@media(max-width: 996px) {
  #block-quote .text {
    padding: 20px;
    font-size: 18px
  }
}

@media(max-width: 767px) {
  #block-quote .text {
    padding: 15px;
    font-size: 16px
  }
}

@media(max-width: 600px) {
  #block-quote .text {
    font-size: 14px
  }
}