/*
 * The related css is auto-generated. Do not edit the generated css file directly.
 * Instead, make changes to the source LESS file and recompile.
 * the .less files stored in <repo location>\Store.Web\RapidScale.Store.Web\Styles\
 * Again, only edit the .less files, not the generated .css files.
 * 
 * To have .less compile automatically, run the project using the task in <repo location>\Store.Web\README.md.
 * .css will be generated automatically on .less file change.
 */
#SelectedCardModalContainer .solution-card-title {
  font-family: 'CeraPro-Medium';
}
#SelectedCardModalContainer .contents > * {
  border: 1px solid lightgray;
  border-radius: 0.3rem;
  padding: 1rem 1rem 0;
}
#SelectedCardModalContainer .contents .description {
  flex: 2;
}
#SelectedCardModalContainer .contents .description .marketing-content {
  margin: 0 1rem;
}
#SelectedCardModalContainer .contents .questions {
  flex: 1;
  background: var(--rs-section-lightlightgray);
}
#SelectedCardModalContainer .contents .questions .question {
  padding-bottom: 1rem;
}
@media (max-width: 768px) {
  #SelectedCardModalContainer .contents .description,
  #SelectedCardModalContainer .contents .questions {
    flex: unset;
  }
}