/*
$custom-select-padding-y:           $input-btn-padding-y;
$custom-select-padding-x:           $input-btn-padding-x;
$custom-select-indicator-padding:   1rem; // Extra padding to account for the presence of the background-image based indicator
$custom-select-bg-size:             12px 7px; // In pixels because image dimensions
$custom-select-box-shadow:          none;
$custom-select-indicator-color:     $brand-blue;
$custom-select-indicator:           url("../icons/sprite.svg");
$custom-select-background:          escape-svg($custom-select-indicator) no-repeat $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
*/
.component-card .card-content {
  background: #F5F5F5;
  padding: 1.875rem 0; }
  .component-card .card-content .h2 {
    margin: 0.9375rem 0; }
    @media (max-width: 991.98px) {
      .component-card .card-content .h2 {
        font-size: 1.375rem; } }
  .component-card .card-content .h3:hover {
    color: #000; }
  .component-card .card-content .card-text {
    margin-bottom: 0.625rem; }
    .component-card .card-content .card-text:hover {
      cursor: default; }
    @media (max-width: 991.98px) {
      .component-card .card-content .card-text {
        padding: 0 1.5rem; } }
    @media (min-width: 992px) {
      .component-card .card-content .card-text {
        width: 70%;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 992px) and (max-width: 1199.98px) {
      .component-card .card-content .card-text {
        min-height: 3.1875rem; } }
  .component-card .card-content .card-button {
    margin-bottom: 0.625rem; }
    .component-card .card-content .card-button:hover {
      color: #000 !important; }