.quot {
  font-family: 'Quicksand';
  padding-left: 10px;
  background: var(--bs-light-border-subtle);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  letter-spacing: 0px;
  line-height: 28.5px;
  border-left: 7.4px solid rgb(55,139,225);
}

.quot {
  font-family: 'Quicksand';
  padding-left: 10px;
  background-color: var(--bs-secondary);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  letter-spacing: 0px;
  line-height: 28.5px;
  border-left: 5.4px solid #378be1;
}

@media (min-width: 300px) {
  .quot {
    font-size: 17px;
  }
}

@media (min-width: 576px) {
  .quot {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .quot {
    font-size: 20px;
  }
}