/*
$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)
*/
.check-balance-wrapper {
  margin-top: 5.25rem;
  max-width: 47.5rem; }
  .check-balance-wrapper .left-section .error {
    margin-bottom: 1.3125rem;
    font-size: 0.8125rem;
    line-height: 1.154;
    color: #dd2222; }
  .check-balance-wrapper .left-section .card-balance,
  .check-balance-wrapper .left-section .current-balance {
    color: #071D49; }
  .check-balance-wrapper .left-section .check-another-card {
    font-size: 0.875rem;
    line-height: 1.428; }
  .check-balance-wrapper .left-section .card {
    max-width: 20.1875rem; }
  @media (max-width: 767.98px) {
    .check-balance-wrapper .left-section {
      margin-bottom: 2.625rem;
      padding: 0 1.875rem; } }
  @media (max-width: 767.98px) {
    .check-balance-wrapper .right-section {
      padding: 0 2.8125rem; } }
  .check-balance-wrapper p {
    font-size: 1rem;
    line-height: 1.25; }
  .check-balance-wrapper .h5 {
    line-height: 1.55; }
  .check-balance-wrapper img {
    max-width: 15rem; }
  .check-balance-wrapper .card {
    border: 0; }
    .check-balance-wrapper .card-body {
      padding: 0; }