CINXE.COM

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <script type="text/javascript"> ;window.NREUM||(NREUM={});NREUM.init={distributed_tracing:{enabled:true},privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]}}; ;NREUM.loader_config={accountID:"1725332",trustKey:"78034",agentID:"1815985012",licenseKey:"NRBR-b3e38650ca84c1eb454",applicationID:"1790023492"}; ;NREUM.info={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",licenseKey:"NRBR-b3e38650ca84c1eb454",applicationID:"1790023492",sa:1}; ;/*! For license information please see nr-loader-spa-1.260.0.min.js.LICENSE.txt */ (()=>{var e,t,r={234:(e,t,r)=>{"use strict";r.d(t,{P_:()=>m,Mt:()=>b,C5:()=>s,DL:()=>w,OP:()=>O,lF:()=>D,Yu:()=>_,Dg:()=>v,CX:()=>c,GE:()=>E,sU:()=>I});var n=r(8632),i=r(9567);const o={beacon:n.ce.beacon,errorBeacon:n.ce.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function c(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.D)(t,o);const r=(0,n.ek)(e);r&&(r.info=a[e])}const u=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var d=r(7056),l=r(50);const f="[data-nr-mask]",h=()=>{const e={mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{feature_flags:[],proxy:{assets:void 0,beacon:void 0},privacy:{cookies_enabled:!0},ajax:{deny_list:void 0,block_internal:!0,enabled:!0,harvestTimeSeconds:10,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},session:{expiresMs:d.oD,inactiveMs:d.Hb},ssl:void 0,obfuscate:void 0,jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},metrics:{enabled:!0,autoStart:!0},page_action:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,long_task:!1,autoStart:!0},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},harvest:{tooManyRequestsDelay:60},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,inline_stylesheet:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){u(t)?e.mask_selector="".concat(t,",").concat(f):""===t||null===t?e.mask_selector=f:(0,l.Z)("An invalid session_replay.mask_selector was provided. '*' will be used.",t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){u(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.Z)("An invalid session_replay.block_selector was provided and will not be used",t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.Z)("An invalid session_replay.mask_input_option was provided and will not be used",t)}},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},soft_navigations:{enabled:!0,harvestTimeSeconds:10,autoStart:!0}}},p={},g="All configuration objects require an agent identifier!";function m(e){if(!e)throw new Error(g);if(!p[e])throw new Error("Configuration for ".concat(e," was never set"));return p[e]}function v(e,t){if(!e)throw new Error(g);p[e]=(0,i.D)(t,h());const r=(0,n.ek)(e);r&&(r.init=p[e])}function b(e,t){if(!e)throw new Error(g);var r=m(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}const y={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},A={};function w(e){if(!e)throw new Error("All loader-config objects require an agent identifier!");if(!A[e])throw new Error("LoaderConfig for ".concat(e," was never set"));return A[e]}function E(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");A[e]=(0,i.D)(t,y);const r=(0,n.ek)(e);r&&(r.loader_config=A[e])}const _=(0,n.mF)().o;var x=r(385),R=r(6818);const S={buildEnv:R.Re,distMethod:R.gF,version:R.q4,originTime:x.sK},T={customTransaction:void 0,disabled:!1,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,onerror:void 0,origin:""+x._A.location,ptid:void 0,releaseIds:{},appMetadata:{},session:void 0,denyList:void 0,harvestCount:0,timeKeeper:void 0},N={};function O(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!N[e])throw new Error("Runtime for ".concat(e," was never set"));return N[e]}function I(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");N[e]={...(0,i.D)(t,T),...S};const r=(0,n.ek)(e);r&&(r.runtime=N[e])}function D(e){return function(e){try{const t=s(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}(e)}},9567:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(50);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.Z)("Setting a Configurable requires an object as input");if(!t||"object"!=typeof t)return(0,n.Z)("Setting a Configurable requires a model to set its initial properties");const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.Z)("An error occurred while setting a property of a Configurable",e)}return r}catch(e){(0,n.Z)("An error occured while setting a Configurable",e)}}},6818:(e,t,r)=>{"use strict";r.d(t,{Re:()=>i,gF:()=>o,lF:()=>a,q4:()=>n});const n="1.260.0",i="PROD",o="CDN",a="2.0.0-alpha.12"},385:(e,t,r)=>{"use strict";r.d(t,{FN:()=>c,IF:()=>l,LW:()=>a,Nk:()=>h,Tt:()=>u,_A:()=>o,iS:()=>s,il:()=>n,sK:()=>p,ux:()=>d,v6:()=>i,w1:()=>f});const n="undefined"!=typeof window&&!!window.document,i="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=n?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a="complete"===o?.document?.readyState,s=Boolean("hidden"===o?.document?.visibilityState),c=""+o?.location,u=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),d=u&&"undefined"==typeof SharedWorker,l=(()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Boolean(n&&window.document.documentMode),h=!!o.navigator?.sendBeacon,p=Math.floor(Date.now()-performance.now())},1117:(e,t,r)=>{"use strict";r.d(t,{w:()=>o});var n=r(50);const i={agentIdentifier:"",ee:void 0};class o{constructor(e){try{if("object"!=typeof e)return(0,n.Z)("shared context requires an object as input");this.sharedContext={},Object.assign(this.sharedContext,i),Object.entries(e).forEach((e=>{let[t,r]=e;Object.keys(i).includes(t)&&(this.sharedContext[t]=r)}))}catch(e){(0,n.Z)("An error occurred while setting SharedContext",e)}}}},1199:(e,t,r)=>{"use strict";r.d(t,{R2:()=>a,zR:()=>i,zh:()=>o});var n=[];function i(e){if(o(e))return!1;if(0===n.length)return!0;for(var t=0;t<n.length;t++){var r=n[t];if("*"===r.hostname)return!1;if(s(r.hostname,e.hostname)&&c(r.pathname,e.pathname))return!1}return!0}function o(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let o,a;i>0?(o=r.substring(0,i),a=r.substring(i)):(o=r,a="");let[s]=o.split(":");n.push({hostname:s,pathname:a})}}function s(e,t){return!(e.length>t.length)&&t.indexOf(e)===t.length-e.length}function c(e,t){return 0===e.indexOf("/")&&(e=e.substring(1)),0===t.indexOf("/")&&(t=t.substring(1)),""===e||e===t}},8e3:(e,t,r)=>{"use strict";r.d(t,{LP:()=>l,RP:()=>c,o5:()=>u});var n=r(8325),i=r(1284),o=r(4322),a=r(3325);const s={};function c(e,t){const r={staged:!1,priority:a.p[t]||0};d(e),s[e].get(t)||s[e].set(t,r)}function u(e,t){d(e),s[e].get(t)&&s[e].delete(t),s[e].size&&f(e)}function d(e){if(!e)throw new Error("agentIdentifier required");s[e]||(s[e]=new Map)}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"feature",r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(d(e),!e||!s[e].get(t)||r)return h(e,t);s[e].get(t).staged=!0,f(e)}function f(e){const t=Array.from(s[e]);t.every((e=>{let[t,r]=e;return r.staged}))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((t=>{let[r]=t;s[e].delete(r),h(e,r)})))}function h(e,t){const r=e?n.ee.get(e):n.ee,a=o.X.handlers;if(r.backlog&&a){var s=r.backlog[t],c=a[t];if(c){for(var u=0;s&&u<s.length;++u)p(s[u],c);(0,i.D)(c,(function(e,t){(0,i.D)(t,(function(t,r){r[0].on(e,r[1])}))}))}r.isolatedBacklog||delete a[t],r.backlog[t]=null,r.emit("drain-"+t,[])}}function p(e,t){var r=e[1];(0,i.D)(t[r],(function(t,r){var n=e[0];if(r[0]===n){var i=r[1],o=e[3],a=e[2];i.apply(o,a)}}))}},8325:(e,t,r)=>{"use strict";r.d(t,{A:()=>c,ee:()=>u});var n=r(8632),i=r(2210),o=r(234);class a{constructor(e){this.contextId=e}}var s=r(3117);const c="nr@context:".concat(s.a),u=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&(0,o.OP)(r).isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(u.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=h(n),c=g(e),d=c.length,l=0;l<d;l++)c[l].apply(a,r);var p=v()[s[e]];p&&p.push([f,e,r,a]);return a},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach((e=>{let[n,i]=e;s[i]=t,t in r||(r[t]=[])}))},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach((e=>{delete f.backlog[e]}))},isBuffering:function(e){return!!v()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof a?e:e?(0,i.X)(e,c,(()=>new a(c))):new a(c)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.fP)();d.ee||(d.ee=u)},5546:(e,t,r)=>{"use strict";r.d(t,{E:()=>n,p:()=>i});var n=r(8325).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},4322:(e,t,r)=>{"use strict";r.d(t,{X:()=>o});var n=r(5546);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.E,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.E);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},3239:(e,t,r)=>{"use strict";r.d(t,{bP:()=>s,iz:()=>c,m$:()=>a});var n=r(385);let i=!1,o=!1;try{const e={get passive(){return i=!0,!1},get signal(){return o=!0,!1}};n._A.addEventListener("test",null,e),n._A.removeEventListener("test",null,e)}catch(e){}function a(e,t){return i||o?{capture:!!e,passive:i,signal:t}:!!e}function s(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;window.addEventListener(e,t,a(r,n))}function c(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;document.addEventListener(e,t,a(r,n))}},3117:(e,t,r)=>{"use strict";r.d(t,{a:()=>n});const n=(0,r(4402).Rl)()},4402:(e,t,r)=>{"use strict";r.d(t,{Ht:()=>u,M:()=>c,Rl:()=>a,ky:()=>s});var n=r(385);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n._A?.crypto||n._A?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n._A?.crypto||n._A?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}function c(){return s(16)}function u(){return s(32)}},7056:(e,t,r)=>{"use strict";r.d(t,{Bq:()=>n,Hb:()=>a,IK:()=>u,K4:()=>i,oD:()=>o,uT:()=>c,wO:()=>s});const n="NRBA",i="SESSION",o=144e5,a=18e5,s={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},u={OFF:0,FULL:1,ERROR:2}},7894:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{z:()=>n})},7243:(e,t,r)=>{"use strict";r.d(t,{e:()=>i});var n=r(385);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n._A?.location?.protocol&&t.host===n._A?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},50:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.warn&&(console.warn("New Relic: ".concat(e)),t&&console.warn(t))}r.d(t,{Z:()=>n})},2825:(e,t,r)=>{"use strict";r.d(t,{N:()=>c,T:()=>s});var n=r(8325),i=r(385);const o="newrelic";const a=new Set,s={};function c(e,t){const r=n.ee.get(t);s[t]??={},e&&"object"==typeof e&&(a.has(t)||(r.emit("rumresp",[e]),s[t]=e,a.add(t),function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{i._A.dispatchEvent(new CustomEvent(o,{detail:e}))}catch(e){}}({loaded:!0})))}},2210:(e,t,r)=>{"use strict";r.d(t,{X:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},7872:(e,t,r)=>{"use strict";function n(e){var t=this;let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const i=n?.leading||!1;let o;return function(){for(var n=arguments.length,a=new Array(n),s=0;s<n;s++)a[s]=arguments[s];i&&void 0===o&&(e.apply(t,a),o=setTimeout((()=>{o=clearTimeout(o)}),r)),i||(clearTimeout(o),o=setTimeout((()=>{e.apply(t,a)}),r))}}function i(e){var t=this;let r=!1;return function(){if(!r){r=!0;for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];e.apply(t,i)}}}r.d(t,{D:()=>n,Z:()=>i})},1284:(e,t,r)=>{"use strict";r.d(t,{D:()=>n});const n=(e,t)=>Object.entries(e||{}).map((e=>{let[r,n]=e;return t(r,n)}))},4351:(e,t,r)=>{"use strict";r.d(t,{P:()=>o});var n=r(8325);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function o(e){try{return JSON.stringify(e,i())}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}}}},3960:(e,t,r)=>{"use strict";r.d(t,{KB:()=>a,b2:()=>o});var n=r(3239);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.bP)("load",e,t)}function a(e){if(i())return e();(0,n.iz)("DOMContentLoaded",e)}},8632:(e,t,r)=>{"use strict";r.d(t,{EZ:()=>d,ce:()=>o,ek:()=>u,fP:()=>a,gG:()=>l,h5:()=>c,mF:()=>s});var n=r(385),i=r(7894);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return n._A.NREUM||(n._A.NREUM={}),void 0===n._A.newrelic&&(n._A.newrelic=n._A.NREUM),n._A.NREUM}function s(){let e=a();return e.o||(e.o={ST:n._A.setTimeout,SI:n._A.setImmediate,CT:n._A.clearTimeout,XHR:n._A.XMLHttpRequest,REQ:n._A.Request,EV:n._A.Event,PR:n._A.Promise,MO:n._A.MutationObserver,FETCH:n._A.fetch}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,i.z)(),date:new Date},r.initializedAgents[e]=t}function u(e){let t=a();return t.initializedAgents?.[e]}function d(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},7956:(e,t,r)=>{"use strict";r.d(t,{N:()=>i});var n=r(3239);function i(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;(0,n.iz)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},7806:(e,t,r)=>{"use strict";r.d(t,{em:()=>b,u5:()=>T,QU:()=>I,_L:()=>j,Gm:()=>L,Lg:()=>M,BV:()=>V,Kf:()=>Y});var n=r(8325),i=r(3117);const o="nr@original:".concat(i.a);var a=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,o){n||(n="");const a="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],u=e[c];d(u)||(e[c]=r(u,a?c+n:n,i,c,o))}},r.flag=o,r;function r(t,r,n,s,c){return d(t)?t:(r||(r=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){u([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,d,l;try{a=this,o=[...arguments],d="function"==typeof n?n(o,a):n||{}}catch(t){u([t,"",[o,a,s],d],e)}i(r+"start",[o,a,s],d,c);try{return l=t.apply(a,o)}catch(e){throw i(r+"err",[o,a,e],d,c),e}finally{i(r+"end",[o,a,l],d,c)}}}function i(r,n,i,o){if(!s||t){var a=s;s=!0;try{e.emit(r,n,i,t,o)}catch(t){u([t,r,n,i],e)}s=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function d(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}var l=r(2210),f=r(385);const h={},p=f._A.XMLHttpRequest,g="addEventListener",m="removeEventListener",v="nr@wrapped:".concat(n.A);function b(e){var t=function(e){return(e||n.ee).get("events")}(e);if(h[t.debugId]++)return t;h[t.debugId]=1;var r=c(t,!0);function i(e){r.inPlace(e,[g,m],"-",o)}function o(e,t){return e[1]}return"getPrototypeOf"in Object&&(f.il&&y(document,i),y(f._A,i),y(p.prototype,i)),t.on(g+"-start",(function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)){var i=(0,l.X)(n,v,(function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n}));this.wrapped=e[1]=i}})),t.on(m+"-start",(function(e){e[1]=this.wrapped||e[1]})),t}function y(e,t){let r=e;for(;"object"==typeof r&&!Object.prototype.hasOwnProperty.call(r,g);)r=Object.getPrototypeOf(r);for(var n=arguments.length,i=new Array(n>2?n-2:0),o=2;o<n;o++)i[o-2]=arguments[o];r&&t(r,...i)}var A="fetch-",w=A+"body-",E=["arrayBuffer","blob","json","text","formData"],_=f._A.Request,x=f._A.Response,R="prototype";const S={};function T(e){const t=function(e){return(e||n.ee).get("fetch")}(e);if(!(_&&x&&f._A.fetch))return t;if(S[t.debugId]++)return t;function r(e,r,i){var o=e[r];"function"==typeof o&&(e[r]=function(){var e,r=[...arguments],a={};t.emit(i+"before-start",[r],a),a[n.A]&&a[n.A].dt&&(e=a[n.A].dt);var s=o.apply(this,r);return t.emit(i+"start",[r,e],s),s.then((function(e){return t.emit(i+"end",[null,e],s),e}),(function(e){throw t.emit(i+"end",[e],s),e}))})}return S[t.debugId]=1,E.forEach((e=>{r(_[R],e,w),r(x[R],e,w)})),r(f._A,"fetch",A),t.on(A+"end",(function(e,r){var n=this;if(r){var i=r.headers.get("content-length");null!==i&&(n.rxSize=i),t.emit(A+"done",[null,r],n)}else t.emit(A+"done",[e],n)})),t}const N={},O=["pushState","replaceState"];function I(e){const t=function(e){return(e||n.ee).get("history")}(e);return!f.il||N[t.debugId]++||(N[t.debugId]=1,c(t).inPlace(window.history,O,"-")),t}var D=r(3239);const P={},C=["appendChild","insertBefore","replaceChild"];function j(e){const t=function(e){return(e||n.ee).get("jsonp")}(e);if(!f.il||P[t.debugId])return t;P[t.debugId]=!0;var r=c(t),i=/[?&](?:callback|cb)=([^&#]+)/,o=/(.*)\.([^.]+)/,a=/^(\w+)(\.|$)(.*)$/;function s(e,t){if(!e)return t;const r=e.match(a),n=r[1];return s(r[3],t[n])}return r.inPlace(Node.prototype,C,"dom-"),t.on("dom-start",(function(e){!function(e){if(!e||"string"!=typeof e.nodeName||"script"!==e.nodeName.toLowerCase())return;if("function"!=typeof e.addEventListener)return;var n=(a=e.src,c=a.match(i),c?c[1]:null);var a,c;if(!n)return;var u=function(e){var t=e.match(o);if(t&&t.length>=3)return{key:t[2],parent:s(t[1],window)};return{key:e,parent:window}}(n);if("function"!=typeof u.parent[u.key])return;var d={};function l(){t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,D.m$)(!1)),e.removeEventListener("error",f,(0,D.m$)(!1))}function f(){t.emit("jsonp-error",[],d),t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,D.m$)(!1)),e.removeEventListener("error",f,(0,D.m$)(!1))}r.inPlace(u.parent,[u.key],"cb-",d),e.addEventListener("load",l,(0,D.m$)(!1)),e.addEventListener("error",f,(0,D.m$)(!1)),t.emit("new-jsonp",[e.src],d)}(e[0])})),t}const k={};function L(e){const t=function(e){return(e||n.ee).get("mutation")}(e);if(!f.il||k[t.debugId])return t;k[t.debugId]=!0;var r=c(t),i=f._A.MutationObserver;return i&&(window.MutationObserver=function(e){return this instanceof i?new i(r(e,"fn-")):i.apply(this,arguments)},MutationObserver.prototype=i.prototype),t}const H={};function M(e){const t=function(e){return(e||n.ee).get("promise")}(e);if(H[t.debugId])return t;H[t.debugId]=!0;var r=t.context,i=c(t),a=f._A.Promise;return a&&function(){function e(r){var n=t.context(),o=i(r,"executor-",n,null,!1);const s=Reflect.construct(a,[o],e);return t.context(s).getCtx=function(){return n},s}f._A.Promise=e,Object.defineProperty(e,"name",{value:"Promise"}),e.toString=function(){return a.toString()},Object.setPrototypeOf(e,a),["all","race"].forEach((function(r){const n=a[r];e[r]=function(e){let i=!1;[...e||[]].forEach((e=>{this.resolve(e).then(a("all"===r),a(!1))}));const o=n.apply(this,arguments);return o;function a(e){return function(){t.emit("propagate",[null,!i],o,!1,!1),i=i||!e}}}})),["resolve","reject"].forEach((function(r){const n=a[r];e[r]=function(e){const r=n.apply(this,arguments);return e!==r&&t.emit("propagate",[e,!0],r,!1,!1),r}})),e.prototype=a.prototype;const n=a.prototype.then;a.prototype.then=function(){var e=this,o=r(e);o.promise=e;for(var a=arguments.length,s=new Array(a),c=0;c<a;c++)s[c]=arguments[c];s[0]=i(s[0],"cb-",o,null,!1),s[1]=i(s[1],"cb-",o,null,!1);const u=n.apply(this,s);return o.nextPromise=u,t.emit("propagate",[e,!0],u,!1,!1),u},a.prototype.then[o]=n,t.on("executor-start",(function(e){e[0]=i(e[0],"resolve-",this,null,!1),e[1]=i(e[1],"resolve-",this,null,!1)})),t.on("executor-err",(function(e,t,r){e[1](r)})),t.on("cb-end",(function(e,r,n){t.emit("propagate",[n,!0],this.nextPromise,!1,!1)})),t.on("propagate",(function(e,r,n){this.getCtx&&!r||(this.getCtx=function(){if(e instanceof Promise)var r=t.context(e);return r&&r.getCtx?r.getCtx():this})}))}(),t}const U={},z="setTimeout",F="setInterval",B="clearTimeout",G="-start",q="-",K=[z,"setImmediate",F,B,"clearImmediate"];function V(e){const t=function(e){return(e||n.ee).get("timer")}(e);if(U[t.debugId]++)return t;U[t.debugId]=1;var r=c(t);return r.inPlace(f._A,K.slice(0,2),z+q),r.inPlace(f._A,K.slice(2,3),F+q),r.inPlace(f._A,K.slice(3),B+q),t.on(F+G,(function(e,t,n){e[0]=r(e[0],"fn-",null,n)})),t.on(z+G,(function(e,t,n){this.method=n,this.timerDuration=isNaN(e[1])?0:+e[1],e[0]=r(e[0],"fn-",this,n)})),t}var Z=r(50);const W={},X=["open","send"];function Y(e){var t=e||n.ee;const r=function(e){return(e||n.ee).get("xhr")}(t);if(W[r.debugId]++)return r;W[r.debugId]=1,b(t);var i=c(r),o=f._A.XMLHttpRequest,a=f._A.MutationObserver,s=f._A.Promise,u=f._A.setInterval,d="readystatechange",l=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],h=[],p=f._A.XMLHttpRequest=function(e){const t=new o(e),n=r.context(t);try{r.emit("new-xhr",[t],n),t.addEventListener(d,(a=n,function(){var e=this;e.readyState>3&&!a.resolved&&(a.resolved=!0,r.emit("xhr-resolved",[],e)),i.inPlace(e,l,"fn-",w)}),(0,D.m$)(!1))}catch(e){(0,Z.Z)("An error occurred while intercepting XHR",e);try{r.emit("internal-error",[e])}catch(e){}}var a;return t};function g(e,t){i.inPlace(t,["onreadystatechange"],"fn-",w)}if(function(e,t){for(var r in e)t[r]=e[r]}(o,p),p.prototype=o.prototype,i.inPlace(p.prototype,X,"-xhr-",w),r.on("send-xhr-start",(function(e,t){g(e,t),function(e){h.push(e),a&&(m?m.then(A):u?u(A):(v=-v,y.data=v))}(t)})),r.on("open-xhr-start",g),a){var m=s&&s.resolve();if(!u&&!s){var v=1,y=document.createTextNode(v);new a(A).observe(y,{characterData:!0})}}else t.on("fn-end",(function(e){e[0]&&e[0].type===d||A()}));function A(){for(var e=0;e<h.length;e++)g(0,h[e]);h.length&&(h=[])}function w(e,t){return t}return r}},7825:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.ajax},6660:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.jserrors},3081:(e,t,r)=>{"use strict";r.d(t,{gF:()=>o,mY:()=>i,t9:()=>n,vz:()=>s,xS:()=>a});const n=r(3325).D.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},4649:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageAction},7633:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageViewEvent},9251:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageViewTiming},7144:(e,t,r)=>{"use strict";r.d(t,{Ef:()=>o,J0:()=>f,Mi:()=>l,Vb:()=>a,Ye:()=>c,fm:()=>u,i9:()=>s,pB:()=>h,t9:()=>i,u0:()=>d});var n=r(7056);const i=r(3325).D.sessionReplay,o={RECORD:"recordReplay",PAUSE:"pauseReplay",REPLAY_RUNNING:"replayRunning",ERROR_DURING_REPLAY:"errorDuringReplay"},a=.12,s={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},c=1e6,u=64e3,d={[n.IK.ERROR]:15e3,[n.IK.FULL]:3e5,[n.IK.OFF]:0},l={RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},f=5e3,h={API:"api"}},3112:(e,t,r)=>{"use strict";r.d(t,{HM:()=>c,Rc:()=>a,rU:()=>s,wi:()=>u});var n=r(234),i=r(8488),o=r(385);function a(e){return!!n.Yu.MO&&(0,i.H)(e)&&!0===(0,n.Mt)(e,"session_trace.enabled")}function s(e){return!0===(0,n.Mt)(e,"session_replay.preload")&&a(e)}function c(e,t){return!!a(e)&&(!!t?.isNew||!!t?.state.sessionReplayMode)}function u(e,t){const r=t.correctAbsoluteTimestamp(e);return{originalTimestamp:e,correctedTimestamp:r,timestampDiff:e-r,originTime:o.sK,correctedOriginTime:t.correctedOriginTime,originTimeDiff:Math.floor(o.sK-t.correctedOriginTime)}}},3614:(e,t,r)=>{"use strict";r.d(t,{BST_RESOURCE:()=>i,END:()=>s,FEATURE_NAME:()=>n,FN_END:()=>u,FN_START:()=>c,PUSH_STATE:()=>d,RESOURCE:()=>o,START:()=>a,c:()=>l});const n=r(3325).D.sessionTrace,i="bstResource",o="resource",a="-start",s="-end",c="fn"+a,u="fn"+s,d="pushState",l=1e3},6216:(e,t,r)=>{"use strict";r.d(t,{K8:()=>s,QZ:()=>c,cS:()=>o,sE:()=>i,t9:()=>a,vh:()=>u});var n=r(3325);const i=["click","keydown","submit"],o="api",a=n.D.softNav,s={INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},c={INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},u={IP:"in progress",FIN:"finished",CAN:"cancelled"}},7836:(e,t,r)=>{"use strict";r.d(t,{BODY:()=>E,CB_END:()=>_,CB_START:()=>u,END:()=>w,FEATURE_NAME:()=>i,FETCH:()=>R,FETCH_BODY:()=>v,FETCH_DONE:()=>m,FETCH_START:()=>g,FN_END:()=>c,FN_START:()=>s,INTERACTION:()=>f,INTERACTION_API:()=>d,INTERACTION_EVENTS:()=>o,JSONP_END:()=>b,JSONP_NODE:()=>p,JS_TIME:()=>x,MAX_TIMER_BUDGET:()=>a,REMAINING:()=>l,SPA_NODE:()=>h,START:()=>A,originalSetTimeout:()=>y});var n=r(234);const i=r(3325).D.spa,o=["click","submit","keypress","keydown","keyup","change"],a=999,s="fn-start",c="fn-end",u="cb-start",d="api-ixn-",l="remaining",f="interaction",h="spaNode",p="jsonpNode",g="fetch-start",m="fetch-done",v="fetch-body-",b="jsonp-end",y=n.Yu.ST,A="-start",w="-end",E="-body",_="cb"+w,x="jsTime",R="fetch"},5938:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(8325);class i{constructor(e,t,r){this.agentIdentifier=e,this.aggregator=t,this.ee=n.ee.get(e),this.featureName=r,this.blocked=!1}}},8488:(e,t,r)=>{"use strict";r.d(t,{H:()=>o});var n=r(234),i=r(385);const o=e=>i.il&&!0===(0,n.Mt)(e,"privacy.cookies_enabled")},2758:(e,t,r)=>{"use strict";r.d(t,{j:()=>_});var n=r(3325),i=r(234),o=r(5546),a=r(8325),s=r(8e3),c=r(3960),u=r(385),d=r(50),l=r(3081),f=r(8632),h=r(7144);const p=["setErrorHandler","finished","addToTrace","addRelease","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start",h.Ef.RECORD,h.Ef.PAUSE],g=["setErrorHandler","finished","addToTrace","addRelease"];var m=r(7894),v=r(7056);function b(){const e=(0,f.gG)();p.forEach((t=>{e[t]=function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];let o=[];return Object.values(e.initializedAgents).forEach((e=>{e.exposed&&e.api[t]&&o.push(e.api[t](...n))})),o.length>1?o:o[0]}(t,...n)}}))}const y={};var A=r(2825);const w=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let E=!1;function _(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},p=arguments.length>2?arguments[2]:void 0,_=arguments.length>3?arguments[3]:void 0,{init:x,info:R,loader_config:S,runtime:T={loaderType:p},exposed:N=!0}=t;const O=(0,f.gG)();R||(x=O.init,R=O.info,S=O.loader_config),(0,i.Dg)(e.agentIdentifier,x||{}),(0,i.GE)(e.agentIdentifier,S||{}),R.jsAttributes??={},u.v6&&(R.jsAttributes.isWorker=!0),(0,i.CX)(e.agentIdentifier,R);const I=(0,i.P_)(e.agentIdentifier),D=[R.beacon,R.errorBeacon];E||(I.proxy.assets&&(w(I.proxy.assets),D.push(I.proxy.assets)),I.proxy.beacon&&D.push(I.proxy.beacon),b(),(0,f.EZ)("activatedFeatures",A.T),e.runSoftNavOverSpa&&=!0===I.soft_navigations.enabled&&I.feature_flags.includes("soft_nav")),T.denyList=[...I.ajax.deny_list||[],...I.ajax.block_internal?D:[]],T.ptid=e.agentIdentifier,(0,i.sU)(e.agentIdentifier,T),void 0===e.api&&(e.api=function(e,t){let f=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t||(0,s.RP)(e,"api");const p={};var b=a.ee.get(e),A=b.get("tracer");y[e]=v.IK.OFF,b.on(h.Ef.REPLAY_RUNNING,(t=>{y[e]=t}));var w="api-",E=w+"ixn-";function _(t,r,n,o){const a=(0,i.C5)(e);return null===r?delete a.jsAttributes[t]:(0,i.CX)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),S(w,n,!0,o||null===r?"session":void 0)(t,r)}function x(){}g.forEach((e=>{p[e]=S(w,e,!0,"api")})),p.addPageAction=S(w,"addPageAction",!0,n.D.pageAction),p.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,i.OP)(e).customTransaction=(r||"http://custom.transaction")+t,S(w,"setPageViewName",!0)()},p.setCustomAttribute=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return _(e,t,"setCustomAttribute",r);(0,d.Z)("Failed to execute setCustomAttribute.\nNon-null value must be a string, number or boolean type, but a type of <".concat(typeof t,"> was provided."))}else(0,d.Z)("Failed to execute setCustomAttribute.\nName must be a string type, but a type of <".concat(typeof e,"> was provided."))},p.setUserId=function(e){if("string"==typeof e||null===e)return _("enduser.id",e,"setUserId",!0);(0,d.Z)("Failed to execute setUserId.\nNon-null value must be a string type, but a type of <".concat(typeof e,"> was provided."))},p.setApplicationVersion=function(e){if("string"==typeof e||null===e)return _("application.version",e,"setApplicationVersion",!1);(0,d.Z)("Failed to execute setApplicationVersion. Expected <String | null>, but got <".concat(typeof e,">."))},p.start=()=>{try{(0,o.p)(l.xS,["API/start/called"],void 0,n.D.metrics,b),b.emit("manual-start-all")}catch(e){(0,d.Z)("An unexpected issue occurred",e)}},p[h.Ef.RECORD]=function(){(0,o.p)(l.xS,["API/recordReplay/called"],void 0,n.D.metrics,b),(0,o.p)(h.Ef.RECORD,[],void 0,n.D.sessionReplay,b)},p[h.Ef.PAUSE]=function(){(0,o.p)(l.xS,["API/pauseReplay/called"],void 0,n.D.metrics,b),(0,o.p)(h.Ef.PAUSE,[],void 0,n.D.sessionReplay,b)},p.interaction=function(e){return(new x).get("object"==typeof e?e:{})};const R=x.prototype={createTracer:function(e,t){var r={},i=this,a="function"==typeof t;return(0,o.p)(l.xS,["API/createTracer/called"],void 0,n.D.metrics,b),f||(0,o.p)(E+"tracer",[(0,m.z)(),e,r],i,n.D.spa,b),function(){if(A.emit((a?"":"no-")+"fn-start",[(0,m.z)(),i,a],r),a)try{return t.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw A.emit("fn-err",[arguments,this,t],r),t}finally{A.emit("fn-end",[(0,m.z)()],r)}}}};function S(e,t,r,i){return function(){return(0,o.p)(l.xS,["API/"+t+"/called"],void 0,n.D.metrics,b),i&&(0,o.p)(e+t,[(0,m.z)(),...arguments],r?null:this,i,b),r?void 0:this}}function T(){r.e(111).then(r.bind(r,7438)).then((t=>{let{setAPI:r}=t;r(e),(0,s.LP)(e,"api")})).catch((e=>{(0,d.Z)("Downloading runtime APIs failed...",e),b.abort()}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{R[e]=S(E,e,void 0,f?n.D.softNav:n.D.spa)})),p.setCurrentRouteName=f?S(E,"routeName",void 0,n.D.softNav):S(w,"routeName",!0,n.D.spa),p.noticeError=function(t,r){"string"==typeof t&&(t=new Error(t)),(0,o.p)(l.xS,["API/noticeError/called"],void 0,n.D.metrics,b),(0,o.p)("err",[t,(0,m.z)(),!1,r,!!y[e]],void 0,n.D.jserrors,b)},u.il?(0,c.b2)((()=>T()),!0):T(),p}(e.agentIdentifier,_,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=N),E=!0}},8993:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},3325:(e,t,r)=>{"use strict";r.d(t,{D:()=>n,p:()=>i});const n={ajax:"ajax",jserrors:"jserrors",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},i={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.ajax]:5,[n.sessionTrace]:6,[n.pageAction]:7,[n.spa]:8,[n.softNav]:9,[n.sessionReplay]:10}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>({111:"nr-spa",164:"nr-spa-compressor",433:"nr-spa-recorder"}[e]+"-1.260.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.260.0.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={111:"sha512-yg/3G4Xi/nUUSGUZ5sZ5laGfxYiBl4A4z1KiCDtOZnnyZ1yRz/gldBGvnLQkCt9iHEG+xaLgGYJXknmRQ1RRBg==",433:"sha512-+r3Wkk8iuDgwHGMXW/4TexrEk4BUtJDwoydKiVtCg/OhRaVQjDykRQ5pq++NLNYgn6VmvYTyFNtJOzAGjbQYxQ==",164:"sha512-B0foyUJVqgCiRQ77L/MyMwRicWPhe+NqE2lxw/3pl055wE8eTQpuvUp+2B2d8y2J7zEgKz6qDFwcVFoxG46BKw=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var h=(t,n)=>{s.onerror=s.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},p=setTimeout(h.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=h.bind(null,s.onerror),s.onload=h.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={801:0,92:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.260.0.PROD"]=self["webpackChunk:NRBA-1.260.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8993);var e=i(50),t=i(7144),r=i(4402),n=i(8325);class o{agentIdentifier;constructor(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:(0,r.ky)(16);this.agentIdentifier=e,this.ee=n.ee.get(e)}#e(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];if("function"==typeof this.api?.[t])return this.api[t](...n);(0,e.Z)("Call to agent api ".concat(t," failed. The API is not currently initialized."))}addPageAction(e,t){return this.#e("addPageAction",e,t)}setPageViewName(e,t){return this.#e("setPageViewName",e,t)}setCustomAttribute(e,t,r){return this.#e("setCustomAttribute",e,t,r)}noticeError(e,t){return this.#e("noticeError",e,t)}setUserId(e){return this.#e("setUserId",e)}setApplicationVersion(e){return this.#e("setApplicationVersion",e)}setErrorHandler(e){return this.#e("setErrorHandler",e)}finished(e){return this.#e("finished",e)}addRelease(e,t){return this.#e("addRelease",e,t)}start(e){return this.#e("start",e)}recordReplay(){return this.#e(t.Ef.RECORD)}pauseReplay(){return this.#e(t.Ef.PAUSE)}addToTrace(e){return this.#e("addToTrace",e)}setCurrentRouteName(e){return this.#e("setCurrentRouteName",e)}interaction(){return this.#e("interaction")}}var a=i(3325),s=i(234);const c=Object.values(a.D);function u(e){const t={};return c.forEach((r=>{t[r]=function(e,t){return!0===(0,s.Mt)(t,"".concat(e,".enabled"))}(r,e)})),t}var d=i(2758);var l=i(8e3),f=i(5938),h=i(3960),p=i(385),g=i(3112),m=i(8488),v=i(7872);class b extends f.W{constructor(e,t,r){let n=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];super(e,t,r),this.auto=n,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===(0,s.Mt)(this.agentIdentifier,"".concat(this.featureName,".autoStart"))&&(this.auto=!1),this.auto?(0,l.RP)(e,r):this.ee.on("manual-start-all",(0,v.Z)((()=>{(0,l.RP)(this.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator()})))}importAggregator(){let t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.featAggregate||!this.auto)return;this.onAggregateImported=new Promise((e=>{t=e}));const n=async()=>{let n;try{if((0,m.H)(this.agentIdentifier)){const{setupAgentSession:e}=await i.e(111).then(i.bind(i,9446));n=e(this.agentIdentifier)}}catch(t){(0,e.Z)("A problem occurred when starting up session manager. This page will not start or extend any session.",t),this.featureName===a.D.sessionReplay&&this.abortHandler?.()}try{if(!this.#t(this.featureName,n))return(0,l.LP)(this.agentIdentifier,this.featureName),void t(!1);const{lazyFeatureLoader:e}=await i.e(111).then(i.bind(i,8582)),{Aggregate:o}=await e(this.featureName,"aggregate");this.featAggregate=new o(this.agentIdentifier,this.aggregator,r),t(!0)}catch(r){(0,e.Z)("Downloading and initializing ".concat(this.featureName," failed..."),r),this.abortHandler?.(),(0,l.LP)(this.agentIdentifier,this.featureName,!0),t(!1),this.ee&&this.ee.abort()}};p.il?(0,h.b2)((()=>n()),!0):n()}#t(e,t){return e!==a.D.sessionReplay||(0,g.HM)(this.agentIdentifier,t)}}var y=i(7633);class A extends b{static featureName=y.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,y.t,r),this.importAggregator()}}var w=i(1117),E=i(1284);class _ extends w.w{constructor(e){super(e),this.aggregatedData={}}store(e,t,r,n,i){var o=this.getBucket(e,t,r,i);return o.metrics=function(e,t){t||(t={count:0});return t.count+=1,(0,E.D)(e,(function(e,r){t[e]=x(r,t[e])})),t}(n,o.metrics),o}merge(e,t,r,n,i){var o=this.getBucket(e,t,n,i);if(o.metrics){var a=o.metrics;a.count+=r.count,(0,E.D)(r,(function(e,t){if("count"!==e){var n=a[e],i=r[e];i&&!i.c?a[e]=x(i.t,n):a[e]=function(e,t){if(!t)return e;t.c||(t=R(t.t));return t.min=Math.min(e.min,t.min),t.max=Math.max(e.max,t.max),t.t+=e.t,t.sos+=e.sos,t.c+=e.c,t}(i,a[e])}}))}else o.metrics=r}storeMetric(e,t,r,n){var i=this.getBucket(e,t,r);return i.stats=x(n,i.stats),i}getBucket(e,t,r,n){this.aggregatedData[e]||(this.aggregatedData[e]={});var i=this.aggregatedData[e][t];return i||(i=this.aggregatedData[e][t]={params:r||{}},n&&(i.custom=n)),i}get(e,t){return t?this.aggregatedData[e]&&this.aggregatedData[e][t]:this.aggregatedData[e]}take(e){for(var t={},r="",n=!1,i=0;i<e.length;i++)t[r=e[i]]=Object.values(this.aggregatedData[r]||{}),t[r].length&&(n=!0),delete this.aggregatedData[r];return n?t:null}}function x(e,t){return null==e?function(e){e?e.c++:e={c:1};return e}(t):t?(t.c||(t=R(t.t)),t.c+=1,t.t+=e,t.sos+=e*e,e>t.max&&(t.max=e),e<t.min&&(t.min=e),t):{t:e}}function R(e){return{t:e,min:e,max:e,sos:e*e,c:1}}var S=i(8632),T=i(4351);var N=i(5546),O=i(7956),I=i(3239),D=i(9251),P=i(7894);class C extends b{static featureName=D.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,D.t,r),p.il&&((0,O.N)((()=>(0,N.p)("docHidden",[(0,P.z)()],void 0,D.t,this.ee)),!0),(0,I.bP)("pagehide",(()=>(0,N.p)("winPagehide",[(0,P.z)()],void 0,D.t,this.ee))),this.importAggregator())}}var j=i(3081);class k extends b{static featureName=j.t9;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,j.t9,r),this.importAggregator()}}var L=i(6660);class H{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,T.P)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function M(e){return F(e)?e:new H(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic)}function U(e){let t="Unhandled Promise Rejection";if(F(e?.reason))try{return e.reason.message=t+": "+e.reason.message,M(e.reason)}catch(t){return M(e.reason)}if(void 0===e.reason)return M(t);const r=M(e.reason);return r.message=t+": "+r?.message,r}function z(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new H(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic);return t.name=SyntaxError.name,t}return F(e.error)?e.error:M(e)}function F(e){return e instanceof Error&&!!e.stack}class B extends b{static featureName=L.t;#r=!1;constructor(e,r){let n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,r,L.t,n);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(e=>{this.abortHandler&&(0,N.p)("ierr",[M(e),(0,P.z)(),!0,{},this.#r],void 0,this.featureName,this.ee)})),this.ee.on(t.Ef.REPLAY_RUNNING,(e=>{this.#r=e})),p._A.addEventListener("unhandledrejection",(e=>{this.abortHandler&&(0,N.p)("err",[U(e),(0,P.z)(),!1,{unhandledPromiseRejection:1},this.#r],void 0,this.featureName,this.ee)}),(0,I.m$)(!1,this.removeOnAbort?.signal)),p._A.addEventListener("error",(e=>{this.abortHandler&&(0,N.p)("err",[z(e),(0,P.z)(),!1,{},this.#r],void 0,this.featureName,this.ee)}),(0,I.m$)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator()}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var G=i(2210);let q=1;const K="nr@id";function V(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===p._A?0:(0,G.X)(e,K,(function(){return q++}))}function Z(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,T.P)(e).length}catch(e){return}}}var W=i(7806),X=i(7243);class Y{constructor(e){this.agentIdentifier=e}generateTracePayload(e){if(!this.shouldGenerateTrace(e))return null;var t=(0,s.DL)(this.agentIdentifier);if(!t)return null;var n=(t.accountID||"").toString()||null,i=(t.agentID||"").toString()||null,o=(t.trustKey||"").toString()||null;if(!n||!i)return null;var a=(0,r.M)(),c=(0,r.Ht)(),u=Date.now(),d={spanId:a,traceId:c,timestamp:u};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(d.traceContextParentHeader=this.generateTraceContextParentHeader(a,c),d.traceContextStateHeader=this.generateTraceContextStateHeader(a,u,n,i,o)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(d.newrelicHeader=this.generateTraceHeader(a,c,u,n,i,o)),d}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,o){if(!("function"==typeof p._A?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return o&&n!==o&&(a.d.tk=o),btoa((0,T.P)(a))}shouldGenerateTrace(e){return this.isDtEnabled()&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1,r={};if((0,s.Mt)(this.agentIdentifier,"distributed_tracing")&&(r=(0,s.P_)(this.agentIdentifier).distributed_tracing),e.sameOrigin)t=!0;else if(r.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,X.e)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}isDtEnabled(){var e=(0,s.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.enabled}excludeNewrelicHeader(){var e=(0,s.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=(0,s.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=(0,s.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.cors_use_tracecontext_headers}}var J=i(7825),Q=i(1199),ee=["load","error","abort","timeout"],te=ee.length,re=s.Yu.REQ,ne=s.Yu.XHR;class ie extends b{static featureName=J.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,J.t,r),this.dt=new Y(e),this.handler=(e,t,r,n)=>(0,N.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};p._A?.performance?.getEntriesByType("resource").forEach((t=>{if(t.initiatorType in e&&0!==t.responseStatus){const r={status:t.responseStatus},n={rxSize:t.transferSize,duration:Math.floor(t.duration),cbTime:0};oe(r,t.name),this.handler("xhr",[r,n,t.startTime,t.responseEnd,e[t.initiatorType]],void 0,a.D.ajax)}}))}catch(e){}(0,W.u5)(this.ee),(0,W.Kf)(this.ee),function(e,t,r,n){function i(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=E,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener("load",(function(r){_(t,e)}),(0,I.m$)(!1)),p.IF||e.addEventListener("progress",(function(e){t.lastSize=e.loaded}),(0,I.m$)(!1))}function o(e){this.params={method:e[0]},oe(this,e[1]),this.metrics={}}function c(t,r){var i=(0,s.DL)(e);i.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",i.xpid);var o=n.generateTracePayload(this.parsedOrigin);if(o){var a=!1;o.newrelicHeader&&(r.setRequestHeader("newrelic",o.newrelicHeader),a=!0),o.traceContextParentHeader&&(r.setRequestHeader("traceparent",o.traceContextParentHeader),o.traceContextStateHeader&&r.setRequestHeader("tracestate",o.traceContextStateHeader),a=!0),a&&(this.dt=o)}}function u(e,r){var n=this.metrics,i=e[0],o=this;if(n&&i){var a=Z(i);a&&(n.txSize=a)}this.startTime=(0,P.z)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||o.loadCaptureCalled||(o.params.aborted=!0),("load"!==e.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof r.onload)&&"function"==typeof o.end)&&o.end(r)}catch(e){try{t.emit("internal-error",[e])}catch(e){}}};for(var s=0;s<te;s++)r.addEventListener(ee[s],this.listener,(0,I.m$)(!1))}function d(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function l(e,t){var r=""+V(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function f(e,t){var r=""+V(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function h(){this.endTime=(0,P.z)()}function g(e,r){r instanceof ne&&"load"===e[0]&&t.emit("xhr-load-added",[e[1],e[2]],r)}function m(e,r){r instanceof ne&&"load"===e[0]&&t.emit("xhr-load-removed",[e[1],e[2]],r)}function v(e,t,r){t instanceof ne&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,P.z)()))}function b(e,r){this.xhrCbStart&&t.emit("xhr-cb-time",[(0,P.z)()-this.xhrCbStart,this.onload,r],r)}function y(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&p.il&&(t=""+p._A.location.href):e[0]&&e[0].url?t=e[0].url:p._A?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,X.e)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var i=n.generateTracePayload(this.parsedOrigin);if(i&&(i.newrelicHeader||i.traceContextParentHeader))if(e[0]&&e[0].headers)s(e[0].headers,i)&&(this.dt=i);else{var o={};for(var a in r)o[a]=r[a];o.headers=new Headers(r.headers||{}),s(o.headers,i)&&(this.dt=i),e.length>1?e[1]=o:e.push(o)}}function s(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function A(e,t){this.params={},this.metrics={},this.startTime=(0,P.z)(),this.dt=t,e.length>=1&&(this.target=e[0]),e.length>=2&&(this.opts=e[1]);var r,n=this.opts||{},i=this.target;"string"==typeof i?r=i:"object"==typeof i&&i instanceof re?r=i.url:p._A?.URL&&"object"==typeof i&&i instanceof URL&&(r=i.href),oe(this,r);var o=(""+(i&&i instanceof re&&i.method||n.method||"GET")).toUpperCase();this.params.method=o,this.body=n.body,this.txSize=Z(n.body)||0}function w(e,t){if(this.endTime=(0,P.z)(),this.params||(this.params={}),(0,Q.zh)(this.params))return;let n;this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);const i={txSize:this.txSize,rxSize:n,duration:(0,P.z)()-this.startTime};r("xhr",[this.params,i,this.startTime,this.endTime,"fetch"],this,a.D.ajax)}function E(e){const t=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(let t=0;t<te;t++)e.removeEventListener(ee[t],this.listener,!1);t.aborted||(0,Q.zh)(t)||(n.duration=(0,P.z)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):_(this,e),n.cbTime=this.cbTime,r("xhr",[t,n,this.startTime,this.endTime,"xhr"],this,a.D.ajax))}}function _(e,r){e.params.status=r.status;var n=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?Z(e.response):"text"===r||""===r||void 0===r?Z(e.responseText):void 0}(r,e.lastSize);if(n&&(e.metrics.rxSize=n),e.sameOrigin){var i=r.getResponseHeader("X-NewRelic-App-Data");i&&((0,N.p)(j.mY,["Ajax/CrossApplicationTracing/Header/Seen"],void 0,a.D.metrics,t),e.params.cat=i.split(", ").pop())}e.loadCaptureCalled=!0}t.on("new-xhr",i),t.on("open-xhr-start",o),t.on("open-xhr-end",c),t.on("send-xhr-start",u),t.on("xhr-cb-time",d),t.on("xhr-load-added",l),t.on("xhr-load-removed",f),t.on("xhr-resolved",h),t.on("addEventListener-end",g),t.on("removeEventListener-end",m),t.on("fn-end",b),t.on("fetch-before-start",y),t.on("fetch-start",A),t.on("fn-start",v),t.on("fetch-done",w)}(e,this.ee,this.handler,this.dt),this.importAggregator()}}function oe(e,t){var r=(0,X.e)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var ae=i(3614);const{BST_RESOURCE:se,RESOURCE:ce,START:ue,END:de,FEATURE_NAME:le,FN_END:fe,FN_START:he,PUSH_STATE:pe}=ae;var ge=i(7056);class me extends b{static featureName=t.t9;#i;constructor(e,r){let n,i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,r,t.t9,i),this.replayRunning=!1;try{n=JSON.parse(localStorage.getItem("".concat(ge.Bq,"_").concat(ge.K4)))}catch(e){}(0,g.Rc)(e)&&this.ee.on("recordReplay",(()=>this.#o())),this.#a(n)?(this.#i=n?.sessionReplayMode,this.#s()):this.importAggregator(),this.ee.on("err",(e=>{this.replayRunning&&(this.errorNoticed=!0,(0,N.p)(t.Ef.ERROR_DURING_REPLAY,[e],void 0,this.featureName,this.ee))})),this.ee.on(t.Ef.REPLAY_RUNNING,(e=>{this.replayRunning=e}))}#a(e){return e&&(e.sessionReplayMode===ge.IK.FULL||e.sessionReplayMode===ge.IK.ERROR)||(0,g.rU)(this.agentIdentifier)}#c=!1;async#s(e){if(!this.#c){this.#c=!0;try{const{Recorder:t}=await Promise.all([i.e(111),i.e(433)]).then(i.bind(i,4345));this.recorder??=new t({mode:this.#i,agentIdentifier:this.agentIdentifier,trigger:e,ee:this.ee}),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording}catch(e){}this.importAggregator({recorder:this.recorder,errorNoticed:this.errorNoticed})}}#o(){this.featAggregate?this.featAggregate.mode!==ge.IK.FULL&&this.featAggregate.initializeRecording(ge.IK.FULL,!0):(this.#i=ge.IK.FULL,this.#s(t.pB.API),this.recorder&&this.recorder.parent.mode!==ge.IK.FULL&&(this.recorder.parent.mode=ge.IK.FULL,this.recorder.stopRecording(),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording))}}var ve=i(6216);class be extends b{static featureName=ve.t9;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(super(e,t,ve.t9,r),!p.il||!s.Yu.MO)return;const n=(0,W.QU)(this.ee),i=(0,W.em)(this.ee),o=()=>(0,N.p)("newURL",[(0,P.z)(),""+window.location],void 0,this.featureName,this.ee);n.on("pushState-end",o),n.on("replaceState-end",o);try{this.removeOnAbort=new AbortController}catch(e){}(0,I.bP)("popstate",(e=>(0,N.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)),!0,this.removeOnAbort?.signal);let a=!1;const c=new s.Yu.MO(((e,t)=>{a||(a=!0,requestAnimationFrame((()=>{(0,N.p)("newDom",[(0,P.z)()],void 0,this.featureName,this.ee),a=!1})))})),u=(0,v.D)((e=>{(0,N.p)("newUIEvent",[e],void 0,this.featureName,this.ee),c.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}),100,{leading:!0});i.on("fn-start",(e=>{let[t]=e;ve.sE.includes(t?.type)&&u(t)}));for(let e of ve.sE)document.addEventListener(e,(()=>{}));this.abortHandler=function(){this.removeOnAbort?.abort(),c.disconnect(),this.abortHandler=void 0},this.importAggregator({domObserver:c})}}var ye=i(7836);const{FEATURE_NAME:Ae,START:we,END:Ee,BODY:_e,CB_END:xe,JS_TIME:Re,FETCH:Se,FN_START:Te,CB_START:Ne,FN_END:Oe}=ye;var Ie=i(4649);class De extends b{static featureName=Ie.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,Ie.t,r),this.importAggregator()}}new class extends o{constructor(t,r){super(r),p._A?(this.sharedAggregator=new _({agentIdentifier:this.agentIdentifier}),this.features={},(0,S.h5)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(A),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===a.D.softNav)),(0,d.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.Z)("Failed to initialize the agent. Could not determine the runtime environment.")}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=u(this.agentIdentifier),r=[...this.desiredFeatures];r.sort(((e,t)=>a.p[e.featureName]-a.p[t.featureName])),r.forEach((r=>{if(!t[r.featureName]&&r.featureName!==a.D.pageViewEvent)return;if(this.runSoftNavOverSpa&&r.featureName===a.D.spa)return;if(!this.runSoftNavOverSpa&&r.featureName===a.D.softNav)return;const n=function(e){switch(e){case a.D.ajax:return[a.D.jserrors];case a.D.sessionTrace:return[a.D.ajax,a.D.pageViewEvent];case a.D.sessionReplay:return[a.D.sessionTrace];case a.D.pageViewTiming:return[a.D.pageViewEvent];default:return[]}}(r.featureName);n.every((e=>e in this.features))||(0,e.Z)("".concat(r.featureName," is enabled but one or more dependent features has not been initialized (").concat((0,T.P)(n),"). This may cause unintended consequences or missing data...")),this.features[r.featureName]=new r(this.agentIdentifier,this.sharedAggregator)}))}catch(t){(0,e.Z)("Failed to initialize all enabled instrument classes (agent aborted) -",t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,S.fP)();delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return r.ee.get(this.agentIdentifier).abort(),!1}}}({features:[ie,A,C,class extends b{static featureName=le;constructor(e,t){super(e,t,le,!(arguments.length>2&&void 0!==arguments[2])||arguments[2]);if(!(0,m.H)(this.agentIdentifier))return void(0,l.o5)(this.agentIdentifier,this.featureName);const r=this.ee;let n;(0,W.QU)(r),this.eventsEE=(0,W.em)(r),this.eventsEE.on(he,(function(e,t){this.bstStart=(0,P.z)()})),this.eventsEE.on(fe,(function(e,t){(0,N.p)("bst",[e[0],t,this.bstStart,(0,P.z)()],void 0,a.D.sessionTrace,r)})),r.on(pe+ue,(function(e){this.time=(0,P.z)(),this.startPath=location.pathname+location.hash})),r.on(pe+de,(function(e){(0,N.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,a.D.sessionTrace,r)}));try{n=new PerformanceObserver((e=>{const t=e.getEntries();(0,N.p)(se,[t],void 0,a.D.sessionTrace,r)})),n.observe({type:ce,buffered:!0})}catch(e){}this.importAggregator({resourceObserver:n})}},me,k,De,B,be,class extends b{static featureName=Ae;constructor(e,t){var r;if(super(e,t,Ae,!(arguments.length>2&&void 0!==arguments[2])||arguments[2]),r=this,!p.il)return;try{this.removeOnAbort=new AbortController}catch(e){}let n,i=0;const o=this.ee.get("tracer"),a=(0,W._L)(this.ee),s=(0,W.Lg)(this.ee),c=(0,W.BV)(this.ee),u=(0,W.Kf)(this.ee),d=this.ee.get("events"),l=(0,W.u5)(this.ee),f=(0,W.QU)(this.ee),h=(0,W.Gm)(this.ee);function g(e,t){f.emit("newURL",[""+window.location,t])}function m(){i++,n=window.location.hash,this[Te]=(0,P.z)()}function v(){i--,window.location.hash!==n&&g(0,!0);var e=(0,P.z)();this[Re]=~~this[Re]+e-this[Te],this[Oe]=e}function b(e,t){e.on(t,(function(){this[t]=(0,P.z)()}))}this.ee.on(Te,m),s.on(Ne,m),a.on(Ne,m),this.ee.on(Oe,v),s.on(xe,v),a.on(xe,v),this.ee.on("fn-err",(function(){for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];n[2]?.__newrelic?.[e]||(0,N.p)("function-err",[...n],void 0,r.featureName,r.ee)})),this.ee.buffer([Te,Oe,"xhr-resolved"],this.featureName),d.buffer([Te],this.featureName),c.buffer(["setTimeout"+Ee,"clearTimeout"+we,Te],this.featureName),u.buffer([Te,"new-xhr","send-xhr"+we],this.featureName),l.buffer([Se+we,Se+"-done",Se+_e+we,Se+_e+Ee],this.featureName),f.buffer(["newURL"],this.featureName),h.buffer([Te],this.featureName),s.buffer(["propagate",Ne,xe,"executor-err","resolve"+we],this.featureName),o.buffer([Te,"no-"+Te],this.featureName),a.buffer(["new-jsonp","cb-start","jsonp-error","jsonp-end"],this.featureName),b(l,Se+we),b(l,Se+"-done"),b(a,"new-jsonp"),b(a,"jsonp-end"),b(a,"cb-start"),f.on("pushState-end",g),f.on("replaceState-end",g),window.addEventListener("hashchange",g,(0,I.m$)(!0,this.removeOnAbort?.signal)),window.addEventListener("load",g,(0,I.m$)(!0,this.removeOnAbort?.signal)),window.addEventListener("popstate",(function(){g(0,i>1)}),(0,I.m$)(!0,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator()}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}],loaderType:"spa"})})()})(); </script> <title>Cash Back Credit Card Advice & Guides - Bankrate.com</title><meta name="description" content="Read up on the latest cash back credit card advice and guides from the team at Bankrate. We'll help you maximize your money and put your wallet to work for you."><meta name="Category" content="cash back"><meta name="SubCategories" content="credit cards"><meta name="pageuuid" content="9b7fe40e-0d04-4bdc-8612-b6af6de2703a"><meta name="ContentSrc" content="sb:229342005"><meta name="PageType" content="index"><link rel="canonical" href="https://www.bankrate.com/credit-cards/cash-back/"><meta name="robots" content="index, follow"><meta property="og:title" content="Cash Back Credit Card Advice & Guides - Bankrate.com"><meta property="og:description" content="Read up on the latest cash back credit card advice and guides from the team at Bankrate. We'll help you maximize your money and put your wallet to work for you."><meta property="og:url" content="https://www.bankrate.com/credit-cards/cash-back/"><meta property="og:site_name" content="Bankrate"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@bankrate"><meta name="twitter:title" content="bankrate"><meta name="twitter:description" content="Read up on the latest cash back credit card advice and guides from the team at Bankrate. We'll help you maximize your money and put your wallet to work for you."><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage"}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Credit Cards","item":{"@type":"Thing","url":"https://www.bankrate.com/credit-cards/","@id":"https://www.bankrate.com/credit-cards/"},"position":1},{"@type":"ListItem","name":"Cash Back","item":{"@type":"Thing","url":"https://www.bankrate.com/credit-cards/cash-back/","@id":"https://www.bankrate.com/credit-cards/cash-back/"},"position":2}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","url":"https://www.bankrate.com/","email":"webmaster@bankrate.com","ethicsPolicy":"https://www.bankrate.com/privacy/","foundingDate":"1976","legalName":"Bank Rate LLC","name":"Bank Rate","address":{"@type":"PostalAddress","addressLocality":"New York, NY","postalCode":"10017","streetAddress":"750 3rd Ave, 28th Floor"},"foundingLocation":{"@type":"Place","name":"New York City, New York, U.S."},"logo":{"@type":"ImageObject","url":"https://www.bankrate.com/v2.828.1/img/logo/bankrate-logo-268x60.jpg"}}</script><meta class="swiftype" name="title" data-type="string" content="Cash Back Credit Card Advice & Guides - Bankrate.com" /><meta class="swiftype" name="description" data-type="text" content="Read up on the latest cash back credit card advice and guides from the team at Bankrate. We'll help you maximize your money and put your wallet to work for you." /><meta class="swiftype" name="url" data-type="enum" content="https://www.bankrate.com/credit-cards/cash-back/" /><meta class="swiftype" name="type" data-type="enum" content="index" /><meta class="swiftype" name="category" data-type="string" content="cash back" /><meta class="swiftype" name="category" data-type="string" content="credit cards" /><meta http-equiv="content-language" content="en-US"> <link rel="icon" href="/favicon.ico"> <link rel="preload" href="https://www.bankrate.com/static/fonts/CircularStd-Book.woff2" as="font" crossorigin> <link rel="preload" href="https://www.bankrate.com/static/fonts/CircularStd-Bold.woff2" as="font" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="style" href="/ext/fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"> <link rel="stylesheet" href="/ext/fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" media="print" onload="this.media='all'"> <noscript> <link rel="stylesheet" href="/ext/fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"> </noscript> <script type="module">document.documentElement.classList.remove('no-js');</script> <style type="text/css"> .preampjs [data-preamp], .fusejs [data-fuse] { opacity: 0 !important } </style> <script> !function(co,h,e,s,i,o,n){var d='documentElement';var a='className';h[d][a]+=' preampjs fusejs';n.k=e;co._Cohesion=n;co._Preamp={k:s,start:new Date};co._Fuse={k:i};co._Tagular={k:o};[e,s,i,o].map(function(x){co[x]=co[x]||function(){(co[x].q=co[x].q||[]).push([].slice.call(arguments))}});var b=function(){var u=h[d][a];h[d][a]=u.replace(/ ?preampjs| ?fusejs/g,'')};h.addEventListener('DOMContentLoaded',function(){co.setTimeout(b,3e3);co._Preamp.docReady=co._Fuse.docReady=!0});var z=h.createElement('script');z.async=1;z.src='https://cohesion.bankrate.com/cohesion/cohesion-latest.min.js?cDomain=.bankrate.com';z.onerror=function(){var ce='error',f='function';for(var o of co[e].q||[])o[0]===ce&&typeof o[1]==f&&o[1]();co[e]=function(n,cb){n===ce&&typeof cb==f&&cb()};b()};h.head.appendChild(z);}(window,document,'cohesion','preamp','fuse','tagular',{tagular:{reinforce:'https://navi.bankrate.com',display:['gpt'],apiKey:'89144c93-5662-4fb8-b8eb-0a2140dc52f0',writeKey:'wk_2HY72DnK7gi69dEoWAHQTskzorW',sourceKey:'src_1NT28tRM614f69qC61p7Wxy1iJa',apiHost: 'https://beam.bankrate.com/v2/t',experimentalFeatures:{naviEndpoint:'https://navi.bankrate.com',identify:true,flocEnabled:true},taggy: {enabled: true},multiparty: true,useBeacon: true,beamHook:function(event){window.dataLayer=window.dataLayer||[];window.dataLayer.push({"event":event["@type"],"tagularPayload":event})},cookieDomain:'bankrate.com',domainWhitelist:["banking.qa.bankrate.com","banking.bankrate.com","compare.qa.bankrate.com","compare.bankrate.com","home-equity.bankrate.com","home-equity.qa.bankrate.com","deposits.bankrate.com","deposits.staging.bankrate.com","mortgage.staging.bankrate.com","mortgage.bankrate.com","www.bankrate.com","qa.bankrate.com","ep.bankrate.com","finance.bankrate.com","homes.bankrate.com","homeloans.bankrate.com","homeloans.qa.bankrate.com","rates.bankrate.com","rates.qa.bankrate.com","cards.bankrate.com","offers.bankrate.com","offers.qa.bankrate.com","loans-offers-widget.bankrate.com","loans-offers-widget.qa.bankrate.com"]},monarch:{endpoint: 'https://monarch.bankrate.com', simulatedEvents: {enabled: true}, sourceId:'18b02819-56c9-4af5-8780-faf726c1ba86',token:'3cad2546-0519-448d-bfa9-7ac038eb9e46',autoRequest:{enabled:true}}}) </script> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/index-Cl020ULl.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/pid-Cquk49fA.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/cookie-Cteq0QiY.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/queryParams-LTW4Z-tQ.js" /><script type="module" src="https://www.bankrate.com/v5.1521.2/next/build/assets/index-Cl020ULl.js"></script><script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-N74D8C'); </script> <link rel="preload" as="style" href="https://www.bankrate.com/v5.1521.2/next/build/assets/app-DYoOUq2O.css" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.2/next/build/assets/app-DYoOUq2O.css" /><style> .hub-toolbar__card { overflow: visible; } .hub-toolbar__card-badge { top: -10px; left: 0; right: 0; width: 6.25rem; } </style> <style> .Link { --link-color: var(--theme-blue, #0157ff) } .Link--underline { color: inherit; border-bottom: 2px solid var(--link-color); } .Link--underline:hover, .Link--underline:focus { color: var(--link-color); } </style> <link rel="preload" as="style" href="https://www.bankrate.com/v5.1521.2/next/build/assets/swiper-bundle-B8m4e1Tp.css" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.2/next/build/assets/swiper-bundle-B8m4e1Tp.css" /><link rel="preload" as="style" href="https://www.bankrate.com/v5.1521.2/next/build/assets/swiper-vEOpHmJg.css" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.2/next/build/assets/swiper-vEOpHmJg.css" /><style> /* UpNextCarousel */ .UpNextCarousel { position: relative; overflow: hidden; margin: calc( var(--slides-shadow-offset) * -1 ); width: calc(100% + var(--slides-shadow-offset)); padding: var(--slides-shadow-offset); --slides-shadow-offset: 24px; } .UpNextCarousel::before, .UpNextCarousel::after { z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: var(--slides-shadow-offset); pointer-events: none; transition: width 200ms ease; content: ""; } .UpNextCarousel::before { right: unset; background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); } .UpNextCarousel::after { left: unset; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); } .UpNextCarousel .swiper-container, .UpNextCarousel .swiper-wrapper, .UpNextCarousel .swiper-slide { overflow: visible; } .UpNextCarousel .swiper-slide { display: flex; width: 344px; } .UpNextCarousel .swiper-button-prev, .UpNextCarousel .swiper-button-next { z-index: 99; } .UpNextCarousel .swiper-button-prev[disabled], .UpNextCarousel .swiper-button-next[disabled] { pointer-events: auto; } .UpNextCarousel .swiper-button-prev[disabled]:not(:hover), .UpNextCarousel .swiper-button-next[disabled]:not(:hover) { visibility: hidden; } .UpNextCarousel .swiper-button-prev { left: calc( var(--slides-shadow-offset) + 10px ) !important; } .UpNextCarousel .swiper-button-next { right: calc( var(--slides-shadow-offset) + 10px ) !important; } @media (min-width: 768px) { .UpNextCarousel::after { width: 20%; } .UpNextCarousel:hover::after { width: var(--slides-shadow-offset); } } /* Additional */ .UpNextCarousel-LeadingText { font-size: 16px !important; } .UpNextCarousel .Card-body { width: unset; } @media (min-width: 768px) { .UpNextCarousel-LeadingText { font-size: 18px !important; } } </style> </head> <body class="" > <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N74D8C" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <a class="visually-hidden" href="#main-content">Skip to Main Content</a> <header class="SiteNav" data-cy="siteNavHeader" role="banner" aria-label="Use tab key to navigate through the options." x-data="siteNav()" x-ref="siteHeader" x-init="init()" x-on:resize.window="windowResized()" data-js-selector="nav" data-swiftype-index="false"> <div class="SiteNav-bar"> <div class="SiteNav-wrapper"> <a class="SiteNav-logo"href="https://www.bankrate.com/" aria-label="Home" tabindex="0" @keydown.tab="keyDownSiteNavLogo()" x-ref="siteNavLogo" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="0" data-text="Bankrate" data-outcome="send to homepage" > <svg width="100" height="20" viewBox="0 0 400 80" xmlns="http://www.w3.org/2000/svg" focusable="false"> <title>Bankrate</title> <g fill="#151515"> <path d="m100.16 78.16v-8.16h-.16c-3.75 6.26-10.42 9.5-18 9.5-15.45 0-28-11.63-28-26.88 0-16.87 12.12-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.19v-7.44h9.91v52.81zm.19-26.31c0-10.29-7.44-18.85-18.41-18.85-9.91 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.58 18.58 0 0 0 18.41-18.62z"/> <path d="m155.19 78.16v-28.78c0-11.16-4.38-16.4-13.16-16.4s-13.92 6.39-13.92 16.31v28.89h-9.92v-52.83h9.25v5.65h.19c3.9-5 9.35-7 15.45-7 12.68 0 22 8 22 22.6v31.58h-9.9z"/> <path d="m300.12 78.16v-8.16h-.18c-3.72 6.29-10.4 9.53-17.93 9.53-15.45 0-28-11.63-28-26.88 0-16.87 12.1-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.18v-7.47h9.85v52.81zm.19-26.31c0-10.29-7.44-18.87-18.4-18.87-9.92 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.57 18.57 0 0 0 18.4-18.6z"/> <path d="m325.11 78.16v-43.75h-7.11v-9.06h7.15v-17.73h9.85v17.73h8.68v9.06h-8.68v43.75z"/> <path d="m356 56.05c2.29 8.76 9.25 14.4 17.36 14.4a17 17 0 0 0 15.06-8.87h9.91a27.08 27.08 0 0 1 -25.41 17.92c-14.87 0-26.92-13.16-26.92-27.27 0-16.68 12.58-28.32 26.6-28.32a26.9 26.9 0 0 1 27.4 27.17 29.4 29.4 0 0 1 -.29 5h-43.71zm34.13-7.62c-.75-9-8.67-15.45-17.16-15.45-8.11 0-16.21 6.39-17 15.45z"/> <path d="m42 39.88a22.68 22.68 0 0 0 -4.89-3.79 18.39 18.39 0 0 0 1.73-2 21 21 0 0 0 4-14 21.57 21.57 0 0 0 -6.2-13.85 22 22 0 0 0 -15.96-6.24h-20.68v79.5h24.34c9.13 0 14.75-4 17.87-7.39a23.6 23.6 0 0 0 6.18-16.11 22.89 22.89 0 0 0 -6.39-16.12zm-21.32-30.61c8.37 0 12.5 5.75 12.88 11.43a11.49 11.49 0 0 1 -9.71 11.93h-14.58v-23.36zm3.65 61h-15.06v-28.37h13.73c11.89 0 16.1 7.6 16.1 14.11-.01 6.84-4.62 14.22-14.77 14.22z"/> <path d="m245.87 25.39c-9.38-.7-13 4-13 4v-4h-9.87v52.77h9.91v-29.64a20.28 20.28 0 0 1 1-6.37c2.14-6.48 9.16-8.56 16-6l4.09-8.7a22.74 22.74 0 0 0 -8.13-2.06z"/> <path d="m173.07 7.62h9.92v70.55h-9.92z"/> <path d="m205.26 78.16-21.88-26.43 19.62-26.38h11.21l-19.31 26.38 22.05 26.43z"/> </g> </svg></a> <nav class="SiteNavCategories" x-ref="siteNavCategories" data-cy="siteNav" role="navigation" aria-label="main" @keydown.esc="() => {closeNav(); $refs.siteNavMenuButton.focus();}"> <ul class="SiteNavCategories-list" :aria-label="isMobile ? 'Use the up and down arrows to navigate through the top-level links. Alternatively, you can press the escape key to close the menu.' : 'Use the right and left arrows to navigate through the top-level links and the up and down arrows to navigate through the submenu tabs. Alternatively, you can press the end key to jump to the search toggle, and the escape key to close the menu.'"> <li x-cloak class="SiteNavCategory" id="category-1" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/banking/" data-js-selector="siteNavCategorylink1" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 1, 7);" @keydown.right.prevent="keydownCategory('right', 1, 7);" @keydown.left.prevent="keydownCategory('left', 1, 7);" @keydown.down.prevent="keydownCategory('down', 1, 7);" @keydown.up.prevent="keydownCategory('up', 1, 7);" @keydown.home.prevent="keydownCategory('home', 1, 7);" @keydown.end.prevent="keydownCategory('end', 1, 7);" @keydown.space.prevent="keydownCategory('space', 1, 7);" @keydown.enter.prevent="keydownCategory('enter', 1, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="1" data-text="Banking" data-outcome="send to banking hub" > <span class="SiteNavCategory-label"> Banking</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-banking" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="1" data-text="Banking" data-outcome="open default banking container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="banking-tablist" class="SiteNavSubcategory-categoryTitle"> Banking</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="banking-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Checking & savings" data-position="1"> Checking & savings<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="CDs" data-position="2"> CDs<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Money market" data-position="3"> Money market<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Banks" data-position="4"> Banks<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/banking/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Banking hub link - mobile nav" data-position="bottom" data-text="Explore all Banking resources" data-outcome="send to link" > Explore all banking resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Banking category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Banking</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare accounts</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/savings/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="1" data-text="Best savings accounts" data-outcome="send to Best savings accounts" > Best savings accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/savings/best-high-yield-interests-savings-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="2" data-text="Best high-yield savings accounts" data-outcome="send to Best high-yield savings accounts" > Best high-yield savings accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/checking/best-business-checking-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="3" data-text="Best business checking accounts" data-outcome="send to Best business checking accounts" > Best business checking accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/checking/best-checking-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="4" data-text="Best checking accounts" data-outcome="send to Best checking accounts" > Best checking accounts</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/banking/savings/simple-savings-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="1" data-text="Savings calculator" data-outcome="send to link" > Savings calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/savings/calculators/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="2" data-text="All savings calculators" data-outcome="send to link" > All savings calculators</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/savings/average-savings-interest-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="3" data-text="Savings rate trends" data-outcome="send to link" > Savings rate trends</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/savings/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="4" data-text="Savings resources" data-outcome="send to link" > Savings resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/banking/savings/how-to-open-a-savings-account/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory link" data-position="1" data-text="Savings basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/6efbd0a01f/savings-basics.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/6efbd0a01f/savings-basics.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/6efbd0a01f/savings-basics.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Savings basics</span> <span class="SiteNavFeaturedLink-supportText">5 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/banking/savings/start-saving-from-scratch/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory link" data-position="2" data-text="How to start saving" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to start saving</span> <span class="SiteNavFeaturedLink-supportText">4 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare accounts</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="1" data-text="Best CD rates" data-outcome="send to Best CD rates" > Best CD rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/best-6-month-cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="2" data-text="Best 6-month CD rates" data-outcome="send to Best 6-month CD rates" > Best 6-month CD rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/best-1-year-cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="3" data-text="Best 1-year CD rates" data-outcome="send to Best 1-year CD rates" > Best 1-year CD rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/best-5-year-cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="4" data-text="Best 5-year CD rates" data-outcome="send to Best 5-year CD rates" > Best 5-year CD rates</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/cd-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="1" data-text="CD calculator" data-outcome="send to link" > CD calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/cd-ladder-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="2" data-text="CD ladder calculator" data-outcome="send to link" > CD ladder calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/todays-cd-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="3" data-text="CD rate trends" data-outcome="send to link" > CD rate trends</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="4" data-text="CD resources" data-outcome="send to link" > CD resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/banking/cds/what-is-a-cd/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - CDs subcategory link" data-position="1" data-text="CD basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/a7b9c5207a/cd-basics.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/a7b9c5207a/cd-basics.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/a7b9c5207a/cd-basics.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">CD basics</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/banking/cds/how-to-invest-in-cds/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - CDs subcategory link" data-position="2" data-text="How to invest with CDs" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4b0ced533f/how-to-invest-with-cds.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4b0ced533f/how-to-invest-with-cds.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4b0ced533f/how-to-invest-with-cds.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to invest with CDs</span> <span class="SiteNavFeaturedLink-supportText">6 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Money market accounts</p> <p class="SiteNavTopicOverview-copy">Money market accounts are similar to savings accounts, but offer some checking features as well.</p> <a href="/banking/money-market/rates/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Banking nav - Money market subcategory CTA" data-position="1" data-text="View MMA rates" data-outcome="send to link" data-category="Banking"> View MMA rates</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/banking/mma/what-is-a-money-market-account/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="1" data-text="Money market basics" data-outcome="send to link" > Money market basics</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/money-market-account-vs-savings-account/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="2" data-text="Money market vs savings accounts" data-outcome="send to link" > Money market vs savings accounts</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/mma/how-does-a-money-market-account-work/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="3" data-text="How does an MMA work?" data-outcome="send to link" > How does an MMA work?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/mma/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="4" data-text="MMA resources" data-outcome="send to link" > MMA resources</a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Banking</p> <p class="SiteNavTopicOverview-copy">Unlock financial rewards by signing up for a savings or checking account with a bonus offer.</p> <a href="/banking/best-bank-account-bonuses/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Banking nav - Banks subcategory CTA" data-position="1" data-text="Best bank bonuses" data-outcome="send to link" data-category="Banking"> Best bank bonuses</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/awards/2024/best-banks/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="1" data-text="Best banks of 2024" data-outcome="send to link" > Best banks of 2024</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/best-online-banks/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="2" data-text="Best online banks" data-outcome="send to link" > Best online banks</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="3" data-text="Bank reviews" data-outcome="send to link" > Bank reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/federal-reserve/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="4" data-text="Federal Reserve news " data-outcome="send to link" > Federal Reserve news </a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/banking/reviews/capital-one/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Banks subcategory link" data-position="1" data-text="Capital One review" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/d50369eb56/capital-one-review.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/d50369eb56/capital-one-review.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/d50369eb56/capital-one-review.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Capital One review</span> <span class="SiteNavFeaturedLink-supportText">Our take on Capital One Bank</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/banking/reviews/marcus/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Banks subcategory link" data-position="2" data-text="Marcus review" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/d121fa8bad/marcus-review.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/d121fa8bad/marcus-review.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/d121fa8bad/marcus-review.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Marcus review</span> <span class="SiteNavFeaturedLink-supportText">Our take on Marcus by Goldman Sachs</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/banking/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Banking hub link - desktop nav" data-position="bottom" data-text="Explore all Banking resources" data-outcome="send to link" > Explore all banking resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-2" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/mortgages/" data-js-selector="siteNavCategorylink2" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 2, 7);" @keydown.right.prevent="keydownCategory('right', 2, 7);" @keydown.left.prevent="keydownCategory('left', 2, 7);" @keydown.down.prevent="keydownCategory('down', 2, 7);" @keydown.up.prevent="keydownCategory('up', 2, 7);" @keydown.home.prevent="keydownCategory('home', 2, 7);" @keydown.end.prevent="keydownCategory('end', 2, 7);" @keydown.space.prevent="keydownCategory('space', 2, 7);" @keydown.enter.prevent="keydownCategory('enter', 2, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="2" data-text="Mortgages" data-outcome="send to mortgages hub" > <span class="SiteNavCategory-label"> Mortgages</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-mortgages" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="2" data-text="Mortgages" data-outcome="open default mortgages container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="mortgages-tablist" class="SiteNavSubcategory-categoryTitle"> Mortgages</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="mortgages-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Purchase" data-position="1"> Purchase<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Refinance" data-position="2"> Refinance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Real estate" data-position="3"> Real estate<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/mortgages/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Mortgages hub link - mobile nav" data-position="bottom" data-text="Explore all Mortgages resources" data-outcome="send to link" > Explore all mortgages resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Mortgages category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Mortgages</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/mortgage-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="1" data-text="Mortgage rates" data-outcome="send to Mortgage rates" > Mortgage rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/30-year-mortgage-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="2" data-text="30-year mortgage rates" data-outcome="send to 30-year mortgage rates" > 30-year mortgage rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/15-year-mortgage-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="3" data-text="15-year mortgage rates" data-outcome="send to 15-year mortgage rates" > 15-year mortgage rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/va-loan-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="4" data-text="VA loan rates" data-outcome="send to VA loan rates" > VA loan rates</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/mortgages/mortgage-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="1" data-text="Mortgage calculator" data-outcome="send to link" > Mortgage calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/amortization-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="2" data-text="Amortization calculator" data-outcome="send to link" > Amortization calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/todays-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="3" data-text="Mortgage rate news" data-outcome="send to link" > Mortgage rate news</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/best-lenders/best-mortgage-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="4" data-text="Best mortgage lenders" data-outcome="send to link" > Best mortgage lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="5" data-text="Read lender reviews" data-outcome="send to link" > Read lender reviews</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/mortgages/how-to-get-a-mortgage/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory link" data-position="1" data-text="How to get a mortgage" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4037e1299d/how-to-get-a-mortgage.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4037e1299d/how-to-get-a-mortgage.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4037e1299d/how-to-get-a-mortgage.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a mortgage</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/mortgages/first-time-homebuyer-loans-and-programs/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory link" data-position="2" data-text="First-time homebuyer programs" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/8889d553d1/best-mortgage-lenders-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/8889d553d1/best-mortgage-lenders-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/8889d553d1/best-mortgage-lenders-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">First-time homebuyer programs</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/refinance-rates/" class="SiteNavPrimaryLink" target="" > Refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/cash-out-refinance-rates/" class="SiteNavPrimaryLink" target="" > Cash-out refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/30-year-refinance-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" > 30-year refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/15-year-refinance-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" > 15-year refinance rates</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/mortgages/refinance-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="1" data-text="Mortgage refinance calculator" data-outcome="send to link" > Mortgage refinance calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/best-lenders/refinance-mortgage-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="2" data-text="Best refinance lenders" data-outcome="send to link" > Best refinance lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/best-lenders/cash-out-refinance-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="3" data-text="Best cash-out refinance lenders" data-outcome="send to link" > Best cash-out refinance lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/refinancing/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="4" data-text="Mortgage refinance resources" data-outcome="send to link" > Mortgage refinance resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/mortgages/how-does-refinancing-a-mortgage-work/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory link" data-position="1" data-text="How to refinance your mortgage" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1442x1440/d475e14a0e/home-equity-lender-reviews-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1442x1440/d475e14a0e/home-equity-lender-reviews-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1442x1440/d475e14a0e/home-equity-lender-reviews-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to refinance your mortgage</span> <span class="SiteNavFeaturedLink-supportText">12 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/mortgages/cash-out-refinancing/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory link" data-position="2" data-text="Cash-out refinancing guide" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Cash-out refinancing guide</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Buying & selling</p> <p class="SiteNavTopicOverview-copy">Find an expert who knows the market. Compare trusted real estate agents all in one place.</p> <a href="/real-estate/agents/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory CTA" data-position="1" data-text="Find an agent" data-outcome="send to link" data-category="Mortgages"> Find an agent</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/real-estate/new-house-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="1" data-text="Home affordability calculator" data-outcome="send to link" > Home affordability calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/real-estate/cost-of-living-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="2" data-text="Cost of living calculator" data-outcome="send to link" > Cost of living calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/real-estate/how-much-is-my-house-worth/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="3" data-text="How much is my house worth?" data-outcome="send to link" > How much is my house worth?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/real-estate/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="4" data-text="Real estate resources" data-outcome="send to link" > Real estate resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/real-estate/how-to-buy-a-house/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory link" data-position="1" data-text="Buying a home" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/08fb8be334/buying-a-home.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/08fb8be334/buying-a-home.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/08fb8be334/buying-a-home.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Buying a home</span> <span class="SiteNavFeaturedLink-supportText">12 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/real-estate/how-to-sell-your-house/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory link" data-position="2" data-text="Selling a home" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3b255b330e/selling-a-home-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3b255b330e/selling-a-home-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3b255b330e/selling-a-home-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Selling a home</span> <span class="SiteNavFeaturedLink-supportText">10 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/mortgages/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Mortgages hub link - desktop nav" data-position="bottom" data-text="Explore all Mortgages resources" data-outcome="send to link" > Explore all mortgages resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-3" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/investing/" data-js-selector="siteNavCategorylink3" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 3, 7);" @keydown.right.prevent="keydownCategory('right', 3, 7);" @keydown.left.prevent="keydownCategory('left', 3, 7);" @keydown.down.prevent="keydownCategory('down', 3, 7);" @keydown.up.prevent="keydownCategory('up', 3, 7);" @keydown.home.prevent="keydownCategory('home', 3, 7);" @keydown.end.prevent="keydownCategory('end', 3, 7);" @keydown.space.prevent="keydownCategory('space', 3, 7);" @keydown.enter.prevent="keydownCategory('enter', 3, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="3" data-text="Investing" data-outcome="send to investing hub" > <span class="SiteNavCategory-label"> Investing</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-investing" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="3" data-text="Investing" data-outcome="open default investing container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="investing-tablist" class="SiteNavSubcategory-categoryTitle"> Investing</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="investing-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Investing" data-position="1"> Investing<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Retirement" data-position="2"> Retirement<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Financial advising" data-position="3"> Financial advising<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/investing/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Investing hub link - mobile nav" data-position="bottom" data-text="Explore all Investing resources" data-outcome="send to link" > Explore all investing resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Investing category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Investing</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare investments</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-investments/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="1" data-text="Best investments" data-outcome="send to Best investments" > Best investments</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-index-funds/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="2" data-text="Best index funds" data-outcome="send to Best index funds" > Best index funds</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-long-term-investments/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="3" data-text="Best long-term investments" data-outcome="send to Best long-term investments" > Best long-term investments</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-short-term-investments/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="4" data-text="Best short-term investments" data-outcome="send to Best short-term investments" > Best short-term investments</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/investing/calculators/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="1" data-text="All investing calculators" data-outcome="send to link" > All investing calculators</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/brokerage-reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="2" data-text="Brokerage reviews" data-outcome="send to link" > Brokerage reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/roboadvisor-reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="3" data-text="Robo-advisor reviews" data-outcome="send to link" > Robo-advisor reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/low-risk-investments/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="4" data-text="Low risk investments" data-outcome="send to link" > Low risk investments</a> </li> <li> <a class="SiteNavSecondaryLink" href="/taxes/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="5" data-text="Tax resources" data-outcome="send to link" > Tax resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/investing/passive-income-ideas/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Investing subcategory link" data-position="1" data-text="Passive income ideas" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3cfd293f15/passive-income-ideas-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3cfd293f15/passive-income-ideas-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3cfd293f15/passive-income-ideas-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Passive income ideas</span> <span class="SiteNavFeaturedLink-supportText">26 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/investing/how-to-start-investing/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Investing subcategory link" data-position="2" data-text="How to start investing" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to start investing</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare plans</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/retirement/best-retirement-plans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="1" data-text="Best retirement plans" data-outcome="send to Best retirement plans" > Best retirement plans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/retirement/best-ira-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="2" data-text="Best IRA accounts" data-outcome="send to Best IRA accounts" > Best IRA accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-roth-ira/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="3" data-text="Best Roth IRA accounts" data-outcome="send to Best Roth IRA accounts" > Best Roth IRA accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/retirement/best-places-to-rollover-401k/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="4" data-text="Best 401(k) rollover options" data-outcome="send to Best 401(k) rollover options" > Best 401(k) rollover options</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/retirement/401-k-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="1" data-text="401(k) calculator" data-outcome="send to link" > 401(k) calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/retirement-plan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="2" data-text="Retirement plan calculator" data-outcome="send to link" > Retirement plan calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/roth-ira-plan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="3" data-text="Roth IRA calculator" data-outcome="send to link" > Roth IRA calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/calculators/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="4" data-text="All retirement calculators" data-outcome="send to link" > All retirement calculators</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="5" data-text="Retirement resources" data-outcome="send to link" > Retirement resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/retirement/best-and-worst-states-for-retirement/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Retirement subcategory link" data-position="1" data-text="Best & worst states for retirement" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/59a3f533a8/best-worst-states-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/59a3f533a8/best-worst-states-for-retirement-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/59a3f533a8/best-worst-states-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Best & worst states for retirement</span> <span class="SiteNavFeaturedLink-supportText">6 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/retirement/how-to-save-for-retirement/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Retirement subcategory link" data-position="2" data-text="How to save for retirement" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/a6b1dc15ca/how-to-save-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/a6b1dc15ca/how-to-save-for-retirement-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/a6b1dc15ca/how-to-save-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to save for retirement</span> <span class="SiteNavFeaturedLink-supportText">15 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Finding an advisor</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/financial-advisor-matching/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="1" data-text="Find a financial advisor" data-outcome="send to Find a financial advisor" > Find a financial advisor</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/best-financial-advisors/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="2" data-text="Best financial advisors" data-outcome="send to Best financial advisors" > Best financial advisors</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/how-to-choose-a-financial-advisor/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="3" data-text="How to choose a financial advisor" data-outcome="send to How to choose a financial advisor" > How to choose a financial advisor</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/financial-advisor-vs-financial-planner/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="4" data-text="Financial planner vs advisor" data-outcome="send to Financial planner vs advisor" > Financial planner vs advisor</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-financial-planning/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="1" data-text="What is financial planning?" data-outcome="send to link" > What is financial planning?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-a-fiduciary/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="2" data-text="What is a fiduciary?" data-outcome="send to link" > What is a fiduciary?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-a-certified-financial-planner/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="3" data-text="What is a CFP?" data-outcome="send to link" > What is a CFP?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-wealth-management/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="4" data-text="What is wealth management?" data-outcome="send to link" > What is wealth management?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="5" data-text="Financial advisor resources" data-outcome="send to link" > Financial advisor resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/investing/financial-advisors/when-to-get-a-financial-advisor/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory link" data-position="1" data-text="When to get an advisor" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/1cdbf65950/what-is-wealth-management-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/1cdbf65950/what-is-wealth-management-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/1cdbf65950/what-is-wealth-management-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">When to get an advisor</span> <span class="SiteNavFeaturedLink-supportText">4 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/investing/financial-advisors/pros-cons-financial-advisor/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory link" data-position="2" data-text="Pros & cons of financial advising" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Pros & cons of financial advising</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/investing/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Investing hub link - desktop nav" data-position="bottom" data-text="Explore all Investing resources" data-outcome="send to link" > Explore all investing resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-4" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/credit-cards/" data-js-selector="siteNavCategorylink4" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 4, 7);" @keydown.right.prevent="keydownCategory('right', 4, 7);" @keydown.left.prevent="keydownCategory('left', 4, 7);" @keydown.down.prevent="keydownCategory('down', 4, 7);" @keydown.up.prevent="keydownCategory('up', 4, 7);" @keydown.home.prevent="keydownCategory('home', 4, 7);" @keydown.end.prevent="keydownCategory('end', 4, 7);" @keydown.space.prevent="keydownCategory('space', 4, 7);" @keydown.enter.prevent="keydownCategory('enter', 4, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="4" data-text="Credit cards" data-outcome="send to credit cards hub" > <span class="SiteNavCategory-label"> Credit cards</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-credit-cards" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="4" data-text="Credit cards" data-outcome="open default credit cards container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="credit-cards-tablist" class="SiteNavSubcategory-categoryTitle"> Credit cards</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="credit-cards-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Cards by category" data-position="1"> Cards by category<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Cards by credit" data-position="2"> Cards by credit<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Tools & reviews" data-position="3"> Tools & reviews<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Guides & resources" data-position="4"> Guides & resources<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/credit-cards/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Credit cards hub link - mobile nav" data-position="bottom" data-text="Explore all Credit cards resources" data-outcome="send to link" > Explore all credit cards resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Credit cards category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Credit cards</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare cards</p> <ul class="SiteNavPrimaryLinkList-list SiteNavPrimaryLinkList-list--twoColumns"> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/best-credit-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="1" data-text="Best cards of 2024" data-outcome="send to Best cards of 2024" > Best cards of 2024</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/cash-back/best-cash-back-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="2" data-text="Best cash back cards" data-outcome="send to Best cash back cards" > Best cash back cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/balance-transfer/best-balance-transfer-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="3" data-text="Best balance transfer cards" data-outcome="send to Best balance transfer cards" > Best balance transfer cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/zero-interest/best-zero-interest-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="4" data-text="Best 0% APR cards" data-outcome="send to Best 0% APR cards" > Best 0% APR cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/travel/best-travel-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="5" data-text="Best travel cards" data-outcome="send to Best travel cards" > Best travel cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/rewards/best-rewards-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="6" data-text="Best rewards cards" data-outcome="send to Best rewards cards" > Best rewards cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/business/best-business-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="7" data-text="Best business cards" data-outcome="send to Best business cards" > Best business cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/building-credit/best-student-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="8" data-text="Best student cards" data-outcome="send to Best student cards" > Best student cards</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Find my matches</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/tools/cardmatch/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by category subcategory link" data-position="1" data-text="CardMatch™" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4f02ac6944/cardmatch-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4f02ac6944/cardmatch-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4f02ac6944/cardmatch-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">CardMatch™</span> <span class="SiteNavFeaturedLink-supportText">Get personalized card recommendations</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/tools/compare/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by category subcategory link" data-position="2" data-text="Card comparison tool" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/10ad7295ae/card-comparison-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/10ad7295ae/card-comparison-tool-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/10ad7295ae/card-comparison-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Card comparison tool</span> <span class="SiteNavFeaturedLink-supportText">Compare credit cards side-by-side</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">See your card matches</p> <p class="SiteNavTopicOverview-copy">Answer a few quick questions and we’ll show you your top credit card options. </p> <a href="/credit-cards/tools/cardmatch/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory CTA" data-position="1" data-text="Find my matches" data-outcome="send to link" data-category="Credit cards"> Find my matches</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Compare cards</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/rewards/best-for-excellent-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="1" data-text="Excellent credit" data-outcome="send to link" > Excellent credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/building-credit/best-for-good-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="2" data-text="Good credit" data-outcome="send to link" > Good credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/building-credit/best-for-fair-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="3" data-text="Fair credit" data-outcome="send to link" > Fair credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/bad-credit/best-for-bad-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="4" data-text="Bad credit" data-outcome="send to link" > Bad credit</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/bad-credit/how-to-build-credit-fast/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory link" data-position="1" data-text="How to build credit" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/2e8651b174/how-to-build-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/2e8651b174/how-to-build-credit-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/2e8651b174/how-to-build-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to build credit</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/building-credit/best-for-no-credit-history/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory link" data-position="2" data-text="Best cards for building credit" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/5a53191033/best-cards-for-building-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/5a53191033/best-cards-for-building-credit-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/5a53191033/best-cards-for-building-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Best cards for building credit</span> <span class="SiteNavFeaturedLink-supportText">Find out which credit cards could help</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">See what the experts say</p> <p class="SiteNavTopicOverview-copy">Read in-depth credit card reviews to find out which cards have the best perks and more. </p> <a href="/credit-cards/reviews/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory CTA" data-position="1" data-text="Read card reviews" data-outcome="send to link" data-category="Credit cards"> Read card reviews</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/credit-card-payoff-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="1" data-text="Credit card payoff calculator" data-outcome="send to link" > Credit card payoff calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/credit-card-balance-transfer-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="2" data-text="Balance transfer calculator" data-outcome="send to link" > Balance transfer calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/credit-utilization-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="3" data-text="Credit utilization calculator" data-outcome="send to link" > Credit utilization calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="4" data-text="All credit card calculators" data-outcome="send to link" > All credit card calculators</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/tools/spender-type-tool/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory link" data-position="1" data-text="Spender type tool" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/43548bf9cd/spender-type-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/43548bf9cd/spender-type-tool-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/43548bf9cd/spender-type-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Spender type tool</span> <span class="SiteNavFeaturedLink-supportText">Find cards that fit your needs</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Get advice</p> <ul class="SiteNavPrimaryLinkList-list SiteNavPrimaryLinkList-list--twoColumns"> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/advice/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="1" data-text="Credit cards 101" data-outcome="send to Credit cards 101" > Credit cards 101</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/balance-transfer/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="2" data-text="Balance transfer advice" data-outcome="send to Balance transfer advice" > Balance transfer advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/zero-interest/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="3" data-text="Zero interest credit cards" data-outcome="send to Zero interest credit cards" > Zero interest credit cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/rewards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="4" data-text="Rewards credit card advice" data-outcome="send to Rewards credit card advice" > Rewards credit card advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/cash-back/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="5" data-text="Cash back credit card advice" data-outcome="send to Cash back credit card advice" > Cash back credit card advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/travel/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="6" data-text="Travel credit card advice" data-outcome="send to Travel credit card advice" > Travel credit card advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/business/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="7" data-text="Business credit card advice" data-outcome="send to Business credit card advice" > Business credit card advice</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Build credit</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/bad-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Guides & resources subcategory featured link" data-position="1" data-text="Advice for bad credit" data-outcome="send to link" > Advice for bad credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/building-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Guides & resources subcategory featured link" data-position="2" data-text="Rebuilding credit score" data-outcome="send to link" > Rebuilding credit score</a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/credit-cards/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Credit cards hub link - desktop nav" data-position="bottom" data-text="Explore all Credit cards resources" data-outcome="send to link" > Explore all credit cards resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-5" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/loans/" data-js-selector="siteNavCategorylink5" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 5, 7);" @keydown.right.prevent="keydownCategory('right', 5, 7);" @keydown.left.prevent="keydownCategory('left', 5, 7);" @keydown.down.prevent="keydownCategory('down', 5, 7);" @keydown.up.prevent="keydownCategory('up', 5, 7);" @keydown.home.prevent="keydownCategory('home', 5, 7);" @keydown.end.prevent="keydownCategory('end', 5, 7);" @keydown.space.prevent="keydownCategory('space', 5, 7);" @keydown.enter.prevent="keydownCategory('enter', 5, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="5" data-text="Loans" data-outcome="send to loans hub" > <span class="SiteNavCategory-label"> Loans</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-loans" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="5" data-text="Loans" data-outcome="open default loans container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="loans-tablist" class="SiteNavSubcategory-categoryTitle"> Loans</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="loans-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Personal loans" data-position="1"> Personal loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Auto loans" data-position="2"> Auto loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Student loans" data-position="3"> Student loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Small business loans" data-position="4"> Small business loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/loans/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Loans hub link - mobile nav" data-position="bottom" data-text="Explore all Loans resources" data-outcome="send to link" > Explore all loans resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Loans category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Loans</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/personal-loans/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="1" data-text="Best personal loans" data-outcome="send to Best personal loans" > Best personal loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/personal-loans/bad-credit-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="2" data-text="Best personal loans for bad credit" data-outcome="send to Best personal loans for bad credit" > Best personal loans for bad credit</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/personal-loans/debt-consolidation-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="3" data-text="Best debt consolidation loans" data-outcome="send to Best debt consolidation loans" > Best debt consolidation loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/home-improvement/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="4" data-text="Best home improvement loans" data-outcome="send to Best home improvement loans" > Best home improvement loans</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="1" data-text="Personal loan resources" data-outcome="send to link" > Personal loan resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="2" data-text="Personal loan lender reviews" data-outcome="send to link" > Personal loan lender reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/personal-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="3" data-text="Personal loans calculator" data-outcome="send to link" > Personal loans calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/average-personal-loan-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="4" data-text="Average personal loan interest rates" data-outcome="send to link" > Average personal loan interest rates</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/personal-loans/what-is-a-personal-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory link" data-position="1" data-text="Personal loan basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Personal loan basics</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/personal-loans/how-to-get-personal-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory link" data-position="2" data-text="How to get a personal loan" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a personal loan</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/auto-loans/rates/" class="SiteNavPrimaryLink" target="" > Best auto loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/auto-loans/refinance-rates/" class="SiteNavPrimaryLink" target="" > Best auto loan refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/auto-loans/bad-credit-loans/" class="SiteNavPrimaryLink" target="" > Best car loans for bad credit</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="1" data-text="Auto loan resources" data-outcome="send to link" > Auto loan resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="2" data-text="Auto loan lender reviews" data-outcome="send to link" > Auto loan lender reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/auto-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="3" data-text="Auto loan calculator" data-outcome="send to link" > Auto loan calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/auto-loan-refinancing-guide/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="4" data-text="Auto loan refinancing guide" data-outcome="send to link" > Auto loan refinancing guide</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/auto-loans/how-to-get-the-best-auto-loan-rate/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory link" data-position="1" data-text="How to get the best auto loan rate" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/d1a328a134/auto-loan-refinancing-guide-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/d1a328a134/auto-loan-refinancing-guide-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/d1a328a134/auto-loan-refinancing-guide-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get the best auto loan rate</span> <span class="SiteNavFeaturedLink-supportText">10 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/auto-loans/what-is-an-auto-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory link" data-position="2" data-text="Auto loan basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/720x720/c481afa0d2/auto-loan-refinancing-guide-s.jpg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/720x720/c481afa0d2/auto-loan-refinancing-guide-s.jpg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/720x720/c481afa0d2/auto-loan-refinancing-guide-s.jpg/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Auto loan basics</span> <span class="SiteNavFeaturedLink-supportText">5 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="1" data-text="Student loan rates" data-outcome="send to Student loan rates" > Student loan rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/refinance-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="2" data-text="Student loan refinancing rates" data-outcome="send to Student loan refinancing rates" > Student loan refinancing rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/private-student-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="3" data-text="Best private student loans" data-outcome="send to Best private student loans" > Best private student loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/bad-credit-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="4" data-text="Best bad credit student loans" data-outcome="send to Best bad credit student loans" > Best bad credit student loans</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="1" data-text="Student loan resources" data-outcome="send to link" > Student loan resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="2" data-text="Student loan lender reviews" data-outcome="send to link" > Student loan lender reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/student-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="3" data-text="Student loan calculator" data-outcome="send to link" > Student loan calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/student-loan-refinance-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="4" data-text="Student loan refinance calculator" data-outcome="send to link" > Student loan refinance calculator</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/student-loans/private-student-loans-guide/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Student loans subcategory link" data-position="1" data-text="Private student loan basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Private student loan basics</span> <span class="SiteNavFeaturedLink-supportText">10 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/student-loans/how-to-get-student-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Student loans subcategory link" data-position="2" data-text="How to get a student loan" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a student loan</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/best-small-business-loans/" class="SiteNavPrimaryLink" target="" > Best small business loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/bad-credit-business-loans/" class="SiteNavPrimaryLink" target="" > Bad credit small business loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/business-line-of-credit/" class="SiteNavPrimaryLink" target="" > Business lines of credit</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/best-banks-for-small-business-loans/" class="SiteNavPrimaryLink" target="" > Small business loan banks</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/small-business/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory featured link" data-position="1" data-text="Small business loans resources" data-outcome="send to link" > Small business loans resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/small-business/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory featured link" data-position="2" data-text="Small business loan reviews" data-outcome="send to link" > Small business loan reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/small-business/business-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory featured link" data-position="3" data-text="Small business loan calculator" data-outcome="send to link" > Small business loan calculator</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/small-business/how-do-small-business-loans-work/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory link" data-position="1" data-text="How small business loans work" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How small business loans work</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/small-business/how-to-get-a-business-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory link" data-position="2" data-text="How to get a business loan" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a business loan</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/loans/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Loans hub link - desktop nav" data-position="bottom" data-text="Explore all Loans resources" data-outcome="send to link" > Explore all loans resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-6" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/home-equity/" data-js-selector="siteNavCategorylink6" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 6, 7);" @keydown.right.prevent="keydownCategory('right', 6, 7);" @keydown.left.prevent="keydownCategory('left', 6, 7);" @keydown.down.prevent="keydownCategory('down', 6, 7);" @keydown.up.prevent="keydownCategory('up', 6, 7);" @keydown.home.prevent="keydownCategory('home', 6, 7);" @keydown.end.prevent="keydownCategory('end', 6, 7);" @keydown.space.prevent="keydownCategory('space', 6, 7);" @keydown.enter.prevent="keydownCategory('enter', 6, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="6" data-text="Home equity" data-outcome="send to home equity hub" > <span class="SiteNavCategory-label"> Home equity</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-home-equity" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="6" data-text="Home equity" data-outcome="open default home equity container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="home-equity-tablist" class="SiteNavSubcategory-categoryTitle"> Home equity</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="home-equity-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="HELOC" data-position="1"> HELOC<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Home equity loans" data-position="2"> Home equity loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/home-equity/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Home equity hub link - mobile nav" data-position="bottom" data-text="Explore all Home equity resources" data-outcome="send to link" > Explore all home equity resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Home equity category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Home equity</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">HELOC </p> <p class="SiteNavTopicOverview-copy">A HELOC is a variable-rate line of credit that lets you borrow funds for a set period and repay them later.</p> <a href="/home-equity/heloc-rates/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Home equity nav - HELOC subcategory CTA" data-position="1" data-text="HELOC Rates" data-outcome="send to link" data-category="Home equity"> HELOC Rates</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Home equity basics </p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/home-equity/heloc-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="1" data-text="Best HELOC lenders" data-outcome="send to link" > Best HELOC lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/heloc-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="2" data-text="HELOC calculator" data-outcome="send to link" > HELOC calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/what-is-heloc/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="3" data-text="What is a HELOC?" data-outcome="send to link" > What is a HELOC?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/pros-cons-of-home-equity-lines/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="4" data-text="Pros and cons of HELOCs" data-outcome="send to link" > Pros and cons of HELOCs</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="5" data-text="Home equity lender reviews" data-outcome="send to link" > Home equity lender reviews</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/home-equity/what-is-home-equity/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory link" data-position="1" data-text="What is home equity?" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">What is home equity?</span> <span class="SiteNavFeaturedLink-supportText">8 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/home-equity/how-to-calculate-equity-in-your-home/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory link" data-position="2" data-text="How to calculate home equity" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1280x720/98576f9f53/home-purchase.jpeg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1280x720/98576f9f53/home-purchase.jpeg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1280x720/98576f9f53/home-purchase.jpeg/m/50x50/filters:quality(90):format(webp)" alt="Home purchase"> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to calculate home equity</span> <span class="SiteNavFeaturedLink-supportText">6 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Home equity loans </p> <p class="SiteNavTopicOverview-copy">Home equity loans let you borrow a lump sum at a fixed rate, based on how much of the home you own outright.</p> <a href="/home-equity/home-equity-loan-rates/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory CTA" data-position="1" data-text="Home equity loan rates" data-outcome="send to link" data-category="Home equity"> Home equity loan rates</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance </p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/home-equity/what-is-home-equity-loan/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="1" data-text="What is a home equity loan?" data-outcome="send to link" > What is a home equity loan?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/pros-cons-home-equity-loan/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="2" data-text="Home equity loan pros and cons" data-outcome="send to link" > Home equity loan pros and cons</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/requirements-to-borrow-from-home-equity/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="3" data-text="Home equity loan requirements" data-outcome="send to link" > Home equity loan requirements</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/home-equity-loan-vs-line-of-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="4" data-text="HELOC vs home equity loan" data-outcome="send to link" > HELOC vs home equity loan</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/how-to-build-equity-in-your-home/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="5" data-text="How to build home equity" data-outcome="send to link" > How to build home equity</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/home-equity/home-equity-loan-lenders/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory link" data-position="1" data-text="Best home equity loan lenders" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/721x720/bad3fd8f56/heloc-lender-reviews-s.jpg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/721x720/bad3fd8f56/heloc-lender-reviews-s.jpg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/721x720/bad3fd8f56/heloc-lender-reviews-s.jpg/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Best home equity loan lenders</span> <span class="SiteNavFeaturedLink-supportText">Compare top home equity lenders</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/home-equity/home-equity-calculator/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory link" data-position="2" data-text="Home equity calculator" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1920x1080/2654611691/cd-rates.jpeg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1920x1080/2654611691/cd-rates.jpeg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1920x1080/2654611691/cd-rates.jpeg/m/50x50/filters:quality(90):format(webp)" alt="CD Rates"> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Home equity calculator</span> <span class="SiteNavFeaturedLink-supportText">Calculate how much you can borrow</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/home-equity/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Home equity hub link - desktop nav" data-position="bottom" data-text="Explore all Home equity resources" data-outcome="send to link" > Explore all home equity resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-7" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/insurance/" data-js-selector="siteNavCategorylink7" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 7, 7);" @keydown.right.prevent="keydownCategory('right', 7, 7);" @keydown.left.prevent="keydownCategory('left', 7, 7);" @keydown.down.prevent="keydownCategory('down', 7, 7);" @keydown.up.prevent="keydownCategory('up', 7, 7);" @keydown.home.prevent="keydownCategory('home', 7, 7);" @keydown.end.prevent="keydownCategory('end', 7, 7);" @keydown.space.prevent="keydownCategory('space', 7, 7);" @keydown.enter.prevent="keydownCategory('enter', 7, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="7" data-text="Insurance" data-outcome="send to insurance hub" > <span class="SiteNavCategory-label"> Insurance</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-insurance" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="7" data-text="Insurance" data-outcome="open default insurance container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="insurance-tablist" class="SiteNavSubcategory-categoryTitle"> Insurance</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="insurance-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Auto insurance" data-position="1"> Auto insurance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Home insurance" data-position="2"> Home insurance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Life insurance" data-position="3"> Life insurance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/insurance/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Insurance hub link - mobile nav" data-position="bottom" data-text="Explore all Insurance resources" data-outcome="send to link" > Explore all insurance resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Insurance category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Insurance</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/best-car-insurance-companies/" class="SiteNavPrimaryLink" target="" > Best car insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/cheap-car-insurance-companies/" class="SiteNavPrimaryLink" target="" > Cheapest car insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/rates/" class="SiteNavPrimaryLink" target="" > Compare car insurance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/average-cost-of-car-insurance/" class="SiteNavPrimaryLink" target="" > How much is car insurance?</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/allstate/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="1" data-text="Allstate insurance review" data-outcome="send to link" > Allstate insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/erie/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="2" data-text="Erie insurance review" data-outcome="send to link" > Erie insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/progressive/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="3" data-text="Progressive insurance review" data-outcome="send to link" > Progressive insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/state-farm/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="4" data-text="State Farm insurance review" data-outcome="send to link" > State Farm insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="5" data-text="All insurance company reviews" data-outcome="send to link" > All insurance company reviews</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/insurance/car/states/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory link" data-position="1" data-text="Auto insurance by state" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/5bfb00cc0b/auto-insurance-by-state.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/5bfb00cc0b/auto-insurance-by-state.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/5bfb00cc0b/auto-insurance-by-state.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Auto insurance by state</span> <span class="SiteNavFeaturedLink-supportText">Compare rates in your state</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/insurance/car/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory link" data-position="2" data-text="Car insurance resources" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/20e5cbc3e7/how-much-is-car-insurance-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/20e5cbc3e7/how-much-is-car-insurance-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/20e5cbc3e7/how-much-is-car-insurance-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Car insurance resources</span> <span class="SiteNavFeaturedLink-supportText">Learn more about auto insurance</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/best-home-insurance-companies/" class="SiteNavPrimaryLink" target="" > Best home insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/cheap-homeowners-insurance/" class="SiteNavPrimaryLink" target="" > Cheapest home insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/home-insurance-quotes/" class="SiteNavPrimaryLink" target="" > Home insurance quotes</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/homeowners-insurance-cost/" class="SiteNavPrimaryLink" target="" > How much is homeowners insurance?</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance </p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/kin/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="1" data-text="Kin insurance review" data-outcome="send to link" > Kin insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/hippo-insurance/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="2" data-text="Hippo insurance review" data-outcome="send to link" > Hippo insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/lemonade/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="3" data-text="Lemonade insurance review" data-outcome="send to link" > Lemonade insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/citizens-insurance/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="4" data-text="Citizens insurance review" data-outcome="send to link" > Citizens insurance review</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/insurance/homeowners-insurance/states/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory link" data-position="1" data-text="Home insurance by state" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/8af9dfc8a2/home-insurance-by-state-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/8af9dfc8a2/home-insurance-by-state-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/8af9dfc8a2/home-insurance-by-state-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Home insurance by state</span> <span class="SiteNavFeaturedLink-supportText">Compare rates in your state</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/insurance/homeowners-insurance/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory link" data-position="2" data-text="Home insurance resources" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/e85a91b40b/how-much-is-home-insurance-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/e85a91b40b/how-much-is-home-insurance-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/e85a91b40b/how-much-is-home-insurance-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Home insurance resources</span> <span class="SiteNavFeaturedLink-supportText">Learn more about home insurance</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare companies </p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/life-insurance-cost/" class="SiteNavPrimaryLink" target="" > How much does life insurance cost?</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/best-life-insurance-companies/" class="SiteNavPrimaryLink" target="" > Best life insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/life-insurance-quotes/" class="SiteNavPrimaryLink" target="" > Life insurance quotes</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/cheap-life-insurance/" class="SiteNavPrimaryLink" target="" > Cheapest life insurance companies</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/globe-life/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="1" data-text="Globe Life insurance review" data-outcome="send to link" > Globe Life insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/colonial-penn/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="2" data-text="Colonial Penn insurance review" data-outcome="send to link" > Colonial Penn insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/ladder-life-insurance/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="3" data-text="Ladder life insurance review" data-outcome="send to link" > Ladder life insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/ethos/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="4" data-text="Ethos life insurance review" data-outcome="send to link" > Ethos life insurance review</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/insurance/life-insurance/life-insurance-calculator/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory link" data-position="1" data-text="Life insurance calculator" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/8b7ce45a3a/whole-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/8b7ce45a3a/whole-life-insurance-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/8b7ce45a3a/whole-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Life insurance calculator</span> <span class="SiteNavFeaturedLink-supportText">How much do you need?</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/insurance/life-insurance/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory link" data-position="2" data-text="Life insurance resources" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/f61af7d73a/term-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/f61af7d73a/term-life-insurance-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/f61af7d73a/term-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Life insurance resources</span> <span class="SiteNavFeaturedLink-supportText">Learn more about life insurance</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/insurance/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Insurance hub link - desktop nav" data-position="bottom" data-text="Explore all Insurance resources" data-outcome="send to link" > Explore all insurance resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> </ul> <svg class="SiteNav-logo--mobile" width="100" height="20" viewBox="0 0 400 80" xmlns="http://www.w3.org/2000/svg" focusable="false"> <title>Bankrate</title> <g fill="#151515"> <path d="m100.16 78.16v-8.16h-.16c-3.75 6.26-10.42 9.5-18 9.5-15.45 0-28-11.63-28-26.88 0-16.87 12.12-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.19v-7.44h9.91v52.81zm.19-26.31c0-10.29-7.44-18.85-18.41-18.85-9.91 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.58 18.58 0 0 0 18.41-18.62z"/> <path d="m155.19 78.16v-28.78c0-11.16-4.38-16.4-13.16-16.4s-13.92 6.39-13.92 16.31v28.89h-9.92v-52.83h9.25v5.65h.19c3.9-5 9.35-7 15.45-7 12.68 0 22 8 22 22.6v31.58h-9.9z"/> <path d="m300.12 78.16v-8.16h-.18c-3.72 6.29-10.4 9.53-17.93 9.53-15.45 0-28-11.63-28-26.88 0-16.87 12.1-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.18v-7.47h9.85v52.81zm.19-26.31c0-10.29-7.44-18.87-18.4-18.87-9.92 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.57 18.57 0 0 0 18.4-18.6z"/> <path d="m325.11 78.16v-43.75h-7.11v-9.06h7.15v-17.73h9.85v17.73h8.68v9.06h-8.68v43.75z"/> <path d="m356 56.05c2.29 8.76 9.25 14.4 17.36 14.4a17 17 0 0 0 15.06-8.87h9.91a27.08 27.08 0 0 1 -25.41 17.92c-14.87 0-26.92-13.16-26.92-27.27 0-16.68 12.58-28.32 26.6-28.32a26.9 26.9 0 0 1 27.4 27.17 29.4 29.4 0 0 1 -.29 5h-43.71zm34.13-7.62c-.75-9-8.67-15.45-17.16-15.45-8.11 0-16.21 6.39-17 15.45z"/> <path d="m42 39.88a22.68 22.68 0 0 0 -4.89-3.79 18.39 18.39 0 0 0 1.73-2 21 21 0 0 0 4-14 21.57 21.57 0 0 0 -6.2-13.85 22 22 0 0 0 -15.96-6.24h-20.68v79.5h24.34c9.13 0 14.75-4 17.87-7.39a23.6 23.6 0 0 0 6.18-16.11 22.89 22.89 0 0 0 -6.39-16.12zm-21.32-30.61c8.37 0 12.5 5.75 12.88 11.43a11.49 11.49 0 0 1 -9.71 11.93h-14.58v-23.36zm3.65 61h-15.06v-28.37h13.73c11.89 0 16.1 7.6 16.1 14.11-.01 6.84-4.62 14.22-14.77 14.22z"/> <path d="m245.87 25.39c-9.38-.7-13 4-13 4v-4h-9.87v52.77h9.91v-29.64a20.28 20.28 0 0 1 1-6.37c2.14-6.48 9.16-8.56 16-6l4.09-8.7a22.74 22.74 0 0 0 -8.13-2.06z"/> <path d="m173.07 7.62h9.92v70.55h-9.92z"/> <path d="m205.26 78.16-21.88-26.43 19.62-26.38h11.21l-19.31 26.38 22.05 26.43z"/> </g> </svg></nav> <div class="SiteNav-rightLinks"> <button @click="toggleSearch" x-ref="siteNavSearchButton" class="SiteNavSearch" :class="{'is-active': isSearchOpen}" :aria-label="(isSearchOpen ? 'Close search modal' : 'Open search modal') + (!isMobile ? ' or press the home key to return to the main menu' : '')" data-beam-element-clicked data-type="button" data-location="site-nav" data-name="search" data-position="top" data-text="open search" data-outcome="link to search" tabindex="0" @keydown.shift.tab="isMobile && ($event.preventDefault() || $refs.siteNavLogo.focus())" @keydown.home.prevent="!isMobile && document.body.querySelector('[data-js-selector=siteNavCategorylink1]').focus()"> <svg class="Icon Icon--sm SiteNavSearch-magnifyingGlass" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Search Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M10.312 1.5C5.702 1.5 2 5.28 2 10c0 4.72 3.703 8.5 8.312 8.5a8.18 8.18 0 0 0 4.648-1.44l4.947 5.11c.428.44 1.125.44 1.553 0l.219-.22c.428-.38.428-1.1 0-1.54l-4.917-5.03A8.611 8.611 0 0 0 18.623 10c0-4.72-3.753-8.5-8.311-8.5Zm0 2.19c3.374 0 6.161 2.85 6.161 6.31 0 3.46-2.787 6.31-6.161 6.31-3.375 0-6.162-2.85-6.162-6.31 0-3.46 2.737-6.31 6.162-6.31Z" class="icon-base"/></svg><svg class="Icon Icon--xs SiteNavSearch-xButton" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Close X Icon</title><path d="M18.88 3.28a1.3 1.3 0 1 1 1.839 1.84L13.839 12l6.88 6.881a1.3 1.3 0 1 1-1.838 1.838L12 13.84l-6.881 6.88a1.3 1.3 0 1 1-1.839-1.838L10.161 12l-6.88-6.88a1.3 1.3 0 0 1 1.838-1.84L12 10.162l6.882-6.88Z" class="icon-base"/></svg></button> <button id="SiteNavMenuButton" x-ref="siteNavMenuButton" @click="toggleNav" class="SiteNav-hamburger" tabindex="0" :aria-label="isNavOpen ? 'Close menu' : 'Open menu'" @keydown.shift.tab.prevent="$refs.siteNavSearchButton.focus()" @keydown.tab="keydownMenuButton" @keydown.right="keydownMenuButton" @keydown.down="keydownMenuButton" @keydown.esc="isNavOpen && closeNav()" data-beam-element-clicked data-type="button" data-location="site-nav" data-name="hamburger menu" data-position="top" data-text="toggle hamburger menu" data-outcome="toggle hamburger menu" > <div class="SiteNav-hamburgerBars"></div> </button> </div> </div> <div class="SiteNav-overlay" x-ref="siteNavOverlayHeader" @click="closeNav" :class="{ 'is-active': isNavOpen }"></div> </div> <div class="SiteNav-overlay" x-ref="siteNavOverlay" @click="closeNav" :class="{ 'is-active': isNavOpen }"></div> <div class="SiteNavSearch-container" :class="{ 'is-active': isSearchOpen }" data-js-selector="global-search-filter" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="search flyout" data-position="top" data-text="open search flyout" data-outcome="open search flyout container" > <form class="SiteNavSearch-form" name="search bar" type="search" action="https://www.bankrate.com/search/"> <div> <div> <input type="text" id="siteSearchInput" x-ref="siteSearchInput" x-trap="(isSearchOpen && $refs.siteSearchInput.focus() === false)" @keydown.shift.tab="toggleSearch()" @keydown.esc="toggleSearch()" class="FormInput SiteNavSearch-input" name="q" placeholder="What can we help you find?" value="" autocomplete="off" aria-label="Search Bankrate" data-beam-field-inputted-no-pii data-label="Search Bankrate" :tabindex="isSearchOpen ? 0 : -1"> </div> <div> <button type="submit" class="SiteNavSearch-submit" data-js-selector="nav-search-submit-btn" :tabindex="isSearchOpen ? 0 : -1"> <span class="visually-hidden">Submit</span> <svg class="Icon Icon--sm" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Search Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M10.312 1.5C5.702 1.5 2 5.28 2 10c0 4.72 3.703 8.5 8.312 8.5a8.18 8.18 0 0 0 4.648-1.44l4.947 5.11c.428.44 1.125.44 1.553 0l.219-.22c.428-.38.428-1.1 0-1.54l-4.917-5.03A8.611 8.611 0 0 0 18.623 10c0-4.72-3.753-8.5-8.311-8.5Zm0 2.19c3.374 0 6.161 2.85 6.161 6.31 0 3.46-2.787 6.31-6.161 6.31-3.375 0-6.162-2.85-6.162-6.31 0-3.46 2.737-6.31 6.162-6.31Z" class="icon-base"/></svg></button> </div> </div> </form> </div> </header> <div id="preamp-after-nav-placement"></div> <div data-monarch-slot="afterNavigationSlot" data-content-strategy="append"></div> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/siteNav-1CzMPlbm.js" /><script type="module" src="https://www.bankrate.com/v5.1521.2/next/build/assets/siteNav-1CzMPlbm.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/legacyNavBinding-CTP0_v7I.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/bindings-ayichnEY.js" /><script type="module" src="https://www.bankrate.com/v5.1521.2/next/build/assets/legacyNavBinding-CTP0_v7I.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/web-vitals-CNPlK9eZ.js" /><script type="module" src="https://www.bankrate.com/v5.1521.2/next/build/assets/web-vitals-CNPlK9eZ.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/monarch-Ynma6bbP.js" /><script type="module" src="https://www.bankrate.com/v5.1521.2/next/build/assets/monarch-Ynma6bbP.js"></script><div id="main-content"> <main> <div class="hub-hero"> <section class="hub-hero bg-black bg-no-repeat bg-right w-full pos-relative overflow-hidden" style="background-image: url(https://www.bankrate.com/f/102997/912x513/ca2f73fdba/how-i-built-credit-with-credit-card.webp?auto=webp&fit=crop&width=1328&height=500&enable=upscale);"> <div class="hub-hero__gradient display-flex flex-direction-column justify-content-flex-start align-items-flex-end md:align-items-normal"> <div class="hub-hero__content gutter md:px-0 wrapper py-16 display-flex flex-grow mx-auto w-full pos-relative align-items-flex-end md:align-items-center"> <header class="wrapper w-full"> <h1 class="mb-2 md:mb-8 type-heading-one text-white">Cash Back Advice</h1> <p class="md:w-5/12 text-lg text-white leading-relaxed"> Cash back credit cards can be a great way to earn on your every day spending. Most cards let you redeem for statement credits, direct deposit, gift cards and more. Check out our latest guides below.</p> </header> </div> </div> </section> </div> <section class="hub-toolbar frame-b gutter"> <div class="wrapper"> <ul class="List display-flex -m-3 flex-wrap justify-content-center"> <li class="display-flex p-3 w-full sm:w-1/2 md:w-1/5" data-tracking-selector="hub-toolbar__item"> <article class="Card Card--accentedBottom hub-toolbar__card bg-white" data-card-component="" style="cursor: pointer;" > <div class="Card-body align-items-center justify-content-start md:justify-content-center flex-direction-row md:flex-direction-column" data-card-link-container=""> <span class="Card-icon Icon flex-shrink-0 Icon--md md:mb-4 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Credit Card Best Icon</title><path d="M6.04 6.53c-.959 0-1.74.797-1.74 1.775v11.39c0 .978.781 1.775 1.74 1.775h16.12c.958 0 1.74-.797 1.74-1.775V8.305c0-.978-.782-1.775-1.74-1.775H6.04Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.586 19.376h-7.24c-1.567 0-2.846-1.148-2.846-2.559V6.42c0-1.41 1.271-2.557 2.845-2.557h15.31c1.566 0 2.845 1.147 2.845 2.558v5.067c0 .361-.295.656-.656.656a.658.658 0 0 1-.656-.656V9.265H2.812v7.552c0 .69.689 1.247 1.533 1.247h7.24c.362 0 .657.295.657.656 0 .36-.295.656-.656.656ZM2.812 7.953h18.376V6.42c0-.689-.689-1.247-1.533-1.247H4.345c-.844 0-1.533.558-1.533 1.247v1.533Zm13.866 12.185h-.009a.649.649 0 0 0 .46-.188l5.002-5.002a.658.658 0 0 0 0-.927.658.658 0 0 0-.927 0l-4.535 4.535-1.96-1.968a.658.658 0 0 0-.926 0 .658.658 0 0 0 0 .927l2.427 2.435c.121.12.29.186.46.188h-.009.017Z" class="icon-base"/></svg></span> <a href="https://www.bankrate.com/credit-cards/cash-back/best-cash-back-cards/" class="Card-link type-heading-four my-0 md:text-center ml-4 md:ml-0" data-linktype="recirculation" data-navheading=""> See the best cash back cards</a> </div> </article> </li> <li class="display-flex p-3 w-full sm:w-1/2 md:w-1/5" data-tracking-selector="hub-toolbar__item"> <article class="Card Card--accentedBottom hub-toolbar__card bg-white" data-card-component="" style="cursor: pointer;" > <div class="Card-body align-items-center justify-content-start md:justify-content-center flex-direction-row md:flex-direction-column" data-card-link-container=""> <span class="Card-icon Icon flex-shrink-0 Icon--md md:mb-4 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Calendar Money Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M14.462 6H6.768c-.74 0-1.361.893-1.361 1.948v12.738c0 1.055.62 1.948 1.36 1.948h13.555c.74 0 1.361-.893 1.361-1.948V7.948c0-1.055-.62-1.948-1.361-1.948h-5.86Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.811 5.733c0 .346.283.629.63.629.345 0 .628-.283.628-.63v-.865h1.975c.684 0 1.258.826 1.258 1.801v2.164H4.258V6.668c0-.975.574-1.8 1.258-1.8H7.49v.865c0 .346.283.629.63.629.345 0 .629-.283.629-.63v-.865h6.062v.866ZM5.516 3.609H7.49v-.857c0-.346.283-.629.63-.629.345 0 .629.283.629.63v.856h6.062v-.857c0-.346.283-.629.63-.629.345 0 .628.283.628.63v.856h1.975c1.383 0 2.516 1.368 2.516 3.059v5.143c0 .346-.283.63-.63.63a.631.631 0 0 1-.628-.63V10.09H4.258v8.35c0 .975.574 1.801 1.258 1.801h8.454c.346 0 .63.283.63.63 0 .345-.284.628-.63.628H5.516C4.132 21.5 3 20.131 3 18.44V6.668c0-1.683 1.132-3.06 2.516-3.06Zm3.138 9.775a.789.789 0 0 1-.786.786.789.789 0 0 1-.787-.786c0-.433.354-.787.787-.787.432 0 .786.354.786.787Zm-.786 4.286a.789.789 0 0 0 .786-.787.789.789 0 0 0-.786-.786.789.789 0 0 0-.787.786c0 .433.354.787.787.787Zm4.836-4.286a.789.789 0 0 1-.787.786.789.789 0 0 1-.786-.786c0-.433.354-.787.786-.787.433 0 .787.354.787.787Zm5.01 7.4h-1.031a.631.631 0 0 1-.63-.63c0-.346.284-.629.63-.629h2.398c.362 0 .66-.299.66-.66a.664.664 0 0 0-.66-.66h-1.47a1.916 1.916 0 0 1-1.919-1.92c0-1.061.857-1.918 1.919-1.918h.102v-.456c0-.346.283-.63.63-.63.345 0 .628.284.628.63v.456h1.038c.346 0 .63.283.63.629 0 .346-.284.629-.63.629h-1.566a.626.626 0 0 1-.2 0h-.632a.665.665 0 0 0-.66.66c0 .362.298.66.66.66h1.47c1.062 0 1.919.858 1.919 1.92a1.916 1.916 0 0 1-1.919 1.918h-.11v.465c0 .346-.283.629-.629.629a.631.631 0 0 1-.629-.63v-.464Z" class="icon-base"/></svg></span> <a href="https://www.bankrate.com/credit-cards/cash-back/how-cash-back-works/" class="Card-link type-heading-four my-0 md:text-center ml-4 md:ml-0" data-linktype="recirculation" data-navheading=""> How does cash back work?</a> </div> </article> </li> <li class="display-flex p-3 w-full sm:w-1/2 md:w-1/5" data-tracking-selector="hub-toolbar__item"> <article class="Card Card--accentedBottom hub-toolbar__card bg-white" data-card-component="" style="cursor: pointer;" > <div class="Card-body align-items-center justify-content-start md:justify-content-center flex-direction-row md:flex-direction-column" data-card-link-container=""> <span class="Card-icon Icon flex-shrink-0 Icon--md md:mb-4 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Credit Card Search Icon</title><path d="M6.04 6.53c-.959 0-1.74.797-1.74 1.775v11.39c0 .978.781 1.775 1.74 1.775h16.12c.958 0 1.74-.797 1.74-1.775V8.305c0-.978-.782-1.775-1.74-1.775H6.04Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.345 19.17h7.24c.362 0 .657-.294.657-.655a.658.658 0 0 0-.656-.656h-7.24c-.845 0-1.534-.558-1.534-1.247V9.062h18.376v1.402c0 .36.295.655.656.655.36 0 .656-.295.656-.655V6.215c0-1.41-1.28-2.558-2.845-2.558H4.345C2.771 3.657 1.5 4.805 1.5 6.215v10.398c0 1.41 1.28 2.558 2.845 2.558ZM2.812 7.75V6.215c0-.689.689-1.246 1.533-1.246h15.31c.844 0 1.533.557 1.533 1.246v1.534H2.812Zm14.833 11.799a3.855 3.855 0 0 1-2.722-6.576 3.855 3.855 0 0 1 6.577 2.722c0 .807-.25 1.577-.71 2.225l1.308 1.31a.658.658 0 0 1 0 .926.643.643 0 0 1-.462.188.678.678 0 0 1-.464-.188l-1.31-1.31a3.801 3.801 0 0 1-2.216.703Zm3.991.795h-.005.008-.003Zm-3.99-7.183c-.648 0-1.296.246-1.796.738a2.539 2.539 0 0 0 0 3.592c.96.96 2.632.96 3.591 0a2.531 2.531 0 0 0 0-3.592 2.539 2.539 0 0 0-1.796-.738Z" class="icon-base"/></svg></span> <a href="https://www.bankrate.com/credit-cards/cash-back/how-to-choose-a-cash-back-credit-card/" class="Card-link type-heading-four my-0 md:text-center ml-4 md:ml-0" data-linktype="recirculation" data-navheading=""> How to choose a cash back card</a> </div> </article> </li> <li class="display-flex p-3 w-full sm:w-1/2 md:w-1/5" data-tracking-selector="hub-toolbar__item"> <article class="Card Card--accentedBottom hub-toolbar__card bg-white" data-card-component="" style="cursor: pointer;" > <div class="Card-body align-items-center justify-content-start md:justify-content-center flex-direction-row md:flex-direction-column" data-card-link-container=""> <span class="Card-icon Icon flex-shrink-0 Icon--md md:mb-4 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Rewards Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M5.689 13.703c.234.223.514.376.806.45v5.905c0 1.331 1.065 2.408 2.382 2.408h4.495a.551.551 0 0 0 .456 0h4.488c1.318 0 2.383-1.077 2.383-2.409v-5.935a1.934 1.934 0 0 0 1.401-1.864v-1.324C22.1 9.87 21.245 9 20.187 9H7.013C5.941 9 5.1 9.871 5.1 10.983v1.325c0 .531.21 1.041.589 1.395Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.812 7.039c-.309-.452-.49-1-.49-1.59 0-1.545 1.24-2.798 2.768-2.798 2.11 0 3.29 1.688 3.906 3.08.614-1.392 1.795-3.08 3.907-3.08 1.528 0 2.767 1.253 2.767 2.798 0 .59-.18 1.138-.49 1.59h.794c1.12 0 2.026.922 2.026 2.047v1.403c0 .941-.631 1.733-1.484 1.973v6.285c0 1.41-1.127 2.55-2.522 2.55h-4.752a.584.584 0 0 1-.484 0H7c-1.395 0-2.522-1.14-2.522-2.55v-6.252a1.947 1.947 0 0 1-.854-.476A2.022 2.022 0 0 1 3 10.54V9.14c0-1.178.89-2.1 2.026-2.1h.786Zm6.782 13.057h4.4c.734 0 1.335-.607 1.335-1.35v-6.21h-5.735v7.56Zm-1.188-7.56v7.56H7a1.347 1.347 0 0 1-1.335-1.35v-6.21h5.742ZM8.06 7.04c-.84-.017-1.55-.745-1.55-1.598 0-.862.72-1.597 1.58-1.597v-.008c1.855 0 2.767 2.07 3.13 3.203H8.06Zm8.003 0h-3.279c.367-1.136 1.28-3.188 3.126-3.188.854 0 1.58.735 1.58 1.598 0 .81-.635 1.509-1.427 1.59ZM4.187 9.146c0-.502.364-.9.839-.9v.008h13.948c.46 0 .839.382.839.847v1.403a.847.847 0 0 1-.839.847H4.988a.72.72 0 0 1-.549-.202.808.808 0 0 1-.252-.6V9.146Z" class="icon-base"/></svg></span> <a href="https://www.bankrate.com/credit-cards/cash-back/weighing-a-cash-back-card-vs-a-points-and-miles-card/" class="Card-link type-heading-four my-0 md:text-center ml-4 md:ml-0" data-linktype="recirculation" data-navheading=""> Compare cash back vs. points and miles</a> </div> </article> </li> </ul> </div> </section> <section id="cash-back-basics" class="section-wrapper frame bg-transparent py-0 gutter"> <div class="wrapper"> <div class="section-title border-gray mb-6"> <h2 level="2" class="type-heading-two mb-4"> Cash Back Basics </h2> </div> <div class="article-feed-carousel"> <div class="display-flex mb-8"> <h2 id="cash-back-basics-heading" class="type-heading-three m-0"> </h2> </div> <div class="w-full"> <div class="display-flex"> <div class="swiper UpNextCarousel" > <div class="swiper-container mb-4 md:mb-6" data-carousel-params="{ "loop": false, "slidesPerView": "auto", "spaceBetween": 24, "breakpoints": { "599": { "slidesPerView": "auto" } } }"> <div class="swiper-wrapper"> <div class="swiper-slide" style="width: 344px;"> <article class="Card Card--imageTop Card--accentBottom group" > <div class="Card-head"> <figure class="x-Card-image Cover m-0"> <picture class="Picture"> <img class="Picture-image" loading="lazy" src="https://www.bankrate.com/2023/01/19140247/GettyImages-1387048432-1.jpg?auto=webp&fit=cover&width=800&height=450" alt="Smiling woman holding credit card using laptop lying on sofa in living room at home" width="800" height="450"> </picture> </figure> </div> <div class="Card-body"> <div class="flex-1 display-flex flex-direction-column"> <p class="type-heading-four mb-4" style="order: 2;"> <a class=" Card-link" href="/credit-cards/cash-back/maximize-cash-back-strategy/" data-linktype="recirculation" data-navheading=""data-beam-element-clicked id="cash-back-basics-slide-1" data-type="button" data-location="article page" data-name=" carousel slide article" data-position="1" data-text="How to maximize cash back with your credit card" data-outcome="link-to-carousel-slide-article" > How to maximize cash back with your credit card</a> </p> <span class="type-heading-five uppercase mb-4 text-slate" style="order: 1;"> Credit Cards</span> </div> <div class="display-flex pt-6 mt-auto"> <span class="type-heading-six uppercase m-0"> 9 min read </span> <div class="ml-auto pl-4"> <span class="type-body-two text-slate m-0"> Oct 21, 2024</span> </div> </div> </div> </article> </div> <div class="swiper-slide" style="width: 344px;"> <article class="Card Card--imageTop Card--accentBottom group" > <div class="Card-head"> <figure class="x-Card-image Cover m-0"> <picture class="Picture"> <img class="Picture-image" loading="lazy" src="https://www.bankrate.com/brp/2024/01/26113739/Maximize-cash-at-Amazon.jpg?auto=webp&fit=cover&width=800&height=450" alt="Stack of Amazon packages" width="800" height="450"> </picture> </figure> </div> <div class="Card-body"> <div class="flex-1 display-flex flex-direction-column"> <p class="type-heading-four mb-4" style="order: 2;"> <a class=" Card-link" href="/credit-cards/cash-back/how-to-maximize-cash-back-on-amazon/" data-linktype="recirculation" data-navheading=""data-beam-element-clicked id="cash-back-basics-slide-2" data-type="button" data-location="article page" data-name=" carousel slide article" data-position="2" data-text="How to maximize cash back on Amazon.com" data-outcome="link-to-carousel-slide-article" > How to maximize cash back on Amazon.com</a> </p> <span class="type-heading-five uppercase mb-4 text-slate" style="order: 1;"> Credit Cards</span> </div> <div class="display-flex pt-6 mt-auto"> <span class="type-heading-six uppercase m-0"> 6 min read </span> <div class="ml-auto pl-4"> <span class="type-body-two text-slate m-0"> Oct 01, 2024</span> </div> </div> </div> </article> </div> <div class="swiper-slide" style="width: 344px;"> <article class="Card Card--imageTop Card--accentBottom group" > <div class="Card-head"> <figure class="x-Card-image Cover m-0"> <picture class="Picture"> <img class="Picture-image" loading="lazy" src="https://www.bankrate.com/2021/06/28161833/Untitled-114.jpeg?auto=webp&fit=cover&width=800&height=450" alt="Woman at grocery store in produce section" width="800" height="450"> </picture> </figure> </div> <div class="Card-body"> <div class="flex-1 display-flex flex-direction-column"> <p class="type-heading-four mb-4" style="order: 2;"> <a class=" Card-link" href="/credit-cards/cash-back/how-to-get-cash-back-from-a-credit-card/" data-linktype="recirculation" data-navheading=""data-beam-element-clicked id="cash-back-basics-slide-3" data-type="button" data-location="article page" data-name=" carousel slide article" data-position="3" data-text="How to get cash back from a credit card" data-outcome="link-to-carousel-slide-article" > How to get cash back from a credit card</a> </p> <span class="type-heading-five uppercase mb-4 text-slate" style="order: 1;"> Credit Cards</span> </div> <div class="display-flex pt-6 mt-auto"> <span class="type-heading-six uppercase m-0"> 7 min read </span> <div class="ml-auto pl-4"> <span class="type-body-two text-slate m-0"> Jun 20, 2024</span> </div> </div> </div> </article> </div> <div class="swiper-slide" style="width: 344px;"> <article class="Card Card--imageTop Card--accentBottom group" > <div class="Card-head"> <figure class="x-Card-image Cover m-0"> <picture class="Picture"> <img class="Picture-image" loading="lazy" src="https://www.bankrate.com/2022/05/20145140/Do-all-grocery-store-purchases-earn-grocery-cash-back-rewards.jpg?auto=webp&fit=cover&width=800&height=450" alt="customers buying groceries at a market" width="800" height="450"> </picture> </figure> </div> <div class="Card-body"> <div class="flex-1 display-flex flex-direction-column"> <p class="type-heading-four mb-4" style="order: 2;"> <a class=" Card-link" href="/credit-cards/rewards/grocery-store-purchases-and-cash-back-rewards/" data-linktype="recirculation" data-navheading=""data-beam-element-clicked id="cash-back-basics-slide-4" data-type="button" data-location="article page" data-name=" carousel slide article" data-position="4" data-text="Do all grocery store purchases earn grocery cash back rewards?" data-outcome="link-to-carousel-slide-article" > Do all grocery store purchases earn grocery cash back rewards?</a> </p> <span class="type-heading-five uppercase mb-4 text-slate" style="order: 1;"> Credit Cards</span> </div> <div class="display-flex pt-6 mt-auto"> <span class="type-heading-six uppercase m-0"> 4 min read </span> <div class="ml-auto pl-4"> <span class="type-body-two text-slate m-0"> Jun 07, 2024</span> </div> </div> </div> </article> </div> <div class="swiper-slide" style="width: 344px;"> <article class="Card Card--imageTop Card--accentBottom group" > <div class="Card-head"> <figure class="x-Card-image Cover m-0"> <picture class="Picture"> <img class="Picture-image" loading="lazy" src="https://www.bankrate.com/2019/06/20153352/Untitled4.jpeg?auto=webp&fit=cover&width=800&height=450" alt="Woman looking out over steps of historic building in Budapest" width="800" height="450"> </picture> </figure> </div> <div class="Card-body"> <div class="flex-1 display-flex flex-direction-column"> <p class="type-heading-four mb-4" style="order: 2;"> <a class=" Card-link" href="/credit-cards/cash-back/using-cash-back-for-travel-expenses/" data-linktype="recirculation" data-navheading=""data-beam-element-clicked id="cash-back-basics-slide-5" data-type="button" data-location="article page" data-name=" carousel slide article" data-position="5" data-text="Best cash back credit cards for travel" data-outcome="link-to-carousel-slide-article" > Best cash back credit cards for travel</a> </p> <span class="type-heading-five uppercase mb-4 text-slate" style="order: 1;"> Credit Cards</span> </div> <div class="display-flex pt-6 mt-auto"> <span class="type-heading-six uppercase m-0"> 6 min read </span> <div class="ml-auto pl-4"> <span class="type-body-two text-slate m-0"> Aug 11, 2023</span> </div> </div> </div> </article> </div></div> </div> <button class="swiper-button-prev Button Button--utility display-none sm:display-flex"> <span class="Icon"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg></span> </button> <button class="swiper-button-next Button Button--utility display-none sm:display-flex"> <span class="Icon"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></span> </button> <div class="swiper-pagination display-none"></div> </div> </div> </div> </div></div> </section> <section id="latest-articles-section" class="section-wrapper bg-transparent py-12 gutter"> <div class="wrapper"> <div class="hub-latest-articles" id="latest_articles"> <h2 class="type-heading-seven pb-4 border-gray border-solid border-b"> Latest Cash Back Advice</h2> <ul class="List mb-16 article-list"> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2022/01/25161208/how-to-redeem-rewards.jpg?auto=webp&fit=crop&width=230&height=150" alt="family snorkeling in the ocean" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/rewards/how-to-redeem-credit-card-rewards/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> How to redeem credit card rewards</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> You can redeem card rewards for cash back, points or miles and gift cards.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 7 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Nov 27, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2021/04/16152005/Untitled-4.jpeg?auto=webp&fit=crop&width=230&height=150" alt="Businesswoman standing at desk" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/issuers/close-discover-account/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> How to close a Discover account</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> Learn the steps needed to close a Discover account, as well as alternative options.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 6 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Nov 19, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2020/12/11170113/GettyImages-1175683122.jpg?auto=webp&fit=crop&width=230&height=150" alt="pregnant couple laying down and looking at a laptop" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/cash-back/best-cash-back-apps/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> The best cash back apps of 2024</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> If you want to earn cash back while shopping, cash back apps could help.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 7 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Nov 11, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2024/01/18105748/How-To-Choose-A-Cash-Back-Credit-Card-_-Bankrate.png?auto=webp&fit=crop&width=230&height=150" alt="man paying with credit card" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/cash-back/how-to-choose-a-cash-back-credit-card/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> How to choose a cash back credit card</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> Discover tips and resources for comparing cash back cards and maximizing rewards.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 8 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Nov 08, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2022/06/07102445/Using-new-credit-cards-to-fight-inflation.jpg?auto=webp&fit=crop&width=230&height=150" alt="woman using a credit card to shop online" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/news/how-a-new-credit-card-can-fight-against-inflation/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> How a new credit card can fight inflation</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> A new credit card, timed right and used strategically, can help you fight high prices.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 6 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Nov 07, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2022/06/02171317/Flat-rate-cash-back-cards-vs-bonus-category-cash-back-cards.jpg?auto=webp&fit=crop&width=230&height=150" alt="young couple buying flowers" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/cash-back/flat-rate-vs-bonus-category-cash-back-credit-cards/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Flat-rate cash back cards vs. bonus category cash back cards</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> Choosing a flat-rate or bonus category cash back card depends on how you use it.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 5 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Nov 06, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2021/12/20153940/Guide-to-BankAmeriDeals-Bank-of-Americas-bonus-cash-back-program.jpeg?auto=webp&fit=crop&width=230&height=150" alt="Man shopping from couch with credit card and laptop" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/rewards/experience-with-bankamerideals/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Guide to BankAmeriDeals, Bank of America’s bonus cash back program</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> BankAmeriDeals lets customers earn cash back from certain participating retailers.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 4 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Nov 04, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2020/09/01123209/Shop-With-Chase-Guide-Photo.jpeg?auto=webp&fit=crop&width=230&height=150" alt="Young man working at home office" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/rewards/shop-through-chase-guide/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Shop Through Chase guide</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> The Shop Through Chase program can help you to earn more rewards.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 6 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Oct 30, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2022/01/19132459/Are-rewards-credit-cards-worth-it.jpg?auto=webp&fit=crop&width=230&height=150" alt="Young woman riding bicycle on wooden pier in the Maldives" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/rewards/are-rewards-credit-cards-worth-it/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Are rewards credit cards worth it?</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> Credit cards can offer a variety of rewards, but wisely choose, and use, suitable cards</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 6 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Oct 25, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2021/10/18115016/GettyImages-1306153790.jpg?auto=webp&fit=crop&width=230&height=150" alt="Close up of a senior woman online shopping on her laptop" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/reviews/chase-freedom-vs-chase-sapphire-preferred/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Chase Freedom Flex vs. Chase Sapphire Preferred</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> Find out which Chase credit card is best for your spending habits.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 5 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Oct 23, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2023/01/19140247/GettyImages-1387048432-1.jpg?auto=webp&fit=crop&width=230&height=150" alt="Smiling woman holding credit card using laptop lying on sofa in living room at home" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/cash-back/maximize-cash-back-strategy/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> How to maximize cash back with your credit card</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> Have a comprehensive strategy in place to get the most out of cash back rewards.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 9 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Oct 21, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2023/10/05133846/Cards_Best-Cash-Back-Business-Credit-Cards-of-2023.jpg?auto=webp&fit=crop&width=230&height=150" alt="design element a violet background with a foreground of an older male in a suit holding a card in his hand with an airplane in the upper right corner and money descending behind him" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/business/best-cash-back-business-credit-cards/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Best cash back business credit cards</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> The best cash back business credit cards come with no annual fee.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 7 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Oct 18, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2022/03/04153417/Bank-americard-vs-boa-customized-cash-rewards-card.jpg?auto=webp&fit=crop&width=230&height=150" alt="man making purchase at gourmet grocery store" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/reviews/bankamericard-vs-boa-customized-cash-rewards/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> BankAmericard vs. Bank Of America Customized Cash Rewards</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> Would you prefer a longer intro APR or a shorter intro APR and ongoing rewards?</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 4 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Oct 16, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2023/03/23174327/Cards_Can-You-Earn-Rewards-On-Train-Travel_.jpg?auto=webp&fit=crop&width=230&height=150" alt="" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/travel/can-i-earn-rewards-on-train-travel/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Can you earn rewards on train travel?</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> Many travel credit cards reward train travel, including Amtrak credit cards.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 4 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Oct 07, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2021/11/03124257/Discover-it-Cash-Back-card-benefits-guide.jpeg?auto=webp&fit=crop&width=230&height=150" alt="Young woman Enjoying coffee time and using smartphone In restaurant" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/reviews/discover-it-cash-back-benefits-guide/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Discover it® Cash Back card benefits guide</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> The Discover it Cash Back benefits include rewards and an introductory APR offer.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 6 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Oct 02, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/brp/2023/06/13110132/Why-I-love-the-Blue-Cash-Preferred.jpg?auto=webp&fit=crop&width=230&height=150" alt="Asian father and daughter shopping at grocery story" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/reviews/why-i-love-amex-blue-cash-preferred/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Why I love the Blue Cash Preferred Card from American Express</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> The Blue Cash Preferred Card from American Express is a hard-to-beat grocery card.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 3 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Sep 26, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2022/01/28112614/what-is-a-statement-credit.jpg?auto=webp&fit=crop&width=230&height=150" alt="man looking at phone" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/advice/what-is-a-statement-credit/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> What is a statement credit?</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> A statement credit, which is a card benefit, can help bring down your card balance.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 6 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Sep 23, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2021/12/08154351/Is-the-Capital-One-Savor-worth-it_.jpeg?auto=webp&fit=crop&width=230&height=150" alt="Three friends laughing and eating at an outdoor restaurant" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/reviews/is-capital-one-savor-cash-rewards-worth-it/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Is the Capital One Savor card worth it?</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> The Capital One Savor is the ultimate card choice for food lovers and fun seekers but comes with an annual fee.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 4 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Sep 20, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2020/09/25135024/Untitled-2020-09-25T104920.483.jpeg?auto=webp&fit=crop&width=230&height=150" alt="Person looking at tablet and credit card" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/reviews/discover-it-cash-back-vs-chase-freedom/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> Discover it Cash Back vs. Chase Freedom Flex</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> Both cards can offer you a lot of cash back bang for your buck.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 4 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Sep 20, 2024</span> </div> </div> </article> </li> <li class="mb-4 md:mb-8"> <article class="Card Card--imageLeft Card--flat Card--accentedBottom"> <div class="Card-imageContainer"> <img src="https://www.bankrate.com/2021/02/03095111/Untitled-36.jpeg?auto=webp&fit=crop&width=230&height=150" alt="Mom at home on computer with her young son" class="Card-image" loading="lazy" width="230" height="150"> </div> <div class="Card-body"> <h2 class="type-heading-four mb-8"> <a class="Card-link" href="/credit-cards/cash-back/how-do-cash-back-sites-work/" data-linktype="recirculation" data-navheading="Latest Cash Back Advice"> How do cash back sites work?</a> </h2> <p class="type-body-one text-black mb-8 text-slate"> Retailers pay a commission to cash back sites as you make qualifying purchases.</p> <div class="Card-additional"> <span class="type-heading-six text-black uppercase"> 5 min read </span> <span class="type-body-two text-slate align-self-flex-end"> Sep 19, 2024</span> </div> </div> </article> </li> </ul> <div class="hub-pagination text-center"> <nav role="navigation" arial-label="Pagination"> <ul class="Pagination" data-testcafe="pagination-list"> <li class="Pagination-item" data-testcafe="pagination-previous-disabled"> <span class="Pagination-link backward nav" data-pagination="previous"> <span class="visually-hidden">Previous Page</span> <span class="Icon Icon--xs fill-blue"> <svg class="Icon-glyph" xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10"> <path fill-rule="evenodd" d="M4.8 0L0 5l1.2 1.25L4.8 10 6 8.75 2.401 5 6 1.25 4.8 0z"/> </svg> </span> </span> </li> <li class="Pagination-item" data-testcafe="pagination-current-page"> <span class="Pagination-link is-active">1</span> </li> <li class="Pagination-item " data-testcafe="pagination-page-number-2" data-tagular-enabled data-tagular-element-type="LINK" data-tagular-location="SECTION" data-tagular-position="LATEST ARTICLES" data-tagular-text="2" data-tagular-action-outcome="INTERNALLINK"> <a class="Pagination-link" href="https://www.bankrate.com/credit-cards/cash-back/?page=2" aria-label="Goto Page 2">2</a> </li> <li class="Pagination-item " data-testcafe="pagination-page-number-3" data-tagular-enabled data-tagular-element-type="LINK" data-tagular-location="SECTION" data-tagular-position="LATEST ARTICLES" data-tagular-text="3" data-tagular-action-outcome="INTERNALLINK"> <a class="Pagination-link" href="https://www.bankrate.com/credit-cards/cash-back/?page=3" aria-label="Goto Page 3">3</a> </li> <li class="Pagination-item display-none sm:display-inline-block" data-testcafe="pagination-page-number-4" data-tagular-enabled data-tagular-element-type="LINK" data-tagular-location="SECTION" data-tagular-position="LATEST ARTICLES" data-tagular-text="4" data-tagular-action-outcome="INTERNALLINK"> <a class="Pagination-link" href="https://www.bankrate.com/credit-cards/cash-back/?page=4" aria-label="Goto Page 4">4</a> </li> <li class="Pagination-item display-none sm:display-inline-block" data-testcafe="pagination-page-number-5" data-tagular-enabled data-tagular-element-type="LINK" data-tagular-location="SECTION" data-tagular-position="LATEST ARTICLES" data-tagular-text="5" data-tagular-action-outcome="INTERNALLINK"> <a class="Pagination-link" href="https://www.bankrate.com/credit-cards/cash-back/?page=5" aria-label="Goto Page 5">5</a> </li> <li class="Pagination-item" data-testcafe="pagination-next" data-tagular-enabled data-tagular-element-type="LINK" data-tagular-location="SECTION" data-tagular-position="LATEST ARTICLES" data-tagular-text="NEXT PAGE" data-tagular-action-outcome="INTERNALLINK"> <a class="Pagination-link forward nav" href="https://www.bankrate.com/credit-cards/cash-back/?page=2" rel="next" aria-label="Next Page" data-pagination="next"> <span class="visually-hidden">Next Page</span> <span class="Icon Icon--xs fill-blue"> <svg class="Icon-glyph" xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10"> <path fill-rule="evenodd" d="M4.8 6.25L1.2 10 0 8.75 3.6 5 0 1.25 1.2 0 6 5 4.8 6.25z"/> </svg> </span> </a> </li> </ul> </nav> </div> </div></div> </section> </main> </div> <footer data-swiftype-index="false"class="global-footer"> <div class="global-footer__container"> <h2 class="global-footer__logo-container"> <a href="https://www.bankrate.com/"> <span class="global-footer__logo-text">Bankrate logo</span> <svg width="120" height="24" width="100" height="20" viewBox="0 0 400 80" xmlns="http://www.w3.org/2000/svg" focusable="false"> <title>Bankrate</title> <g fill="#151515"> <path d="m100.16 78.16v-8.16h-.16c-3.75 6.26-10.42 9.5-18 9.5-15.45 0-28-11.63-28-26.88 0-16.87 12.12-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.19v-7.44h9.91v52.81zm.19-26.31c0-10.29-7.44-18.85-18.41-18.85-9.91 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.58 18.58 0 0 0 18.41-18.62z"/> <path d="m155.19 78.16v-28.78c0-11.16-4.38-16.4-13.16-16.4s-13.92 6.39-13.92 16.31v28.89h-9.92v-52.83h9.25v5.65h.19c3.9-5 9.35-7 15.45-7 12.68 0 22 8 22 22.6v31.58h-9.9z"/> <path d="m300.12 78.16v-8.16h-.18c-3.72 6.29-10.4 9.53-17.93 9.53-15.45 0-28-11.63-28-26.88 0-16.87 12.1-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.18v-7.47h9.85v52.81zm.19-26.31c0-10.29-7.44-18.87-18.4-18.87-9.92 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.57 18.57 0 0 0 18.4-18.6z"/> <path d="m325.11 78.16v-43.75h-7.11v-9.06h7.15v-17.73h9.85v17.73h8.68v9.06h-8.68v43.75z"/> <path d="m356 56.05c2.29 8.76 9.25 14.4 17.36 14.4a17 17 0 0 0 15.06-8.87h9.91a27.08 27.08 0 0 1 -25.41 17.92c-14.87 0-26.92-13.16-26.92-27.27 0-16.68 12.58-28.32 26.6-28.32a26.9 26.9 0 0 1 27.4 27.17 29.4 29.4 0 0 1 -.29 5h-43.71zm34.13-7.62c-.75-9-8.67-15.45-17.16-15.45-8.11 0-16.21 6.39-17 15.45z"/> <path d="m42 39.88a22.68 22.68 0 0 0 -4.89-3.79 18.39 18.39 0 0 0 1.73-2 21 21 0 0 0 4-14 21.57 21.57 0 0 0 -6.2-13.85 22 22 0 0 0 -15.96-6.24h-20.68v79.5h24.34c9.13 0 14.75-4 17.87-7.39a23.6 23.6 0 0 0 6.18-16.11 22.89 22.89 0 0 0 -6.39-16.12zm-21.32-30.61c8.37 0 12.5 5.75 12.88 11.43a11.49 11.49 0 0 1 -9.71 11.93h-14.58v-23.36zm3.65 61h-15.06v-28.37h13.73c11.89 0 16.1 7.6 16.1 14.11-.01 6.84-4.62 14.22-14.77 14.22z"/> <path d="m245.87 25.39c-9.38-.7-13 4-13 4v-4h-9.87v52.77h9.91v-29.64a20.28 20.28 0 0 1 1-6.37c2.14-6.48 9.16-8.56 16-6l4.09-8.7a22.74 22.74 0 0 0 -8.13-2.06z"/> <path d="m173.07 7.62h9.92v70.55h-9.92z"/> <path d="m205.26 78.16-21.88-26.43 19.62-26.38h11.21l-19.31 26.38 22.05 26.43z"/> </g> </svg></a> </h2> <nav class="global-footer__nav"> <div class="global-footer__nav-item"> <h3 class="type-body-one">About</h3> <ul class="List" data-js-selector="global-footer-category"> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="About us" class="global-footer__link type-body-two" href="https://www.bankrate.com/about/"> About us </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Press room" class="global-footer__link type-body-two" href="https://www.bankrate.com/press-releases/" rel="nofollow"> Press room </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Careers" class="global-footer__link type-body-two" href="https://www.bankrate.com/careers/"> Careers </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Advertise with us" class="global-footer__link type-body-two" href="https://www.bankrate.com/media-kit/"> Advertise with us </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Site map" class="global-footer__link type-body-two" href="https://www.bankrate.com/corporate/site-map/"> Site map </a> </li> </ul> </div> <div class="global-footer__nav-item"> <h3 class="type-body-one">Help</h3> <ul class="List" data-js-selector="global-footer-category"> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Contact us" class="global-footer__link type-body-two" href="https://www.bankrate.com/contact/" rel="nofollow"> Contact us </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Compare rates" class="global-footer__link type-body-two" href="https://www.bankrate.com/compare-rates/"> Compare rates </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Latest news" class="global-footer__link type-body-two" href="https://www.bankrate.com/news/"> Latest news </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Popular topics" class="global-footer__link type-body-two" href="https://www.bankrate.com/popular-finance-topics/"> Popular topics </a> </li> </ul> </div> <div class="global-footer__nav-item"> <h3 class="type-body-one">Legal</h3> <ul class="List" data-js-selector="global-footer-category"> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Privacy policy" class="global-footer__link type-body-two" href="https://www.bankrate.com/privacy/"> Privacy policy </a> </li> <li> <button data-beam-element-clicked-no-delay data-type="BUTTON" data-location="footer" data-name="footer links" data-text="Cookie settings" class="global-footer__link type-body-two ot-sdk-show-settings" type="button"> Cookie settings </button> </li> <li> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="footer" data-name="footer links" data-text="Do Not Sell or Share My Personal Information" class="global-footer__link type-body-two" href="https://www.bankrate.com/do-not-sell-or-share-my-personal-information/" rel="nofollow"> Do Not Sell or Share My Personal Information </a> </li> <li> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="footer" data-name="footer links" data-text="Consumer Health Information Privacy Policy" class="global-footer__link type-body-two" href="https://www.bankrate.com/consumer-health-information-privacy-policy/" rel="nofollow"> Consumer Health Information Privacy Policy </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Understanding Bankrate’s averages" class="global-footer__link type-body-two" href="https://www.bankrate.com/understanding-bankrates-rate-averages/" rel="nofollow"> Understanding Bankrate’s averages </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Terms of use" class="global-footer__link type-body-two" href="https://www.bankrate.com/terms/"> Terms of use </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="GLBA annual notice" class="global-footer__link type-body-two" href="https://www.bankrate.com/glba-notice/"> GLBA annual notice </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="California Consumer Financial Privacy Notice" class="global-footer__link type-body-two" href="https://www.bankrate.com/2022/02/15094901/california-notice.pdf"> California Consumer Financial Privacy Notice </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Licenses" class="global-footer__link type-body-two" href="https://www.bankrate.com/licenses/" rel="nofollow"> Licenses </a> </li> </ul> </div> <div class="global-footer__nav-item"> <h3 class="type-body-one">How we make money</h3> <p class="global-footer__paragraph type-body-two"> Bankrate.com is an independent, advertising-supported publisher and comparison service. We are compensated in exchange for placement of sponsored products and services, or by you clicking on certain links posted on our site. Therefore, this compensation may impact how, where and in what order products appear within listing categories, except where prohibited by law for our mortgage, home equity and other home lending products. Other factors, such as our own proprietary website rules and whether a product is offered in your area or at your self-selected credit score range, can also impact how and where products appear on this site. While we strive to provide a wide range of offers, Bankrate does not include information about every financial or credit product or service. </p> <p class="global-footer__paragraph type-body-two"> Bankrate, LLC NMLS ID# 1427381 <span>|</span> <a href="http://www.nmlsconsumeraccess.org/EntityDetails.aspx/COMPANY/1427381" rel="noopener" target="_blank">NMLS Consumer Access</a><br> BR Tech Services, Inc. NMLS ID #1743443 <span>|</span> <a href="http://www.nmlsconsumeraccess.org/EntityDetails.aspx/COMPANY/1743443" rel="noopener" target="_blank">NMLS Consumer Access</a> </p> </div> </nav> <div class="global-footer__social-bar-container"> <div class="global-footer__social-bar"> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="facebook" aria-label="Facebook" class="global-footer__icon" href="https://www.facebook.com/Bankrate/" rel="noopener" target="_blank" title="Facebook logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Facebook Icon</title><path d="M13.447 22.5H9.588a.86.86 0 0 1-.857-.857v-6.857H6.697a.86.86 0 0 1-.858-.857V10.07a.86.86 0 0 1 .857-.857h2.036V7.18a5.64 5.64 0 0 1 1.66-4.018A5.722 5.722 0 0 1 14.412 1.5h2.893a.86.86 0 0 1 .857.857v3.857a.86.86 0 0 1-.857.857H14.41l-.107.108v2.035h3a.86.86 0 0 1 .857.857v3.858a.86.86 0 0 1-.857.857h-3v6.857a.86.86 0 0 1-.857.857Zm-3-1.714h2.142v-6.857a.86.86 0 0 1 .857-.858h3V10.93h-3a.86.86 0 0 1-.857-.858V7.18c0-.483.193-.943.525-1.286a1.9 1.9 0 0 1 1.297-.536h2.036V3.214H14.41c-1.04 0-2.068.418-2.807 1.157a3.938 3.938 0 0 0-1.157 2.808v2.892a.86.86 0 0 1-.858.858H7.554v2.142h2.035a.86.86 0 0 1 .857.858v6.857Z" class="icon-base"/></svg></a> </span> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="twitter" aria-label="Twitter" class="global-footer__icon" href="https://twitter.com/bankrate" rel="noopener" target="_blank" title="Twitter logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Twitter Icon</title><path d="m14.001 10.394 7.82-8.906h-1.853l-6.794 7.72-5.423-7.72H1.5l8.202 11.686L1.5 22.512h1.853l7.165-8.165 5.731 8.165H22.5l-8.499-12.118Zm-2.544 2.879-.828-1.162L4.02 2.86h2.841l5.337 7.473.827 1.162 6.93 9.71h-2.84l-5.658-7.931Z" class="icon-base"/></svg></a> </span> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="instagram" aria-label="Instagram" class="global-footer__icon" href="https://www.instagram.com/bankrate/?hl=en" rel="noopener" target="_blank" title="Instagram logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Instagram Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M16.518 22.5H7.482c-3.58 0-5.982-2.506-5.982-6.243V7.743C1.5 4.017 3.901 1.5 7.482 1.5h9.036c3.58 0 5.982 2.506 5.982 6.243v8.514c0 3.737-2.401 6.243-5.982 6.243ZM7.482 3.224c-2.595 0-4.267 1.778-4.267 4.53v8.513c0 2.753 1.672 4.53 4.267 4.53h9.036c2.595 0 4.267-1.777 4.267-4.53V7.754c0-2.752-1.672-4.53-4.267-4.53H7.482Zm4.352 13.74a4.614 4.614 0 0 1-4.61-4.605 4.614 4.614 0 0 1 4.61-4.605c2.54 0 4.61 2.067 4.61 4.605a4.614 4.614 0 0 1-4.61 4.605Zm0-7.497A2.894 2.894 0 0 0 8.94 12.36a2.894 2.894 0 0 0 5.788 0 2.894 2.894 0 0 0-2.894-2.892Zm4.224-2.41a1.16 1.16 0 0 0 1.158 1.157c.632 0 1.157-.524 1.157-1.156 0-.632-.525-1.157-1.157-1.157-.633 0-1.158.525-1.158 1.157Z" class="icon-base"/></svg></a> </span> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="linkedin" aria-label="LinkedIn" class="global-footer__icon" href="https://www.linkedin.com/company/bankrate/" rel="noopener" target="_blank" title="LinkedIn logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>LinkedIn Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M7.482 22.48h9.036c3.58 0 5.982-2.506 5.982-6.244V7.723c0-3.738-2.401-6.244-5.982-6.244H7.482C3.902 1.48 1.5 3.996 1.5 7.723v8.513c0 3.738 2.401 6.244 5.982 6.244ZM3.215 7.733c0-2.752 1.672-4.53 4.267-4.53h9.036c2.595 0 4.267 1.778 4.267 4.53v8.514c0 2.752-1.672 4.53-4.267 4.53H7.482c-2.595 0-4.267-1.778-4.267-4.53V7.733Zm3.398 7.775a.86.86 0 0 0 .858.857.86.86 0 0 0 .857-.857V11.47a.86.86 0 0 0-.857-.857.86.86 0 0 0-.858.857v4.037Zm9.927.857a.86.86 0 0 1-.858-.857v-3.652a1.9 1.9 0 0 0-1.897-1.895c-1.05 0-1.887.846-1.887 1.895v3.652a.86.86 0 0 1-.858.857.86.86 0 0 1-.857-.857v-3.652a3.6 3.6 0 0 1 3.602-3.598c1.983 0 3.612 1.617 3.612 3.598v3.652a.86.86 0 0 1-.857.857ZM8.37 8.462a.9.9 0 1 1-1.8-.001.9.9 0 0 1 1.8 0Z" class="icon-base"/></svg></a> </span> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="youtube" aria-label="Youtube" class="global-footer__icon" href="https://www.youtube.com/user/bankrate" rel="noopener" target="_blank" title="YouTube logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>YouTube Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M4.414 20.127c.943.343 4.318.514 7.662.514l-.011.011c3.3 0 6.59-.16 7.458-.493 1.233-.364 2.187-1.371 2.476-2.561.664-1.907.664-9.248.021-11.156a3.626 3.626 0 0 0-2.475-2.636c-1.94-.632-13.342-.6-15.078.032A3.595 3.595 0 0 0 1.992 6.4c-.654 1.94-.654 9.302-.011 11.21.332 1.232 1.297 2.196 2.433 2.518Zm.589-14.65c.75-.278 4.03-.417 7.244-.417v.01c3.044 0 6.023.118 6.773.376.01.01.021.01.032.01.643.193 1.147.73 1.329 1.469.536 1.586.536 8.583-.022 10.19a1.949 1.949 0 0 1-1.371 1.415c-1.48.558-12.463.558-14.05-.021-.62-.172-1.125-.686-1.317-1.383-.536-1.575-.536-8.594.02-10.234.162-.675.665-1.21 1.362-1.414Zm4.823 9.956c.214.118.45.182.686.182v.011c.235 0 .46-.064.675-.182l3.933-2.24a1.364 1.364 0 0 0 0-2.368l-3.933-2.24a1.345 1.345 0 0 0-1.361 0 1.359 1.359 0 0 0-.675 1.179v4.48c0 .492.246.932.675 1.178Zm3.911-3.418-2.872 1.628v-3.257l2.872 1.629Z" class="icon-base"/></svg></a> </span> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="tiktok" aria-label="TikTok" class="global-footer__icon" href="https://www.tiktok.com/@bankrate/" rel="noopener" target="_blank" title="TikTok logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Tiktok Icon</title><path d="M9.852 22.5a7.106 7.106 0 0 1-7.104-7.104 7.106 7.106 0 0 1 7.104-7.103c.225 0 .45.096.61.257.161.16.247.386.247.61 0 0-.032 2.326-.032 3.269 0 .439-.332.803-.772.857a2.025 2.025 0 0 0-1.821 2.025 2.035 2.035 0 1 0 4.071 0V2.357a.86.86 0 0 1 .857-.857h2.904c.364 0 .696.236.814.59.225.664 1.147 2.85 3.75 3.096.44.043.772.407.772.857v3.471a.849.849 0 0 1-.633.825c-1.35.354-2.7-.01-3.664-.439v5.496A7.106 7.106 0 0 1 9.852 22.5Zm-.868-12.418c-2.561.418-4.522 2.647-4.522 5.314a5.4 5.4 0 0 0 5.39 5.39 5.4 5.4 0 0 0 5.389-5.39V8.454c0-.322.182-.622.471-.761a.857.857 0 0 1 .89.064c.01.01 1.489 1.05 2.946 1.007V6.761c-2.143-.482-3.536-2.025-4.21-3.557H13.87V15.3a3.754 3.754 0 0 1-3.75 3.75 3.754 3.754 0 0 1-3.75-3.75 3.727 3.727 0 0 1 2.603-3.568c0-.525 0-1.157.01-1.66v.01Z" class="icon-base"/></svg></a> </span> </div> </div> <div class="global-footer__copyright-container"> <p class="type-body-three"> © 2024 Bankrate, LLC. A Red Ventures company. All Rights Reserved. </p> </div> </div> <div class="preamp-footer-placement"></div><div class="preamp-footer-placement"></div></footer> <div id="modalStack" class="pos-relative" style="z-index: 999;"></div> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/classy-NVLrLVRY.js" /><script type="module" src="https://www.bankrate.com/v5.1521.2/next/build/assets/classy-NVLrLVRY.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/swiper-DWCLpeyN.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/core-BQ0W-InE.js" /><script type="module" src="https://www.bankrate.com/v5.1521.2/next/build/assets/swiper-DWCLpeyN.js"></script><script> document.addEventListener("DOMContentLoaded", () => window.initializeSwipers()); </script> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/alpine-D-xUEzKl.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/module.esm-BVmYX9MG.js" /><script type="module" src="https://www.bankrate.com/v5.1521.2/next/build/assets/alpine-D-xUEzKl.js"></script><link rel="preload" as="style" href="https://www.bankrate.com/v5.1521.2/next/build/assets/alpine-tooltip-C-gN9zoC.css" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/alpine-tooltip-BqQqc9mh.js" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.2/next/build/assets/alpine-tooltip-C-gN9zoC.css" /><script type="module" src="https://www.bankrate.com/v5.1521.2/next/build/assets/alpine-tooltip-BqQqc9mh.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.2/next/build/assets/alpine-focus-C76grI_8.js" /><script type="module" src="https://www.bankrate.com/v5.1521.2/next/build/assets/alpine-focus-C76grI_8.js"></script><script async> function callMonarch(appId, ruleSetId, containerClass) { cohesion('monarch:ready', async () => { function getMonarchRuleSet(ruleSetCustomId) { return new Promise((res, rej) => { monarch( 'ruleset', ruleSetCustomId, {}, { sourceId: appId, makeIdentifier: `${window._Tagular.webContext.anonymousId}`, }, (err, result) => { if (err) { console.error('Monarch Error', err); res([]); } else { // loop through the keys of the result object for (const key in result) { result[key].ruleName = key; result[key].ruleSetId = ruleSetCustomId; } res(Object.values(result)); } } ); }); } const assets = await getMonarchRuleSet(ruleSetId); /** * Helper that transforms Monarch assets into a dictionary * to be used by the Wealth Rate Table application. */ const formatDictionary = (assets) => { return assets.reduce((acc, curr) => { // handles wealth assets if (curr.metadata) { const parsedMetadata = JSON.parse(curr.metadata); acc[parsedMetadata._featureName] = parsedMetadata; } // handles JO assets if (curr.assetPlacements?.length) { curr.assetPlacements.forEach((assetPlacement) => { if (assetPlacement.asset.metadata) { const parsedMetadata = JSON.parse(assetPlacement.asset .metadata); acc[parsedMetadata._featureName] = parsedMetadata; } }); } return acc; }, {}); } const formatWealthAssets = (assets) => { // Containing object to deliver processed assets to rate table let assetDictionary = {}; // Handles assets if they are deployed via multiple rules const multipleRules = Object.values(assets); // If multiple rules are detected if (multipleRules.length) { const formattedAssets = formatDictionary(multipleRules); assetDictionary = { ...assetDictionary, ...formattedAssets }; } // If single rule with one or many assets if (assets.length) { const formattedAssets = formatDictionary(assets); assetDictionary = { ...assetDictionary, ...formattedAssets }; } return assetDictionary; }; if (assets.length === 0) { return; } // Checks if we're on a page that contains the Wealth Rate Table if (typeof window.setMonarchAssets === 'function') { // Invokes method that will trigger a Wealth Rate Table state update window.setMonarchAssets(formatWealthAssets(assets)); } if (!window.jo) { // Initialize jo object on the window window.jo = {}; // Store Monarch assets within jo object window.jo.monarchAssets = []; // Create a method to push Monarch assets to monarchAssets array window.jo.storeMonarchMetadata = function storeMonarchMetadata(asset) { window.jo.monarchAssets.push(asset); } /** * Retrieve the JSON metadata for a Monarch-served preamp asset on the current page via ID. * * @NOTE "ID" refers to a nonstandard field that may be included in a JSON asset, NOT a preamp asset ID. */ window.jo.getMonarchMetadataById = function getMonarchMetadataById(id) { const matchedAsset = window.jo.monarchAssets.find(asset => { if (!asset.metadata) { return false; } try { const metadataJSON = JSON.parse(asset.metadata); const isAssetMatch = metadataJSON?.__id === id || metadataJSON?.__featureName === id; return isAssetMatch; } catch (error) { console.log(error); } }); if (!matchedAsset) { return {}; }; let metadata; try { metadata = JSON.parse(matchedAsset?.metadata); } catch { metadata = {}; } return metadata; } // Function to retrieve the JSON metadata for a Monarch-served preamp asset by feature name window.jo.getMetadataByFeatureName = function getMetadataByFeatureName(featureName) { const matchedAsset = window.jo.monarchAssets.find(asset => { if (!asset.metadata) { return false; } const metadataJSON = JSON.parse(asset.metadata); return metadataJSON._featureName === featureName; }); if (!matchedAsset) { return {}; } let metadata; try { metadata = JSON.parse(matchedAsset.metadata); } catch { metadata = {}; } return metadata; } } assets.flatMap((a, assetIndex, assets) => { const experienceId = a?.experienceId; const assetPlacements = a?.assetPlacements; const isLast = assetIndex === assets.length - 1; const brDataStoredEvent = new CustomEvent('jo:br-data:stored'); const ruleLoadedEvent = new CustomEvent('monarch:rule:loaded', { detail: { ruleSetId: a.ruleSetId, ruleName: a.ruleName, data: a, }, }); window.dispatchEvent(ruleLoadedEvent); if (containerClass) { if (experienceId) { const targetEl = document.getElementsByClassName(containerClass)[0]; const elements = assetPlacements.flatMap((a) => { window.jo.storeMonarchMetadata(a.asset); return renderPreampResponse(a.asset); }); targetEl.append(...elements); } if (assets && !experienceId) { const targetEl = document.getElementsByClassName(containerClass)[0]; window.jo.storeMonarchMetadata(a); const elements = renderPreampResponse(a); elements.forEach(element => targetEl.append(element)); } } function renderPreampResponse(assetType) { const container = document.createElement('div'); const script = document.createElement('script'); script.innerHTML = assetType.js; container.innerHTML = ` <div> <style>${assetType.css ? assetType.css : ''}</style> <div>${assetType.html ? assetType.html : ''}</div> </div> `; return [container, script]; } if (isLast) { window.dispatchEvent(brDataStoredEvent); } }); }); } </script> <script async> setTimeout( () => callMonarch('18b02819-56c9-4af5-8780-faf726c1ba86', '6a07f528-a8bd-46d0-964e-ae1d6f1949b7', 'preamp-footer-placement'), +0) </script> <script async> setTimeout( () => callMonarch('18b02819-56c9-4af5-8780-faf726c1ba86', 'b0efcaed-9cbc-44d7-86f3-3d37d27484b1', 'preamp-footer-placement'), +0) </script> <script src="/ext/cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="09034832-9ea3-4f44-82ce-803550818ae2" defer="defer"></script> <script type="text/javascript"> function OptanonWrapper() { } </script> </body> </html>