/* Button and link color */
/* Used on Links-Buttons-Backgroud */
/* Text */
/* (used in Backgroud) */
/* #0070d2; Links */
/* Uncount */
/* 2px  previous 0.1875rem; */
/* Body,p */
/* $line-height-base:22px; */
/* $font-weight-bold: 700; */
/* $small-font-size: 0.75em; */
/* #f3f3f4; */
/* $white; */
/*********  ADD/UPDATE NEW VARIABLES START  ************/
/*********  ADD/UPDATE NEW VARIABLES END  ************/
.supporting-content {
  padding-top: 30px;
  padding-bottom: 30px; }
  .supporting-content-title {
    color: #0a2240;
    font-size: 0.875rem;
    margin-bottom: 1.25rem; }
  .supporting-content__card {
    background: white;
    overflow: hidden; }
    @media (min-width: 768px) {
      .supporting-content__card {
        padding: 30px 18px 20px 30px; } }
    .supporting-content__card__title {
      font-size: 1.75rem;
      color: #3c4b6c; }
      @media (max-width: 767.98px) {
        .supporting-content__card__title {
          font-family: bentonsans-regular-webfont;
          font-size: 1rem;
          color: #858d9d;
          position: relative;
          margin-bottom: 0;
          padding: 1rem 0.5rem;
          border-bottom: 1px solid rgba(133, 141, 157, 0.3); }
          .supporting-content__card__title:after {
            display: inline-block;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #0089ff;
            content: "\F078";
            font: normal normal normal 11px/1 FontAwesome;
            transition: 0.3s all; }
          .supporting-content__card__title + div {
            transition: 0.1s all;
            max-height: 0;
            overflow: hidden; } }
      .supporting-content__card__title--open:after {
        transform: translateY(-50%) rotate(180deg); }
      .supporting-content__card__title--open + div {
        max-height: 2000px;
        padding: 1rem 0.5rem 0 0.5rem;
        transition: 0.1s max-height; }
    .supporting-content__card p {
      font-size: 0.9375rem;
      line-height: 1.67; }
    .supporting-content__card a {
      font-family: bentonsans-bold-webfont;
      text-decoration: none; }
      @media (min-width: 768px) {
        .supporting-content__card a:after {
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          content: "\F054";
          font-size: 10px;
          margin-left: 5px;
          transition: 0.3s all; }
        .supporting-content__card a:hover:after {
          margin-left: 10px; } }