/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/owl.carousel/dist/assets/owl.carousel.css ***!
  \*******************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
 .owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
  }
  
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
  }
  
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
  }
  
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
  }
  
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none;
  }
  
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
  }
  
  .owl-carousel.owl-loaded {
    display: block;
  }
  
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block;
  }
  
  .owl-carousel.owl-hidden {
    opacity: 0;
  }
  
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
  }
  
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }
  
  .owl-carousel.owl-rtl {
    direction: rtl;
  }
  
  .owl-carousel.owl-rtl .owl-item {
    float: right;
  }
  
  /* No Js */
  .no-js .owl-carousel {
    display: block;
  }
  
  /*
   *  Owl Carousel - Animate Plugin
   */
  .owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  
  .owl-carousel .owl-animated-in {
    z-index: 0;
  }
  
  .owl-carousel .owl-animated-out {
    z-index: 1;
  }
  
  .owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
  }
  
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  /*
   * 	Owl Carousel - Auto Height Plugin
   */
  .owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
  }
  
  /*
   * 	Owl Carousel - Lazy Load Plugin
   */
  .owl-carousel .owl-item {
    /**
        This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
        calculation of the height of the owl-item that breaks page layouts
     */
  }
  
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
  }
  
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
  }
  
  .owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  
  /*
   * 	Owl Carousel - Video Plugin
   */
  .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
  }
  
  .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1RTM0MEU5QzBCMDExRTM4MURCQTkwQzkyRUYxMzEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1RTM0MEVBQzBCMDExRTM4MURCQTkwQzkyRUYxMzEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTVFMzQwRTdDMEIwMTFFMzgxREJBOTBDOTJFRjEzMTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTVFMzQwRThDMEIwMTFFMzgxREJBOTBDOTJFRjEzMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6n647gAAAP5klEQVR42uxcCVRU1xl+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) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease;
  }
  
  .owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3);
  }
  
  .owl-carousel .owl-video-playing .owl-video-tn,
  .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
  }
  
  .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
  }
  
  .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
  }
  /*!************************************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/owl.carousel/dist/assets/owl.theme.default.css ***!
    \************************************************************************************************************************************************************************************************/
  /**
   * Owl Carousel v2.3.4
   * Copyright 2013-2018 David Deutsch
   * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
   */
  /*
   * 	Default theme - Owl Carousel CSS File
   */
  .owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
  }
  
  .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
  }
  
  .owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
  }
  
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
  }
  
  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
  }
  
  .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
  }
  
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  
  .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
  }
  
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
  }
  /*!*********************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss ***!
    \*********************************************************************************************************************************************************/
  @charset "UTF-8";
  /* Remove the unit of a length
   * @param {Number} $number - Number to remove unit from
   * @return {Number} - Unitless number
   */
  /**
   * Global normalize/reset styles
   * Inspiired by: https://github.com/sindresorhus/modern-normalize
   */
  /*
  Use a better box model
  */
  *,
  *::after,
  *::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  /*
  1. Set global base font style
  2. Prevent adjustments of font size after orientation changes in iOS
  3. Set global background color
  */
  html,
  body {
    -webkit-font-feature-settings: "liga" 1;
            font-feature-settings: "liga" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    /* 1 */
    font-family: "GothamNarrow", sans-serif, sans-serif; /* 1 */
    font-size: 10px; /* 1 */
    line-height: 1.5; /* 1 */
    letter-spacing: 0; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    background-color: #fff; /* 3 */
  }
  
  /*
  Global responsive image base style
  */
  img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  
  /**
  Do not use default list style for lists (dots)
  */
  ol,
  ul {
    list-style: none;
  }
  
  /**
  Very lightweight table reset
  Inspired by: https://css-tricks.com/should-you-have-defaults-styles-for-table/#are-light-default-styles-a-possibility
  */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  tr {
    border-bottom: 1px solid #ccc;
  }
  
  th,
  td {
    text-align: left;
    padding: 4px;
  }
  
  /**
  1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
  2. Correct the odd 'em' font sizing in all browsers.
  */
  code,
  kbd,
  samp,
  pre {
    font-family: monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
  Add the correct font size in all browsers.
  */
  small {
    font-size: 80%;
  }
  
  /**
  Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
  */
  sub,
  sup {
    font-size: 50%;
    line-height: 0;
    position: relative;
    vertical-align: super;
    font-weight: 400;
    font-family: "GothamNarrow-Book", sans-serif;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /*
  Forms
  =====
  */
  button {
    border: none;
  }
  
  /**
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
    padding: 0;
  }
  
  /**
  Remove the inheritance of text transform in Edge and Firefox.
  1. Remove the inheritance of text transform in Firefox.
  */
  button,
  select {
    text-transform: none;
  }
  
  /**
  Correct the inability to style clickable types in iOS and Safari.
  */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  
  /**
  Remove the inner border and padding in Firefox.
  */
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
  Restore the focus styles unset by the previous rule.
  */
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted #000;
  }
  
  /**
  Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
  */
  legend {
    padding: 0;
  }
  
  /**
  Add the correct vertical alignment in Chrome and Firefox.
  */
  progress {
    vertical-align: baseline;
  }
  
  /**
  Correct the cursor style of increment and decrement buttons in Safari.
  */
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */
  [type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
  Remove the inner padding in Chrome and Safari on macOS.
  */
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to 'inherit' in Safari.
  */
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /**
  Add the correct height in Firefox.
  */
  hr {
    height: 0;
  }
  
  /*
  Interactive
  ===========
  */
  /*
  Add the correct display in Chrome and Safari.
  */
  summary {
    display: list-item;
  }
  
  /**
  * Custom Normalizations
  */
  a,
  button,
  select,
  input,
  textarea {
    text-decoration: none;
    background-color: transparent;
    border: 0;
  }
  
  /* clears the ‘X’ from Internet Explorer */
  [type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
  }
  
  [type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
  }
  
  /* clears the ‘X’ from Chrome */
  [type=search]::-webkit-search-decoration,
  [type=search]::-webkit-search-cancel-button,
  [type=search]::-webkit-search-results-button,
  [type=search]::-webkit-search-results-decoration {
    display: none;
  }
  
  html {
    margin: 0 !important;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "GothamNarrow-Light", sans-serif;
    color: #12395B;
  }
  
  a,
  p,
  li,
  span {
    color: #12395B;
    font-family: "GothamNarrow-Book", sans-serif;
    font-weight: 300;
  }
  
  a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  a:hover {
    color: #006EC8;
  }
  
  a,
  button,
  .button {
    cursor: pointer;
  }
  
  main {
    max-width: 100vw;
    overflow-x: hidden;
  }
  
  .section {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    padding: 4rem 0;
  }
  @media (min-width: 992px) {
    .section {
      padding: 7rem 0;
    }
  }
  .section__inner {
    max-width: 80rem;
    margin: 0 auto;
    width: 100%;
    padding: 0 2rem;
  }
  
  @font-face {
    font-family: "GothamNarrow";
    font-weight: 300;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Medium.otf) format("otf"), url(../Fonts/GothamNarrow-Medium.woff2) format("woff2"), url(../Fonts/GothamNarrow-Medium.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamNarrow";
    font-weight: 325;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Medium.otf) format("otf"), url(../Fonts/GothamNarrow-Medium.woff2) format("woff2"), url(../Fonts/GothamNarrow-Medium.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamNarrow";
    font-weight: 400;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Medium.otf) format("otf"), url(../Fonts/GothamNarrow-Medium.woff2) format("woff2"), url(../Fonts/GothamNarrow-Medium.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamNarrow";
    font-weight: 500;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Medium.otf) format("otf"), url(../Fonts/GothamNarrow-Medium.woff2) format("woff2"), url(../Fonts/GothamNarrow-Medium.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamNarrow";
    font-weight: 700;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Medium.otf) format("otf"), url(../Fonts/GothamNarrow-Medium.woff2) format("woff2"), url(../Fonts/GothamNarrow-Medium.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamNarrow-Bold";
    font-weight: 400;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Bold.otf) format("otf"), url(../Fonts/GothamNarrow-Bold.woff2) format("woff2"), url(../Fonts/GothamNarrow-Bold.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamNarrow-Light";
    font-weight: 400;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Light.otf) format("otf"), url(../Fonts/GothamNarrow-Light.woff2) format("woff2"), url(../Fonts/GothamNarrow-Light.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamNarrow-Light";
    font-weight: 500;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Light.otf) format("otf"), url(../Fonts/GothamNarrow-Light.woff2) format("woff2"), url(../Fonts/GothamNarrow-Light.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamNarrow-Book";
    font-weight: 400;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Book.otf) format("otf"), url(../Fonts/GothamNarrow-Book.woff2) format("woff2"), url(../Fonts/GothamNarrow-Book.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamNarrow-Book";
    font-weight: 300;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Book.otf) format("otf"), url(../Fonts/GothamNarrow-Book.woff2) format("woff2"), url(../Fonts/GothamNarrow-Book.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamNarrow-Book";
    font-weight: 700;
    font-style: normal;
    src: url(../Fonts/GothamNarrow-Book.otf) format("otf"), url(../Fonts/GothamNarrow-Book.woff2) format("woff2"), url(../Fonts/GothamNarrow-Book.woff) format("woff");
  }
  
  @font-face {
    font-family: "GothamBold";
    font-weight: 400;
    font-style: normal;
    src: url(../Fonts/Gotham-Bold.otf) format("otf"), url(../Fonts/Gotham-Bold.woff2) format("woff2"), url(../Fonts/Gotham-Bold.woff) format("woff");
  }
  .h1 {
    font-family: "GothamNarrow-Light", sans-serif;
    font-size: 3.6rem;
    line-height: 3.8rem;
    font-weight: 300;
    color: #424951;
  }
  @media (min-width: 768px) {
    .h1 {
      font-size: 4.4rem;
      line-height: 4.8rem;
    }
  }
  @media (min-width: 992px) {
    .h1 {
      font-size: 5rem;
      line-height: 5.4rem;
    }
  }
  @media (min-width: 1280px) {
    .h1 {
      font-size: 5.4rem;
      line-height: 5.8rem;
    }
  }
  
  .h2 {
    font-family: "GothamNarrow-Bold", sans-serif;
    font-weight: 400;
    font-size: 2.8rem;
    line-height: 3.2rem;
    color: #12395B;
  }
  @media (min-width: 768px) {
    .h2 {
      font-size: 3.6rem;
      line-height: 4.4rem;
    }
  }
  
  .h3 {
    font-family: "GothamNarrow-Bold", sans-serif;
    font-weight: 400;
    font-size: 2.2rem;
    line-height: 2.6rem;
    color: #12395B;
  }
  @media (min-width: 768px) {
    .h3 {
      font-size: 2.4rem;
      line-height: 2.8rem;
    }
  }
  
  .h4 {
    font-family: "GothamNarrow-Bold", sans-serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.8rem;
    color: #12395B;
  }
  
  .h6 {
    font-family: "GothamNarrow", sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    letter-spacing: 2.4px;
    font-size: 1.5rem;
  }
  
  p,
  .body {
    font-family: "GothamNarrow-Book", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
  }
  
  .font-primary {
    font-family: "GothamNarrow", sans-serif !important;
  }
  .font-primary-bold {
    font-family: "GothamNarrow-Bold", sans-serif !important;
  }
  .font-primary-light {
    font-family: "GothamNarrow-Light", sans-serif !important;
  }
  .font-primary-book {
    font-family: "GothamNarrow-Book", sans-serif !important;
  }
  .font-secondary {
    font-family: "GothamBold", "sans-serif" !important;
  }
  
  .dynamicText {
    color: #DB00FF;
  }
  
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
  
  .font-bold {
    font-family: "GothamNarrow-Bold", sans-serif;
    font-weight: 400 !important;
  }
  .font-medium {
    font-family: "GothamNarrow", sans-serif;
  }
  .font-italic {
    font-style: italic !important;
  }
  
  .text-up {
    text-transform: uppercase !important;
  }
  .text-cap {
    text-transform: capitalize !important;
  }
  .text-low {
    text-transform: lowercase !important;
  }
  .text-nowrap {
    white-space: nowrap !important;
  }
  .text-underline {
    text-decoration: underline !important;
  }
  .text-sup {
    vertical-align: middle;
    font-size: 53%;
    font-weight: 500 !important;
  }
  
  .align-center {
    text-align: center !important;
  }
  .align-left {
    text-align: left !important;
  }
  .align-right {
    text-align: right !important;
  }
  .align-justify {
    text-align: justify !important;
  }
  
  .d-inline-block {
    display: inline-block;
  }
  .d-block {
    display: block !important;
  }
  
  .justify--center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify--space-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify--start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify--end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  
  .sr-only,
  .screen-reader-text,
  .hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
  }
  
  .no-scroll {
    overflow: hidden !important;
  }
  .no-scroll--overlay {
    overflow: hidden !important;
  }
  .no-scroll--overlay::before {
    content: "";
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
  }
  .no-scroll-force {
    position: fixed;
    height: 100%;
    overflow-y: none !important;
    overflow: hidden !important;
  }
  .no-scroll-force body {
    height: 100%;
    overflow-y: none !important;
    overflow: hidden !important;
  }
  
  .mobile-only {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  @media (min-width: 992px) {
    .mobile-only {
      display: none !important;
    }
  }
  
  .desktop-only {
    display: none !important;
  }
  @media (min-width: 992px) {
    .desktop-only {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
    }
  }
  
  .bullet-list {
    list-style-type: disc;
    padding-left: 1.6rem;
  }
  .bullet-list li {
    color: #12395B;
    font-size: 14px;
    font-style: normal;
    font-weight: 325;
    line-height: 20px; /* 142.857% */
  }
  .bullet-list li::marker {
    color: #12395B;
  }
  .bullet-list--grey li {
    color: #575757;
  }
  .bullet-list--grey li::marker {
    color: #575757;
  }
  
  .link {
    color: #006EC8;
    font-family: "GothamNarrow", sans-serif;
    text-decoration: underline;
  }
  
  .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: auto;
    background-color: #006EC8;
    border-radius: 0.4rem;
    font-family: "GothamNarrow-Bold", sans-serif;
    font-size: 1.4rem;
    height: 3.2rem;
    line-height: 24px;
    padding: 0.6rem 1.2rem;
    text-align: center;
    text-transform:uppercase;
  }
  @media (min-width: 992px) {
    .button {
      height: 4.4rem;
    }
  }
  .button--lg {
    height: 5.6rem;
  }
  .button--md {
    padding: 0.6rem 2rem;
  }
  .button--dark {
    background-color: #006EC8;
    color: #fff;
  }
  .button--dark:hover {
    color: #fff;
    background-color: #034276;
  }
  .button--white {
    background-color: #fff;
    color: #006EC8;
  }
  .button--white:hover {
    background-color: #006EC8;
  }
  .button--light {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
  }
  .button--light:hover {
    background-color: #fff;
    color: #12395B;
  }
  .button--outline {
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent;
  }
  .button--outline:hover {
    background-color: #fff;
    color: #006EC8;
  }
  .button--outline-blue {
    color: #006EC8;
    border: 2px solid #006EC8;
    background-color: transparent;
  }
  .button--outline-blue:hover {
    background-color: #006EC8;
    color: #fff;
  }
  .button--transparent {
    background-color: transparent;
    color: #006EC8;
    text-transform: none;
    font-size: 1.6rem;
  }
  .button--transparent svg {
    margin-left: 0.6rem;
  }
  
  .card {
    background-color: #fff;
    border-radius: 1rem;
    padding: 3rem;
  }
  
  .usaa-header {
    left: 0;
    position: relative;
    top: 0;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    width: 100%;
    max-width: 1440px;
    z-index: 999;
  }
  @media (min-width: 1280px) {
    .usaa-header {
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
  }
  .usaa-header--scrolled {
    opacity: 0;
  }
  @media (min-width: 1280px) {
    .usaa-header--scrolled {
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
    }
  }
  .usaa-header--fixed {
    opacity: 1;
    position: fixed;
  }
  @media (min-width: 1280px) {
    .usaa-header--fixed {
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
  }
  .usaa-header__nav {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #12395B;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr auto auto;
    height: 6rem;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0.5rem 2rem;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 2px 4px 0px #0b213c;
            box-shadow: 0px 2px 4px 0px #0b213c;
  }
  @media (min-width: 768px) {
    .usaa-header__nav {
      padding: 0 5rem;
    }
  }
  @media (min-width: 992px) {
    .usaa-header__nav {
      display: grid;
      gap: 20px;
      grid-template-columns: 1fr auto auto;
      height: 9rem;
      padding: 0 10.8rem 0 7.4rem;
    }
  }
  .usaa-header__button-l, .usaa-header__button-d {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.4rem;
  }
  @media (min-width: 992px) {
    .usaa-header__button-l, .usaa-header__button-d {
      font-size: 1.6rem;
    }
  }
  .usaa-header__button-l {
    padding: 0 1.4rem;
  }
  @media (min-width: 992px) {
    .usaa-header__button-l {
      padding: 0 2.8rem;
    }
  }
  .usaa-header__button-d {
    padding: 0 1.4rem;
    border: 2px solid #006EC8;
  }
  @media (min-width: 992px) {
    .usaa-header__button-d {
      padding: 0 3.4rem;
    }
  }
  .usaa-header__button-d:hover {
    border: 2px solid #fff;
    background-color: #12395B;
  }
  .usaa-header--scrolled .usaa-header__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .usaa-header__logo {
    width: 3.2rem;
    height: 3.3rem;
  }
  @media (min-width: 992px) {
    .usaa-header__logo {
      width: 5.3rem;
      height: 5.5rem;
    }
  }
  .usaa-header--fixed + .content {
    margin-top: 6rem;
  }
  @media (min-width: 992px) {
    .usaa-header--fixed + .content {
      margin-top: 9rem;
    }
  }
  
  .fdic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #12395B;
    min-height: 9rem;
    padding: 1.4rem 2rem;
    max-width: 1440px;
    margin: 0 auto;
  }
  @media (min-width: 768px) {
    .fdic {
      padding-left: 5rem;
    }
  }
  @media (min-width: 992px) {
    .fdic {
      padding-left: 7.4rem;
    }
  }
  .fdic__top {
    display: block;
  }
  .fdic__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-top: 0.4rem;
    padding-top: 0.8rem;
    border-top: 1px solid #fff;
  }
  .fdic__logo {
    margin-right: 2rem;
  }
  .fdic__headline {
    font-size: 1.2rem;
    line-height: 2.4rem;
    color: #fff;
  }
  .fdic__subheadline {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.6rem;
    padding-top: 3px;
  }
  
  .hero__wrapper {
    max-width: 1440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: center;
        align-content: center;
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 100%;
    min-height: 66rem;
    margin: 0 auto;
  }
  .hero__image {
    width: 100%;
  }
  .hero__image .banner-image-desktop {
    display: none;
  }
  .hero__image .banner-image-mobile {
    display: block;
  }
  @media (min-width: 768px) {
    .hero__image {
      width: 60%;
    }
    .hero__image .banner-image-desktop{
      display: block;
    }
    .hero__image .banner-image-mobile {
      display: none;
    }
    .hero__wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      background-size: 80rem auto;
      background-position: right;
      background-repeat: no-repeat;
      width: 100%;
      min-height: 45rem;
    }
  }
  img.banner-image-desktop {
    height: 100%;
    object-fit: cover;
    object-position: 87%;
    right: 0;
}
  @media (min-width: 1360px) {
    img.banner-image-desktop {
      height: 100%;
      object-fit: cover;
      object-position: 36%;
      right: 0;
    }
  }
  .hero__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-item-align: center;
        align-self: center;
    max-width: 93%;
    margin: 2rem 0 0 0;
    color: #12395B;
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
  }
  @media (min-width: 768px) {
    .hero__content {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
      margin: 1rem 0 0 4.8rem;
      max-width: 50%;
      padding-right: 32px;
      padding-bottom: 32px;
    }
  }
  @media (min-width: 992px) {
    .hero__content {
      margin: 6.6rem 0 0 4.8rem;
      max-width: 50%;
    }
  }
  @media (min-width: 1280px) {
    .hero__content {
      margin: 6.6rem 0 0 7.6rem;
      max-width: 40%;
    }
  }
  .hero__introTag {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 1.4rem;
  }
  @media (min-width: 992px) {
    .hero__introTag {
      font-size: 1.6rem;
      line-height: 2rem;
    }
  }
  @media (min-width: 992px) {
    .hero__introTag {
      font-size: 2rem;
      line-height: 3.2rem;
    }
  }
  .hero__bar {
    background-color: #FAC705;
    height: 0.3rem;
    margin-bottom: 1.6rem;
    width: 8rem;
  }
  @media (min-width: 1280px) {
    .hero__bar {
      width: 11.6rem;
    }
  }
  .hero__title {
    margin-bottom: 2.2rem;
    padding: 0 7rem 0 0;
  }
  @media (min-width: 768px) {
    .hero__title {
      padding: 0;
    }
  }
  .hero__sup {
    font-size: 1.4rem;
    font-family: "GothamNarrow", sans-serif;
  }
  @media (min-width: 768px) {
    .hero__sup {
      font-size: 1.6rem;
    }
  }
  @media (min-width: 992px) {
    .hero__sup {
      font-size: 1.8rem;
    }
  }
  .hero__ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    text-align: center;
  }
  @media (min-width: 576px) {
    .hero__ctas {
      text-align: left;
    }
  }
  .hero__button {
    width: 100%;
    max-width: 34.3rem;
    max-height: 4.8rem;
    padding: 0 2.4rem;
    font-size: 1.6rem;
    margin: 0 auto;
    border: 2px solid #006EC8;
  }
  @media (min-width: 576px) {
    .hero__button {
      margin: 0;
    }
  }
  .hero__button:hover {
    border: 2px solid #006EC8;
    background-color: #fff;
    color: #006EC8;
  }
  .hero__text-link {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #006EC8;
    text-decoration: underline;
  }
  
  .rates {
    width: 100%;
    max-width: 1440px;
    min-height: 37.4rem;
    padding: 4.6rem 0;
    background-color: #E8F1FA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
  }
  @media (min-width: 992px) {
    .rates {
      min-height: 33.4rem;
      padding: 6.2rem 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  }
  .rates__content {
    max-width: 34.2rem;
    text-align: left;
  }
  @media (min-width: 768px) {
    .rates__content {
      max-width: 60rem;
      text-align: center;
    }
  }
  @media (min-width: 992px) {
    .rates__content {
      max-width: 90rem;
      text-align: center;
    }
  }
  .rates__title {
    margin-bottom: 2rem;
  }
  @media (min-width: 768px) {
    .rates__title {
      max-width: 50rem;
      margin: 0 auto 2rem auto;
    }
  }
  @media (min-width: 992px) {
    .rates__title {
      max-width: 57rem;
      margin: 0 auto 2rem auto;
    }
  }
  .rates__body {
    font-family: "GothamNarrow-Light", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #424951;
  }
  @media (min-width: 992px) {
    .rates__body {
      font-size: 2.2rem;
      line-height: 3.2rem;
    }
  }
  .rates__text-link {
    font-family: "GothamNarrow-Light", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #006EC8;
    text-decoration: underline;
    margin-top: 2rem;
  }
  
  .claim {
    width: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5rem 0 4.6rem;
  }
  @media (min-width: 992px) {
    .claim {
      padding: 7rem 0 6.4rem;
    }
  }
  .claim__content {
    max-width: 92%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  @media (min-width: 992px) {
    .claim__content {
      max-width: 100%;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
  }
  .claim__title {
    text-align: center;
    max-width: 28rem;
  }
  @media (min-width: 992px) {
    .claim__title {
      max-width: 100%;
    }
  }
  .claim__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
    margin: 2.6rem 0 2.4rem 0;
  }
  @media (min-width: 992px) {
    .claim__steps {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 50px;
      margin: 6rem 0 6rem 0;
    }
  }
  .claim__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 8px solid #E8F1FA;
    border-radius: 6px;
    background-color: #fff;
    width: 100%;
    padding: 2rem 0;
  }
  @media (min-width: 992px) {
    .claim__step {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      min-width: 37.8rem;
      min-height: 34.4rem;
      padding: 3rem 0 0 0;
    }
  }
  .claim__step-number {
    font-size: 5.2rem;
    font-family: "GothamNarrow-Bold", sans-serif;
    font-weight: 400;
    color: #12395B;
    margin: 0 1.8rem 0 2.4rem;
  }
  @media (min-width: 992px) {
    .claim__step-number {
      font-size: 6.4rem;
      margin: 0;
    }
  }
  .claim__step-divider {
    background-color: #FAC705;
    width: 3px;
    height: 74px;
    margin: 0 0.8rem;
  }
  @media (min-width: 992px) {
    .claim__step-divider {
      width: 74px;
      height: 3px;
      margin: 1rem 0 0.6rem;
    }
  }
  .claim__step-body {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: "GothamNarrow-Light", sans-serif;
    font-weight: 700;
    color: #12395B;
    max-width: 19.4rem;
    margin: 0 3rem 0 1.2rem;
  }
  @media (min-width: 992px) {
    .claim__step-body {
      font-size: 1.8rem;
      line-height: 2.8rem;
      text-align: center;
      margin: 1.6rem 0 0 0;
      max-width: 28rem;
      width: 100%;
    }
  }
  .claim__sup {
    font-family: "GothamNarrow", sans-serif;
  }
  .claim__button {
    width: 34.3rem;
    max-height: 4.8rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .claim__button:hover {
    background-color: #fff;
    color: #006EC8;
    background-color: #fff;
    border: 2px solid #006EC8;
  }
  
  .benefits {
    padding: 0;
  }
  .benefits__title {
    padding: 0 2rem;
    margin-bottom: 3rem;
    text-align: center;
  }
  @media (min-width: 768px) {
    .benefits__title {
      max-width: 70%;
      margin: 0 auto 4rem;
    }
  }
  @media (min-width: 992px) {
    .benefits__title {
      font-size: 3.6rem;
      line-height: 4rem;
      margin-bottom: 5rem;
    }
  }
  .benefits__title::before {
    content: "";
    display: block;
    background-color: transparent;
    width: 80px;
    height: 3px;
    margin: 0rem auto 4.6rem;
  }
  @media (min-width: 992px) {
    .benefits__title::before {
      width: 238px;
      margin: 0rem auto 6.4rem;
    }
  }
  .benefits__top {
    padding: 0 2rem;
  }
  @media (min-width: 992px) {
    .benefits__top {
      padding: 0 10rem;
    }
  }
  .benefits__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    max-width: 30rem;
    margin: auto;
  }
  @media (min-width: 992px) {
    .benefits__list {
      max-width: 73rem;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
  }
  .benefits__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 30rem;
  }
  @media (min-width: 992px) {
    .benefits__item {
      padding-bottom: 0;
    }
  }
  .benefits__icon {
    background: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 1rem;
    margin: auto;
    background-color: #E5EEF3;
    border-radius: 100%;
    padding: 1.4rem;
  }
  .benefits__icon img {
    width: 4.8rem;
    height: 4.8rem;
  }
  @media (min-width: 992px) {
    .benefits__icon img {
      width: 6.2rem;
      height: 6.2rem;
    }
  }
  .benefits__icon--sm {
    padding: 1rem;
    width: 6rem;
  }
  .benefits__icon--sm img {
    width: 5rem;
  }
  .benefits__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .benefits__headline {
    color: #424951;
    margin: 2rem 0 0.6rem;
    max-width: 20.6rem;
  }
  @media (min-width: 992px) {
    .benefits__headline {
      max-width: 100%;
    }
  }
  .benefits__text {
    color: #424951;
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-style: normal;
    font-weight: 400;
  }
  .benefits__bottom {
    padding: 4.6rem 2rem 6rem;
    margin-top: 3rem;
    background-color: #E8F1FA;
  }
  @media (min-width: 992px) {
    .benefits__bottom {
      width: 100%;
      max-width: 1280px;
      padding: 5rem 10rem;
      background-color: #fff;
      margin: 0 auto;
    }
  }
  .benefits__bottom-titleContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin: 0 auto 2.2rem auto;
    text-align: center;
  }
  @media (min-width: 992px) {
    .benefits__bottom-titleContainer {
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
    }
  }
  .benefits__bottom-title {
    color: #12395B;
    text-align: center;
  }
  @media (min-width: 768px) {
    .benefits__bottom-title {
      padding: 0 1.6rem;
    }
  }
  @media (min-width: 992px) {
    .benefits__bottom-title {
      padding: 0 1rem;
    }
  }
  .benefits__bottom-titleBar {
    display: none;
  }
  @media (min-width: 768px) {
    .benefits__bottom-titleBar {
      width: 22%;
      height: 2px;
      background-color: #DADBDC;
      vertical-align: middle;
      display: inline-block;
    }
  }
  .benefits__carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    max-width: 32.5rem;
    margin: 0 auto;
  }
  @media (min-width: 992px) {
    .benefits__carousel {
      width: 100%;
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  }
  .benefits__carousel-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3.8rem;
    margin: auto;
    max-width: 35rem;
    min-height: 27.5rem;
    background-color: #fff;
  }
  @media (min-width: 768px) {
    .benefits__carousel-card {
      max-width: none;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      padding: 3rem 2rem 0 2rem;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
  }
  .benefits__carousel-cardIcon {
    background-color: none;
    padding: 0;
    margin: 0 auto 1rem auto;
  }
  @media (min-width: 992px) {
    .benefits__carousel-cardIcon {
      background-color: #E5EEF3;
      border-radius: 100%;
      padding: 1.4rem;
      margin: 0 auto 3rem auto;
    }
  }
  .benefits__carousel-cardIcon img {
    width: 4.8rem;
    height: 4.8rem;
  }
  @media (min-width: 992px) {
    .benefits__carousel-cardIcon img {
      width: 6.2rem;
      height: 6.2rem;
    }
  }
  .benefits__carousel-cardContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    max-width: 25.8rem;
  }
  @media (min-width: 992px) {
    .benefits__carousel-cardContent {
      max-width: 32.5rem;
    }
  }
  .benefits__carousel-cardName {
    color: #424951;
  }
  .benefits__carousel-cardText {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #424951;
    margin-top: 0.8rem;
  }
  .benefits .owl-carousel .owl-stage-outer {
    padding-bottom: 2rem;
  }
  @media (min-width: 1280px) {
    .benefits .owl-carousel .owl-stage-outer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-bottom: 0;
    }
  }
  .benefits .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .benefits .owl-carousel .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .benefits .owl-carousel .owl-item img {
    width: 94%;
    z-index: 9999;
  }
  .benefits .owl-dots {
    text-align: center;
  }
  .benefits .owl-dots .owl-dot span {
    border: 1px solid #0058A0;
    background-color: #E8F1FA;
    width: 17px;
    height: 17px;
    margin: 5px 7px;
    display: block;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
  }
  .benefits .owl-dots .owl-dot.active span {
    background: #0058A0;
  }
  @media (min-width: 1280px) {
    .benefits .owl-dots .owl-dot {
      display: none;
    }
  }
  
  .goals {
    width: 100%;
    max-width: 1440px;
    background-color: #006EC8;
    min-height: 57.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin: 0 auto;
    padding: 4.6rem 0;
  }
  @media (min-width: 992px) {
    .goals {
      min-height: 45rem;
      padding: 0;
    }
  }
  .goals__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 34.2rem;
  }
  @media (min-width: 768px) {
    .goals__content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      max-width: 106.4rem;
    }
  }
  .goals__body {
    max-width: 37.5rem;
    text-align: center;
  }
  @media (min-width: 768px) {
    .goals__body {
      max-width: 40rem;
      text-align: left;
    }
  }
  @media (min-width: 992px) {
    .goals__body {
      max-width: 67.5rem;
      text-align: left;
    }
  }
  .goals__headline {
    color: #fff;
    text-align: center;
  }
  @media (min-width: 768px) {
    .goals__headline {
      text-align: left;
    }
  }
  .goals__copy {
    color: white;
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin: 3rem 0;
  }
  .goals__icon {
    margin-right: 0;
  }
  @media (min-width: 768px) {
    .goals__icon {
      margin-right: 4rem;
    }
  }
  @media (min-width: 992px) {
    .goals__icon {
      margin-right: 8rem;
    }
  }
  .goals__icon img {
    width: 17.6rem;
    height: 17.6rem;
  }
  @media (min-width: 992px) {
    .goals__icon img {
      width: 30.6rem;
      height: 30.6rem;
    }
  }
  .goals__button {
    color: #006EC8;
    max-width: 34.3rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .goals__button:hover {
    background-color: #006EC8 !important;
    border: 2px solid #fff;
    color: #fff;
  }
  
  .loans {
    padding: 6rem 0;
  }
  @media (min-width: 992px) {
    .loans {
      padding: 7rem 0;
    }
  }
  .loans__headline {
    line-height: 4.2rem;
    margin-bottom: 1rem;
  }
  .loans__inner {
    display: grid;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 2rem 0 0;
  }
  @media (min-width: 992px) {
    .loans__inner {
      gap: 40px 30px;
      grid-template-columns: repeat(3, 1fr);
      margin: 4rem auto 3rem;
      max-width: 108rem;
      padding: 0 2.4rem;
    }
  }
  .loans__card {
    border: 1px solid #E0DEDC;
  }
  .loans__card-title {
    font-family: "GothamNarrow-Bold", sans-serif;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -0.9px;
    line-height: 2.4rem; /* 133.333% */
    margin-bottom: 0.8rem;
  }
  .loans__card-body {
    margin-bottom: 1rem;
  }
  .loans__card-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "GothamNarrow-Bold", sans-serif;
    font-weight: 400;
    margin-top: 0.8rem;
    padding-left: 0;
    padding-right: 0;
  }
  
  .membership {
    padding: 0;
  }
  .membership__inner {
    display: grid;
    grid-template-columns: 2fr;
    position: relative;
  }
  @media (min-width: 992px) {
    .membership__inner {
      grid-template-columns: 1fr 1fr;
    }
  }
  .membership__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 4rem 3rem 3rem;
  }
  @media (min-width: 992px) {
    .membership__content {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      padding: 8rem;
    }
  }
  @media (min-width: 1280px) {
    .membership__content {
      padding: 10rem;
    }
  }
  .membership__cover {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  @media (min-width: 992px) {
    .membership__cover {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
  }
  .membership__img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .membership__title {
    line-height: 4.2rem;
    margin-bottom: 4rem;
  }
  .membership__subtitle {
    font-family: "GothamNarrow", sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2.8rem; /* 140% */
  }
  @media (min-width: 992px) {
    .membership__subtitle {
      font-size: 2.4rem;
    }
  }
  .membership__text {
    margin-bottom: 3rem;
  }
  @media (min-width: 992px) {
    .membership__text {
      font-size: 1.8rem;
      padding-right: 4rem;
    }
  }
  @media (min-width: 1280px) {
    .membership__text {
      padding-right: 13rem;
    }
  }
  .membership__buttons {
    padding-top: 1rem 0;
    text-align: center;
  }
  @media (min-width: 992px) {
    .membership__buttons {
      padding-top: 2rem 0 0;
    }
  }
  .membership__cta {
    border-radius: 1rem;
    font-size: 1.2rem;
    height: 6rem;
    letter-spacing: 0.24rem;
    line-height: 2.4rem;
    margin: 0 auto;
    max-width: 28rem;
  }
  @media (min-width: 992px) {
    .membership__cta {
      height: 4.4rem;
      margin: 0 auto;
      max-width: 23.4rem;
    }
  }
  
  .faq {
    padding-bottom: 2rem;
  }
  .faq__headline {
    margin-bottom: 1.5rem;
    padding: 0 5rem;
    text-align: center;
  }
  @media (min-width: 992px) {
    .faq__headline {
      margin-bottom: 3.5rem;
      padding: 0 7.4rem;
      text-align: left;
    }
  }
  .faq__accordion {
    padding: 0 3rem;
  }
  @media (min-width: 992px) {
    .faq__accordion {
      padding: 0 7.4rem;
    }
  }
  .faq__accordion-header {
    color: #12395B;
    font-size: 2rem;
    font-style: normal;
    font-weight: 350;
    line-height: 2.4rem; /* 120% */
  }
  .faq__accordion-header h3 {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: stretch;
    margin-bottom: 0;
  }
  .faq__accordion-header .accordion-header-chevron {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .faq__accordion-header.active .accordion-header-chevron {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .faq__accordion-content {
    display: none;
  }
  .faq__accordion-content > p {
    max-width: 102rem;
  }
  .faq__accordion-btn {
    background: none;
    border-top: 2px solid #E0DEDC;
    color: #12395B;
    cursor: pointer;
    display: grid;
    font-family: "GothamNarrow", sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-style: normal;
    font-weight: bold;
    gap: 44px;
    grid-template-columns: 1fr auto;
    justify-items: start;
    padding: 15px 0;
    text-align: left;
  }
  @media (min-width: 992px) {
    .faq__accordion-btn {
      gap: 10px;
    }
  }
  .faq__text, .faq__item {
    font-size: 1.4rem !important;
    line-height: 2rem;
  }
  .faq__sup {
    font-size: 60% !important;
  }
  .faq__item {
    margin-bottom: 1rem;
    max-width: 90rem;
    width: 100%;
  }
  
  .banner {
    padding: 7rem 0;
  }
  .banner__inner {
    padding: 0 3rem;
  }
  .banner__headline {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
  }
  @media (min-width: 992px) {
    .banner__headline {
      font-size: 1.6rem;
    }
  }
  .banner__content {
    font-family: "GothamNarrow-Light", sans-serif;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 325;
    line-height: 3.2rem; /* 133.333% */
    margin: 0 auto;
    max-width: 60rem;
  }
  @media (min-width: 992px) {
    .banner__content {
      font-size: 3.2rem;
      line-height: 4.2rem;
    }
  }
  
  .steps {
    padding: 6rem 0;
  }
  @media (min-width: 992px) {
    .steps {
      padding: 7rem 0;
    }
  }
  .steps__headline {
    line-height: 4.2rem;
    padding: 0 7rem;
  }
  @media (min-width: 576px) {
    .steps__headline {
      padding: 0 8rem;
    }
  }
  .steps__inner {
    margin: 0 auto;
    max-width: 87.8rem;
  }
  .steps__blocks {
    display: grid;
    margin-bottom: 2rem;
    padding: 0 2rem;
  }
  @media (min-width: 992px) {
    .steps__blocks {
      gap: 50px;
      grid-template-columns: repeat(3, 1fr);
      margin-bottom: 4rem;
    }
  }
  .steps__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
  }
  @media (min-width: 992px) {
    .steps__block {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  .steps__list {
    display: grid;
    margin-bottom: 2rem;
    padding: 0 4rem;
  }
  @media (min-width: 992px) {
    .steps__list {
      gap: 50px;
      grid-template-columns: repeat(3, 1fr);
      margin-bottom: 4rem;
      padding: 0 3rem;
    }
  }
  .steps__item {
    counter-increment: customlistcounter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
  }
  @media (min-width: 992px) {
    .steps__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  .steps__item::before {
    color: #006EC8;
    content: counter(customlistcounter) " ";
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    font-family: "GothamNarrow", sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 350;
    line-height: 1;
    margin-bottom: 2rem;
    width: 6rem;
  }
  .steps__number {
    color: #006EC8;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    font-family: "GothamNarrow", sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 350;
    line-height: 1;
    margin-bottom: 2rem;
    width: 6rem;
  }
  .steps__subtitle {
    color: #12395B;
    font-family: "GothamNarrow-Bold", sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    margin-bottom: 0.6rem;
  }
  .steps__body {
    color: #12395B;
    font-family: "GothamNarrow-Book", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 325;
    line-height: 2.4rem; /* 150% */
  }
  .steps__container {
    padding: 0 2rem;
  }
  .steps__btn {
    border-radius: 1rem;
    font-family: "GothamNarrow-Bold", sans-serif;
    font-weight: 400;
    letter-spacing: 2.8px;
    margin: 0 auto;
    max-width: 27.5rem;
    padding: 1.6rem 2.8rem;
  }
  @media (min-width: 992px) {
    .steps__btn {
      max-width: 32rem;
    }
  }
  
  .get-started {
    padding: 5rem 0;
  }
  @media (min-width: 992px) {
    .get-started {
      padding: 7rem 0;
    }
  }
  .get-started__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
    max-width: 90rem;
  }
  @media (min-width: 992px) {
    .get-started__inner {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  }
  .get-started__icon {
    margin: 0 auto 1rem;
    max-width: 6.8rem;
  }
  @media (min-width: 992px) {
    .get-started__icon {
      margin: 0 3.6rem 2rem 0;
      max-width: 9.2rem;
      padding-top: 1.8rem;
    }
  }
  @media (min-width: 992px) {
    .get-started__title-container {
      min-width: 50rem;
    }
  }
  .get-started__title {
    font-size: 2.4rem;
    margin-bottom: 0.6rem;
    padding: 0;
    text-align: center;
  }
  @media (min-width: 992px) {
    .get-started__title {
      padding: 0;
      text-align: left;
    }
  }
  .get-started__paragraph {
    color: #575757;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: 0 auto 2.4rem auto;
    max-width: 28rem;
    text-align: center;
  }
  @media (min-width: 992px) {
    .get-started__paragraph {
      margin: 0;
      max-width: 32rem;
      padding: 0;
      text-align: left;
    }
  }
  .get-started__cta {
    border-radius: 1rem;
    font-family: "GothamNarrow-Bold", sans-serif;
    font-weight: 400;
    height: 5rem;
    letter-spacing: 2.4px;
    width: 27.5rem;
  }
  @media (min-width: 992px) {
    .get-started__cta {
      height: 5.6rem;
      width: 34rem;
    }
  }
  .get-started__btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .get-started__btn {
    font-family: "GothamNarrow-Bold", sans-serif;
    font-weight: 400;
  }
  @media (min-width: 992px) {
    .get-started__btn {
      display: none;
    }
  }
  
  .footer__inner {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 1rem;
  }
  @media (min-width: 768px) {
    .footer__inner {
      padding: 0 2rem;
    }
  }
  .footer__logo {
    margin-bottom: 2rem;
  }
  .footer__menu-list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .footer__menu-item {
    color: #0b2237;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 325;
    line-height: 2rem; /* 142.857% */
    margin-right: 2rem;
    text-decoration-line: underline;
  }
  @media (min-width: 768px) {
    .footer__menu-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
    }
  }
  .footer__menu-item:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin-top: 0.8rem;
  }
  @media (min-width: 768px) {
    .footer__menu-item:last-child {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-top: 0;
    }
  }
  .footer__copy {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 325;
    line-height: 2rem; /* 142.857% */
    margin: 1rem 0;
    width: 100%;
  }
  .footer .disclosures {
    padding: 0 2rem;
  }
  @media (min-width: 992px) {
    .footer .disclosures {
      padding: 0 10rem 0 5.6rem;
    }
  }
  .footer .disclosures__list {
    list-style-type: decimal;
    font-size: 1.2rem;
  }
  .footer .disclosures__list li {
    margin-bottom: 1rem;
  }
  .footer .disclosures__text {
    color: #575757;
    font-size: 1.2rem;
    line-height: 2rem;
    font-style: normal;
    font-weight: 325;
    margin-bottom: 1rem;
  }
  .footer .disclosures__text-link {
    color: #006EC8;
    text-decoration: underline;
  }
  .footer__legal {
    padding: 0 2rem;
    margin: 2rem 0 4rem;
  }
  @media (min-width: 992px) {
    .footer__legal {
      padding: 0 5rem;
    }
  }
  .footer__legal-logo {
    margin: 2.4rem 0 2.8rem;
    max-width: 3.6rem;
    margin: 2.4rem 0 1.8rem;
  }
  .footer__legal-text {
    font-size: 1.2rem;
    line-height: 2rem;
    margin: 1.4rem 0 2rem;
    color: #575757;
  }
  
  /* Overlay */
  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 999; /* Ensures it appears behind the modal but above other content */
  }
  
  /* Modal */
  .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    background: white;
    padding: 20px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    z-index: 1000; /* Above the overlay */
    text-align: center;
    max-width: 34rem;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
  }
  @media (min-width: 768px) {
    .modal {
      max-width: 62rem;
    }
  }
  @media (min-width: 992px) {
    .modal {
      max-width: 76.8rem;
    }
  }
  .modal__header {
    background-color: #F1F1F1;
    width: 100%;
    min-height: 4.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 0 1.8rem;
  }
  .modal__header-title {
    font-family: "GothamNarrow-Bold", sans-serif;
    font-size: 1.4rem;
    line-height: 2.7rem;
    font-style: normal;
    font-weight: 300;
    color: #12395B;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  @media (min-width: 768px) {
    .modal__header-title {
      font-size: 1.6rem;
      margin-left: 1.8rem;
    }
  }
  .modal__header-close {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 2.7rem;
  }
  .modal__header-close-icon {
    height: 2.7rem;
    width: 2.7rem;
  }
  .modal.open {
    display: block;
  }
  .modal__subheader {
    font-family: "GothamNarrow-Light", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #12395B;
    margin: 1.8rem 0;
    text-align: center;
  }
  @media (min-width: 992px) {
    .modal__subheader {
      font-size: 1.6rem;
      margin: 1.8rem 0;
    }
  }
  .modal__table {
    max-width: 70rem;
    margin: 0 auto 2rem auto;
    width: 100%;
  }
  .modal__table-header {
    min-height: 4.8rem;
    background-color: #121E2F;
    padding: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  @media (min-width: 768px) {
    .modal__table-header {
      padding: 0 5rem 0 4rem;
    }
  }
  .modal__table-header-balance, .modal__table-header-apy {
    font-family: "GothamNarrow-Bold", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #fff;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  @media (min-width: 768px) {
    .modal__table-header-balance, .modal__table-header-apy {
      font-size: 1.6rem;
    }
  }
  .modal__table-header-balance {
    text-align: left;
  }
  .modal__table-header-apy {
    text-align: right;
  }
  .modal__table-content {
    border: 1px solid #D5D6C8;
  }
  .modal__table-row {
    border-top: 1px solid #D5D6C8;
    min-height: 4.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 0 2rem;
  }
  @media (min-width: 768px) {
    .modal__table-row {
      padding: 0 5rem 0 4rem;
    }
  }
  .modal__table-row-value, .modal__table-row-apy, .modal__table-row-apy .rate-fix {
    font-family: "GothamNarrow-Light", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #12395B;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  @media (min-width: 768px) {
    .modal__table-row-value, .modal__table-row-apy, .modal__table-row-apy .rate-fix {
      font-size: 1.6rem;
    }
  }
  .modal__table-row-value {
    text-align: left;
  }
  .modal__table-row-apy {
    text-align: right;
  }
  .modal .lightblue-bg {
    background-color: #EAF2F9;
  }
  .modal__date, .modal__disclaimer {
    display: block;
    font-family: "GothamNarrow-Light", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #12395B;
    text-align: center;
    margin: 0 auto;
  }
  @media (min-width: 992px) {
    .modal__date, .modal__disclaimer {
      font-size: 1.6rem;
    }
  }
  .modal__disclaimer {
    margin-bottom: 3.8rem;
  }
  
  /* Hidden Elements */
  #overlay[hidden],
  #modal[hidden] {
    display: none;
  }
  
  .text-white {
    color: #fff !important;
  }
  
  .bg-white {
    background-color: #fff !important;
  }
  
  .border-color-white {
    border-color: #fff !important;
  }
  
  .fill-white {
    fill: #fff !important;
  }
  
  .button--white {
    background-color: #fff;
    border-color: #fff;
  }
  .button--white:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
  }
  .button--white:focus::before {
    border-color: #fff;
  }
  .button--white.button--hov-lighten:hover {
    background-color: white;
    border-color: white;
  }
  .button--white.button--outline {
    background-color: transparent;
    color: #fff;
  }
  .button--white.button--outline:hover {
    border-color: #fff;
    background-color: #fff;
    color: #fff !important;
  }
  .button--white.button--outline-reverse {
    background-color: #fff;
    color: #fff;
  }
  .button--white.button--outline-reverse:hover {
    background-color: transparent;
    color: #fff;
  }
  .button--with-icon-white .ui-icon path {
    fill: #fff;
  }
  
  .text-black {
    color: #000 !important;
  }
  
  .bg-black {
    background-color: #000 !important;
  }
  
  .border-color-black {
    border-color: #000 !important;
  }
  
  .fill-black {
    fill: #000 !important;
  }
  
  .button--black {
    background-color: #000;
    border-color: #000;
  }
  .button--black:hover {
    background-color: black;
    border-color: black;
  }
  .button--black:focus::before {
    border-color: #000;
  }
  .button--black.button--hov-lighten:hover {
    background-color: #333333;
    border-color: #333333;
  }
  .button--black.button--outline {
    background-color: transparent;
    color: #000;
  }
  .button--black.button--outline:hover {
    border-color: #000;
    background-color: #000;
    color: #fff !important;
  }
  .button--black.button--outline-reverse {
    background-color: #000;
    color: #fff;
  }
  .button--black.button--outline-reverse:hover {
    background-color: transparent;
    color: #000;
  }
  .button--with-icon-black .ui-icon path {
    fill: #000;
  }
  
  .text-blue {
    color: #12395B !important;
  }
  
  .bg-blue {
    background-color: #12395B !important;
  }
  
  .border-color-blue {
    border-color: #12395B !important;
  }
  
  .fill-blue {
    fill: #12395B !important;
  }
  
  .button--blue {
    background-color: #12395B;
    border-color: #12395B;
  }
  .button--blue:hover {
    background-color: #0a1e30;
    border-color: #0a1e30;
  }
  .button--blue:focus::before {
    border-color: #12395B;
  }
  .button--blue.button--hov-lighten:hover {
    background-color: #1f639e;
    border-color: #1f639e;
  }
  .button--blue.button--outline {
    background-color: transparent;
    color: #12395B;
  }
  .button--blue.button--outline:hover {
    border-color: #12395B;
    background-color: #12395B;
    color: #fff !important;
  }
  .button--blue.button--outline-reverse {
    background-color: #12395B;
    color: #fff;
  }
  .button--blue.button--outline-reverse:hover {
    background-color: transparent;
    color: #12395B;
  }
  .button--with-icon-blue .ui-icon path {
    fill: #12395B;
  }
  
  .text-light-blue {
    color: #006EC8 !important;
  }
  
  .bg-light-blue {
    background-color: #006EC8 !important;
  }
  
  .border-color-light-blue {
    border-color: #006EC8 !important;
  }
  
  .fill-light-blue {
    fill: #006EC8 !important;
  }
  
  .button--light-blue {
    background-color: #006EC8;
    border-color: #006EC8;
  }
  .button--light-blue:hover {
    background-color: #005295;
    border-color: #005295;
  }
  .button--light-blue:focus::before {
    border-color: #006EC8;
  }
  .button--light-blue.button--hov-lighten:hover {
    background-color: #078fff;
    border-color: #078fff;
  }
  .button--light-blue.button--outline {
    background-color: transparent;
    color: #006EC8;
  }
  .button--light-blue.button--outline:hover {
    border-color: #006EC8;
    background-color: #006EC8;
    color: #fff !important;
  }
  .button--light-blue.button--outline-reverse {
    background-color: #006EC8;
    color: #fff;
  }
  .button--light-blue.button--outline-reverse:hover {
    background-color: transparent;
    color: #006EC8;
  }
  .button--with-icon-light-blue .ui-icon path {
    fill: #006EC8;
  }
  
  .text-yellow {
    color: #FAC705 !important;
  }
  
  .bg-yellow {
    background-color: #FAC705 !important;
  }
  
  .border-color-yellow {
    border-color: #FAC705 !important;
  }
  
  .fill-yellow {
    fill: #FAC705 !important;
  }
  
  .button--yellow {
    background-color: #FAC705;
    border-color: #FAC705;
  }
  .button--yellow:hover {
    background-color: #c89f04;
    border-color: #c89f04;
  }
  .button--yellow:focus::before {
    border-color: #FAC705;
  }
  .button--yellow.button--hov-lighten:hover {
    background-color: #fbd237;
    border-color: #fbd237;
  }
  .button--yellow.button--outline {
    background-color: transparent;
    color: #FAC705;
  }
  .button--yellow.button--outline:hover {
    border-color: #FAC705;
    background-color: #FAC705;
    color: #fff !important;
  }
  .button--yellow.button--outline-reverse {
    background-color: #FAC705;
    color: #fff;
  }
  .button--yellow.button--outline-reverse:hover {
    background-color: transparent;
    color: #FAC705;
  }
  .button--with-icon-yellow .ui-icon path {
    fill: #FAC705;
  }
  
  .text-lightest-background {
    color: #F6F6F6 !important;
  }
  
  .bg-lightest-background {
    background-color: #F6F6F6 !important;
  }
  
  .border-color-lightest-background {
    border-color: #F6F6F6 !important;
  }
  
  .fill-lightest-background {
    fill: #F6F6F6 !important;
  }
  
  .button--lightest-background {
    background-color: #F6F6F6;
    border-color: #F6F6F6;
  }
  .button--lightest-background:hover {
    background-color: #dddddd;
    border-color: #dddddd;
  }
  .button--lightest-background:focus::before {
    border-color: #F6F6F6;
  }
  .button--lightest-background.button--hov-lighten:hover {
    background-color: #f8f8f8;
    border-color: #f8f8f8;
  }
  .button--lightest-background.button--outline {
    background-color: transparent;
    color: #F6F6F6;
  }
  .button--lightest-background.button--outline:hover {
    border-color: #F6F6F6;
    background-color: #F6F6F6;
    color: #fff !important;
  }
  .button--lightest-background.button--outline-reverse {
    background-color: #F6F6F6;
    color: #fff;
  }
  .button--lightest-background.button--outline-reverse:hover {
    background-color: transparent;
    color: #F6F6F6;
  }
  .button--with-icon-lightest-background .ui-icon path {
    fill: #F6F6F6;
  }
  
  .text-light-background {
    color: #E5EEF3 !important;
  }
  
  .bg-light-background {
    background-color: #E5EEF3 !important;
  }
  
  .border-color-light-background {
    border-color: #E5EEF3 !important;
  }
  
  .fill-light-background {
    fill: #E5EEF3 !important;
  }
  
  .button--light-background {
    background-color: #E5EEF3;
    border-color: #E5EEF3;
  }
  .button--light-background:hover {
    background-color: #c2d7e3;
    border-color: #c2d7e3;
  }
  .button--light-background:focus::before {
    border-color: #E5EEF3;
  }
  .button--light-background.button--hov-lighten:hover {
    background-color: #eaf1f5;
    border-color: #eaf1f5;
  }
  .button--light-background.button--outline {
    background-color: transparent;
    color: #E5EEF3;
  }
  .button--light-background.button--outline:hover {
    border-color: #E5EEF3;
    background-color: #E5EEF3;
    color: #fff !important;
  }
  .button--light-background.button--outline-reverse {
    background-color: #E5EEF3;
    color: #fff;
  }
  .button--light-background.button--outline-reverse:hover {
    background-color: transparent;
    color: #E5EEF3;
  }
  .button--with-icon-light-background .ui-icon path {
    fill: #E5EEF3;
  }
  
  .text-mid-background {
    color: #E6F1FA !important;
  }
  
  .bg-mid-background {
    background-color: #E6F1FA !important;
  }
  
  .border-color-mid-background {
    border-color: #E6F1FA !important;
  }
  
  .fill-mid-background {
    fill: #E6F1FA !important;
  }
  
  .button--mid-background {
    background-color: #E6F1FA;
    border-color: #E6F1FA;
  }
  .button--mid-background:hover {
    background-color: #bcd9f2;
    border-color: #bcd9f2;
  }
  .button--mid-background:focus::before {
    border-color: #E6F1FA;
  }
  .button--mid-background.button--hov-lighten:hover {
    background-color: #ebf4fb;
    border-color: #ebf4fb;
  }
  .button--mid-background.button--outline {
    background-color: transparent;
    color: #E6F1FA;
  }
  .button--mid-background.button--outline:hover {
    border-color: #E6F1FA;
    background-color: #E6F1FA;
    color: #fff !important;
  }
  .button--mid-background.button--outline-reverse {
    background-color: #E6F1FA;
    color: #fff;
  }
  .button--mid-background.button--outline-reverse:hover {
    background-color: transparent;
    color: #E6F1FA;
  }
  .button--with-icon-mid-background .ui-icon path {
    fill: #E6F1FA;
  }
  
  .text-dark-grey {
    color: #575757 !important;
  }
  
  .bg-dark-grey {
    background-color: #575757 !important;
  }
  
  .border-color-dark-grey {
    border-color: #575757 !important;
  }
  
  .fill-dark-grey {
    fill: #575757 !important;
  }
  
  .button--dark-grey {
    background-color: #575757;
    border-color: #575757;
  }
  .button--dark-grey:hover {
    background-color: #3e3e3e;
    border-color: #3e3e3e;
  }
  .button--dark-grey:focus::before {
    border-color: #575757;
  }
  .button--dark-grey.button--hov-lighten:hover {
    background-color: #797979;
    border-color: #797979;
  }
  .button--dark-grey.button--outline {
    background-color: transparent;
    color: #575757;
  }
  .button--dark-grey.button--outline:hover {
    border-color: #575757;
    background-color: #575757;
    color: #fff !important;
  }
  .button--dark-grey.button--outline-reverse {
    background-color: #575757;
    color: #fff;
  }
  .button--dark-grey.button--outline-reverse:hover {
    background-color: transparent;
    color: #575757;
  }
  .button--with-icon-dark-grey .ui-icon path {
    fill: #575757;
  }
  .disclosures__text strong {
    font-family: "GothamNarrow-Bold";
}
.font-bold .text-nowrap,
.font-bold .text-nowrap sup {
  font-family: "GothamNarrow-Bold", sans-serif;
  font-weight: 400 !important;
}
  /*
  This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
  It will generate several classes such as:
  .m-r-10 which gives margin-right 10 pixels.
  .m-r-15 gives MARGIN to the RIGHT 15 pixels.
  .m-t-15 gives MARGIN to the TOP 15 pixels and so on.
  .p-b-5 gives PADDING to the BOTTOM of 5 pixels
  .p-l-40 gives PADDING to the LEFT of 40 pixels
  The first letter is "m" or "p" for MARGIN or PADDING
  Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
  Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.
  */
  .m-t-5 {
    margin-top: 5px !important;
  }
  
  .p-t-5 {
    padding-top: 5px !important;
  }
  
  .m-b-5 {
    margin-bottom: 5px !important;
  }
  
  .p-b-5 {
    padding-bottom: 5px !important;
  }
  
  .m-l-5 {
    margin-left: 5px !important;
  }
  
  .p-l-5 {
    padding-left: 5px !important;
  }
  
  .m-r-5 {
    margin-right: 5px !important;
  }
  
  .p-r-5 {
    padding-right: 5px !important;
  }
  
  .m-t-10 {
    margin-top: 10px !important;
  }
  
  .p-t-10 {
    padding-top: 10px !important;
  }
  
  .m-b-10 {
    margin-bottom: 10px !important;
  }
  
  .p-b-10 {
    padding-bottom: 10px !important;
  }
  
  .m-l-10 {
    margin-left: 10px !important;
  }
  
  .p-l-10 {
    padding-left: 10px !important;
  }
  
  .m-r-10 {
    margin-right: 10px !important;
  }
  
  .p-r-10 {
    padding-right: 10px !important;
  }
  
  .m-t-15 {
    margin-top: 15px !important;
  }
  
  .p-t-15 {
    padding-top: 15px !important;
  }
  
  .m-b-15 {
    margin-bottom: 15px !important;
  }
  
  .p-b-15 {
    padding-bottom: 15px !important;
  }
  
  .m-l-15 {
    margin-left: 15px !important;
  }
  
  .p-l-15 {
    padding-left: 15px !important;
  }
  
  .m-r-15 {
    margin-right: 15px !important;
  }
  
  .p-r-15 {
    padding-right: 15px !important;
  }
  
  .m-t-20 {
    margin-top: 20px !important;
  }
  
  .p-t-20 {
    padding-top: 20px !important;
  }
  
  .m-b-20 {
    margin-bottom: 20px !important;
  }
  
  .p-b-20 {
    padding-bottom: 20px !important;
  }
  
  .m-l-20 {
    margin-left: 20px !important;
  }
  
  .p-l-20 {
    padding-left: 20px !important;
  }
  
  .m-r-20 {
    margin-right: 20px !important;
  }
  
  .p-r-20 {
    padding-right: 20px !important;
  }
  
  .m-t-25 {
    margin-top: 25px !important;
  }
  
  .p-t-25 {
    padding-top: 25px !important;
  }
  
  .m-b-25 {
    margin-bottom: 25px !important;
  }
  
  .p-b-25 {
    padding-bottom: 25px !important;
  }
  
  .m-l-25 {
    margin-left: 25px !important;
  }
  
  .p-l-25 {
    padding-left: 25px !important;
  }
  
  .m-r-25 {
    margin-right: 25px !important;
  }
  
  .p-r-25 {
    padding-right: 25px !important;
  }
  
  .m-t-30 {
    margin-top: 30px !important;
  }
  
  .p-t-30 {
    padding-top: 30px !important;
  }
  
  .m-b-30 {
    margin-bottom: 30px !important;
  }
  
  .p-b-30 {
    padding-bottom: 30px !important;
  }
  
  .m-l-30 {
    margin-left: 30px !important;
  }
  
  .p-l-30 {
    padding-left: 30px !important;
  }
  
  .m-r-30 {
    margin-right: 30px !important;
  }
  
  .p-r-30 {
    padding-right: 30px !important;
  }
  
  .m-t-35 {
    margin-top: 35px !important;
  }
  
  .p-t-35 {
    padding-top: 35px !important;
  }
  
  .m-b-35 {
    margin-bottom: 35px !important;
  }
  
  .p-b-35 {
    padding-bottom: 35px !important;
  }
  
  .m-l-35 {
    margin-left: 35px !important;
  }
  
  .p-l-35 {
    padding-left: 35px !important;
  }
  
  .m-r-35 {
    margin-right: 35px !important;
  }
  
  .p-r-35 {
    padding-right: 35px !important;
  }
  
  .m-t-40 {
    margin-top: 40px !important;
  }
  
  .p-t-40 {
    padding-top: 40px !important;
  }
  
  .m-b-40 {
    margin-bottom: 40px !important;
  }
  
  .p-b-40 {
    padding-bottom: 40px !important;
  }
  
  .m-l-40 {
    margin-left: 40px !important;
  }
  
  .p-l-40 {
    padding-left: 40px !important;
  }
  
  .m-r-40 {
    margin-right: 40px !important;
  }
  
  .p-r-40 {
    padding-right: 40px !important;
  }
  
  .m-t-45 {
    margin-top: 45px !important;
  }
  
  .p-t-45 {
    padding-top: 45px !important;
  }
  
  .m-b-45 {
    margin-bottom: 45px !important;
  }
  
  .p-b-45 {
    padding-bottom: 45px !important;
  }
  
  .m-l-45 {
    margin-left: 45px !important;
  }
  
  .p-l-45 {
    padding-left: 45px !important;
  }
  
  .m-r-45 {
    margin-right: 45px !important;
  }
  
  .p-r-45 {
    padding-right: 45px !important;
  }
  
  .m-t-50 {
    margin-top: 50px !important;
  }
  
  .p-t-50 {
    padding-top: 50px !important;
  }
  
  .m-b-50 {
    margin-bottom: 50px !important;
  }
  
  .p-b-50 {
    padding-bottom: 50px !important;
  }
  
  .m-l-50 {
    margin-left: 50px !important;
  }
  
  .p-l-50 {
    padding-left: 50px !important;
  }
  
  .m-r-50 {
    margin-right: 50px !important;
  }
  
  .p-r-50 {
    padding-right: 50px !important;
  }
  
  .m-t-75 {
    margin-top: 75px !important;
  }
  
  .p-t-75 {
    padding-top: 75px !important;
  }
  
  .m-b-75 {
    margin-bottom: 75px !important;
  }
  
  .p-b-75 {
    padding-bottom: 75px !important;
  }
  
  .m-l-75 {
    margin-left: 75px !important;
  }
  
  .p-l-75 {
    padding-left: 75px !important;
  }
  
  .m-r-75 {
    margin-right: 75px !important;
  }
  
  .p-r-75 {
    padding-right: 75px !important;
  }
  
  .m-t-100 {
    margin-top: 100px !important;
  }
  
  .p-t-100 {
    padding-top: 100px !important;
  }
  
  .m-b-100 {
    margin-bottom: 100px !important;
  }
  
  .p-b-100 {
    padding-bottom: 100px !important;
  }
  
  .m-l-100 {
    margin-left: 100px !important;
  }
  
  .p-l-100 {
    padding-left: 100px !important;
  }
  
  .m-r-100 {
    margin-right: 100px !important;
  }
  
  .p-r-100 {
    padding-right: 100px !important;
  }

  .sub-header {
    background-color:#0B2237;
    color:white;
    font-weight:325;
    font-family: "Gotham Narrow", sans-serif;
    font-size:13px;
    line-height:16px;
    padding:7px 0px 7px 20px;
    margin-bottom: 0;
  }
  .sub-header-container {
    max-width:1300px;
    margin:auto;
  }
  .sub-header .mobile-spacer {
    color:white;
  }
  .sub-header img {
    display:inline;
    position: relative;
    top:3px;
    margin-left:5px;
    margin-right:5px;
  }

  .hero__copy {
    font-size:18px;
    line-height:20px;
    color:#575757;
    margin-bottom:20px;
    margin-top:-10px;
    max-width:521px;
  }

  #applyFor {
    margin:20px auto 0px;
  }
  @media (min-width: 1280px) {
    .sub-header {
      padding-left:5px;
    }
  }
  .mobile-only {
    display: block;
  }
  @media (min-width: 992px) {
    .mobile-only {
      display: none;
    }
  }
  
  .desktop-only {
    display: none;
  }
  @media (min-width: 992px) {
    .desktop-only {
      display: inline-block;
    }
  }
  .sub-header .mobile-spacer {
    color:white;
  }
@media (max-width:650px) {
  .sub-header .mobile-spacer {
    position: relative;
    display: block;
    top:-12px;
    left:50px;
    color:white;
    width:80%;
  }
  .sub-header img {
      top:10px; 
      left:-4px;
  }
  .sub-header {
    padding-bottom:0px;
  }
  .interested__in .rates__title {
    text-align: center;
    margin:0px auto 10px;
    width:80%;
  }
  .interested__in .rates__body {
    text-align: center;
  }

  }
  .sub-header-fdic .bk-fdic-banner span {
    background-color: #0b2237;
    color: #fff;
    font-size: 12.8px;
    line-height: 16px;
    font-weight: 400;
    font-family: sans-serif;
}
.sub-header-fdic .bk-fdic-banner__content {
  max-width: 1340px;
}