<!doctype html>
<html class="no-js gutter-stable" 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>Bankrate: Trusted ways to save, borrow and thrive</title><meta name="description" content="Your bank has a mortgage rate. Bankrate has a better one. Access verified data and personalized tools on the platform built to put your financial goals first."><meta name="pageuuid" content="2657d1d2-653c-4a4f-8703-ceec6f0231d8"><meta name="ContentSrc" content="sb:34898631"><link rel="canonical" href="https://www.bankrate.com/"><meta name="robots" content="index, follow"><meta property="og:title" content="Bankrate: Trusted ways to save, borrow and thrive"><meta property="og:description" content="Your bank has a mortgage rate. Bankrate has a better one. Access verified data and personalized tools on the platform built to put your financial goals first."><meta property="og:url" content="https://www.bankrate.com/"><meta property="og:site_name" content="Bankrate"><meta property="og:image" content="https://a.storyblok.com/f/102997/1200x630/531fb9a603/br-open-graph.jpg"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@bankrate"><meta name="twitter:title" content="Bankrate: Trusted ways to save, borrow and thrive"><meta name="twitter:description" content="Your bank has a mortgage rate. Bankrate has a better one. Access verified data and personalized tools on the platform built to put your financial goals first."><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage"}</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="published_at" data-type="date" content="2026-06-05" /><meta class="swiftype" name="title" data-type="string" content="Bankrate: Trusted ways to save, borrow and thrive" /><meta class="swiftype" name="description" data-type="text" content="Your bank has a mortgage rate. Bankrate has a better one. Access verified data and personalized tools on the platform built to put your financial goals first." /><meta class="swiftype" name="url" data-type="enum" content="https://www.bankrate.com/" /><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>
<link rel="preload" as="style" href="https://www.bankrate.com/v7.131.1/next/build/assets/treasury-Dp3QXQ-H.css" /><link rel="stylesheet" href="https://www.bankrate.com/v7.131.1/next/build/assets/treasury-Dp3QXQ-H.css" /><link rel="preload" as="style" href="https://www.bankrate.com/v7.131.1/next/build/assets/app-Bmgp06Nw.css" /><link rel="stylesheet" href="https://www.bankrate.com/v7.131.1/next/build/assets/app-Bmgp06Nw.css" /><script type="module">
document.documentElement.classList.remove('no-js');
</script>
<style type="text/css">
.preampjs [data-preamp],
    .fusejs [data-fuse] {
        opacity: 0 !important
    }
</style>
<link rel="preload" as="script" href="https://www.bankrate.com/cohesion/cohesion-latest.min.js?cDomain=.bankrate.com">
<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://www.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","secure-offers.bankrate.com","secure-offers.qa.bankrate.com","advisormatch.bankrate.com","advisormatch.qa.bankrate.com","wealth-click-service.bankrate.com","wealth-click-service.qa.bankrate.com","auth.bankrate.com","auth.qa.bankrate.com"],
            pageScrolledDistance: [1, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100]
        },
        monarch: {
            endpoint: 'https://www.bankrate.com/monarch',
            simulatedEvents: {
                enabled: true
            },
            sourceId: '18b02819-56c9-4af5-8780-faf726c1ba86',
            token: '3cad2546-0519-448d-bfa9-7ac038eb9e46',
            autoRequest: {
                enabled: true
            }
        },
        consent: {
            enableConsentModeV2: true,
        },
    })
</script>
<link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/index-Bf1cinGC.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/bankrateCookie-BoVJ5tfX.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/metadata-C3ayMUl6.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/pid-Cp4Cb3uG.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/event-BTgnvNUU.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/cookie-CTqtRPq4.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/onetrust-BqWgT-PS.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/queryParams-LTW4Z-tQ.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/index-Bf1cinGC.js"></script><script>
window.hidePageTimeoutId = {};

        window.initMonarchHidePage = function(timeoutMs, monarchEvent, loadingClass) {
            monarchEvent = monarchEvent || 'monarch:ready';
            loadingClass = loadingClass || 'monarch-loading';

            if (window.__monarchHidePageInitialized) return;
            window.__monarchHidePageInitialized = true;

            var root = document.documentElement;
            if (root.classList.contains('monarch-ready')) return;

            root.classList.add('monarch-hide-page');
            root.classList.add(loadingClass);

            var style = document.getElementById('monarch-hide-page-' + loadingClass);

            function showPage() {
                root.classList.remove(loadingClass);
                root.classList.remove('monarch-hide-page');
                root.classList.add('monarch-ready');

                if (style && style.parentNode) {
                    style.parentNode.removeChild(style);
                }
                style = null;
            }

            window.hidePageTimeoutId[loadingClass] = window.setTimeout(function() {
                if (root.classList.contains('monarch-loading')) {
                    window.__monarchSkipExperiences = true;
                    showPage();
                    document.dispatchEvent(new Event(monarchEvent));
                }
            }, timeoutMs);

            document.addEventListener(monarchEvent, function() {
                window.clearMonarchHidePageTimeout(loadingClass);
                // Defer unhide to allow downstream DOM swaps (e.g. Alpine watchers)
                // to complete before the browser paints, preventing control → variant flash.
                window.requestAnimationFrame(function() {
                    window.requestAnimationFrame(showPage);
                });
            }, {
                once: true
            });

            cohesion('error', function() {
                // Cohesion failed to load - show the page
                window.__monarchSkipExperiences = true;
                showPage();
                document.dispatchEvent(new Event(monarchEvent));
            });
        };

        window.clearMonarchHidePageTimeout = function(loadingClass) {
            if (window.hidePageTimeoutId && window.hidePageTimeoutId[loadingClass]) {
                window.clearTimeout(window.hidePageTimeoutId[loadingClass]);
                window.hidePageTimeoutId[loadingClass] = null;
            }
        };
</script>
<script>
window.initMonarchHidePage(1000);
</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>
<link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/onetrust-wrapper-BOSxfB0t.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/bankrateCookie-BoVJ5tfX.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/onetrust-BqWgT-PS.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/metadata-C3ayMUl6.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/pid-Cp4Cb3uG.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/queryParams-LTW4Z-tQ.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/cookie-CTqtRPq4.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/onetrust-wrapper-BOSxfB0t.js"></script><script>
// Define dataLayer and the gtag function. 
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }

    // Default to 'denied' for CA.
    gtag('consent', 'default', {
        ad_storage: "denied",
        analytics_storage: "denied",
        functionality_storage: "denied",
        personalization_storage: "denied",
        security_storage: "denied",
        ad_user_data: "denied",
        ad_personalization: "denied",
        'region': ['US-CA', 'US-WA'],
        'wait_for_update': 500
    });

    // Default to 'granted' for everywhere else.
    gtag('consent', 'default', {
        ad_storage: "granted",
        analytics_storage: "granted",
        functionality_storage: "granted",
        personalization_storage: "granted",
        security_storage: "granted",
        ad_user_data: "granted",
        ad_personalization: "granted",
        'wait_for_update': 500
    });
</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>
<style id="monarch-hide-page-monarch-loading">
html.monarch-hide-page.monarch-loading {
            opacity: 0 !important;
        }
</style>
<link rel="preload" as="style" href="https://www.bankrate.com/v7.131.1/next/build/assets/ripple-utilities-DqaOawea.css" /><link rel="stylesheet" href="https://www.bankrate.com/v7.131.1/next/build/assets/ripple-utilities-DqaOawea.css" /></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="sr-only" href="#main-content">Skip to Main Content</a>
<header class="SiteNav blue-gradient-enabled" 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();}">
<span class="SiteNavCategories-overlay" :class="{ 'is-active': isSearchOpen }" @click="toggleSearch"></span>
<div id="site-nav-categories-content" class="flex" :class="{ 'flex-col': isNavOpen }">
<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 &amp; savings" data-position="1">
Checking &amp; 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-600" 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="https://www.bankrate.com/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="1"
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="https://www.bankrate.com/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="2"
data-text="Best checking accounts"
data-outcome="send to Best checking accounts"
>
Best checking accounts</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/banking/checking/best-free-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 free checking accounts"
data-outcome="send to Best free checking accounts"
>
Best free 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="https://www.bankrate.com/banking/savings/simple-savings-calculator/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Banking nav - Checking &amp; 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="https://www.bankrate.com/banking/calculators/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Banking nav - Checking &amp; 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="https://www.bankrate.com/banking/savings/average-savings-interest-rates/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Banking nav - Checking &amp; 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="https://www.bankrate.com/banking/savings/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Banking nav - Checking &amp; 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 &amp; 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 &amp; 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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/banking/cds/"
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 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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/banking/mma/how-to-open-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="3"
data-text="How to open an MMA"
data-outcome="send to link"
>
How to open an MMA</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/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-and-promotions/"
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="https://www.bankrate.com/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="1"
data-text="Best online banks"
data-outcome="send to link"
>
Best online banks</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/banking/best-credit-unions/"
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 credit unions"
data-outcome="send to link"
>
Best credit unions</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/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="https://www.bankrate.com/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-600" 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-600" 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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/mortgages/analysis/"
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="https://www.bankrate.com/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="4"
data-text="Daily mortgage rates archive"
data-outcome="send to link"
>
Daily mortgage rates archive</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/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="https://www.bankrate.com/mortgages/refinance-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="Refinance rates"
data-outcome="send to Refinance rates"
>
Refinance rates</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/mortgages/cash-out-refinance-rates/" 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="Cash-out refinance rates"
data-outcome="send to Cash-out refinance rates"
>
Cash-out refinance rates</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/mortgages/30-year-refinance-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="30-year refinance rates"
data-outcome="send to 30-year refinance rates"
>
30-year refinance rates</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/mortgages/15-year-refinance-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="4"
data-text="15-year refinance rates"
data-outcome="send to 15-year refinance rates"
>
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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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 &amp; selling</p>
<p class="SiteNavTopicOverview-copy">Knowing what to look for in a real estate agent is critical. Here&#039;s how to choose the best fit for your needs.</p>
<a href="/mortgages/finding-best-real-estate-agent/"
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="Choosing an agent"
data-outcome="send to link"
data-category="Mortgages">
Choosing 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="https://www.bankrate.com/mortgages/home-affordability-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="https://www.bankrate.com/personal-finance/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>
</ul>
<ul class="SiteNavFeaturedLinkList">
<li>
<a class="SiteNavFeaturedLink" href="/mortgages/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="/mortgages/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-600" 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-600" 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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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>
</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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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 &amp; 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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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 &amp; 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-600" 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 &amp; reviews" data-position="3">
Tools &amp; 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 &amp; resources" data-position="4">
Guides &amp; 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-600" 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="https://www.bankrate.com/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 2026"
data-outcome="send to Best cards of 2026"
>
Best cards of 2026</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/credit-cards/rewards/best-bonus-offer-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 sign up bonus cards"
data-outcome="send to Best sign up bonus cards"
>
Best sign up bonus 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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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/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="1"
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 &amp; 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="https://www.bankrate.com/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 &amp; 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="https://www.bankrate.com/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 &amp; 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="https://www.bankrate.com/credit-cards/tools/credit-utilization-calculator/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Credit cards nav - Tools &amp; 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="https://www.bankrate.com/credit-cards/tools/points-and-miles-calculator/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Credit cards nav - Tools &amp; reviews subcategory featured link"
data-position="4"
data-text="Points and miles calculator"
data-outcome="send to link"
>
Points and miles calculator</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/credit-cards/tools/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Credit cards nav - Tools &amp; reviews subcategory featured link"
data-position="5"
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 &amp; 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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/credit-cards/bad-credit/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Credit cards nav - Guides &amp; 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="https://www.bankrate.com/credit-cards/building-credit/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Credit cards nav - Guides &amp; 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-600" 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-600" 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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/loans/auto-loans/rates/" class="SiteNavPrimaryLink" target=""
>
Best auto loans</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/loans/auto-loans/refinance-rates/" class="SiteNavPrimaryLink" target=""
>
Best auto loan refinance rates</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/loans/auto-loans/how-to-refinance-car-loan/"
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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="3"
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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/loans/small-business/best-small-business-loans/" class="SiteNavPrimaryLink" target=""
>
Best small business loans</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/loans/small-business/bad-credit-business-loans/" class="SiteNavPrimaryLink" target=""
>
Bad credit small business loans</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/loans/small-business/business-line-of-credit/" class="SiteNavPrimaryLink" target=""
>
Business lines of credit</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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-600" 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-600" 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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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="https://www.bankrate.com/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-600" 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="Tools &amp; reviews" data-position="3">
Tools &amp; 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>
</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-600" 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="https://www.bankrate.com/insurance/car/car-insurance-quotes/" class="SiteNavPrimaryLink" target=""
>
Car insurance quotes</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/insurance/car/best-car-insurance-companies/" class="SiteNavPrimaryLink" target=""
>
Best car insurance companies</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/insurance/car/cheap-car-insurance-companies/" class="SiteNavPrimaryLink" target=""
>
Cheapest car insurance companies</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/insurance/car/average-cost-of-car-insurance/" class="SiteNavPrimaryLink" target=""
>
Compare car insurance rates</a>
</li>
</ul>
</div>
</div>
<div class="SiteNavSubcategory-secondColumn">
<div class="SiteNavSecondaryLinkListWrapper">
<p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Popular states </p>
<div class="SiteNavSecondaryLinkLists">
<ul class="SiteNavSecondaryLinkList">
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/car/california/"
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="California"
data-outcome="send to link"
>
California</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/car/florida/"
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="Florida"
data-outcome="send to link"
>
Florida</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/car/texas/"
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="Texas"
data-outcome="send to link"
>
Texas</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/car/ohio/"
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="Ohio"
data-outcome="send to link"
>
Ohio</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/car/states/"
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="Auto insurance by state"
data-outcome="send to link"
>
Auto insurance by state</a>
</li>
</ul>
<ul class="SiteNavFeaturedLinkList">
<li>
<a class="SiteNavFeaturedLink" href="/insurance/car/average-cost-of-car-insurance/"
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="How much is car insurance?"
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="Person smiling while sitting in car">
</div>
<div class="SiteNavFeaturedLink-content">
<span class="SiteNavFeaturedLink-mainText">How much is car insurance?</span>
<span class="SiteNavFeaturedLink-supportText">Average cost of car insurance</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 car 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="https://www.bankrate.com/insurance/homeowners-insurance/home-insurance-quotes/" class="SiteNavPrimaryLink" target=""
>
Home insurance quotes</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/insurance/homeowners-insurance/best-home-insurance-companies/" class="SiteNavPrimaryLink" target=""
>
Best home insurance companies</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/insurance/homeowners-insurance/cheap-homeowners-insurance/" class="SiteNavPrimaryLink" target=""
>
Cheapest home insurance companies</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/insurance/car-and-home-insurance-bundle/" class="SiteNavPrimaryLink" target=""
>
Best home and auto bundles</a>
</li>
</ul>
</div>
</div>
<div class="SiteNavSubcategory-secondColumn">
<div class="SiteNavSecondaryLinkListWrapper">
<p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Popular states</p>
<div class="SiteNavSecondaryLinkLists">
<ul class="SiteNavSecondaryLinkList">
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/homeowners-insurance/california/"
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="California"
data-outcome="send to link"
>
California</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/homeowners-insurance/florida/"
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="Florida"
data-outcome="send to link"
>
Florida</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/homeowners-insurance/texas/"
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="Texas"
data-outcome="send to link"
>
Texas</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/homeowners-insurance/new-jersey/"
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="New Jersey"
data-outcome="send to link"
>
New Jersey</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/homeowners-insurance/states/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Insurance nav - Home insurance subcategory featured link"
data-position="5"
data-text="Home insurance by state"
data-outcome="send to link"
>
Home insurance by state</a>
</li>
</ul>
<ul class="SiteNavFeaturedLinkList">
<li>
<a class="SiteNavFeaturedLink" href="/insurance/homeowners-insurance/homeowners-insurance-cost/"
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 cost"
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 cost</span>
<span class="SiteNavFeaturedLink-supportText">Average cost of home insurance</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">Calculators</p>
<ul class="SiteNavPrimaryLinkList-list">
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/insurance/car/car-insurance-calculator/" class="SiteNavPrimaryLink" target=""
>
Car insurance calculator</a>
</li>
<li class="SiteNavPrimaryLinkList-item">
<a href="https://www.bankrate.com/insurance/homeowners-insurance/home-insurance-calculator/" class="SiteNavPrimaryLink" target=""
>
Home insurance calculator</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="https://www.bankrate.com/insurance/reviews/allstate/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Insurance nav - Tools &amp; reviews 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="https://www.bankrate.com/insurance/reviews/progressive/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Insurance nav - Tools &amp; reviews subcategory featured link"
data-position="2"
data-text="Progressive insurance review"
data-outcome="send to link"
>
Progressive insurance review</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/reviews/state-farm/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Insurance nav - Tools &amp; reviews subcategory featured link"
data-position="3"
data-text="State Farm insurance review"
data-outcome="send to link"
>
State Farm insurance review</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/reviews/travelers/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Insurance nav - Tools &amp; reviews subcategory featured link"
data-position="4"
data-text="Travelers insurance review"
data-outcome="send to link"
>
Travelers insurance review</a>
</li>
<li>
<a class="SiteNavSecondaryLink" href="https://www.bankrate.com/insurance/reviews/lemonade/"
data-beam-element-clicked data-type="secondary link"
data-location="site-nav"
data-name="Insurance nav - Tools &amp; reviews subcategory featured link"
data-position="5"
data-text="Lemonade insurance review"
data-outcome="send to link"
>
Lemonade insurance review</a>
</li>
</ul>
<ul class="SiteNavFeaturedLinkList">
<li>
<a class="SiteNavFeaturedLink" href="/insurance/reviews/"
data-beam-element-clicked data-type="featured link"
data-location="site-nav"
data-name="Insurance nav - Tools &amp; reviews subcategory link"
data-position="1"
data-text="All insurance company reviews"
data-outcome="send to link"
>
<div class="SiteNavFeaturedLink-image">
<img loading="lazy" srcset="https://www.bankrate.com/f/102997/475x270/8e81cf93f6/insurance_best_car_insurance_companies.webp/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/475x270/8e81cf93f6/insurance_best_car_insurance_companies.webp/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/475x270/8e81cf93f6/insurance_best_car_insurance_companies.webp/m/50x50/filters:quality(90):format(webp)" alt="Design element two people looking at a car">
</div>
<div class="SiteNavFeaturedLink-content">
<span class="SiteNavFeaturedLink-mainText">All insurance company reviews</span>
<span class="SiteNavFeaturedLink-supportText">Browse insurance carrier reviews</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-600" 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>
</div>
<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">
<div id="desktop-auth-section" :class="{ 'hidden': isNavOpen }" class="[&_a]:!text-sm">
<div class="flex items-center">
<template x-if="authReady && !isAuthenticated">
<div data-auth-logged-out class="pr-4">
<a id="auth-button" href="#" class="cursor-pointer relative text-nowrap border-2 rounded px-4 py-2 transition-colors duration-200 text-base text-white border-white hover:bg-white hover:text-blue-900" data-auth-button
data-beam-element-clicked data-id="site-bar-log-in"
data-type="BUTTON"
data-location="site-nav"
data-name="site-bar log in"
data-position="header"
data-text="Log in"
data-outcome="take user to the log in / sign up page"
data-custom-dimensions="[{&quot;key&quot;:&quot;page_path&quot;,&quot;value&quot;:&quot;&quot;},{&quot;key&quot;:&quot;page_type&quot;,&quot;value&quot;:&quot;default content&quot;},{&quot;key&quot;:&quot;is_authenticated&quot;,&quot;value&quot;:&quot;false&quot;},{&quot;key&quot;:&quot;return_url_present&quot;,&quot;value&quot;:&quot;true&quot;}]"
aria-label="Sign in to your Bankrate member account" tabindex="0">
<span class="pointer-events-none lg:hidden font-bold">Log in</span>
<span class="pointer-events-none hidden lg:inline font-bold">Log in or sign up</span>
</a>
</div>
</template>
<template x-if="authReady && isAuthenticated">
<div>
<div class="relative" x-data="{ dropdownOpen: false }" @mouseenter="if (!isMobile) dropdownOpen = true" @mouseleave="if (!isMobile) dropdownOpen = false" @click.outside="dropdownOpen = false" @keydown.escape.window="dropdownOpen = false">
<button type="button" id="site-bar-profile-icon" class="flex items-center justify-center px-4 mb-0.5 border-b-2 cursor-pointer transition-colors duration-200" :class="{
            'py-4.5': isMobile,
            'py-6': !isMobile,
            'bg-blue-50 border-blue-600': dropdownOpen,
            'border-transparent': !dropdownOpen
        }" @click="if (isMobile) dropdownOpen = !dropdownOpen" aria-haspopup="true" :aria-expanded="dropdownOpen" aria-label="Open profile menu" data-profile-avatar
data-beam-element-clicked data-type="ICON"
data-location="site-bar"
data-name="site-bar profile icon"
data-position="top right of nav bar, left of search icon"
data-text=""
data-outcome="open Profile Management Menu"
data-variant=""
>
<div class="flex items-center justify-center size-6 rounded-full text-white text-xs font-bold bg-gradient-to-t from-[#153567] via-[#061D4B] to-blue-900 pointer-events-none ring ring-white">
<span class="select-none" data-user-initial></span>
</div>
</button>
<div x-show="dropdownOpen && isMobile" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-black/30 z-40" @click="dropdownOpen = false" x-cloak></div>
<div x-show="dropdownOpen && isMobile" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="translate-y-full" x-transition:enter-end="translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="translate-y-0" x-transition:leave-end="translate-y-full" class="fixed bottom-0 left-0 right-0 bg-white rounded-t-lg p-6 z-50" role="menu" aria-orientation="vertical" aria-labelledby="site-bar-profile-icon" x-bind:id="isMobile ? 'site-bar-profile' : null" x-cloak
data-beam-element-viewed
data-type="DROPDOWN"
data-location="site-bar"
data-name="site-bar profile menu"
data-text="Home, My profile, Account settings, Log out"
data-variant=""
>
<div class="flex flex-col gap-5 text-base tracking-tight">
<a href="/member/home/" class="text-gray-900 hover:text-blue-600 transition-colors" role="menuitem" id="site-bar-home"
data-beam-element-clicked id="site-bar-home"
data-type="HYPERLINK"
data-location="site-bar-profile"
data-name="site-bar-profile home"
data-position="top of profile management menu in the nav bar"
data-text="Home"
data-outcome="take user to their home page"
data-variant=""
>
Home
</a>
<a href="/member/profile/" class="text-gray-900 hover:text-blue-600 transition-colors" role="menuitem" id="site-bar-my-profile"
data-beam-element-clicked id="site-bar-my-profile"
data-type="HYPERLINK"
data-location="site-bar-profile"
data-name="site-bar-profile my profile"
data-position="second from top of profile management menu in the nav bar"
data-text="My profile"
data-outcome="take user to their profile page"
data-variant=""
>
My profile
</a>
<a href="/member/settings/" class="text-gray-900 hover:text-blue-600 transition-colors" role="menuitem" id="site-bar-account-settings"
data-beam-element-clicked id="site-bar-account-settings"
data-type="HYPERLINK"
data-location="site-bar-profile"
data-name="site-bar-profile account settings"
data-position="middle of profile management menu in the nav bar"
data-text="Account settings"
data-outcome="take user to their account settings"
data-variant=""
>
Account settings
</a>
<a href="/member/auth/logout/" class="text-red-600 hover:text-red-700 transition-colors" role="menuitem" id="site-bar-log-out" data-auth-button data-logout-track data-logout-position="header" data-logout-page-path="" data-logout-page-type="default content" @click="dropdownOpen = false"
data-beam-element-clicked id="site-bar-log-out"
data-type="HYPERLINK"
data-location="site-bar-profile"
data-name="site-bar-profile log out"
data-position="bottom of profile management menu in the nav bar"
data-text="Log out"
data-outcome="log the user out"
data-variant=""
>
Log out
</a>
</div>
</div>
<div x-show="dropdownOpen && !isMobile" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="absolute right-0 top-full mt-2 w-48 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none z-50" role="menu" aria-orientation="vertical" aria-labelledby="site-bar-profile-icon" x-bind:id="!isMobile ? 'site-bar-profile' : null" x-cloak
data-beam-element-viewed
data-type="DROPDOWN"
data-location="site-bar"
data-name="site-bar profile menu"
data-text="Home, My profile, Account settings, Log out"
data-variant=""
>
<div class="py-2 px-1">
<a href="/member/home/" class="block px-3 py-2 text-sm text-gray-900 hover:bg-blue-50 hover:text-blue-600 rounded transition-colors" role="menuitem" id="site-bar-home"
data-beam-element-clicked id="site-bar-home"
data-type="HYPERLINK"
data-location="site-bar-profile"
data-name="site-bar-profile home"
data-position="top of profile management menu in the nav bar"
data-text="Home"
data-outcome="take user to their home page"
data-variant=""
>
Home
</a>
<a href="/member/profile/" class="block px-3 py-2 text-sm text-gray-900 hover:bg-blue-50 hover:text-blue-600 rounded transition-colors" role="menuitem" id="site-bar-my-profile"
data-beam-element-clicked id="site-bar-my-profile"
data-type="HYPERLINK"
data-location="site-bar-profile"
data-name="site-bar-profile my profile"
data-position="second from top of profile management menu in the nav bar"
data-text="My profile"
data-outcome="take user to their profile page"
data-variant=""
>
My profile
</a>
<a href="/member/settings/" class="block px-3 py-2 text-sm text-gray-900 hover:bg-blue-50 hover:text-blue-600 rounded transition-colors" role="menuitem" id="site-bar-account-settings"
data-beam-element-clicked id="site-bar-account-settings"
data-type="HYPERLINK"
data-location="site-bar-profile"
data-name="site-bar-profile account settings"
data-position="middle of profile management menu in the nav bar"
data-text="Account settings"
data-outcome="take user to their account settings"
data-variant=""
>
Account settings
</a>
<a href="/member/auth/logout/" class="block px-3 py-2 text-sm text-red-600 hover:bg-red-50 hover:text-red-700 rounded transition-colors" role="menuitem" id="site-bar-log-out" data-auth-button data-logout-track data-logout-page-type="default content" @click="dropdownOpen = false"
data-beam-element-clicked id="site-bar-log-out"
data-type="HYPERLINK"
data-location="site-bar-profile"
data-name="site-bar-profile log out"
data-position="bottom of profile management menu in the nav bar"
data-text="Log out"
data-outcome="log the user out"
data-variant=""
>
Log out
</a>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
<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(); closeSearch(); }" :class="{ 'is-active': isNavOpen || ($el.dataset.showOnSearch === '1' && isSearchOpen) }">
</div>
</div>
<div class="SiteNav-overlay" x-ref="siteNavOverlay" data-show-on-search="1" @click="() => { closeNav(); closeSearch(); }" :class="{ 'is-active': isNavOpen || ($el.dataset.showOnSearch === '1' && isSearchOpen) }">
</div>
<div class="SiteNavSearch-container" :class="{
        'is-active': isSearchOpen
    }" x-trap="isSearchOpen" data-js-selector="global-search-filter" @keydown.esc.capture="closeSearch()" x-data="{
        searchSuggestions: [],
        showSearchAutocomplete: false,
        isSubmitting: false,
        async fetchSuggestions(query) {
            if (query.length < 2) {
                this.searchSuggestions = [];
                this.showSearchAutocomplete = false;
                return;
            }
            try {
                const response = await fetch(`/search/autocomplete/?q=${encodeURIComponent(query)}`);
                if (response.ok) {
                    this.searchSuggestions = await response.json();
                    this.showSearchAutocomplete = this.searchSuggestions.length > 0;
                }
            } catch (error) {
                this.searchSuggestions = [];
                this.showSearchAutocomplete = false;
            }
        }
    }"
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/" @submit="isSubmitting = true">
<input type="text" id="siteSearchInput" x-ref="siteSearchInput" x-trap="(isSearchOpen && $refs.siteSearchInput.focus() === false)" @input.debounce.300ms="fetchSuggestions($event.target.value)" x-on:keydown.down="() => { $focus.within($refs.siteSearchDropdownContainer).first() }" x-on:keydown.up="() => { $focus.within($refs.siteSearchDropdownContainer).last() }" class="FormInput SiteNavSearch-input" name="q" placeholder="Search..." value="" autocomplete="off" aria-label="Search Bankrate" data-beam-field-inputted-no-pii data-label="Search Bankrate" :tabindex="isSearchOpen ? 0 : -1">
<button type="submit" class="SiteNavSearch-submit" data-js-selector="nav-search-submit-btn" tabindex="-1" :disabled="isSubmitting">
<span class="sr-only">Submit</span>
<div x-show="!isSubmitting">
<svg class="Icon" 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></div>
<div x-show="isSubmitting" x-transition>
<div class="loader"></div>
</div>
</button>
</form>
<div class="SiteNavSearch-dropdownContainer" x-ref="siteSearchDropdownContainer" x-on:keydown="keydownSearchDropdown">
<div class="SiteNavSearch-autocompleteSuggestions" x-show="showSearchAutocomplete" x-transition:enter.duration.200ms x-transition:leave.duration.0ms>
<ul class="SiteNavSearch-dropdownList">
<template x-for="suggestion in searchSuggestions">
<li>
<a :href="`/search/?q=${suggestion.query}`" :tabindex="isSearchOpen ? 0 : -1" :key="suggestion.query" @click="isSubmitting = true" x-text="suggestion.query"></a>
</li>
</template>
</ul>
</div>
<div class="SiteNavSearch-defaultSuggestions" x-show="!showSearchAutocomplete" x-transition:enter.duration.200ms x-transition:leave.duration.0ms>
<div>
<strong class="SiteNavSearch-dropdownTitle">
<svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Rates Up Icon</title><path d="M5.625 23.041a1.925 1.925 0 0 0 1.925-1.924v-2.193a1.925 1.925 0 0 0-3.85 0v2.193c0 1.062.863 1.924 1.925 1.924ZM13.925 23.004a1.925 1.925 0 0 0 1.925-1.924v-5.476a1.925 1.925 0 0 0-3.85 0v5.476c0 1.062.863 1.924 1.925 1.924ZM21.925 22.993a1.925 1.925 0 0 0 1.925-1.924V7.924a1.925 1.925 0 0 0-3.85 0v13.152c0 1.062.863 1.924 1.925 1.924v-.007Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.698 11.467a.721.721 0 0 0 .486.197c.179 0 .35-.06.486-.197l7.644-7.633v3.093c0 .375.306.681.681.681a.684.684 0 0 0 .682-.681V2.164a.68.68 0 0 0-.204-.46.681.681 0 0 0-.23-.153.508.508 0 0 0-.23-.051H6.248a.684.684 0 0 0-.682.682c0 .374.307.681.682.681h3.093l-7.644 7.642a.684.684 0 0 0 0 .962Zm18.424 11.024a2.378 2.378 0 0 1-2.377-2.376V3.877a2.378 2.378 0 0 1 4.755 0v16.246a2.378 2.378 0 0 1-2.378 2.377v-.009Zm0-19.628c-.553 0-1.014.452-1.014 1.014v16.246c0 .554.452 1.014 1.014 1.014a1.01 1.01 0 0 0 1.015-1.014V3.877c0-.554-.452-1.014-1.015-1.014ZM9.623 20.115a2.378 2.378 0 0 0 4.756 0V13.35a2.378 2.378 0 0 0-4.756 0v6.765Zm1.364-6.765c0-.562.46-1.013 1.014-1.013.562 0 1.014.46 1.014 1.013v6.765a1.01 1.01 0 0 1-1.014 1.014c-.563 0-1.014-.46-1.014-1.014V13.35Zm-9.485 6.764a2.378 2.378 0 0 0 4.755 0v-2.709a2.378 2.378 0 0 0-4.755 0v2.71Zm1.363-2.7c0-.562.46-1.014 1.014-1.014.563 0 1.015.46 1.015 1.014v2.709a1.01 1.01 0 0 1-1.015 1.014c-.562 0-1.014-.46-1.014-1.014v-2.71Z" class="icon-base"/></svg>Popular searches
</strong>
<ul class="SiteNavSearch-dropdownList">
<li>
<a href="https://www.bankrate.com/mortgages/mortgage-rates/" :tabindex="isSearchOpen ? 0 : -1" @click="isSubmitting = true"
data-beam-element-clicked data-type="link"
data-location="site-nav pre search"
data-name="pre_search_popular_search_term"
data-position="top"
data-text="Mortgage rates"
data-outcome="open search results"
>Mortgage rates</a>
</li>
<li>
<a href="https://www.bankrate.com/credit-cards/balance-transfer/best-balance-transfer-cards/" :tabindex="isSearchOpen ? 0 : -1" @click="isSubmitting = true"
data-beam-element-clicked data-type="link"
data-location="site-nav pre search"
data-name="pre_search_popular_search_term"
data-position="top"
data-text="Balance transfer credit cards"
data-outcome="open search results"
>Balance transfer credit cards</a>
</li>
<li>
<a href="https://www.bankrate.com/insurance/car/car-insurance-quotes/" :tabindex="isSearchOpen ? 0 : -1" @click="isSubmitting = true"
data-beam-element-clicked data-type="link"
data-location="site-nav pre search"
data-name="pre_search_popular_search_term"
data-position="top"
data-text="Car insurance quotes"
data-outcome="open search results"
>Car insurance quotes</a>
</li>
</ul>
</div>
<div>
<strong class="SiteNavSearch-dropdownTitle">
<svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Calculator Icon</title><path d="M4.2 5.7a1.5 1.5 0 0 1 1.5-1.5h16.755a1.5 1.5 0 0 1 1.5 1.5v16.755a1.5 1.5 0 0 1-1.5 1.5H5.7a1.5 1.5 0 0 1-1.5-1.5V5.7Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.456 22.491h15.08l.008.009a2.958 2.958 0 0 0 2.956-2.956V4.456A2.958 2.958 0 0 0 19.544 1.5H4.456A2.958 2.958 0 0 0 1.5 4.456v15.08a2.958 2.958 0 0 0 2.956 2.955ZM2.863 4.456c0-.877.716-1.593 1.593-1.593h6.858v8.374h-8.45v-6.78Zm0 8.145v6.943c0 .877.716 1.593 1.593 1.593h6.858V12.6h-8.45Zm9.815-9.738h6.866c.877 0 1.593.716 1.593 1.593v6.781h-8.46V2.863Zm0 9.738v8.536h6.866c.877 0 1.593-.716 1.593-1.593V12.6h-8.46ZM6.38 8.97c0 .375.307.682.682.682a.684.684 0 0 0 .681-.682V7.685h1.287a.684.684 0 0 0 .681-.682.684.684 0 0 0-.681-.681H7.744V5.035a.684.684 0 0 0-.681-.681.684.684 0 0 0-.682.681v1.287H5.095a.684.684 0 0 0-.682.681c0 .375.307.682.682.682H6.38V8.97Zm8.537-1.286h3.936a.684.684 0 0 0 .681-.682.684.684 0 0 0-.681-.681h-3.936a.684.684 0 0 0-.682.681c0 .375.307.682.682.682ZM8.554 18.853H8.55a.668.668 0 0 0 .48-.196.684.684 0 0 0 0-.962l-.91-.912.91-.911a.684.684 0 0 0 0-.963.684.684 0 0 0-.962 0l-.912.912-.911-.912a.684.684 0 0 0-.963 0 .684.684 0 0 0 0 .963l.912.911-.912.912a.684.684 0 0 0 0 .962.684.684 0 0 0 .963 0l.911-.911.912.912a.72.72 0 0 0 .482.195h-.005.009Zm10.402-2.785H15.02a.684.684 0 0 1-.681-.682c0-.374.306-.681.681-.681h3.936c.375 0 .682.306.682.681a.684.684 0 0 1-.682.682Zm-3.936 2.786h3.936a.684.684 0 0 0 .682-.682.684.684 0 0 0-.682-.681H15.02a.684.684 0 0 0-.681.681c0 .375.306.682.681.682Z" class="icon-base"/></svg>Tools
</strong>
<ul class="SiteNavSearch-dropdownList">
<li>
<a href="https://www.bankrate.com/mortgages/mortgage-calculator/" :tabindex="isSearchOpen ? 0 : -1"
data-beam-element-clicked data-type="link"
data-location="site-nav pre search"
data-name="pre_search_recommended_tool"
data-position="top"
data-text="Mortgage calculator"
data-outcome="open recommended tool"
>Mortgage calculator</a>
</li>
<li>
<a href="https://www.bankrate.com/loans/loan-calculator/" :tabindex="isSearchOpen ? 0 : -1"
data-beam-element-clicked data-type="link"
data-location="site-nav pre search"
data-name="pre_search_recommended_tool"
data-position="top"
data-text="Loan calculator"
data-outcome="open recommended tool"
>Loan calculator</a>
</li>
<li>
<a href="https://www.bankrate.com/banking/cds/cd-calculator/" :tabindex="isSearchOpen ? 0 : -1"
data-beam-element-clicked data-type="link"
data-location="site-nav pre search"
data-name="pre_search_recommended_tool"
data-position="top"
data-text="CD calculator"
data-outcome="open recommended tool"
>CD calculator</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div id="preamp-after-nav-placement"></div>
<div data-monarch-slot="afterNavigationSlot" data-content-strategy="append"></div>
<link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/authInit-xlsn6G_D.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/authService-vLCgyiNi.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/authInit-xlsn6G_D.js"></script><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/siteNav-DzxHVJcA.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/authService-vLCgyiNi.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/metadata-C3ayMUl6.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/siteNav-DzxHVJcA.js"></script><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/legacyNavBinding-CTP0_v7I.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/bindings-ayichnEY.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/legacyNavBinding-CTP0_v7I.js"></script><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/web-vitals-Bj4PiUOQ.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/web-vitals-Bj4PiUOQ.js"></script><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/monarch-Co5V9V1t.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/monarch-Co5V9V1t.js"></script><div id="main-content">
<main>
<section id="homepage-header-hero-test" class="section-wrapper bg-(--bg-color) bg-transparent py-0 py-(--py)  no-gutter" style="--py: 0rem; --bg-color: var(--color-transparent);">
<div class="">
<div id="homepage-hero-v2" class="homepage-hero-v2 grid grid-cols-1 w-full bg-blue-50 bg-gradient-to-l from-[#153567] via-[#061D4B] to-blue-900">
<header class="homepage-hero-v2__header col-[1_/span_1] row-span-1 row-start-1 relative z-5 mx-auto px-4 pt-12 pb-16 md:pb-20 lg:pb-24 max-w-224">
<h1 class="homepage-hero-v2__title text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-0 text-center text-pretty text-white [&_strong]:bg-linear-99 [&_strong]:from-blue-300 [&_strong]:to-green-200 [&_strong]:text-transparent [&_strong]:bg-clip-text">
<span class="block text-pretty">Your bank has a mortgage rate.</span><span class="block text-pretty"> We have a <strong>better</strong> one.</span></h1>
<div class="homepage-hero-v2__description mt-4 text-center text-lg text-white [&_strong]:inline-block text-pretty">
<p><span>Skip the rate hunt and let lenders compete for you. View real-time, verified offers that beat <strong>99.7% of banks</strong> and lock in your home loan with confidence.</span></p></div>
<div class="homepage-hero-v2__cta flex flex-wrap gap-4 mt-8 justify-center">
<a
    
    href=/mortgages/mortgage-rates/
    
    class="t-button max-w-full"
    data-shape="rounded"
    data-variant="solid"
    data-size="lg"
    data-color="blue"
    
    data-beam-element-clicked-no-delay id=""
data-type="button"
data-location="homepage"
data-name="homepage ATF CTA"
data-position="top"
data-text="Shop today&#039;s mortgage rates"
data-outcome="send to main mortgage rate table">
    Shop today&#039;s mortgage rates
        </a>
    
<a
    
    href=/mortgages/bankrate-low-offers-methodology/
    
    class="t-button underline underline-offset-4 max-w-full"
    data-shape="rounded"
    data-variant="ghost"
    data-size="lg"
    data-color="white"
    
    data-beam-element-clicked-no-delay id=""
data-type="button"
data-location="homepage"
data-name="homepage ATF CTA"
data-position="top"
data-text="Read our methodology"
data-outcome="send to methodology page">
    Read our methodology
        </a>
    
</div>
</header>
</div></div>
</section>
<div class="homepage-rates bg-blue-50 overflow-hidden py-12 md:py-14 gutter">
<div class="container mx-auto w-full max-w-276 relative">
<div class="grid gap-16 relative z-5">
<div class="stats-bar bg-blue-100 border-blue-300 border rounded-lg @container">
<div class="stats-bar__layout grid gap-6 p-6  @2xl:gap-8 @2xl:px-8 @2xl:py-10 @2xl:grid-cols-2 @4xl:grid-cols-[auto_1fr] @2xl:items-center">
<div>
<h2 class="text-blue-900 heading-3 mb-0 text-pretty inline">
    The proof is in the $73,000 you keep
    </h2>
    
<div id="tf1bbe1cb-fcb6-4d2f-a928-94a45afaf8c4" class="hidden">
<div class="w-72" style="max-width: calc(100vw - 4rem)">
<p><strong>During 2025, Bankrate’s average rate saved its consumers $73,397 on their expected 30-year mortgage cost.</strong></p><p>Savings based on a modeled comparison of Bankrate’s monthly average clicked-on rate in 2025 for purchases and refinances and Freddie Mac’s average published mortgage rate, with savings calculated over a 30-year term using Bankrate’s average loan amount. Freddie Mac’s survey criteria differ from Bankrate data, and fees and points are excluded for both. Not actual realized consumer savings; actual savings vary based on loan terms, rates, costs, and how long the loan is held. Bankrate is not a lender. Learn more about <a target="_self" rel="noopener noreferrer nofollow" href="https://bankrate.com/mortgages/bankrate-low-offers-methodology/">our methodology.</a></p></div>
</div>
<div class="inline-block cursor-pointer ml-1 ">
<div x-data data-tippy-maxWidth="none" data-template="tf1bbe1cb-fcb6-4d2f-a928-94a45afaf8c4"
role="tooltip" tabIndex="0" class="inline heading-3" data-tippy-placement="bottom"x-tooltip="" >
<span class="Icon Icon--xs text-blue-600 shrink-0">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Info Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M0 12c0 6.612 5.388 12 12 12s12-5.388 12-12S18.612 0 12 0 0 5.388 0 12Zm1.96 0C1.96 6.465 6.464 1.96 12 1.96c5.535 0 10.04 4.505 10.04 10.04 0 5.535-4.505 10.04-10.04 10.04-5.535 0-10.04-4.505-10.04-10.04Zm11.02-4.543c0-.538-.441-.98-.98-.98-.539 0-.98.441-.98.98v.074c0 .539.441.98.98.98.539 0 .98-.441.98-.98v-.074Zm.012 3.796c0-.539-.441-.98-.98-.98-.539 0-.98.441-.98.98v5.265c0 .54.441.98.98.98.539 0 .98-.44.98-.98v-5.265Z" class="icon-base"/></svg></span></div>
</div>
</div>
<div class="@container">
<div class="grid @md:grid-cols-(--grid-cols) gap-4" style="--grid-cols: repeat(2, 1fr);">
<div class="border border-blue-200 rounded-lg p-4 flex flex-col gap-1 justify-center">
<strong class="text-blue-800 heading-4 leading-none mb-1">300+</strong>
<div class="text-gray-900 text-base mb-0 text-pretty">
Banks and credit unions, surveyed weekly</div>
</div>
<div class="border border-blue-200 rounded-lg p-4 flex flex-col gap-1 justify-center">
<strong class="text-blue-800 heading-4 leading-none mb-1">99.7%</strong>
<div class="text-gray-900 text-base mb-0 text-pretty">
Of banks beaten by Bankrate top offers<div id="teac2eacd-22f4-4ffd-b0f2-96b7e137e36b" class="hidden">
<div class="w-72" style="max-width: calc(100vw - 4rem)">
<p><strong>During 2025, Bankrate’s top offer outperformed 99.75% of offers by 300+ banks and credit unions – surveyed weekly.</strong></p><p>Based on an 8-year cost of loan calculation (including interest payments, lender fees and points). Comparison of Bankrate&#039;s best quoted offer clicked by a user each day in 2025 for a 30-year fixed purchase,  $310k-$330k loan with 20% down, 700-780 FICO, primary residence, single family) against rates from all institutions surveyed by Bankrate for similar loan each applicable day (assuming $320k loan, 740 FICO). Bankrate is not a lender. Learn more about <a target="_self" rel="noopener noreferrer nofollow" href="https://bankrate.com/mortgages/bankrate-low-offers-methodology/">our methodology.</a></p></div>
</div>
<div class="inline-block cursor-pointer ml-1 ">
<div x-data data-tippy-maxWidth="none" data-template="teac2eacd-22f4-4ffd-b0f2-96b7e137e36b"
role="tooltip" tabIndex="0" data-tippy-placement="bottom"x-tooltip="" >
<span class="Icon Icon--xs text-blue-600 shrink-0">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Info Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M0 12c0 6.612 5.388 12 12 12s12-5.388 12-12S18.612 0 12 0 0 5.388 0 12Zm1.96 0C1.96 6.465 6.464 1.96 12 1.96c5.535 0 10.04 4.505 10.04 10.04 0 5.535-4.505 10.04-10.04 10.04-5.535 0-10.04-4.505-10.04-10.04Zm11.02-4.543c0-.538-.441-.98-.98-.98-.539 0-.98.441-.98.98v.074c0 .539.441.98.98.98.539 0 .98-.441.98-.98v-.074Zm.012 3.796c0-.539-.441-.98-.98-.98-.539 0-.98.441-.98.98v5.265c0 .54.441.98.98.98.539 0 .98-.44.98-.98v-5.265Z" class="icon-base"/></svg></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="border-blue-300 border rounded-lg p-4 md:p-6 bg-white">
<div class="@container national-average-rate-comparison-chart">
<h2 class="heading-3 text-gray-900 mb-2">
    The latest top mortgage rates from Bankrate
    </h2>
    
<div class="mb-6">
<p class="inline mb-0 text-gray-700">Select a loan type to compare our best offers with the national average.</p>
<div id="tecb29f4f-e326-43d1-af24-b7b8e95d9fc7" class="hidden">
<div class="w-72" style="max-width: calc(100vw - 4rem)">
<div class="wysiwyg block w-full">
<div>APRs not included. For our most recent APR information, please visit our rate table.</div></div>
</div>
</div>
<div class="inline-block cursor-pointer ml-1 ">
<div x-data data-tippy-maxWidth="none" data-template="tecb29f4f-e326-43d1-af24-b7b8e95d9fc7"
role="tooltip" tabIndex="0"x-tooltip="" >
<svg class="Icon Icon--xs text-blue-600 mt-[-3px]" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Info Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M0 12c0 6.612 5.388 12 12 12s12-5.388 12-12S18.612 0 12 0 0 5.388 0 12Zm1.96 0C1.96 6.465 6.464 1.96 12 1.96c5.535 0 10.04 4.505 10.04 10.04 0 5.535-4.505 10.04-10.04 10.04-5.535 0-10.04-4.505-10.04-10.04Zm11.02-4.543c0-.538-.441-.98-.98-.98-.539 0-.98.441-.98.98v.074c0 .539.441.98.98.98.539 0 .98-.441.98-.98v-.074Zm.012 3.796c0-.539-.441-.98-.98-.98-.539 0-.98.441-.98.98v5.265c0 .54.441.98.98.98.539 0 .98-.44.98-.98v-5.265Z" class="icon-base"/></svg></div>
</div>
</div>
<fieldset class="mb-4" x-data x-init="$store.nationalAverageRateComparisonChart.setInitialProducts([{&quot;value&quot;:&quot;30_conventional&quot;,&quot;label&quot;:&quot;30-year fixed&quot;,&quot;rate&quot;:&quot;5.99%&quot;,&quot;change&quot;:&quot;0.20%&quot;,&quot;trend&quot;:&quot;up&quot;},{&quot;value&quot;:&quot;15_conventional&quot;,&quot;label&quot;:&quot;15-year fixed&quot;,&quot;rate&quot;:&quot;5.32%&quot;,&quot;change&quot;:&quot;0.15%&quot;,&quot;trend&quot;:&quot;up&quot;},{&quot;value&quot;:&quot;30_fha&quot;,&quot;label&quot;:&quot;30-year FHA&quot;,&quot;rate&quot;:&quot;5.52%&quot;,&quot;change&quot;:&quot;0.07%&quot;,&quot;trend&quot;:&quot;down&quot;},{&quot;value&quot;:&quot;30_va&quot;,&quot;label&quot;:&quot;30-year VA&quot;,&quot;rate&quot;:&quot;5.30%&quot;,&quot;change&quot;:&quot;0.04%&quot;,&quot;trend&quot;:&quot;down&quot;}])">
<legend class="sr-only">Product</legend>
<div class="grid grid-cols-2 @3xl:grid-cols-4 gap-4 @3xl:gap-6">
<div class="text-center">
<input type="radio" class="FormButtonGroup-input peer" id="product-30_conventional" name="product" data-label="30-year fixed" value="30_conventional" x-bind:checked="$store.nationalAverageRateComparisonChart.shouldShowChart && '30_conventional' === $store
                        .nationalAverageRateComparisonChart.selectedProduct" @change="$store.nationalAverageRateComparisonChart.updateSelections('product', $event.target.value, $event.target.dataset.label)">
<label class="rounded border border-gray-500 p-2 @3xl:p-4 cursor-pointer hover:outline-2 hover:outline-blue-400 hover:border-blue-400 hover:bg-blue-100 peer-checked:outline-2 peer-checked:outline-blue-600 peer-checked:border-blue-600 peer-checked:bg-blue-100 peer-checked:cursor-default peer-checked:hover:outline-2 peer-checked:hover:outline-blue-600 peer-checked:hover:border-blue-600 peer-checked:hover:bg-blue-100 peer-disabled:pointer-events-none peer-disabled:cursor-default" for="product-30_conventional">
<span class="block text-base mb-1">30-year fixed</span>
<span class="flex flex-col @3xl:flex-row items-center justify-center @3xl:gap-3">
<span class="heading-3" x-text="$store.nationalAverageRateComparisonChart.products['30_conventional']?.rate ?? '5.99%'">5.99%</span>
<span class="flex items-center justify-center gap-0.5">
<span class="Icon Icon--xs text-red-500" style="" x-show="($store.nationalAverageRateComparisonChart.products['30_conventional']?.trend ?? 'up') === 'up'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Up Icon</title><path d="m5.013 13.763 6.154-6.236a1.14 1.14 0 0 1 1.652 0l6.154 6.257c1.115 1.136.343 3.043-1.222 3.043H6.256c-1.522 0-2.359-1.929-1.244-3.064Z" class="icon-base"/></svg></span>
<span class="Icon Icon--xs text-green-500" style="display:none" x-show="($store.nationalAverageRateComparisonChart.products['30_conventional']?.trend ?? 'up') === 'down'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Down Icon</title><path d="m18.985 10.215-6.154 6.261a1.14 1.14 0 0 1-1.65 0l-6.154-6.261C3.912 9.078 4.684 7.17 6.249 7.17h11.45c1.586 0 2.4 1.908 1.285 3.045Z" class="icon-base"/></svg></span>
<span class="Icon Icon--xs text-gray-500" style="display:none" x-show="($store.nationalAverageRateComparisonChart.products['30_conventional']?.trend ?? 'up') === 'unchanged'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Unchanged Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12c0-.6.471-1.071 1.071-1.071H18.43c.6 0 1.071.471 1.071 1.071s-.471 1.072-1.071 1.072H5.57c-.6 0-1.071-.472-1.071-1.072Z" class="icon-base"/></svg></span>
<span class="text-sm" x-text="$store.nationalAverageRateComparisonChart.products['30_conventional']?.change ?? '0.20%'">0.20%</span>
</span>
</span>
</label>
</div>
<div class="text-center">
<input type="radio" class="FormButtonGroup-input peer" id="product-15_conventional" name="product" data-label="15-year fixed" value="15_conventional" x-bind:checked="$store.nationalAverageRateComparisonChart.shouldShowChart && '15_conventional' === $store
                        .nationalAverageRateComparisonChart.selectedProduct" @change="$store.nationalAverageRateComparisonChart.updateSelections('product', $event.target.value, $event.target.dataset.label)">
<label class="rounded border border-gray-500 p-2 @3xl:p-4 cursor-pointer hover:outline-2 hover:outline-blue-400 hover:border-blue-400 hover:bg-blue-100 peer-checked:outline-2 peer-checked:outline-blue-600 peer-checked:border-blue-600 peer-checked:bg-blue-100 peer-checked:cursor-default peer-checked:hover:outline-2 peer-checked:hover:outline-blue-600 peer-checked:hover:border-blue-600 peer-checked:hover:bg-blue-100 peer-disabled:pointer-events-none peer-disabled:cursor-default" for="product-15_conventional">
<span class="block text-base mb-1">15-year fixed</span>
<span class="flex flex-col @3xl:flex-row items-center justify-center @3xl:gap-3">
<span class="heading-3" x-text="$store.nationalAverageRateComparisonChart.products['15_conventional']?.rate ?? '5.32%'">5.32%</span>
<span class="flex items-center justify-center gap-0.5">
<span class="Icon Icon--xs text-red-500" style="" x-show="($store.nationalAverageRateComparisonChart.products['15_conventional']?.trend ?? 'up') === 'up'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Up Icon</title><path d="m5.013 13.763 6.154-6.236a1.14 1.14 0 0 1 1.652 0l6.154 6.257c1.115 1.136.343 3.043-1.222 3.043H6.256c-1.522 0-2.359-1.929-1.244-3.064Z" class="icon-base"/></svg></span>
<span class="Icon Icon--xs text-green-500" style="display:none" x-show="($store.nationalAverageRateComparisonChart.products['15_conventional']?.trend ?? 'up') === 'down'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Down Icon</title><path d="m18.985 10.215-6.154 6.261a1.14 1.14 0 0 1-1.65 0l-6.154-6.261C3.912 9.078 4.684 7.17 6.249 7.17h11.45c1.586 0 2.4 1.908 1.285 3.045Z" class="icon-base"/></svg></span>
<span class="Icon Icon--xs text-gray-500" style="display:none" x-show="($store.nationalAverageRateComparisonChart.products['15_conventional']?.trend ?? 'up') === 'unchanged'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Unchanged Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12c0-.6.471-1.071 1.071-1.071H18.43c.6 0 1.071.471 1.071 1.071s-.471 1.072-1.071 1.072H5.57c-.6 0-1.071-.472-1.071-1.072Z" class="icon-base"/></svg></span>
<span class="text-sm" x-text="$store.nationalAverageRateComparisonChart.products['15_conventional']?.change ?? '0.15%'">0.15%</span>
</span>
</span>
</label>
</div>
<div class="text-center hidden @3xl:block">
<input type="radio" class="FormButtonGroup-input peer" id="product-30_fha" name="product" data-label="30-year FHA" value="30_fha" x-bind:checked="$store.nationalAverageRateComparisonChart.shouldShowChart && '30_fha' === $store
                        .nationalAverageRateComparisonChart.selectedProduct" @change="$store.nationalAverageRateComparisonChart.updateSelections('product', $event.target.value, $event.target.dataset.label)">
<label class="rounded border border-gray-500 p-2 @3xl:p-4 cursor-pointer hover:outline-2 hover:outline-blue-400 hover:border-blue-400 hover:bg-blue-100 peer-checked:outline-2 peer-checked:outline-blue-600 peer-checked:border-blue-600 peer-checked:bg-blue-100 peer-checked:cursor-default peer-checked:hover:outline-2 peer-checked:hover:outline-blue-600 peer-checked:hover:border-blue-600 peer-checked:hover:bg-blue-100 peer-disabled:pointer-events-none peer-disabled:cursor-default" for="product-30_fha">
<span class="block text-base mb-1">30-year FHA</span>
<span class="flex flex-col @3xl:flex-row items-center justify-center @3xl:gap-3">
<span class="heading-3" x-text="$store.nationalAverageRateComparisonChart.products['30_fha']?.rate ?? '5.52%'">5.52%</span>
<span class="flex items-center justify-center gap-0.5">
<span class="Icon Icon--xs text-red-500" style="display:none" x-show="($store.nationalAverageRateComparisonChart.products['30_fha']?.trend ?? 'down') === 'up'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Up Icon</title><path d="m5.013 13.763 6.154-6.236a1.14 1.14 0 0 1 1.652 0l6.154 6.257c1.115 1.136.343 3.043-1.222 3.043H6.256c-1.522 0-2.359-1.929-1.244-3.064Z" class="icon-base"/></svg></span>
<span class="Icon Icon--xs text-green-500" style="" x-show="($store.nationalAverageRateComparisonChart.products['30_fha']?.trend ?? 'down') === 'down'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Down Icon</title><path d="m18.985 10.215-6.154 6.261a1.14 1.14 0 0 1-1.65 0l-6.154-6.261C3.912 9.078 4.684 7.17 6.249 7.17h11.45c1.586 0 2.4 1.908 1.285 3.045Z" class="icon-base"/></svg></span>
<span class="Icon Icon--xs text-gray-500" style="display:none" x-show="($store.nationalAverageRateComparisonChart.products['30_fha']?.trend ?? 'down') === 'unchanged'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Unchanged Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12c0-.6.471-1.071 1.071-1.071H18.43c.6 0 1.071.471 1.071 1.071s-.471 1.072-1.071 1.072H5.57c-.6 0-1.071-.472-1.071-1.072Z" class="icon-base"/></svg></span>
<span class="text-sm" x-text="$store.nationalAverageRateComparisonChart.products['30_fha']?.change ?? '0.07%'">0.07%</span>
</span>
</span>
</label>
</div>
<div class="text-center hidden @3xl:block">
<input type="radio" class="FormButtonGroup-input peer" id="product-30_va" name="product" data-label="30-year VA" value="30_va" x-bind:checked="$store.nationalAverageRateComparisonChart.shouldShowChart && '30_va' === $store
                        .nationalAverageRateComparisonChart.selectedProduct" @change="$store.nationalAverageRateComparisonChart.updateSelections('product', $event.target.value, $event.target.dataset.label)">
<label class="rounded border border-gray-500 p-2 @3xl:p-4 cursor-pointer hover:outline-2 hover:outline-blue-400 hover:border-blue-400 hover:bg-blue-100 peer-checked:outline-2 peer-checked:outline-blue-600 peer-checked:border-blue-600 peer-checked:bg-blue-100 peer-checked:cursor-default peer-checked:hover:outline-2 peer-checked:hover:outline-blue-600 peer-checked:hover:border-blue-600 peer-checked:hover:bg-blue-100 peer-disabled:pointer-events-none peer-disabled:cursor-default" for="product-30_va">
<span class="block text-base mb-1">30-year VA</span>
<span class="flex flex-col @3xl:flex-row items-center justify-center @3xl:gap-3">
<span class="heading-3" x-text="$store.nationalAverageRateComparisonChart.products['30_va']?.rate ?? '5.30%'">5.30%</span>
<span class="flex items-center justify-center gap-0.5">
<span class="Icon Icon--xs text-red-500" style="display:none" x-show="($store.nationalAverageRateComparisonChart.products['30_va']?.trend ?? 'down') === 'up'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Up Icon</title><path d="m5.013 13.763 6.154-6.236a1.14 1.14 0 0 1 1.652 0l6.154 6.257c1.115 1.136.343 3.043-1.222 3.043H6.256c-1.522 0-2.359-1.929-1.244-3.064Z" class="icon-base"/></svg></span>
<span class="Icon Icon--xs text-green-500" style="" x-show="($store.nationalAverageRateComparisonChart.products['30_va']?.trend ?? 'down') === 'down'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Down Icon</title><path d="m18.985 10.215-6.154 6.261a1.14 1.14 0 0 1-1.65 0l-6.154-6.261C3.912 9.078 4.684 7.17 6.249 7.17h11.45c1.586 0 2.4 1.908 1.285 3.045Z" class="icon-base"/></svg></span>
<span class="Icon Icon--xs text-gray-500" style="display:none" x-show="($store.nationalAverageRateComparisonChart.products['30_va']?.trend ?? 'down') === 'unchanged'">
<svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Trend Unchanged Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12c0-.6.471-1.071 1.071-1.071H18.43c.6 0 1.071.471 1.071 1.071s-.471 1.072-1.071 1.072H5.57c-.6 0-1.071-.472-1.071-1.072Z" class="icon-base"/></svg></span>
<span class="text-sm" x-text="$store.nationalAverageRateComparisonChart.products['30_va']?.change ?? '0.04%'">0.04%</span>
</span>
</span>
</label>
</div>
</div>
</fieldset>
<div x-data="$store.nationalAverageRateComparisonChart"
 data-disable-chart-collapse x-init="$store.nationalAverageRateComparisonChart.selectedProduct = '30_conventional';
    $store.nationalAverageRateComparisonChart.selectedLoanPurpose = 'purchase';
    $store.nationalAverageRateComparisonChart.selectedTimelineOption = '60_d';
    $store.nationalAverageRateComparisonChart.trackingLocation = 'homepage';
    $store.nationalAverageRateComparisonChart.ctaTrackingOutcome = 'cta click';
    $store.nationalAverageRateComparisonChart.trendsDataSource = 'bankrate_top_offers';">
<div class="grid @3xl:grid-cols-6 gap-x-6" >
<div class="@3xl:col-span-2 order-2 @3xl:order-first" x-data="{ showMobileFilters: false }">
<button class="text-sm font-bold text-blue-600 @3xl:hidden mb-6" type="button" x-on:click="showMobileFilters = !showMobileFilters" x-bind:aria-expanded="showMobileFilters ? 'true' : 'false'" aria-controls="national-average-rate-comparison-chart-6a2786352c05a-filters" x-text="showMobileFilters ? 'Additional filters -' : 'Additional filters +'">
Additional filters +
</button>
<div id="national-average-rate-comparison-chart-6a2786352c05a-filters"
 x-show="showMobileFilters" x-cloak class="@3xl:!block" >
<fieldset class="mb-4">
<legend class="FormLabel mb-1">Historical timeline</legend>
<div class="FormButtonGroup FormButtonGroup--small border-gray-500 w-full">
<div class="FormButtonGroup-button">
<input type="radio" class="FormButtonGroup-input" id="timeline-60_d" name="timeline" value="60_d" @change="$store.nationalAverageRateComparisonChart.updateSelections('timeline', $event.target.value)"
checked >
<label class="FormButtonGroup-label px-0 py-2 text-center leading-snug flex-1" for="timeline-60_d">60 D</label>
</div>
<div class="FormButtonGroup-button">
<input type="radio" class="FormButtonGroup-input" id="timeline-6_m" name="timeline" value="6_m" @change="$store.nationalAverageRateComparisonChart.updateSelections('timeline', $event.target.value)"
 >
<label class="FormButtonGroup-label px-0 py-2 text-center leading-snug flex-1" for="timeline-6_m">6 M</label>
</div>
<div class="FormButtonGroup-button">
<input type="radio" class="FormButtonGroup-input" id="timeline-1_y" name="timeline" value="1_y" @change="$store.nationalAverageRateComparisonChart.updateSelections('timeline', $event.target.value)"
 >
<label class="FormButtonGroup-label px-0 py-2 text-center leading-snug flex-1" for="timeline-1_y">1 Y</label>
</div>
<div class="FormButtonGroup-button">
<input type="radio" class="FormButtonGroup-input" id="timeline-5_y" name="timeline" value="5_y" @change="$store.nationalAverageRateComparisonChart.updateSelections('timeline', $event.target.value)"
 >
<label class="FormButtonGroup-label px-0 py-2 text-center leading-snug flex-1" for="timeline-5_y">5 Y</label>
</div>
<div class="FormButtonGroup-button">
<input type="radio" class="FormButtonGroup-input" id="timeline-all" name="timeline" value="all" @change="$store.nationalAverageRateComparisonChart.updateSelections('timeline', $event.target.value)"
 >
<label class="FormButtonGroup-label px-0 py-2 text-center leading-snug flex-1" for="timeline-all">All</label>
</div>
</div>
</fieldset>
<fieldset class="mb-4">
<legend class="FormLabel mb-1">Loan purpose</legend>
<div class="FormButtonGroup FormButtonGroup--small border-gray-500 w-full">
<div class="FormButtonGroup-button">
<input type="radio" class="FormButtonGroup-input" id="loan-purpose-purchase" name="loan-purpose" value="purchase" @change="$store.nationalAverageRateComparisonChart.updateSelections('loanPurpose', $event.target.value)"
checked >
<label class="FormButtonGroup-label px-0 py-2 text-center leading-snug flex-1" for="loan-purpose-purchase">Purchase</label>
</div>
<div class="FormButtonGroup-button">
<input type="radio" class="FormButtonGroup-input" id="loan-purpose-refinance" name="loan-purpose" value="refinance" @change="$store.nationalAverageRateComparisonChart.updateSelections('loanPurpose', $event.target.value)"
 >
<label class="FormButtonGroup-label px-0 py-2 text-center leading-snug flex-1" for="loan-purpose-refinance">Refinance</label>
</div>
</div>
</fieldset>
<button class="Link w-fit text-sm leading-5 mb-6" type="button" data-target="ratesMethodologyModal" x-data @click="$store.nationalAverageRateComparisonChart.trackRatesMethodologyClick(&quot;How the rates in this chart are calculated&quot;)">
How the rates in this chart are calculated</button>
<div x-data x-init="$nextTick(() => { window.initModal('ratesMethodologyModal', 1); })" class="hidden">
<template x-teleport="#modalStack">
<div id="ratesMethodologyModal"
class="Modal is-closed"role="dialog" aria-hidden="true">
<button
class="Modal-overlay"data-target="ratesMethodologyModal" aria-label="close" @click=""
></button>
<div data-cy="modalContainer"
class="Modal-container"role="document"
 tabindex="-1">
<div class="w-full rounded-lg bg-white p-6 text-gray-700" style="max-width: 800px;">
<h3>How the rates in this chart are calculated</h3>
<div class="wysiwyg">
<p>You can compare national average mortgage rates to top offers to see how much you could save when shopping on Bankrate.  </p>
<ul>
<li><strong>National averages: </strong>This information is collected primarily from banks and thrifts across hundreds of markets in the U.S., as well as rates from a small subset from our advertisers. We have gathered this information since 1999, consistently on a rolling weekly basis, and within specific borrower scenarios. We adjust our borrower scenarios periodically as the housing market changes. Learn more about <a class="Link" href="https://www.bankrate.com/mortgages/about-our-mortgage-rates/">how we collect, display and report mortgage rates for specific borrower scenarios</a>.</li>
<li><strong>Top offers on Bankrate: </strong>This is an average of the rates listed first on our marketplace as advertised by our partners. The averages shown are based on the loan type and term selected. We have collected and displayed this information since 2021.</li>
</ul></div>
</div><button data-cy="modalClose"
class="Modal-close"type="button" data-target="ratesMethodologyModal" aria-label="close" @click=""
></button>
</div>
</div>
</template>
</div>
</div>
<a class="Button Button--primary w-full block max-w-80 mx-auto @3xl:max-w-none" href="/mortgages/mortgage-rates/" @click="$store.nationalAverageRateComparisonChart.ctaLinkClick('Personalize your rate')">
Personalize your rate<span class="Icon Icon--xs">
<svg class="Icon-glyph" 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></span>
</a>
</div>
<div class="@3xl:col-span-4 order-1 @3xl:order-last" data-national-average-rate-comparison-chart>
<div class="relative w-full min-h-52 @3xl:min-h-72 mb-4">
<canvas id="national-average-rate-comparison-chart-6a2786352c05a" class="absolute" data-chart-data="{&quot;national&quot;:[{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.52,&quot;avg_points&quot;:0.4,&quot;avg_rate&quot;:6.406,&quot;avg_yield&quot;:6.477,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.875,&quot;max_rate&quot;:8.25,&quot;max_yield&quot;:8.402,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:2.625,&quot;min_yield&quot;:2.634,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-09T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-09T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.13,&quot;avg_points&quot;:0.377,&quot;avg_rate&quot;:6.407,&quot;avg_yield&quot;:6.476,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.875,&quot;max_rate&quot;:8.625,&quot;max_yield&quot;:8.642,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:2.625,&quot;min_yield&quot;:2.634,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-10T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-10T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.45,&quot;avg_points&quot;:0.36,&quot;avg_rate&quot;:6.409,&quot;avg_yield&quot;:6.477,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.875,&quot;max_rate&quot;:8.625,&quot;max_yield&quot;:8.642,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:2.625,&quot;min_yield&quot;:2.634,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-11T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-11T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.76,&quot;avg_points&quot;:0.331,&quot;avg_rate&quot;:6.404,&quot;avg_yield&quot;:6.469,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.875,&quot;max_rate&quot;:8.625,&quot;max_yield&quot;:8.642,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:2.625,&quot;min_yield&quot;:2.634,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-13T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-13T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.93,&quot;avg_points&quot;:0.33,&quot;avg_rate&quot;:6.382,&quot;avg_yield&quot;:6.447,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.875,&quot;max_rate&quot;:8.625,&quot;max_yield&quot;:8.642,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.524,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-14T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-14T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.81,&quot;avg_points&quot;:0.361,&quot;avg_rate&quot;:6.379,&quot;avg_yield&quot;:6.447,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.375,&quot;max_rate&quot;:8.625,&quot;max_yield&quot;:8.642,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.5,&quot;min_yield&quot;:5.523,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-15T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-15T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.98,&quot;avg_points&quot;:0.369,&quot;avg_rate&quot;:6.34,&quot;avg_yield&quot;:6.408,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.375,&quot;max_rate&quot;:8.25,&quot;max_yield&quot;:8.402,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.5,&quot;min_yield&quot;:5.524,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-16T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-16T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44,&quot;avg_points&quot;:0.444,&quot;avg_rate&quot;:6.325,&quot;avg_yield&quot;:6.399,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.625,&quot;max_rate&quot;:8.25,&quot;max_yield&quot;:8.402,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.375,&quot;min_yield&quot;:5.524,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-17T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-17T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.31,&quot;avg_points&quot;:0.425,&quot;avg_rate&quot;:6.329,&quot;avg_yield&quot;:6.403,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.625,&quot;max_rate&quot;:8.25,&quot;max_yield&quot;:8.402,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.5,&quot;min_yield&quot;:5.524,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-18T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-18T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.6,&quot;avg_points&quot;:0.42,&quot;avg_rate&quot;:6.33,&quot;avg_yield&quot;:6.402,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.625,&quot;max_rate&quot;:8.25,&quot;max_yield&quot;:8.402,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.625,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-20T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-20T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:45.72,&quot;avg_points&quot;:0.421,&quot;avg_rate&quot;:6.295,&quot;avg_yield&quot;:6.367,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.625,&quot;max_rate&quot;:7.5,&quot;max_yield&quot;:7.501,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.625,&quot;min_yield&quot;:5.771,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-21T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-21T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:45.21,&quot;avg_points&quot;:0.448,&quot;avg_rate&quot;:6.321,&quot;avg_yield&quot;:6.396,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.75,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.63,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.5,&quot;min_yield&quot;:5.523,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-22T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-22T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.97,&quot;avg_points&quot;:0.388,&quot;avg_rate&quot;:6.298,&quot;avg_yield&quot;:6.367,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3.125,&quot;max_rate&quot;:7.5,&quot;max_yield&quot;:7.5,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.523,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-23T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-23T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.49,&quot;avg_points&quot;:0.389,&quot;avg_rate&quot;:6.329,&quot;avg_yield&quot;:6.399,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3.125,&quot;max_rate&quot;:7.5,&quot;max_yield&quot;:7.5,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.523,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-24T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-24T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.55,&quot;avg_points&quot;:0.392,&quot;avg_rate&quot;:6.33,&quot;avg_yield&quot;:6.4,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3.125,&quot;max_rate&quot;:7.25,&quot;max_yield&quot;:7.272,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.523,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-25T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-25T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.29,&quot;avg_points&quot;:0.383,&quot;avg_rate&quot;:6.396,&quot;avg_yield&quot;:6.464,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3.125,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.605,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.523,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-27T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-27T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.72,&quot;avg_points&quot;:0.414,&quot;avg_rate&quot;:6.384,&quot;avg_yield&quot;:6.457,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3.125,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.625,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.523,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-28T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-28T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.82,&quot;avg_points&quot;:0.39,&quot;avg_rate&quot;:6.391,&quot;avg_yield&quot;:6.461,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.625,&quot;max_rate&quot;:7.624,&quot;max_yield&quot;:7.636,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.5,&quot;min_yield&quot;:5.523,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-29T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-29T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.67,&quot;avg_points&quot;:0.391,&quot;avg_rate&quot;:6.377,&quot;avg_yield&quot;:6.446,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.375,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.607,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.5,&quot;min_yield&quot;:5.524,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-04-30T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-04-30T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.58,&quot;avg_points&quot;:0.425,&quot;avg_rate&quot;:6.391,&quot;avg_yield&quot;:6.464,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:6.5,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.625,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.5,&quot;min_yield&quot;:5.524,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-01T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-01T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.49,&quot;avg_points&quot;:0.421,&quot;avg_rate&quot;:6.391,&quot;avg_yield&quot;:6.464,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:6.5,&quot;max_rate&quot;:7.25,&quot;max_yield&quot;:7.3,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.5,&quot;min_yield&quot;:5.524,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-02T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-02T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.51,&quot;avg_points&quot;:0.391,&quot;avg_rate&quot;:6.464,&quot;avg_yield&quot;:6.534,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.5,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.62,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-04T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-04T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.04,&quot;avg_points&quot;:0.383,&quot;avg_rate&quot;:6.435,&quot;avg_yield&quot;:6.503,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.5,&quot;max_rate&quot;:7.49,&quot;max_yield&quot;:7.462,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.771,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-05T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-05T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.39,&quot;avg_points&quot;:0.4,&quot;avg_rate&quot;:6.472,&quot;avg_yield&quot;:6.543,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3,&quot;max_rate&quot;:8.25,&quot;max_yield&quot;:8.402,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-06T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-06T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.83,&quot;avg_points&quot;:0.356,&quot;avg_rate&quot;:6.466,&quot;avg_yield&quot;:6.533,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3,&quot;max_rate&quot;:8.25,&quot;max_yield&quot;:8.402,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-07T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-07T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.84,&quot;avg_points&quot;:0.384,&quot;avg_rate&quot;:6.446,&quot;avg_yield&quot;:6.516,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3,&quot;max_rate&quot;:8.25,&quot;max_yield&quot;:8.402,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-08T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-08T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.67,&quot;avg_points&quot;:0.384,&quot;avg_rate&quot;:6.447,&quot;avg_yield&quot;:6.517,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3,&quot;max_rate&quot;:8.25,&quot;max_yield&quot;:8.402,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-09T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-09T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.55,&quot;avg_points&quot;:0.393,&quot;avg_rate&quot;:6.462,&quot;avg_yield&quot;:6.532,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3,&quot;max_rate&quot;:8.25,&quot;max_yield&quot;:8.402,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-11T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-11T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.96,&quot;avg_points&quot;:0.38,&quot;avg_rate&quot;:6.445,&quot;avg_yield&quot;:6.514,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:300,&quot;max_points&quot;:2.75,&quot;max_rate&quot;:7.5,&quot;max_yield&quot;:7.511,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.77,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-12T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-12T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.59,&quot;avg_points&quot;:0.42,&quot;avg_rate&quot;:6.455,&quot;avg_yield&quot;:6.528,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:300,&quot;max_points&quot;:2.75,&quot;max_rate&quot;:7.5,&quot;max_yield&quot;:7.506,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-13T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-13T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.41,&quot;avg_points&quot;:0.37,&quot;avg_rate&quot;:6.468,&quot;avg_yield&quot;:6.537,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:300,&quot;max_points&quot;:4,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.625,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-14T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-14T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.9,&quot;avg_points&quot;:0.351,&quot;avg_rate&quot;:6.493,&quot;avg_yield&quot;:6.56,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:300,&quot;max_points&quot;:4,&quot;max_rate&quot;:7.75,&quot;max_yield&quot;:7.73,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-15T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-15T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.69,&quot;avg_points&quot;:0.359,&quot;avg_rate&quot;:6.513,&quot;avg_yield&quot;:6.581,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:300,&quot;max_points&quot;:4,&quot;max_rate&quot;:7.375,&quot;max_yield&quot;:7.426,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-16T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-16T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.08,&quot;avg_points&quot;:0.32,&quot;avg_rate&quot;:6.581,&quot;avg_yield&quot;:6.645,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:4,&quot;max_rate&quot;:7.875,&quot;max_yield&quot;:7.846,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-18T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-18T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.33,&quot;avg_points&quot;:0.334,&quot;avg_rate&quot;:6.583,&quot;avg_yield&quot;:6.649,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:4,&quot;max_rate&quot;:8,&quot;max_yield&quot;:7.965,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.49,&quot;min_yield&quot;:5.79,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-19T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-19T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.46,&quot;avg_points&quot;:0.367,&quot;avg_rate&quot;:6.629,&quot;avg_yield&quot;:6.699,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.875,&quot;max_rate&quot;:7.75,&quot;max_yield&quot;:7.75,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-20T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-20T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.27,&quot;avg_points&quot;:0.35,&quot;avg_rate&quot;:6.652,&quot;avg_yield&quot;:6.72,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3.125,&quot;max_rate&quot;:7.875,&quot;max_yield&quot;:7.84,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-21T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-21T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.11,&quot;avg_points&quot;:0.359,&quot;avg_rate&quot;:6.651,&quot;avg_yield&quot;:6.721,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3.125,&quot;max_rate&quot;:7.75,&quot;max_yield&quot;:7.75,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-22T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-22T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.93,&quot;avg_points&quot;:0.354,&quot;avg_rate&quot;:6.649,&quot;avg_yield&quot;:6.717,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3.125,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.676,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-23T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-23T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.47,&quot;avg_points&quot;:0.311,&quot;avg_rate&quot;:6.697,&quot;avg_yield&quot;:6.759,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3.125,&quot;max_rate&quot;:7.75,&quot;max_yield&quot;:7.75,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-25T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-25T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.71,&quot;avg_points&quot;:0.355,&quot;avg_rate&quot;:6.62,&quot;avg_yield&quot;:6.688,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:3.125,&quot;max_rate&quot;:7.75,&quot;max_yield&quot;:7.75,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.79,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-26T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-26T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.53,&quot;avg_points&quot;:0.383,&quot;avg_rate&quot;:6.594,&quot;avg_yield&quot;:6.666,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.375,&quot;max_rate&quot;:7.49,&quot;max_yield&quot;:7.461,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-27T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-27T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.58,&quot;avg_points&quot;:0.374,&quot;avg_rate&quot;:6.561,&quot;avg_yield&quot;:6.631,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.375,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.584,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-28T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-28T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.9,&quot;avg_points&quot;:0.372,&quot;avg_rate&quot;:6.562,&quot;avg_yield&quot;:6.632,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.375,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.625,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-29T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-29T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.89,&quot;avg_points&quot;:0.37,&quot;avg_rate&quot;:6.558,&quot;avg_yield&quot;:6.628,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.375,&quot;max_rate&quot;:7.5,&quot;max_yield&quot;:7.509,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-05-30T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-05-30T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.61,&quot;avg_points&quot;:0.365,&quot;avg_rate&quot;:6.542,&quot;avg_yield&quot;:6.61,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.375,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.608,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-06-01T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-06-01T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:44.14,&quot;avg_points&quot;:0.338,&quot;avg_rate&quot;:6.52,&quot;avg_yield&quot;:6.586,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.25,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.625,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.79,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-06-02T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-06-02T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.97,&quot;avg_points&quot;:0.353,&quot;avg_rate&quot;:6.516,&quot;avg_yield&quot;:6.584,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.5,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.627,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-06-03T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-06-03T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:42.51,&quot;avg_points&quot;:0.344,&quot;avg_rate&quot;:6.524,&quot;avg_yield&quot;:6.591,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.5,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.625,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-06-04T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-06-04T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.53,&quot;avg_points&quot;:0.399,&quot;avg_rate&quot;:6.529,&quot;avg_yield&quot;:6.602,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.5,&quot;max_rate&quot;:7.625,&quot;max_yield&quot;:7.625,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-06-05T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-06-05T04:00:00.000Z&quot;},{&quot;aggregation_type_id&quot;:null,&quot;avg_lock_period&quot;:43.55,&quot;avg_points&quot;:0.394,&quot;avg_rate&quot;:6.528,&quot;avg_yield&quot;:6.6,&quot;created_at&quot;:null,&quot;market_id&quot;:null,&quot;max_lock_period&quot;:90,&quot;max_points&quot;:2.5,&quot;max_rate&quot;:7.5,&quot;max_yield&quot;:7.614,&quot;min_lock_period&quot;:0,&quot;min_points&quot;:0,&quot;min_rate&quot;:5.75,&quot;min_yield&quot;:5.761,&quot;product_id&quot;:1,&quot;from_date&quot;:&quot;2026-06-06T04:00:00.000Z&quot;,&quot;to_date&quot;:&quot;2026-06-06T04:00:00.000Z&quot;}],&quot;bankrate&quot;:[{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-09&quot;,&quot;rate&quot;:5.62,&quot;apr&quot;:5.78,&quot;interest&quot;:5.62},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-10&quot;,&quot;rate&quot;:5.72,&quot;apr&quot;:5.87,&quot;interest&quot;:5.72},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-11&quot;,&quot;rate&quot;:5.66,&quot;apr&quot;:5.83,&quot;interest&quot;:5.66},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-13&quot;,&quot;rate&quot;:5.67,&quot;apr&quot;:5.82,&quot;interest&quot;:5.67},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-14&quot;,&quot;rate&quot;:5.68,&quot;apr&quot;:5.81,&quot;interest&quot;:5.68},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-15&quot;,&quot;rate&quot;:5.65,&quot;apr&quot;:5.8,&quot;interest&quot;:5.65},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-16&quot;,&quot;rate&quot;:5.67,&quot;apr&quot;:5.81,&quot;interest&quot;:5.67},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-17&quot;,&quot;rate&quot;:5.61,&quot;apr&quot;:5.75,&quot;interest&quot;:5.61},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-18&quot;,&quot;rate&quot;:5.58,&quot;apr&quot;:5.73,&quot;interest&quot;:5.58},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-20&quot;,&quot;rate&quot;:5.61,&quot;apr&quot;:5.75,&quot;interest&quot;:5.61},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-21&quot;,&quot;rate&quot;:5.67,&quot;apr&quot;:5.81,&quot;interest&quot;:5.67},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-22&quot;,&quot;rate&quot;:5.65,&quot;apr&quot;:5.8,&quot;interest&quot;:5.65},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-23&quot;,&quot;rate&quot;:5.65,&quot;apr&quot;:5.8,&quot;interest&quot;:5.65},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-24&quot;,&quot;rate&quot;:5.7,&quot;apr&quot;:5.84,&quot;interest&quot;:5.7},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-25&quot;,&quot;rate&quot;:5.68,&quot;apr&quot;:5.82,&quot;interest&quot;:5.68},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-27&quot;,&quot;rate&quot;:5.72,&quot;apr&quot;:5.85,&quot;interest&quot;:5.72},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-28&quot;,&quot;rate&quot;:5.72,&quot;apr&quot;:5.86,&quot;interest&quot;:5.72},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-29&quot;,&quot;rate&quot;:5.78,&quot;apr&quot;:5.95,&quot;interest&quot;:5.78},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-04-30&quot;,&quot;rate&quot;:5.8,&quot;apr&quot;:5.96,&quot;interest&quot;:5.8},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-01&quot;,&quot;rate&quot;:5.8,&quot;apr&quot;:5.96,&quot;interest&quot;:5.8},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-02&quot;,&quot;rate&quot;:5.71,&quot;apr&quot;:5.89,&quot;interest&quot;:5.71},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-04&quot;,&quot;rate&quot;:5.84,&quot;apr&quot;:5.98,&quot;interest&quot;:5.84},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-05&quot;,&quot;rate&quot;:5.87,&quot;apr&quot;:5.99,&quot;interest&quot;:5.87},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-06&quot;,&quot;rate&quot;:5.81,&quot;apr&quot;:5.94,&quot;interest&quot;:5.81},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-07&quot;,&quot;rate&quot;:5.78,&quot;apr&quot;:5.9,&quot;interest&quot;:5.78},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-08&quot;,&quot;rate&quot;:5.72,&quot;apr&quot;:5.86,&quot;interest&quot;:5.72},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-09&quot;,&quot;rate&quot;:5.73,&quot;apr&quot;:5.9,&quot;interest&quot;:5.73},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-11&quot;,&quot;rate&quot;:5.83,&quot;apr&quot;:5.97,&quot;interest&quot;:5.83},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-12&quot;,&quot;rate&quot;:5.84,&quot;apr&quot;:6,&quot;interest&quot;:5.84},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-13&quot;,&quot;rate&quot;:5.9,&quot;apr&quot;:6.04,&quot;interest&quot;:5.9},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-14&quot;,&quot;rate&quot;:5.83,&quot;apr&quot;:6,&quot;interest&quot;:5.83},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-15&quot;,&quot;rate&quot;:5.97,&quot;apr&quot;:6.12,&quot;interest&quot;:5.97},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-16&quot;,&quot;rate&quot;:5.95,&quot;apr&quot;:6.1,&quot;interest&quot;:5.95},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-18&quot;,&quot;rate&quot;:6.01,&quot;apr&quot;:6.14,&quot;interest&quot;:6.01},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-19&quot;,&quot;rate&quot;:6.13,&quot;apr&quot;:6.26,&quot;interest&quot;:6.13},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-20&quot;,&quot;rate&quot;:6.05,&quot;apr&quot;:6.2,&quot;interest&quot;:6.05},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-21&quot;,&quot;rate&quot;:6.04,&quot;apr&quot;:6.19,&quot;interest&quot;:6.04},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-22&quot;,&quot;rate&quot;:6.06,&quot;apr&quot;:6.2,&quot;interest&quot;:6.06},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-23&quot;,&quot;rate&quot;:5.98,&quot;apr&quot;:6.18,&quot;interest&quot;:5.98},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-25&quot;,&quot;rate&quot;:6.02,&quot;apr&quot;:6.2,&quot;interest&quot;:6.02},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-26&quot;,&quot;rate&quot;:5.95,&quot;apr&quot;:6.09,&quot;interest&quot;:5.95},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-27&quot;,&quot;rate&quot;:5.93,&quot;apr&quot;:6.07,&quot;interest&quot;:5.93},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-28&quot;,&quot;rate&quot;:5.9,&quot;apr&quot;:6.04,&quot;interest&quot;:5.9},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-29&quot;,&quot;rate&quot;:5.85,&quot;apr&quot;:6.01,&quot;interest&quot;:5.85},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-05-30&quot;,&quot;rate&quot;:5.75,&quot;apr&quot;:5.92,&quot;interest&quot;:5.75},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-06-01&quot;,&quot;rate&quot;:5.92,&quot;apr&quot;:6.06,&quot;interest&quot;:5.92},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-06-02&quot;,&quot;rate&quot;:5.9,&quot;apr&quot;:6.05,&quot;interest&quot;:5.9},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-06-03&quot;,&quot;rate&quot;:5.92,&quot;apr&quot;:6.06,&quot;interest&quot;:5.92},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-06-04&quot;,&quot;rate&quot;:5.86,&quot;apr&quot;:6.03,&quot;interest&quot;:5.86},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-06-05&quot;,&quot;rate&quot;:5.98,&quot;apr&quot;:6.13,&quot;interest&quot;:5.98},{&quot;loanTerm&quot;:&quot;30&quot;,&quot;loanType&quot;:&quot;purchase&quot;,&quot;productFamily&quot;:&quot;conventional&quot;,&quot;date&quot;:&quot;2026-06-06&quot;,&quot;rate&quot;:5.93,&quot;apr&quot;:6.08,&quot;interest&quot;:5.93}]}"></canvas>
</div>
<div class="@4xl:flex items-center justify-center gap-8 mb-4 @4xl:mb-0">
<div class="flex items-center gap-2">
<span class="w-3 h-3 rounded-full bg-blue-700"></span>
<span class="text-sm"><span x-text="selectedTimelineOption === '60_d' ? 'Daily' : (selectedTimelineOption === '6_m' ? 'Weekly' : 'Monthly')">Daily</span>
top offers on Bankrate: <strong class="text-lg" data-bankrate-top-offer-rate>5.93%</strong></span>
<div id="tc174ba2c-18d2-41fd-812c-d391dc07abd1" class="hidden">
<div class="w-72" style="max-width: calc(100vw - 4rem)">
Data for top offers on Bankrate not collected prior to May 2021</div>
</div>
<div class="inline-block cursor-pointer ">
<div x-data data-tippy-maxWidth="none" data-template="tc174ba2c-18d2-41fd-812c-d391dc07abd1"
role="tooltip" tabIndex="0"x-tooltip="" >
<svg class="Icon Icon--xs text-blue-600 block" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Info Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M0 12c0 6.612 5.388 12 12 12s12-5.388 12-12S18.612 0 12 0 0 5.388 0 12Zm1.96 0C1.96 6.465 6.464 1.96 12 1.96c5.535 0 10.04 4.505 10.04 10.04 0 5.535-4.505 10.04-10.04 10.04-5.535 0-10.04-4.505-10.04-10.04Zm11.02-4.543c0-.538-.441-.98-.98-.98-.539 0-.98.441-.98.98v.074c0 .539.441.98.98.98.539 0 .98-.441.98-.98v-.074Zm.012 3.796c0-.539-.441-.98-.98-.98-.539 0-.98.441-.98.98v5.265c0 .54.441.98.98.98.539 0 .98-.44.98-.98v-5.265Z" class="icon-base"/></svg></div>
</div>
</div>
<div class="flex items-center gap-2">
<span class="w-3 h-3 rounded-full bg-teal-600"></span>
<span class="text-sm"><span x-text="selectedTimelineOption === '60_d' ? 'Daily' : (selectedTimelineOption === '6_m' ? 'Weekly' : 'Monthly')">Daily</span>
national average: <strong class="text-lg" data-national-average-rate>6.53%</strong></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-col items-center gap-2">
<h2 class="homepage-rates__title heading-3 text-gray-900 text-center text-balance m-0">
Build your home on a stronger financial foundation</h2>
<div class="homepage-rates__description text-center text-balance m-0 wysiwyg wysiwyg--flush wysiwyg--lg">
<p><span>Whether you&#039;re saving for a down payment or managing your new home&#039;s expenses, we help you make every dollar work harder.</span></p></div>
<div class="mt-8 grid grid-cols-4 sm:grid-cols-6 lg:grid-cols-10 gap-4 md:gap-6">
<a href="/banking/savings/best-high-yield-interests-savings-accounts/" class="homepage-rates__link border py-6 px-4 flex flex-col gap-1 items-center justify-center col-span-2 max-w-content text-center text-lg font-bold leading-tight transition-colors rounded bg-white border-blue-300 text-blue-900 hover:text-blue-600"
 data-beam-element-clicked-no-delay data-type="button"
data-location="homepage"
data-name="homepage tile"
data-position="middle"
data-text="High Yield Savings"
data-outcome="link to Savings rates"
>
<svg class="Icon-glyph size-8 icon-offset-lavender-200" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Rates Up Icon</title><path d="M20.175 9.3c-1.036 0-1.875.84-1.875 1.875v9.3a1.875 1.875 0 1 0 3.75 0v-9.3c0-1.036-.84-1.875-1.875-1.875ZM12 15a1.65 1.65 0 0 1 3.3 0v5.7a1.65 1.65 0 1 1-3.3 0V15ZM5.4 17.505a1.755 1.755 0 0 1 3.51 0v3.12a1.755 1.755 0 1 1-3.51 0v-3.12Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.159 11.108a.809.809 0 0 0 .67.345l-.015-.015a.848.848 0 0 0 .488-.15l5.094-3.57 1.631 1.695a.838.838 0 0 0 1.129.075l6.831-5.49a.806.806 0 0 0 .122-1.155.852.852 0 0 0-1.174-.12l-6.222 5.01-1.6-1.65a.83.83 0 0 0-1.083-.105l-5.673 3.99a.794.794 0 0 0-.198 1.14Zm15.325 10.35c-1.388 0-2.516-1.11-2.516-2.475V9.368c0-1.365 1.128-2.475 2.516-2.475 1.388 0 2.516 1.11 2.516 2.475v9.615c0 1.365-1.128 2.475-2.516 2.475Zm0-12.915a.846.846 0 0 0-.854.84v9.615c0 .465.381.84.854.84a.846.846 0 0 0 .854-.84V9.383a.846.846 0 0 0-.854-.84Zm-8.997 10.44c0 1.365 1.129 2.475 2.516 2.475 1.388 0 2.516-1.11 2.516-2.475v-5.565c0-1.365-1.128-2.475-2.516-2.475-1.387 0-2.516 1.11-2.516 2.475v5.565Zm1.662-5.565c0-.465.381-.84.854-.84s.854.375.854.84v5.565c0 .465-.381.84-.854.84a.846.846 0 0 1-.854-.84v-5.565Zm-8.143 5.565c0 1.365 1.128 2.475 2.516 2.475 1.388 0 2.516-1.11 2.516-2.475v-3.18c0-1.365-1.128-2.475-2.516-2.475-1.388 0-2.516 1.11-2.516 2.475v3.18Zm1.662-3.165c0-.465.381-.84.854-.84s.854.375.854.84v3.18c0 .465-.381.84-.854.84a.846.846 0 0 1-.854-.84v-3.18Z" class="icon-base"/></svg>High-yield savings</a>
<a href="/banking/cds/cd-rates/" class="homepage-rates__link border py-6 px-4 flex flex-col gap-1 items-center justify-center col-span-2 max-w-content text-center text-lg font-bold leading-tight transition-colors rounded bg-white border-blue-300 text-blue-900 hover:text-blue-600"
 data-beam-element-clicked-no-delay data-type="button"
data-location="homepage"
data-name="homepage tile"
data-position="middle"
data-text="CDs"
data-outcome="link to CD rates"
>
<svg class="Icon-glyph size-8 icon-offset-lavender-200" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>CD Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M5.372 20.534c.12.043.244.066.373.066h2.116a.41.41 0 0 1 .01 0h14.683c.795 0 1.446-.87 1.446-1.937V6.237c0-.854-.417-1.582-.991-1.838a1.096 1.096 0 0 0-.455-.099H5.745c-.794 0-1.445.87-1.445 1.937v12.426c0 .894.457 1.65 1.072 1.871Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.246 18.261H12a.71.71 0 0 0 .707-.708.71.71 0 0 0-.707-.708H4.246c-.733 0-1.333-.743-1.333-1.655V4.57c0-.91.6-1.654 1.333-1.654h15.508c.732 0 1.333.743 1.333 1.655v5.31c0 .389.318.707.707.707a.71.71 0 0 0 .706-.707V4.57c0-1.7-1.227-3.071-2.746-3.071H4.246C2.736 1.5 1.5 2.88 1.5 4.57v10.62c0 1.7 1.228 3.071 2.746 3.071ZM18.791 6.704H5.13a.71.71 0 0 1-.707-.708.71.71 0 0 1 .707-.708H18.79a.71.71 0 0 1 .706.708.71.71 0 0 1-.706.708ZM16.398 18.96c.327.328.75.487 1.183.487l-.008-.009a1.7 1.7 0 0 0 1.192-.496l.212-.212v1.876l-.98-.522a.737.737 0 0 0-.654 0l-1.122.567v-1.873l.177.182Zm-1.59-.524a1.697 1.697 0 0 1-1.05-1.564v-.452a.275.275 0 0 0-.08-.194l-.309-.31a1.682 1.682 0 0 1 0-2.38.235.235 0 0 1 .053-.045l.256-.265a.275.275 0 0 0 .08-.195v-.558a1.692 1.692 0 0 1 1.678-1.593h.45a.24.24 0 0 0 .185-.08l.31-.309c.635-.637 1.74-.637 2.384 0l.318.328c.044.044.115.07.185.07h.45c.928 0 1.687.761 1.687 1.69v.452c0 .07.027.141.07.186l.31.31c.318.318.494.743.494 1.194 0 .451-.176.876-.494 1.195l-.31.31a.275.275 0 0 0-.079.194v.452c0 .687-.415 1.282-1.006 1.546v3.365a.725.725 0 0 1-.345.61.676.676 0 0 1-.362.098v.01a.749.749 0 0 1-.335-.08l-1.696-.912-1.82.911a.731.731 0 0 1-.688-.026.702.702 0 0 1-.335-.602v-3.356Zm-.52-3.715c0-.044.008-.106.052-.16h-.008l.035-.034.309-.32c.31-.309.486-.734.486-1.185V12.571c0-.15.123-.275.273-.275h.45c.451 0 .875-.168 1.193-.486l.31-.31c.132-.133.246-.133.379 0l.318.319c.318.318.742.495 1.192.495h.45c.15 0 .274.124.274.274v.452c0 .451.168.867.486 1.186l.309.31c.07.07.08.15.08.194a.286.286 0 0 1-.089.195l-.309.318c-.31.31-.486.735-.486 1.186v.452c0 .15-.123.274-.274.274h-.45c-.46 0-.874.168-1.192.486l-.31.31c-.114.107-.282.107-.379.01l-.318-.328a1.668 1.668 0 0 0-1.183-.487h-.45a.275.275 0 0 1-.274-.274v-.452c0-.451-.168-.876-.486-1.194l-.31-.31a.269.269 0 0 1-.079-.195Zm-9.15-4.106H12a.71.71 0 0 0 .707-.708A.71.71 0 0 0 12 9.2H5.138a.71.71 0 0 0-.706.708c0 .39.318.708.706.708Zm3.197 3.912H5.077a.71.71 0 0 1-.707-.708.71.71 0 0 1 .707-.708h3.258a.71.71 0 0 1 .707.707.71.71 0 0 1-.707.709Z" class="icon-base"/></svg>CD rates</a>
<a href="/home-equity/heloc-rates/" class="homepage-rates__link border py-6 px-4 flex flex-col gap-1 items-center justify-center col-span-2 max-w-content text-center text-lg font-bold leading-tight transition-colors rounded bg-white border-blue-300 text-blue-900 hover:text-blue-600"
 data-beam-element-clicked-no-delay data-type="button"
data-location="homepage"
data-name="homepage tile"
data-position="middle"
data-text="Home equity"
data-outcome="link to Home equity"
>
<svg class="Icon-glyph size-8 icon-offset-lavender-200" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Home Equity Icon</title><path d="M5.985 20.517V10.17c0-.447.207-.869.561-1.142l6.848-5.283c.521-.403 1.25-.4 1.768.004L22.1 9.16a1 1 0 0 1 .385.788v10.57c0 .796-.646 1.442-1.443 1.442H7.428a1.443 1.443 0 0 1-1.443-1.443Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.973 2.727a3.268 3.268 0 0 1 4.046 0l3.521 2.79V4.279c0-.361.296-.656.657-.656.36 0 .656.295.656.656v2.28l3.399 2.695a.653.653 0 1 1-.813 1.025l-.583-.462v9.86a2.294 2.294 0 0 1-2.298 2.299H5.417a2.294 2.294 0 0 1-2.298-2.299v-9.84l-.558.442a.653.653 0 0 1-.92-.106.653.653 0 0 1 .107-.92L3.292 8.03a.664.664 0 0 1 .163-.13l6.526-5.172h-.008Zm3.234 1.026 6.336 5.022v10.901a.988.988 0 0 1-.985.985H5.417a.988.988 0 0 1-.985-.985V8.796l6.361-5.043a1.948 1.948 0 0 1 2.414 0Zm-1.872 13.01H9.94a.659.659 0 0 1-.657-.657c0-.36.296-.656.657-.656h2.668c.426 0 .78-.353.78-.78a.785.785 0 0 0-.78-.78h-1.642a2.091 2.091 0 0 1-2.093-2.093c0-1.157.936-2.093 2.093-2.093h.37V8.72c0-.361.295-.657.656-.657.361 0 .656.296.656.657v.985h.986c.36 0 .656.296.656.657a.659.659 0 0 1-.656.656h-2.668a.785.785 0 0 0-.78.78c0 .427.353.78.78.78h1.642c1.157 0 2.093.936 2.093 2.093 0 1.144-.914 2.07-2.053 2.092v.986a.659.659 0 0 1-.656.656.659.659 0 0 1-.657-.656v-.985Z" class="icon-base"/></svg>Home equity</a>
<a href="/loans/personal-loans/rates/" class="homepage-rates__link border py-6 px-4 flex flex-col gap-1 items-center justify-center col-span-2 max-w-content text-center text-lg font-bold leading-tight transition-colors rounded bg-white border-blue-300 text-blue-900 hover:text-blue-600 sm:max-lg:col-start-2"
 data-beam-element-clicked-no-delay data-type="button"
data-location="homepage"
data-name="homepage tile"
data-position="middle"
data-text="Personal loans"
data-outcome="link to Personal loans"
>
<svg class="Icon-glyph size-8 icon-offset-lavender-200" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Loan Icon</title><ellipse cx="17.7" cy="9.166" rx="6.3" ry="6.166" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.638 12.336a.649.649 0 0 0 .343.094l-.009-.017c.24 0 .472-.12.601-.344a7.055 7.055 0 0 0 .927-3.503c0-3.899-3.158-7.066-7.046-7.066-3.887 0-7.046 3.167-7.046 7.066 0 .714.103 1.42.31 2.083a.689.689 0 0 0 .858.456.685.685 0 0 0 .454-.86 5.697 5.697 0 0 1-.249-1.67c0-3.133 2.55-5.69 5.673-5.69 3.124 0 5.673 2.548 5.673 5.69 0 .99-.258 1.97-.747 2.823a.692.692 0 0 0 .258.938Zm-5.184-.198a.69.69 0 0 1-.686-.688v-.155h-.61a.69.69 0 0 1 0-1.377h1.187a.683.683 0 0 1 .219 0h.465c.18 0 .318-.146.318-.318a.323.323 0 0 0-.318-.319h-1.15a1.69 1.69 0 0 1-1.69-1.695c0-.9.703-1.634 1.579-1.692v-.176a.69.69 0 0 1 .686-.689.69.69 0 0 1 .687.689v.172h.61a.69.69 0 0 1 0 1.377h-1.872a.317.317 0 0 0-.317.319c0 .172.146.318.317.318h1.15c.936 0 1.691.766 1.691 1.696 0 .891-.703 1.633-1.58 1.691v.159a.69.69 0 0 1-.686.688Zm.615 3.693c.047-.195.072-.4.072-.61 0-1.223-.815-2.256-2.034-2.557-1.184-.301-2.592-.594-4.068-.56-1.948.049-3.41.968-4.796 1.91-.34-.704-1.028-1.145-1.898-1.145H2.187a.69.69 0 0 0 0 1.377h1.158c.661 0 .755.525.755.835v5.207c0 .31-.094.835-.755.835H2.187a.69.69 0 0 0 0 1.377h1.158c.845 0 1.518-.415 1.867-1.083.982.006 1.798.042 2.699.223l.103.017.171.033c1.587.307 3.12.604 4.678.604l-.026-.009c1.236 0 2.489-.18 3.793-.688 2.085-.818 3.466-2.211 4.925-3.682l.001-.002.206-.206a2.47 2.47 0 0 0 .73-1.765c0-.67-.267-1.3-.73-1.764-.858-.878-2.257-.972-3.244-.232-.208.16-.416.327-.627.498-.085.07-.17.138-.257.207-.509.42-1.028.846-1.565 1.18ZM5.722 15.35l-.249.172v4.521c.937.012 1.784.06 2.704.247l.094.017.028.005c2.803.549 5.233 1.024 7.85.012 1.811-.714 3.038-1.945 4.446-3.374l.206-.206a1.1 1.1 0 0 0 .326-.792c0-.301-.12-.577-.326-.792a1.098 1.098 0 0 0-1.45-.103c-.275.207-.558.439-.841.671l-.031.025c-1.186.967-2.524 2.058-4.21 2.101-.3 0-.608 0-.909-.017l-.022-.001c-.481-.017-.929-.033-1.36.027a.694.694 0 0 1-.78-.586.695.695 0 0 1 .08-.432.689.689 0 0 1 .623-.402h.47c.266-.01.53-.007.786 0h.298c.764 0 1.313-.516 1.313-1.222 0-.585-.395-1.067-.996-1.222-1.15-.293-2.394-.55-3.699-.516-1.682.043-2.917.886-4.35 1.867Z" class="icon-base"/></svg>Personal loans</a>
<a href="/credit-cards/best-credit-cards/" class="homepage-rates__link border py-6 px-4 flex flex-col gap-1 items-center justify-center col-span-2 max-w-content text-center text-lg font-bold leading-tight transition-colors rounded bg-white border-blue-300 text-blue-900 hover:text-blue-600 max-sm:col-start-2"
 data-beam-element-clicked-no-delay data-type="button"
data-location="homepage"
data-name="homepage tile"
data-position="middle"
data-text="Credit cards"
data-outcome="link to Credit cards"
>
<svg class="Icon-glyph size-8 icon-offset-lavender-200" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Credit Card Icon</title><path d="M4.3 10.2A2.7 2.7 0 0 1 7 7.5h14.1a2.7 2.7 0 0 1 2.7 2.7v8.61a2.7 2.7 0 0 1-2.7 2.7H7a2.7 2.7 0 0 1-2.7-2.7V10.2Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.646 20.014h-15.3c-1.567 0-2.846-1.148-2.846-2.558V7.058C1.5 5.648 2.771 4.5 4.345 4.5h15.31c1.566 0 2.845 1.148 2.845 2.558v10.398c0 1.41-1.271 2.558-2.845 2.558h-.009ZM2.812 7.05v2.452h18.376V7.05c0-.689-.689-1.246-1.533-1.246H4.345c-.844 0-1.533.557-1.533 1.246Zm18.376 3.764H2.812v6.634c0 .689.689 1.246 1.533 1.246h15.31c.844 0 1.533-.557 1.533-1.246v-6.634ZM6.723 15.832h3.248c.36 0 .655-.295.655-.655a.658.658 0 0 0-.655-.656H6.723a.658.658 0 0 0-.656.655c0 .361.296.656.656.656Z" class="icon-base"/></svg>Credit cards</a>
</div>
</div>
</div>
<div class="homepage-rates__accent absolute top-1/2 left-0 -translate-y-1/2 -translate-x-3/5 z-0 rounded-full size-103 bg-linear-346 from-12% from-indigo-100 via-55% to-88% via-blue-100 to-blue-50">
</div>
</div>
</div>
<section id="" class="section-wrapper bg-(--bg-color) bg-transparent py-0 py-(--py) frame gutter" style="--py: 0rem; --bg-color: var(--color-transparent);">
<div class="wrapper">
<div class="sm:w-5/6 mx-auto">
<div class="bankrate-stats-v2 justify-items-center grid w-full mx-auto gap-12 sm:grid-cols-[1fr_max-content] items-center lg:gap-x-16 lg:grid-cols-[max-content_1fr]">
<h2 class="bankrate-stats-v2__title text-blue-900 heading-3 m-0 text-center text-pretty sm:max-lg:col-span-2 lg:text-left lg:self-end">
    Bankrate connects people to trusted ways to save, borrow and thrive.
    </h2>
    
<div class="bankrate-stats-v2__image-wrapper row-1 w-full max-w-120 max-sm:max-w-63 sm:max-lg:row-2 lg:col-1 lg:row-start-1 lg:row-span-2">
<img class="bankrate-stats-v2__image object-contain size-full rounded-xl" height="356" width="356" src="https://www.bankrate.com/f/166230/592x592/33b0660f28/measuring-child.png?auto=webp&amp;optimize=high&height=356" alt="Decorative image" srcset="https://www.bankrate.com/f/166230/592x592/33b0660f28/measuring-child.png?auto=webp&amp;optimize=high&height=356, https://www.bankrate.com/f/166230/592x592/33b0660f28/measuring-child.png?auto=webp&amp;optimize=high&height=356&dpr=2 2x">
</div>
<div class="bankrate-stats-v2__content flex flex-col max-w-96 mx-auto gap-6 sm:justify-self-start sm:mx-0 sm:max-w-none lg:flex-row lg:justify-between lg:w-full">
<div class="bankrate-stats-v2__stat-wrapper flex justify-center gap-x-4 border-blue-300 sm:border-t-0 sm:px-0 sm:flex-col sm:items-start sm:before:content-[''] sm:before:block sm:before:w-[2.25rem] sm:before:border-b-2 sm:before:border-blue-300 sm:before:mb-1 lg:justify-start lg:self-start">
<div class="big-number font-bold text-blue-900 font-sans text-4xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl mb-0">
<span class="">50</span>
</div>
<p class="text-gray-700 mb-0 flex sm:max-w-56 lg:max-w-none items-center text-base leading-normal">
Years advocating for consumer transparency</p>
</div>
<div class="bankrate-stats-v2__stat-wrapper flex justify-center gap-x-4 border-blue-300 max-sm:pt-6 max-sm:px-2 max-sm:border-t sm:border-t-0 sm:px-0 sm:flex-col sm:items-start sm:before:content-[''] sm:before:block sm:before:w-[2.25rem] sm:before:border-b-2 sm:before:border-blue-300 sm:before:mb-1 lg:justify-start lg:self-start">
<div class="big-number font-bold text-blue-900 font-sans text-4xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl mb-0">
<span class="">12</span>
<span class="big-number__letters">m</span>
</div>
<p class="text-gray-700 mb-0 flex sm:max-w-56 lg:max-w-none items-center text-base leading-normal">
Mortgage records analyzed for real-time accuracy</p>
</div>
<div class="bankrate-stats-v2__stat-wrapper flex justify-center gap-x-4 border-blue-300 max-sm:pt-6 max-sm:px-2 max-sm:border-t sm:border-t-0 sm:px-0 sm:flex-col sm:items-start sm:before:content-[''] sm:before:block sm:before:w-[2.25rem] sm:before:border-b-2 sm:before:border-blue-300 sm:before:mb-1 lg:justify-start lg:self-start">
<div class="big-number font-bold text-blue-900 font-sans text-4xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl mb-0">
<span class="">$192</span>
<span class="big-number__letters">m</span>
</div>
<p class="text-gray-700 mb-0 flex sm:max-w-56 lg:max-w-none items-center text-base leading-normal">
Saved by Bankrate mortgage users in 2025 alone</p>
</div>
</div>
</div>
</div>
<div id="topical-section-378e1fb8-61c7-4e07-9432-3a7bcc9d67db" class="topical-section grid grid-rows-[1fr_17.8125rem] justify-center -mx-4 mt-12 mb-20 px-4 bg-blue-900 sm:mx-auto sm:grid-rows-[1fr_20.5rem] sm:rounded-tl-[4rem] sm:rounded-br-[4rem] sm:px-16 md:grid-rows-1 md:grid-cols-[minmax(0,_18.75rem)_minmax(0,_21.5rem)] md:justify-between md:mb-24 md:mt-16 lg:grid-cols-[24rem_27.5rem] lg:mb-32 lg:mt-24 xl:grid-cols-[30rem_29.375rem] ">
<div class="flex flex-col items-center gap-6 mb-12 text-center text-white  pt-12 md:text-left md:items-start md:pt-16 xl:mb-24 xl:pt-24">
<div class="flex gap-1 items-center py-2 px-4 rounded-full text-white eyebrow-lg bg-gradient-to-r from-[#3D5C90] via-[#355987] via-30% to-[#144C62]">
<div class="leading-none">Expert insights</div>
</div>
<div class="max-w-[30rem]">
<h2 class="heading-2 text-white mb-4 text-pretty lg:text-4xl lg:mb-6">How to avoid 3 mortgage industry traps</h2>
<div class="text-gray-200 text-pretty text-lg">
Rate quotes, lender fees and loan terms don’t always tell the full story, especially when timing and fine print can change your total cost.</div>
</div>
<a href="https://www.bankrate.com/mortgages/first-time-buyers/traps-the-mortgage-industry-doesnt-want-you-to-know/"
class="Button Button--primary Button--normal">
<span class="flex items-center justify-center gap-x-2">
Read the story</span></a></div>
<div class="md:mt-12 relative lg:-mt-9">
<div class="relative pt-16 h-full lg:pt-[6.75rem] xl:pt-[7.25rem]">
<div class="block w-full h-full relative mx-auto max-w-[16.75rem] rounded-t-full bg-gradient-to-br from-[#11305F] from-15% via-[#2A437D] via-60% to-[#374076] sm:max-w-[19.25rem] md:max-w-full">
</div>
</div>
<div class="w-full h-full absolute bottom-0">
<picture class="topical-section__image h-full w-auto absolute bottom-0 left-1/2 ">
<source srcset="https://www.bankrate.com/f/102997/1940x1227/416824db56/house-in-a-trap2.png?auto=webp&amp;height=613.5&amp;dpr=2 2x, https://www.bankrate.com/f/102997/1940x1227/416824db56/house-in-a-trap2.png?auto=webp&amp;height=613.5&amp;dpr=1 1x" media="(min-width: 70em)">
<source srcset="https://www.bankrate.com/f/102997/1940x1227/416824db56/house-in-a-trap2.png?auto=webp&amp;height=328&amp;dpr=2 2x, https://www.bankrate.com/f/102997/1940x1227/416824db56/house-in-a-trap2.png?auto=webp&amp;height=328&amp;dpr=1 1x">
<img src="https://www.bankrate.com/f/102997/1940x1227/416824db56/house-in-a-trap2.png?auto=webp&amp;height=328" alt="" height="328" width="519" loading="lazy" class="h-full z-5 -translate-x-1/2 relative mx-auto w-auto">
</picture>
</div>
</div>
</div>
<div class="experts-section pt-8 pb-4 flex flex-col gap-y-5 gap-x-8 px-0 lg:flex-row lg:px-6 lg:justify-between xl:px-12">
<div class="experts-section__content text-center lg:text-left lg:max-w-96">
<h2 class="heading-3 mb-6 text-blue-900">
    Experts in all things finance
    </h2>
    
<p class="experts-section__description text-gray-700 text-lg mb-4 text-pretty sm:max-w-xl sm:mx-auto">
Our expert reporters and editors bring the news and analysis you need—backed by data and firsthand experience.</p>
<a
    
    href=/about/
    
    class="t-button"
    
    data-variant="link"
    data-size="lg"
    data-color="blue"
    
    data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="About Bankrate homepage link"
data-position="1"
data-text="About Bankrate"
data-outcome="send to About Bankrate">
    About Bankrate
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="t-button__arrow">
            <path fill="currentColor" fill-rule="evenodd"
                d="M7.3 14.7c-.4-.4-.4-1.05 0-1.45L12.53 8 7.3 2.75c-.4-.4-.4-1.05 0-1.45.4-.4 1.04-.4 1.44 0l5.96 5.98c.4.4.4 1.04 0 1.44L8.74 14.7c-.4.4-1.04.4-1.44 0Z"
                clip-rule="evenodd" />
            <path class="t-button__arrow-line" fill="currentColor" d="M2.07 7C1.48 7 1 7.45 1 8s.48 1 1.07 1V7ZM14 7H2.07v2H14V7Z" />
        </svg>
        </a>
    
</div>
<div class="experts-section__details flex -mx-4 px-4 gap-x-4 overflow-x-scroll snap-x snap-mandatory pt-1 sm:mx-auto sm:overflow-x-visible sm:px-0 sm:max-w-2xl sm:gap-6 sm:pt-0 md:gap-x-10 md:max-w-3xl lg:gap-x-6 lg:mx-0">
<div class="experts-section__expert relative mb-8 flex flex-col items-center rounded-lg pt-2 pb-3 shadow-[0px_2px_8px_-1px_rgba(222,223,231,0.8)] min-w-48 snap-center group sm:shadow-none sm:py-0">
<div class="experts-section__expert-image mx-auto mb-4">
<img class="w-32 h-32" src="https://www.bankrate.com/f/102997/284x296/f0c5138785/katie-kelton-headshot.png?auto=webp&amp;optimize=high" srcset="https://www.bankrate.com/f/102997/284x296/f0c5138785/katie-kelton-headshot.png?auto=webp&amp;optimize=high&height=128, https://www.bankrate.com/f/102997/284x296/f0c5138785/katie-kelton-headshot.png?auto=webp&amp;optimize=high&height=128&dpr=2 2x" alt="Katie Kelton headshot" height="128" width="128">
</div>
<div class="experts-section__expert-details text-center">
<p class="experts-section__expert-name font-bold font-sans mb-0 transition-all ease-in duration-200 flex items-center justify-center -mr-6 group-hover:text-blue-600 group-hover:pr-4 group-active:text-blue-700">
<a href="/authors/katie-kelton/" data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="Katie Kelton homepage link"
data-position="1"
data-text="Katie Kelton"
data-outcome="send to Katie Kelton&#039;s author page" class="hover-parent">
Katie Kelton</a>
<svg class="ml-2 align-middle relative w-4 h-4 opacity-0 text-blue-600 group-hover:inline-block group-hover:opacity-100 ease-in duration-200" 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></p>
<p class="experts-section__expert-title text-sm text-gray-700 mb-0 text-pretty">
Lead Community Reporter</p>
</div>
</div>
<div class="experts-section__expert relative mb-8 flex flex-col items-center rounded-lg pt-2 pb-3 shadow-[0px_2px_8px_-1px_rgba(222,223,231,0.8)] min-w-48 snap-center group sm:shadow-none sm:py-0">
<div class="experts-section__expert-image mx-auto mb-4">
<img class="w-32 h-32" src="https://www.bankrate.com/f/102997/284x296/55775ccb21/br-expert-alex.png?auto=webp&amp;optimize=high" srcset="https://www.bankrate.com/f/102997/284x296/55775ccb21/br-expert-alex.png?auto=webp&amp;optimize=high&height=128, https://www.bankrate.com/f/102997/284x296/55775ccb21/br-expert-alex.png?auto=webp&amp;optimize=high&height=128&dpr=2 2x" alt="Alex Gailey headshot" height="128" width="128">
</div>
<div class="experts-section__expert-details text-center">
<p class="experts-section__expert-name font-bold font-sans mb-0 transition-all ease-in duration-200 flex items-center justify-center -mr-6 group-hover:text-blue-600 group-hover:pr-4 group-active:text-blue-700">
<a href="/authors/alex-gailey/" data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="Alex Gailey homepage link"
data-position="2"
data-text="Alex Gailey"
data-outcome="send to Alex Gailey&#039;s author page" class="hover-parent">
Alex Gailey</a>
<svg class="ml-2 align-middle relative w-4 h-4 opacity-0 text-blue-600 group-hover:inline-block group-hover:opacity-100 ease-in duration-200" 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></p>
<p class="experts-section__expert-title text-sm text-gray-700 mb-0 text-pretty">
Data Reporter</p>
</div>
</div>
<div class="experts-section__expert relative mb-8 flex flex-col items-center rounded-lg pt-2 pb-3 shadow-[0px_2px_8px_-1px_rgba(222,223,231,0.8)] min-w-48 snap-center group sm:shadow-none sm:py-0">
<div class="experts-section__expert-image mx-auto mb-4">
<img class="w-32 h-32" src="https://www.bankrate.com/f/102997/284x296/9791dae965/lindabell-headshot.png?auto=webp&amp;optimize=high" srcset="https://www.bankrate.com/f/102997/284x296/9791dae965/lindabell-headshot.png?auto=webp&amp;optimize=high&height=128, https://www.bankrate.com/f/102997/284x296/9791dae965/lindabell-headshot.png?auto=webp&amp;optimize=high&height=128&dpr=2 2x" alt="Linda Bell headshot" height="128" width="128">
</div>
<div class="experts-section__expert-details text-center">
<p class="experts-section__expert-name font-bold font-sans mb-0 transition-all ease-in duration-200 flex items-center justify-center -mr-6 group-hover:text-blue-600 group-hover:pr-4 group-active:text-blue-700">
<a href="/authors/linda-bell/" data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="Linda Bell homepage link"
data-position="3"
data-text="Linda Bell"
data-outcome="send to Linda Bell&#039;s author page" class="hover-parent">
Linda Bell</a>
<svg class="ml-2 align-middle relative w-4 h-4 opacity-0 text-blue-600 group-hover:inline-block group-hover:opacity-100 ease-in duration-200" 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></p>
<p class="experts-section__expert-title text-sm text-gray-700 mb-0 text-pretty">
Home Lending Analyst</p>
</div>
</div></div>
</div>
<div class="trust-section flex flex-col items-center gap-y-6 border-t border-gray-100 py-8 lg:flex-row lg:gap-x-6 lg:px-6 lg:justify-between lg:py-14 xl:px-12 xl:gap-x-14">
<p class="font-bold text-lg font-sans text-blue-900 text-pretty text-center mb-0">
Featured by names you know and trust</p>
<div class="flex gap-x-6 gap-y-7 flex-wrap justify-center md:gap-x-8 xl:gap-x-12">
<img src="https://www.bankrate.com/f/166230/x/725c88eff2/logo-wsj.svg?auto=webp&amp;optimize=high" alt="" class="max-h-6 max-w-[8.5rem] sm:max-w-[7.5rem] md:max-h-8 md:max-w-40 lg:h-6 lg:max-w-[8.5rem] xl:max-h-9 xl:max-w-40">
<img src="https://www.bankrate.com/f/166230/x/9d972f04da/logo-usatoday.svg?auto=webp&amp;optimize=high" alt="" class="max-h-6 max-w-[8.5rem] sm:max-w-[7.5rem] md:max-h-8 md:max-w-40 lg:h-6 lg:max-w-[8.5rem] xl:max-h-9 xl:max-w-40">
<img src="https://www.bankrate.com/f/166230/x/bccf32ac6d/logo-abc.svg?auto=webp&amp;optimize=high" alt="" class="max-h-6 max-w-[8.5rem] sm:max-w-[7.5rem] md:max-h-8 md:max-w-40 lg:h-6 lg:max-w-[8.5rem] xl:max-h-9 xl:max-w-40">
<img src="https://www.bankrate.com/f/166230/200x29/fbe6ae6d89/logo-new-york-times.svg?auto=webp&amp;optimize=high" alt="" class="max-h-6 max-w-[8.5rem] sm:max-w-[7.5rem] md:max-h-8 md:max-w-40 lg:h-6 lg:max-w-[8.5rem] xl:max-h-9 xl:max-w-40">
<img src="https://www.bankrate.com/f/166230/x/1b466c81a0/logo-cnn.svg?auto=webp&amp;optimize=high" alt="" class="max-h-6 max-w-[8.5rem] sm:max-w-[7.5rem] md:max-h-8 md:max-w-40 lg:h-6 lg:max-w-[8.5rem] xl:max-h-9 xl:max-w-40">
<img src="https://www.bankrate.com/f/166230/x/b383b5e477/logo-bloomberg.svg?auto=webp&amp;optimize=high" alt="" class="max-h-6 max-w-[8.5rem] sm:max-w-[7.5rem] md:max-h-8 md:max-w-40 lg:h-6 lg:max-w-[8.5rem] xl:max-h-9 xl:max-w-40"></div>
</div>
<div class="font-sans -mx-4 sm:mx-0 my-20 md:my-24 lg:my-32 homepage-calculators--v2">
<div class="px-4 bg-blue-900 relative overflow-hidden py-18 w-full grid gap-x-16 gap-y-12 sm:rounded-tl-[4rem] sm:rounded-br-[4rem] sm:px-8 lg:px-12 lg:grid-cols-[auto_clamp(32.375rem,50%,36.75rem)] lg:items-center xl:px-16">
<div class="max-w-140 w-full mx-auto lg:max-w-full">
<h2 class="heading-3 text-white mb-8 text-center text-crop-none text-pretty lg:text-left">Confidence shouldn&#039;t be a feeling. It should be a calculation.</h2>
<ul class="grid gap-6 m-0 p-0 z-5 relative sm:grid-cols-2">
<li class="text-white rounded-lg bg-linear-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61] overflow-clip relative flex gap-4 px-4 py-6 justify-start items-center xl:px-6 hover:text-blue-600 focus-visible:text-blue-600 active:text-blue-700 transition-colors">
<svg class="size-8 relative z-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Mortgage Icon</title><path d="M5.985 20.517V10.17c0-.447.207-.869.561-1.142l6.848-5.283c.521-.403 1.25-.4 1.768.004L22.1 9.16a1 1 0 0 1 .385.788v10.57c0 .796-.646 1.442-1.443 1.442H7.428a1.443 1.443 0 0 1-1.443-1.443Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.436 10.288c.115.09.263.14.402.14v-.009a.652.652 0 0 0 .517-.246.646.646 0 0 0-.107-.918l-3.42-2.696v-2.26a.658.658 0 0 0-.657-.656.658.658 0 0 0-.656.657v1.224l-3.511-2.767c-1.181-.96-2.888-.96-4.052 0L1.748 9.263a.652.652 0 0 0-.107.919.652.652 0 0 0 .92.106l.574-.456v9.833a2.273 2.273 0 0 0 2.297 2.297h13.125a2.273 2.273 0 0 0 2.297-2.297V9.83l.582.458Zm-1.894-1.492-6.367-5.013a1.882 1.882 0 0 0-2.403-.008L4.447 8.79v10.874c0 .575.41.985.985.985h3.322v-3.388c0-.944 0-1.469.23-1.937a2.4 2.4 0 0 1 1.058-1.058c.467-.23.984-.23 1.936-.23.951 0 1.468 0 1.936.23a2.4 2.4 0 0 1 1.058 1.059c.23.467.23.984.23 1.936v3.388h3.355c.575 0 .985-.41.985-.985V8.796ZM13.905 20.65v-3.388c0-.722 0-1.157-.098-1.346a1.11 1.11 0 0 0-.476-.476c-.188-.098-.623-.098-1.345-.098s-1.157 0-1.346.098a1.11 1.11 0 0 0-.475.476c-.099.189-.099.624-.099 1.346v3.388h3.84Z" class="icon-base"/></svg><a href="https://www.bankrate.com/mortgages/mortgage-calculator/" data-beam-element-clicked-no-delay data-type="button"
data-location="homepage calculator section"
data-name="Mortgage calculator button"
data-position="1"
data-text="Mortgage calculator"
data-outcome="send to mortgage calculator" class="font-bold text-lg leading-tight hover-parent before:bg-transparent before:transition-colors hover:before:bg-white  focus-visible:before:bg-white active:before:bg-white">
<span class="relative z-5">Mortgage calculator</span>
</a>
</li>
<li class="text-white rounded-lg bg-linear-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61] overflow-clip relative flex gap-4 px-4 py-6 justify-start items-center xl:px-6 hover:text-blue-600 focus-visible:text-blue-600 active:text-blue-700 transition-colors">
<svg class="size-8 relative z-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Home Equity Icon</title><path d="M5.985 20.517V10.17c0-.447.207-.869.561-1.142l6.848-5.283c.521-.403 1.25-.4 1.768.004L22.1 9.16a1 1 0 0 1 .385.788v10.57c0 .796-.646 1.442-1.443 1.442H7.428a1.443 1.443 0 0 1-1.443-1.443Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.973 2.727a3.268 3.268 0 0 1 4.046 0l3.521 2.79V4.279c0-.361.296-.656.657-.656.36 0 .656.295.656.656v2.28l3.399 2.695a.653.653 0 1 1-.813 1.025l-.583-.462v9.86a2.294 2.294 0 0 1-2.298 2.299H5.417a2.294 2.294 0 0 1-2.298-2.299v-9.84l-.558.442a.653.653 0 0 1-.92-.106.653.653 0 0 1 .107-.92L3.292 8.03a.664.664 0 0 1 .163-.13l6.526-5.172h-.008Zm3.234 1.026 6.336 5.022v10.901a.988.988 0 0 1-.985.985H5.417a.988.988 0 0 1-.985-.985V8.796l6.361-5.043a1.948 1.948 0 0 1 2.414 0Zm-1.872 13.01H9.94a.659.659 0 0 1-.657-.657c0-.36.296-.656.657-.656h2.668c.426 0 .78-.353.78-.78a.785.785 0 0 0-.78-.78h-1.642a2.091 2.091 0 0 1-2.093-2.093c0-1.157.936-2.093 2.093-2.093h.37V8.72c0-.361.295-.657.656-.657.361 0 .656.296.656.657v.985h.986c.36 0 .656.296.656.657a.659.659 0 0 1-.656.656h-2.668a.785.785 0 0 0-.78.78c0 .427.353.78.78.78h1.642c1.157 0 2.093.936 2.093 2.093 0 1.144-.914 2.07-2.053 2.092v.986a.659.659 0 0 1-.656.656.659.659 0 0 1-.657-.656v-.985Z" class="icon-base"/></svg><a href="https://www.bankrate.com/mortgages/home-affordability-calculator/" data-beam-element-clicked-no-delay data-type="button"
data-location="homepage calculator section"
data-name="Home affordability button"
data-position="2"
data-text="Home affordability"
data-outcome="send to home affordability" class="font-bold text-lg leading-tight hover-parent before:bg-transparent before:transition-colors hover:before:bg-white  focus-visible:before:bg-white active:before:bg-white">
<span class="relative z-5">Home affordability</span>
</a>
</li>
<li class="text-white rounded-lg bg-linear-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61] overflow-clip relative flex gap-4 px-4 py-6 justify-start items-center xl:px-6 hover:text-blue-600 focus-visible:text-blue-600 active:text-blue-700 transition-colors">
<svg class="size-8 relative z-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Rates Icon</title><path d="M5.625 23.041a1.925 1.925 0 0 0 1.925-1.924v-2.193a1.925 1.925 0 0 0-3.85 0v2.193c0 1.062.863 1.924 1.925 1.924ZM13.925 23.004a1.925 1.925 0 0 0 1.925-1.924v-5.476a1.925 1.925 0 0 0-3.85 0v5.476c0 1.062.863 1.924 1.925 1.924ZM21.925 22.993a1.925 1.925 0 0 0 1.925-1.924V7.924a1.925 1.925 0 0 0-3.85 0v13.152c0 1.062.863 1.924 1.925 1.924v-.007Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.698 11.467a.721.721 0 0 0 .486.197c.179 0 .35-.06.486-.197l7.644-7.633v3.093c0 .375.306.681.681.681a.684.684 0 0 0 .682-.681V2.164a.68.68 0 0 0-.204-.46.681.681 0 0 0-.23-.153.508.508 0 0 0-.23-.051H6.248a.684.684 0 0 0-.682.682c0 .374.307.681.682.681h3.093l-7.644 7.642a.684.684 0 0 0 0 .962Zm18.424 11.024a2.378 2.378 0 0 1-2.377-2.376V3.877a2.378 2.378 0 0 1 4.755 0v16.246a2.378 2.378 0 0 1-2.378 2.377v-.009Zm0-19.628c-.553 0-1.014.452-1.014 1.014v16.246c0 .554.452 1.014 1.014 1.014a1.01 1.01 0 0 0 1.015-1.014V3.877c0-.554-.452-1.014-1.015-1.014ZM9.623 20.115a2.378 2.378 0 0 0 4.756 0V13.35a2.378 2.378 0 0 0-4.756 0v6.765Zm1.364-6.765c0-.562.46-1.013 1.014-1.013.562 0 1.014.46 1.014 1.013v6.765a1.01 1.01 0 0 1-1.014 1.014c-.563 0-1.014-.46-1.014-1.014V13.35Zm-9.485 6.764a2.378 2.378 0 0 0 4.755 0v-2.709a2.378 2.378 0 0 0-4.755 0v2.71Zm1.363-2.7c0-.562.46-1.014 1.014-1.014.563 0 1.015.46 1.015 1.014v2.709a1.01 1.01 0 0 1-1.015 1.014c-.562 0-1.014-.46-1.014-1.014v-2.71Z" class="icon-base"/></svg><a href="https://www.bankrate.com/banking/savings/simple-savings-calculator/" data-beam-element-clicked-no-delay data-type="button"
data-location="homepage calculator section"
data-name="Savings calculator button"
data-position="3"
data-text="Savings calculator"
data-outcome="send to savings calculator" class="font-bold text-lg leading-tight hover-parent before:bg-transparent before:transition-colors hover:before:bg-white  focus-visible:before:bg-white active:before:bg-white">
<span class="relative z-5">Savings calculator</span>
</a>
</li>
<li class="text-white rounded-lg bg-linear-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61] overflow-clip relative flex gap-4 px-4 py-6 justify-start items-center xl:px-6 hover:text-blue-600 focus-visible:text-blue-600 active:text-blue-700 transition-colors">
<svg class="size-8 relative z-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Credit Card Cash Back Icon</title><path d="M4.3 10.2A2.7 2.7 0 0 1 7 7.5h14.1a2.7 2.7 0 0 1 2.7 2.7v8.61a2.7 2.7 0 0 1-2.7 2.7H7a2.7 2.7 0 0 1-2.7-2.7V10.2Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.586 20.014h-7.24c-1.567 0-2.846-1.148-2.846-2.558V7.058C1.5 5.648 2.771 4.5 4.345 4.5h15.31c1.566 0 2.845 1.148 2.845 2.558v4.248c0 .36-.295.656-.656.656a.658.658 0 0 1-.656-.656v-.544H2.812v6.694c0 .689.689 1.246 1.533 1.246h7.24c.362 0 .657.295.657.656 0 .361-.295.656-.656.656ZM2.812 9.45h18.376V7.058c0-.688-.689-1.246-1.533-1.246H4.345c-.844 0-1.533.558-1.533 1.246V9.45Zm13.915 11.548c0 .361.295.656.656.656.36 0 .656-.295.656-.656v-.476h.115c1.107 0 2-.893 2-2s-.893-2.001-2-2.001h-1.533a.693.693 0 0 1-.69-.689c0-.377.313-.689.69-.689H19.122c.36 0 .656-.295.656-.656a.658.658 0 0 0-.656-.656h-1.083v-.483a.658.658 0 0 0-.656-.656.658.658 0 0 0-.656.656v.483h-.106c-1.107 0-2.001.894-2.001 2.001 0 1.107.894 2 2 2h1.534c.377 0 .689.313.689.69a.693.693 0 0 1-.689.689h-2.5a.658.658 0 0 0-.657.655c0 .361.295.657.656.657h1.074v.475Z" class="icon-base"/></svg><a href="https://www.bankrate.com/credit-cards/tools/credit-card-payoff-calculator/" data-beam-element-clicked-no-delay data-type="button"
data-location="homepage calculator section"
data-name="Credit card payoff button"
data-position="4"
data-text="Credit card payoff"
data-outcome="send to credit card payoff" class="font-bold text-lg leading-tight hover-parent before:bg-transparent before:transition-colors hover:before:bg-white  focus-visible:before:bg-white active:before:bg-white">
<span class="relative z-5">Credit card payoff</span>
</a>
</li>
<li class="text-white rounded-lg bg-linear-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61] overflow-clip relative flex gap-4 px-4 py-6 justify-start items-center xl:px-6 hover:text-blue-600 focus-visible:text-blue-600 active:text-blue-700 transition-colors">
<svg class="size-8 relative z-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>CD Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M5.372 20.534c.12.043.244.066.373.066h2.116a.41.41 0 0 1 .01 0h14.683c.795 0 1.446-.87 1.446-1.937V6.237c0-.854-.417-1.582-.991-1.838a1.096 1.096 0 0 0-.455-.099H5.745c-.794 0-1.445.87-1.445 1.937v12.426c0 .894.457 1.65 1.072 1.871Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.246 18.261H12a.71.71 0 0 0 .707-.708.71.71 0 0 0-.707-.708H4.246c-.733 0-1.333-.743-1.333-1.655V4.57c0-.91.6-1.654 1.333-1.654h15.508c.732 0 1.333.743 1.333 1.655v5.31c0 .389.318.707.707.707a.71.71 0 0 0 .706-.707V4.57c0-1.7-1.227-3.071-2.746-3.071H4.246C2.736 1.5 1.5 2.88 1.5 4.57v10.62c0 1.7 1.228 3.071 2.746 3.071ZM18.791 6.704H5.13a.71.71 0 0 1-.707-.708.71.71 0 0 1 .707-.708H18.79a.71.71 0 0 1 .706.708.71.71 0 0 1-.706.708ZM16.398 18.96c.327.328.75.487 1.183.487l-.008-.009a1.7 1.7 0 0 0 1.192-.496l.212-.212v1.876l-.98-.522a.737.737 0 0 0-.654 0l-1.122.567v-1.873l.177.182Zm-1.59-.524a1.697 1.697 0 0 1-1.05-1.564v-.452a.275.275 0 0 0-.08-.194l-.309-.31a1.682 1.682 0 0 1 0-2.38.235.235 0 0 1 .053-.045l.256-.265a.275.275 0 0 0 .08-.195v-.558a1.692 1.692 0 0 1 1.678-1.593h.45a.24.24 0 0 0 .185-.08l.31-.309c.635-.637 1.74-.637 2.384 0l.318.328c.044.044.115.07.185.07h.45c.928 0 1.687.761 1.687 1.69v.452c0 .07.027.141.07.186l.31.31c.318.318.494.743.494 1.194 0 .451-.176.876-.494 1.195l-.31.31a.275.275 0 0 0-.079.194v.452c0 .687-.415 1.282-1.006 1.546v3.365a.725.725 0 0 1-.345.61.676.676 0 0 1-.362.098v.01a.749.749 0 0 1-.335-.08l-1.696-.912-1.82.911a.731.731 0 0 1-.688-.026.702.702 0 0 1-.335-.602v-3.356Zm-.52-3.715c0-.044.008-.106.052-.16h-.008l.035-.034.309-.32c.31-.309.486-.734.486-1.185V12.571c0-.15.123-.275.273-.275h.45c.451 0 .875-.168 1.193-.486l.31-.31c.132-.133.246-.133.379 0l.318.319c.318.318.742.495 1.192.495h.45c.15 0 .274.124.274.274v.452c0 .451.168.867.486 1.186l.309.31c.07.07.08.15.08.194a.286.286 0 0 1-.089.195l-.309.318c-.31.31-.486.735-.486 1.186v.452c0 .15-.123.274-.274.274h-.45c-.46 0-.874.168-1.192.486l-.31.31c-.114.107-.282.107-.379.01l-.318-.328a1.668 1.668 0 0 0-1.183-.487h-.45a.275.275 0 0 1-.274-.274v-.452c0-.451-.168-.876-.486-1.194l-.31-.31a.269.269 0 0 1-.079-.195Zm-9.15-4.106H12a.71.71 0 0 0 .707-.708A.71.71 0 0 0 12 9.2H5.138a.71.71 0 0 0-.706.708c0 .39.318.708.706.708Zm3.197 3.912H5.077a.71.71 0 0 1-.707-.708.71.71 0 0 1 .707-.708h3.258a.71.71 0 0 1 .707.707.71.71 0 0 1-.707.709Z" class="icon-base"/></svg><a href="https://www.bankrate.com/banking/cds/cd-calculator/" data-beam-element-clicked-no-delay data-type="button"
data-location="homepage calculator section"
data-name="CD calculator button"
data-position="5"
data-text="CD calculator"
data-outcome="send to cd calculator" class="font-bold text-lg leading-tight hover-parent before:bg-transparent before:transition-colors hover:before:bg-white  focus-visible:before:bg-white active:before:bg-white">
<span class="relative z-5">CD calculator</span>
</a>
</li>
<li class="text-white rounded-lg bg-linear-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61] overflow-clip relative flex gap-4 px-4 py-6 justify-start items-center xl:px-6 hover:text-blue-600 focus-visible:text-blue-600 active:text-blue-700 transition-colors">
<svg class="size-8 relative z-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Calculator Icon</title><path d="M4.2 5.7a1.5 1.5 0 0 1 1.5-1.5h16.755a1.5 1.5 0 0 1 1.5 1.5v16.755a1.5 1.5 0 0 1-1.5 1.5H5.7a1.5 1.5 0 0 1-1.5-1.5V5.7Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.456 22.491h15.08l.008.009a2.958 2.958 0 0 0 2.956-2.956V4.456A2.958 2.958 0 0 0 19.544 1.5H4.456A2.958 2.958 0 0 0 1.5 4.456v15.08a2.958 2.958 0 0 0 2.956 2.955ZM2.863 4.456c0-.877.716-1.593 1.593-1.593h6.858v8.374h-8.45v-6.78Zm0 8.145v6.943c0 .877.716 1.593 1.593 1.593h6.858V12.6h-8.45Zm9.815-9.738h6.866c.877 0 1.593.716 1.593 1.593v6.781h-8.46V2.863Zm0 9.738v8.536h6.866c.877 0 1.593-.716 1.593-1.593V12.6h-8.46ZM6.38 8.97c0 .375.307.682.682.682a.684.684 0 0 0 .681-.682V7.685h1.287a.684.684 0 0 0 .681-.682.684.684 0 0 0-.681-.681H7.744V5.035a.684.684 0 0 0-.681-.681.684.684 0 0 0-.682.681v1.287H5.095a.684.684 0 0 0-.682.681c0 .375.307.682.682.682H6.38V8.97Zm8.537-1.286h3.936a.684.684 0 0 0 .681-.682.684.684 0 0 0-.681-.681h-3.936a.684.684 0 0 0-.682.681c0 .375.307.682.682.682ZM8.554 18.853H8.55a.668.668 0 0 0 .48-.196.684.684 0 0 0 0-.962l-.91-.912.91-.911a.684.684 0 0 0 0-.963.684.684 0 0 0-.962 0l-.912.912-.911-.912a.684.684 0 0 0-.963 0 .684.684 0 0 0 0 .963l.912.911-.912.912a.684.684 0 0 0 0 .962.684.684 0 0 0 .963 0l.911-.911.912.912a.72.72 0 0 0 .482.195h-.005.009Zm10.402-2.785H15.02a.684.684 0 0 1-.681-.682c0-.374.306-.681.681-.681h3.936c.375 0 .682.306.682.681a.684.684 0 0 1-.682.682Zm-3.936 2.786h3.936a.684.684 0 0 0 .682-.682.684.684 0 0 0-.682-.681H15.02a.684.684 0 0 0-.681.681c0 .375.306.682.681.682Z" class="icon-base"/></svg><a href="https://www.bankrate.com/calculators/" data-beam-element-clicked-no-delay data-type="button"
data-location="homepage calculator section"
data-name="See all calculators button"
data-position="6"
data-text="See all calculators"
data-outcome="send to see all calculators" class="font-bold text-lg leading-tight hover-parent before:bg-transparent before:transition-colors hover:before:bg-white  focus-visible:before:bg-white active:before:bg-white">
<span class="relative z-5">See all calculators</span>
</a>
</li></ul>
</div>
<div class="relative mx-auto lg:order-first w-full aspect-square max-w-84.5">
<div class="absolute overflow-clip rounded-2xl size-full top-0 left-0">
<img src="https://www.bankrate.com/f/102997/676x676/782e846342/woman-painting-blue-wall.png?auto=webp&optimize=high&height=338" alt="Decorative image" srcset="https://www.bankrate.com/f/102997/676x676/782e846342/woman-painting-blue-wall.png?auto=webp&optimize=high&height=338, https://www.bankrate.com/f/102997/676x676/782e846342/woman-painting-blue-wall.png?auto=webp&optimize=high&height=338&dpr=2 2x" class="size-full object-cover rounded-2xl">
</div>
<div class="min-w-56 absolute flex gap-4 justify-start items-center p-2.5 rounded-full bg-white -bottom-6 -right-6 lg:-right-10">
<div class="size-12 flex justify-center items-center text-white rounded-full bg-indigo-600">
<svg class="size-8" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Loan Home Improvement Icon</title><path d="M5.985 20.517V10.17c0-.447.207-.869.561-1.142l6.848-5.283c.521-.403 1.25-.4 1.768.004L22.1 9.16a1 1 0 0 1 .385.788v10.57c0 .796-.646 1.442-1.443 1.442H7.428a1.443 1.443 0 0 1-1.443-1.443Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.973 2.727a3.268 3.268 0 0 1 4.046 0l3.521 2.79V4.279c0-.361.296-.656.657-.656.36 0 .656.295.656.656v2.28l3.399 2.695a.653.653 0 1 1-.813 1.025l-.583-.462v9.86a2.294 2.294 0 0 1-2.298 2.299H5.417a2.294 2.294 0 0 1-2.298-2.299v-9.84l-.558.442a.653.653 0 0 1-.92-.106.653.653 0 0 1 .107-.92L3.292 8.03a.664.664 0 0 1 .163-.13l6.526-5.172h-.008Zm3.234 1.026 6.336 5.022v10.901a.988.988 0 0 1-.985.985H5.417a.988.988 0 0 1-.985-.985V8.796l6.361-5.043a1.948 1.948 0 0 1 2.414 0Zm-1.872 13.01H9.94a.659.659 0 0 1-.657-.657c0-.36.296-.656.657-.656h2.668c.426 0 .78-.353.78-.78a.785.785 0 0 0-.78-.78h-1.642a2.091 2.091 0 0 1-2.093-2.093c0-1.157.936-2.093 2.093-2.093h.37V8.72c0-.361.295-.657.656-.657.361 0 .656.296.656.657v.985h.986c.36 0 .656.296.656.657a.659.659 0 0 1-.656.656h-2.668a.785.785 0 0 0-.78.78c0 .427.353.78.78.78h1.642c1.157 0 2.093.936 2.093 2.093 0 1.144-.914 2.07-2.053 2.092v.986a.659.659 0 0 1-.656.656.659.659 0 0 1-.657-.656v-.985Z" class="icon-base"/></svg></div>
<div>
<div class="text-xl text-blue-900 leading-none font-bold">$15,000</div>
<div class="text-xs text-gray-700">Home improvement fund</div>
</div>
</div>
</div>
</div>
</div>
<div class="dropdown-toggle" x-data="dropdownToggle()">
<div class="flex w-fit heading-2 m-0 mb-10">
<span> Latest in </span>
<div class="pb-2.5 relative after:absolute after:h-1 after:bg-blue-600 after:rounded-full after:bottom-0 after:left-0 after:w-full">
<button class="heading-2 text-left inline-flex items-center gap-3 lowercase pl-2 text-blue-600" x-on:click="toggle()" x-ref="button">
<span x-text="options[value]"></span>
<span class="text-blue-600">
<template x-if="!open">
<svg class="size-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Down Icon</title><path d="M12 17.152c-.33 0-.675-.131-.94-.378L3.384 9.09a1.32 1.32 0 0 1 0-1.86c.51-.51 1.351-.51 1.862 0L12 13.977l6.755-6.747c.51-.51 1.351-.51 1.862 0 .51.51.51 1.35 0 1.86l-7.694 7.684a1.295 1.295 0 0 1-.94.378H12Z" class="icon-base"/></svg></template>
<template x-if="open">
<svg class="size-5" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Up Icon</title><path d="M19.664 17.145c-.346 0-.675-.131-.938-.378l-6.742-6.742-6.743 6.742a1.32 1.32 0 0 1-1.859 0 1.32 1.32 0 0 1 0-1.858l7.68-7.68c.247-.247.576-.379.938-.379.345 0 .69.132.937.379l7.68 7.68c.51.51.51 1.348 0 1.858a1.29 1.29 0 0 1-.937.378h-.016Z" class="icon-base"/></svg></template>
</span>
</button>
<div class="h-auto absolute mt-2 top-full left-0 z-[15]" x-bind:aria-hidden="!open" :aria-expanded="open" x-ref="panel" x-show="open" x-transition:enter.origin.top x-transition:leave.origin.bottom x-on:click.outside="close($refs.button)" x-cloak>
<div class="w-52 max-h-72 overflow-y-auto z-[15] relative shadow-sm bg-white">
<ul class="list-none p-0 m-0">
<li class="m-0 p-0 group hover:bg-blue-50 focus:bg-blue-100" x-on:click="dropdownChange('mortgages', JSON.parse('{\u0022track\u0022:\u0022click\u0022,\u0022outcome\u0022:\u0022open dropdown\u0022,\u0022type\u0022:\u0022drop down\u0022,\u0022location\u0022:\u0022homepage\u0022,\u0022name\u0022:\u0022mortgages\u0022,\u0022position\u0022:\u0022middle\u0022,\u0022text\u0022:\u0022{current_value} drop down\u0022}')); close()" value="mortgages">
<span class="text-base font-normal block no-underline p-2 px-6 cursor-pointer" x-bind:class="value === 'mortgages' ? 'text-blue-700 bg-blue-100' :
            'text-gray-900 group-hover:text-blue-600 group-focus:text-blue-600 group-hover:bg-blue-50 group-focus:bg-blue-50'">
Mortgages</span>
</li>
<li class="m-0 p-0 group hover:bg-blue-50 focus:bg-blue-100" x-on:click="dropdownChange('banking', JSON.parse('{\u0022track\u0022:\u0022click\u0022,\u0022outcome\u0022:\u0022open dropdown\u0022,\u0022type\u0022:\u0022drop down\u0022,\u0022location\u0022:\u0022homepage\u0022,\u0022name\u0022:\u0022banking\u0022,\u0022position\u0022:\u0022middle\u0022,\u0022text\u0022:\u0022{current_value} drop down\u0022}')); close()" value="banking">
<span class="text-base font-normal block no-underline p-2 px-6 cursor-pointer" x-bind:class="value === 'banking' ? 'text-blue-700 bg-blue-100' :
            'text-gray-900 group-hover:text-blue-600 group-focus:text-blue-600 group-hover:bg-blue-50 group-focus:bg-blue-50'">
Banking</span>
</li>
<li class="m-0 p-0 group hover:bg-blue-50 focus:bg-blue-100" x-on:click="dropdownChange('credit-cards', JSON.parse('{\u0022track\u0022:\u0022click\u0022,\u0022outcome\u0022:\u0022open dropdown\u0022,\u0022type\u0022:\u0022drop down\u0022,\u0022location\u0022:\u0022homepage\u0022,\u0022name\u0022:\u0022credit-cards\u0022,\u0022position\u0022:\u0022middle\u0022,\u0022text\u0022:\u0022{current_value} drop down\u0022}')); close()" value="credit-cards">
<span class="text-base font-normal block no-underline p-2 px-6 cursor-pointer" x-bind:class="value === 'credit-cards' ? 'text-blue-700 bg-blue-100' :
            'text-gray-900 group-hover:text-blue-600 group-focus:text-blue-600 group-hover:bg-blue-50 group-focus:bg-blue-50'">
Credit cards</span>
</li>
<li class="m-0 p-0 group hover:bg-blue-50 focus:bg-blue-100" x-on:click="dropdownChange('investing', JSON.parse('{\u0022track\u0022:\u0022click\u0022,\u0022outcome\u0022:\u0022open dropdown\u0022,\u0022type\u0022:\u0022drop down\u0022,\u0022location\u0022:\u0022homepage\u0022,\u0022name\u0022:\u0022investing\u0022,\u0022position\u0022:\u0022middle\u0022,\u0022text\u0022:\u0022{current_value} drop down\u0022}')); close()" value="investing">
<span class="text-base font-normal block no-underline p-2 px-6 cursor-pointer" x-bind:class="value === 'investing' ? 'text-blue-700 bg-blue-100' :
            'text-gray-900 group-hover:text-blue-600 group-focus:text-blue-600 group-hover:bg-blue-50 group-focus:bg-blue-50'">
Investing</span>
</li>
<li class="m-0 p-0 group hover:bg-blue-50 focus:bg-blue-100" x-on:click="dropdownChange('personal-loans', JSON.parse('{\u0022track\u0022:\u0022click\u0022,\u0022outcome\u0022:\u0022open dropdown\u0022,\u0022type\u0022:\u0022drop down\u0022,\u0022location\u0022:\u0022homepage\u0022,\u0022name\u0022:\u0022personal-loans\u0022,\u0022position\u0022:\u0022middle\u0022,\u0022text\u0022:\u0022{current_value} drop down\u0022}')); close()" value="personal-loans">
<span class="text-base font-normal block no-underline p-2 px-6 cursor-pointer" x-bind:class="value === 'personal-loans' ? 'text-blue-700 bg-blue-100' :
            'text-gray-900 group-hover:text-blue-600 group-focus:text-blue-600 group-hover:bg-blue-50 group-focus:bg-blue-50'">
Personal loans</span>
</li>
<li class="m-0 p-0 group hover:bg-blue-50 focus:bg-blue-100" x-on:click="dropdownChange('home-equity', JSON.parse('{\u0022track\u0022:\u0022click\u0022,\u0022outcome\u0022:\u0022open dropdown\u0022,\u0022type\u0022:\u0022drop down\u0022,\u0022location\u0022:\u0022homepage\u0022,\u0022name\u0022:\u0022home-equity\u0022,\u0022position\u0022:\u0022middle\u0022,\u0022text\u0022:\u0022{current_value} drop down\u0022}')); close()" value="home-equity">
<span class="text-base font-normal block no-underline p-2 px-6 cursor-pointer" x-bind:class="value === 'home-equity' ? 'text-blue-700 bg-blue-100' :
            'text-gray-900 group-hover:text-blue-600 group-focus:text-blue-600 group-hover:bg-blue-50 group-focus:bg-blue-50'">
Home equity</span>
</li>
<li class="m-0 p-0 group hover:bg-blue-50 focus:bg-blue-100" x-on:click="dropdownChange('insurance', JSON.parse('{\u0022track\u0022:\u0022click\u0022,\u0022outcome\u0022:\u0022open dropdown\u0022,\u0022type\u0022:\u0022drop down\u0022,\u0022location\u0022:\u0022homepage\u0022,\u0022name\u0022:\u0022insurance\u0022,\u0022position\u0022:\u0022middle\u0022,\u0022text\u0022:\u0022{current_value} drop down\u0022}')); close()" value="insurance">
<span class="text-base font-normal block no-underline p-2 px-6 cursor-pointer" x-bind:class="value === 'insurance' ? 'text-blue-700 bg-blue-100' :
            'text-gray-900 group-hover:text-blue-600 group-focus:text-blue-600 group-hover:bg-blue-50 group-focus:bg-blue-50'">
Insurance</span>
</li>
<li class="m-0 p-0 group hover:bg-blue-50 focus:bg-blue-100" x-on:click="dropdownChange('taxes', JSON.parse('{\u0022track\u0022:\u0022click\u0022,\u0022outcome\u0022:\u0022open dropdown\u0022,\u0022type\u0022:\u0022drop down\u0022,\u0022location\u0022:\u0022homepage\u0022,\u0022name\u0022:\u0022taxes\u0022,\u0022position\u0022:\u0022middle\u0022,\u0022text\u0022:\u0022{current_value} drop down\u0022}')); close()" value="taxes">
<span class="text-base font-normal block no-underline p-2 px-6 cursor-pointer" x-bind:class="value === 'taxes' ? 'text-blue-700 bg-blue-100' :
            'text-gray-900 group-hover:text-blue-600 group-focus:text-blue-600 group-hover:bg-blue-50 group-focus:bg-blue-50'">
Taxes</span>
</li>
<li class="m-0 p-0 group hover:bg-blue-50 focus:bg-blue-100" x-on:click="dropdownChange('everything', JSON.parse('{\u0022track\u0022:\u0022click\u0022,\u0022outcome\u0022:\u0022open dropdown\u0022,\u0022type\u0022:\u0022drop down\u0022,\u0022location\u0022:\u0022homepage\u0022,\u0022name\u0022:\u0022everything\u0022,\u0022position\u0022:\u0022middle\u0022,\u0022text\u0022:\u0022{current_value} drop down\u0022}')); close()" value="everything">
<span class="text-base font-normal block no-underline p-2 px-6 cursor-pointer" x-bind:class="value === 'everything' ? 'text-blue-700 bg-blue-100' :
            'text-gray-900 group-hover:text-blue-600 group-focus:text-blue-600 group-hover:bg-blue-50 group-focus:bg-blue-50'">
Everything</span>
</li></ul>
</div>
</div>
</div>
</div>
<div x-show="value === 'mortgages'" x-cloak>
<div id="section-mortgages" class="fade-in">
<div class="grid gap-8 sm:gap-12 lg:gap-16">
<div class="flex flex-col md:grid md:grid-cols-3 gap-6">
<div class="flex flex-col md:col-span-2">
<div class="h-full rounded-lg relative overflow-clip shadow-sm sm:shadow-none group grid">
<div class="overflow-clip sm:row-start-1 sm:col-start-1 z-0 sm:after:bg-gradient-to-b sm:after:from-black/0 sm:after:from-60% sm:after:via-black/15 sm:after:via-70% sm:after:to-black/75 sm:after:absolute sm:after:bottom-0 sm:after:top-0 sm:after:left-0 sm:after:right-0">
<img src="https://www.bankrate.com/brp/2026/03/18142603/MTG-Analysis-Image.png?auto=webp&optimize=high" alt="yellow house atop stack of money, blue background" class="w-full h-full object-cover transition-all duration-300 group-hover:scale-105">
</div>
<div class="p-4 gap-1 flex flex-col justify-end z-5 sm:transition-all sm:duration-300 sm:translate-y-5 sm:group-hover:translate-y-0 sm:row-start-1 sm:col-start-1 sm:w-full sm:h-full md:gap-2 lg:p-6">
<h2 class="text-crop-none m-0 text-lg leading-tight text-pretty sm:text-white sm:text-xl lg:text-2xl">
    <a href="/mortgages/analysis/mortgage-rates-june-3-2026/" class="transition-color hover:text-blue-600 sm:hover:text-white after:z-0 after:absolute after:left-0 after:right-0 after:-top-5 after:bottom-0"
data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="mortgages main article"
data-position="middle"
data-text="Mortgage rates dip, but still above 6.5%"
data-outcome="send to mortgages article">
Mortgage rates dip, but still above 6.5%</a>
    </h2>
    
<span class="text-sm text-gray-700 sm:hidden">
3 min read</span>
<span class="flex items-center gap-1 text-sm text-white transition-opacity duration-300 opacity-0 group-hover:opacity-100 max-sm:hidden lg:text-base">
Read more <svg class="h-4" 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></span>
</div>
</div></div>
<div class="flex flex-col md:col-span-1 gap-4">
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/mortgages/fha-vs-conventional-loans/" >
FHA vs. conventional loans: What’s the difference?</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">6 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/mortgages/why-debt-to-income-matters-in-mortgages/" >
What is a debt-to-income ratio for a mortgage?</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">8 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/mortgages/basics-of-private-mortgage-insurance-pmi/" >
Private mortgage insurance (PMI): What it is and how it works</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">8 min read</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="flex flex-col rounded-2xl bg-blue-50 p-4 pb-8 gap-6 h-full sm:p-6 lg:p-8 lg:gap-8 lg:flex-row xl:pr-12 xl:gap-12">
<div class="flex flex-col grow sm:gap-6 gap-4 sm:flex-row">
<a href="https://www.bankrate.com/mortgages/reviews/veterans-united-home-loans/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="mortgages 1 review"
data-position="middle"
data-outcome="send to mortgages review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Veterans United Home Loans logo" src="https://www.bankrate.com/f/102997/294x106/6a9b89d24d/veterans-united.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.8<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/mortgages/reviews/tomo/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="mortgages 2 review"
data-position="middle"
data-outcome="send to mortgages review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Tomo Mortgage logo" src="https://www.bankrate.com/f/102997/200x75/00bf1561e5/11845_hires_logo.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.9<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/mortgages/reviews/mr-cooper/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="mortgages 3 review"
data-position="middle"
data-outcome="send to mortgages review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Mr. Cooper logo" src="https://www.bankrate.com/f/102997/260x106/85b6fa5f3d/mr-cooper.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.4<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a></div>
<div class="self-center text-center">
<a
    
    href=https://www.bankrate.com/mortgages/reviews/
    
    class="t-button"
    
    data-variant="link"
    data-size="lg"
    data-color="blue"
    
    data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="mortgages see all reviews link"
data-position="middle"
data-text="All mortgage lender reviews"
data-outcome="send to mortgages review"
data-variant="default">
    All mortgage lender reviews
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="t-button__arrow">
            <path fill="currentColor" fill-rule="evenodd"
                d="M7.3 14.7c-.4-.4-.4-1.05 0-1.45L12.53 8 7.3 2.75c-.4-.4-.4-1.05 0-1.45.4-.4 1.04-.4 1.44 0l5.96 5.98c.4.4.4 1.04 0 1.44L8.74 14.7c-.4.4-1.04.4-1.44 0Z"
                clip-rule="evenodd" />
            <path class="t-button__arrow-line" fill="currentColor" d="M2.07 7C1.48 7 1 7.45 1 8s.48 1 1.07 1V7ZM14 7H2.07v2H14V7Z" />
        </svg>
        </a>
    
</div>
</div></div></div>
</div>
<div x-show="value === 'banking'" x-cloak>
<div id="section-banking" class="fade-in">
<div class="grid gap-8 sm:gap-12 lg:gap-16">
<div class="flex flex-col md:grid md:grid-cols-3 gap-6">
<div class="flex flex-col md:col-span-2">
<div class="h-full rounded-lg relative overflow-clip shadow-sm sm:shadow-none group grid">
<div class="overflow-clip sm:row-start-1 sm:col-start-1 z-0 sm:after:bg-gradient-to-b sm:after:from-black/0 sm:after:from-60% sm:after:via-black/15 sm:after:via-70% sm:after:to-black/75 sm:after:absolute sm:after:bottom-0 sm:after:top-0 sm:after:left-0 sm:after:right-0">
<img src="https://www.bankrate.com/2024/03/20194528/Current_CD_rates.jpg?auto=webp&optimize=high" alt="Woman watering plants." class="w-full h-full object-cover transition-all duration-300 group-hover:scale-105">
</div>
<div class="p-4 gap-1 flex flex-col justify-end z-5 sm:transition-all sm:duration-300 sm:translate-y-5 sm:group-hover:translate-y-0 sm:row-start-1 sm:col-start-1 sm:w-full sm:h-full md:gap-2 lg:p-6">
<h2 class="text-crop-none m-0 text-lg leading-tight text-pretty sm:text-white sm:text-xl lg:text-2xl">
    <a href="/banking/cds/current-cd-interest-rates/" class="transition-color hover:text-blue-600 sm:hover:text-white after:z-0 after:absolute after:left-0 after:right-0 after:-top-5 after:bottom-0"
data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="banking main article"
data-position="middle"
data-text="Current CD rates for June 2026"
data-outcome="send to banking article">
Current CD rates for June 2026</a>
    </h2>
    
<span class="text-sm text-gray-700 sm:hidden">
4 min read</span>
<span class="flex items-center gap-1 text-sm text-white transition-opacity duration-300 opacity-0 group-hover:opacity-100 max-sm:hidden lg:text-base">
Read more <svg class="h-4" 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></span>
</div>
</div></div>
<div class="flex flex-col md:col-span-1 gap-4">
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/banking/mma/national-average-money-market-account-rates/" >
National average money market account rates for May 2026</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">2 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/banking/cds/historical-cd-interest-rates/" >
Historical CD interest rates: 1984-2025</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">5 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/banking/biggest-credit-unions-in-america/" >
The 10 largest credit unions in the US</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">5 min read</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="flex flex-col rounded-2xl bg-blue-50 p-4 pb-8 gap-6 h-full sm:p-6 lg:p-8 lg:gap-8 lg:flex-row xl:pr-12 xl:gap-12">
<div class="flex flex-col grow sm:gap-6 gap-4 sm:flex-row">
<a href="https://www.bankrate.com/banking/reviews/capital-one/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="banking 1 review"
data-position="middle"
data-outcome="send to banking review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Capital One logo" src="https://www.bankrate.com/f/102997/260x106/977b654d9a/capital-one.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.7<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/banking/reviews/marcus/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="banking 2 review"
data-position="middle"
data-outcome="send to banking review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Marcus by Goldman Sachs logo" src="https://www.bankrate.com/f/102997/260x106/068c194c21/marcus.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.1<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/banking/reviews/ally-bank/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="banking 3 review"
data-position="middle"
data-outcome="send to banking review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Ally Bank logo" src="https://www.bankrate.com/f/102997/260x106/58b7b8ac8e/ally.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.7<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a></div>
<div class="self-center text-center">
<a
    
    href=https://www.bankrate.com/banking/reviews/
    
    class="t-button"
    
    data-variant="link"
    data-size="lg"
    data-color="blue"
    
    data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="banking see all reviews link"
data-position="middle"
data-text="All banking reviews"
data-outcome="send to banking review"
data-variant="default">
    All banking reviews
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="t-button__arrow">
            <path fill="currentColor" fill-rule="evenodd"
                d="M7.3 14.7c-.4-.4-.4-1.05 0-1.45L12.53 8 7.3 2.75c-.4-.4-.4-1.05 0-1.45.4-.4 1.04-.4 1.44 0l5.96 5.98c.4.4.4 1.04 0 1.44L8.74 14.7c-.4.4-1.04.4-1.44 0Z"
                clip-rule="evenodd" />
            <path class="t-button__arrow-line" fill="currentColor" d="M2.07 7C1.48 7 1 7.45 1 8s.48 1 1.07 1V7ZM14 7H2.07v2H14V7Z" />
        </svg>
        </a>
    
</div>
</div></div></div>
</div>
<div x-show="value === 'credit-cards'" x-cloak>
<div id="section-credit-cards" class="fade-in">
<div class="grid gap-8 sm:gap-12 lg:gap-16">
<div class="flex flex-col md:grid md:grid-cols-3 gap-6">
<div class="flex flex-col md:col-span-2">
<div class="h-full rounded-lg relative overflow-clip shadow-sm sm:shadow-none group grid">
<div class="overflow-clip sm:row-start-1 sm:col-start-1 z-0 sm:after:bg-gradient-to-b sm:after:from-black/0 sm:after:from-60% sm:after:via-black/15 sm:after:via-70% sm:after:to-black/75 sm:after:absolute sm:after:bottom-0 sm:after:top-0 sm:after:left-0 sm:after:right-0">
<img src="https://www.bankrate.com/brp/2024/08/27143901/current-credit-card.jpg?auto=webp&optimize=high" alt="Credit card in hand close up" class="w-full h-full object-cover transition-all duration-300 group-hover:scale-105">
</div>
<div class="p-4 gap-1 flex flex-col justify-end z-5 sm:transition-all sm:duration-300 sm:translate-y-5 sm:group-hover:translate-y-0 sm:row-start-1 sm:col-start-1 sm:w-full sm:h-full md:gap-2 lg:p-6">
<h2 class="text-crop-none m-0 text-lg leading-tight text-pretty sm:text-white sm:text-xl lg:text-2xl">
    <a href="/credit-cards/advice/current-interest-rates/" class="transition-color hover:text-blue-600 sm:hover:text-white after:z-0 after:absolute after:left-0 after:right-0 after:-top-5 after:bottom-0"
data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="credit cards main article"
data-position="middle"
data-text="Current credit card interest rates"
data-outcome="send to credit cards article">
Current credit card interest rates</a>
    </h2>
    
<span class="text-sm text-gray-700 sm:hidden">
5 min read</span>
<span class="flex items-center gap-1 text-sm text-white transition-opacity duration-300 opacity-0 group-hover:opacity-100 max-sm:hidden lg:text-base">
Read more <svg class="h-4" 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></span>
</div>
</div></div>
<div class="flex flex-col md:col-span-1 gap-4">
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/credit-cards/advice/how-to-get-cash-from-a-credit-card/" >
How to get cash from a credit card at the ATM</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">5 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/credit-cards/news/what-to-do-after-card-apr-increase/" >
Why did my interest rate go up on my credit card?</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">7 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/credit-cards/bad-credit/how-long-does-it-take-to-get-a-credit-score-up/" >
How long does it take to increase your credit score?</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">5 min read</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="flex flex-col rounded-2xl bg-blue-50 p-4 pb-8 gap-6 h-full sm:p-6 lg:p-8 lg:gap-8 lg:flex-col xl:pr-12 xl:gap-12">
<div class="flex flex-col grow sm:gap-6 gap-4 md:flex-row">
<a href="https://www.bankrate.com/credit-cards/reviews/wells-fargo-active-cash-card/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="credit cards 1 review"
data-position="middle"
data-outcome="send to credit cards review"
data-variant="credit-cards">
<div class="flex flex-col rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-14 sm:h-16 xl:h-20" alt="Wells Fargo Active Cash® Card logo" src="https://www.bankrate.com/f/102997/431x272/eb3ec21590/wellsfargo_active_cash_card.png?auto=webp&optimize=high">
<span class="text-lg text-gray-700 flex-grow">Wells Fargo Active Cash® Card</span>
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.3<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/credit-cards/reviews/chase-sapphire-preferred-card//" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="credit cards 2 review"
data-position="middle"
data-outcome="send to credit cards review"
data-variant="credit-cards">
<div class="flex flex-col rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-14 sm:h-16 xl:h-20" alt="Chase Sapphire Preferred® Card logo" src="https://www.bankrate.com/f/102997/289x181/b2e1b84c49/sapphire_preferred_card.png?auto=webp&optimize=high">
<span class="text-lg text-gray-700 flex-grow">Chase Sapphire Preferred® Card</span>
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.8<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/credit-cards/reviews/capital-one-savorone-rewards-card/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="credit cards 3 review"
data-position="middle"
data-outcome="send to credit cards review"
data-variant="credit-cards">
<div class="flex flex-col rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-14 sm:h-16 xl:h-20" alt="Capital One SavorOne Cash Rewards Credit Card logo" src="https://www.bankrate.com/f/102997/480x302/64df812d1a/capitalone-savorone-rewards-card.png?auto=webp&optimize=high">
<span class="text-lg text-gray-700 flex-grow">Capital One SavorOne Cash Rewards Credit Card</span>
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
5.0<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a></div>
<div class="self-center text-center">
<a
    
    href=https://www.bankrate.com/credit-cards/best-credit-cards/
    
    class="t-button"
    
    data-variant="link"
    data-size="lg"
    data-color="blue"
    
    data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="credit cards see all reviews link"
data-position="middle"
data-text="All credit card reviews"
data-outcome="send to credit cards review"
data-variant="credit-cards">
    All credit card reviews
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="t-button__arrow">
            <path fill="currentColor" fill-rule="evenodd"
                d="M7.3 14.7c-.4-.4-.4-1.05 0-1.45L12.53 8 7.3 2.75c-.4-.4-.4-1.05 0-1.45.4-.4 1.04-.4 1.44 0l5.96 5.98c.4.4.4 1.04 0 1.44L8.74 14.7c-.4.4-1.04.4-1.44 0Z"
                clip-rule="evenodd" />
            <path class="t-button__arrow-line" fill="currentColor" d="M2.07 7C1.48 7 1 7.45 1 8s.48 1 1.07 1V7ZM14 7H2.07v2H14V7Z" />
        </svg>
        </a>
    
</div>
</div></div></div>
</div>
<div x-show="value === 'investing'" x-cloak>
<div id="section-investing" class="fade-in">
<div class="grid gap-8 sm:gap-12 lg:gap-16">
<div class="flex flex-col md:grid md:grid-cols-3 gap-6">
<div class="flex flex-col md:col-span-2">
<div class="h-full rounded-lg relative overflow-clip shadow-sm sm:shadow-none group grid">
<div class="overflow-clip sm:row-start-1 sm:col-start-1 z-0 sm:after:bg-gradient-to-b sm:after:from-black/0 sm:after:from-60% sm:after:via-black/15 sm:after:via-70% sm:after:to-black/75 sm:after:absolute sm:after:bottom-0 sm:after:top-0 sm:after:left-0 sm:after:right-0">
<img src="https://www.bankrate.com/2023/06/15133956/GettyImages-1404366258.jpeg?auto=webp&optimize=high" alt="Mother with daughter looking at laptop" class="w-full h-full object-cover transition-all duration-300 group-hover:scale-105">
</div>
<div class="p-4 gap-1 flex flex-col justify-end z-5 sm:transition-all sm:duration-300 sm:translate-y-5 sm:group-hover:translate-y-0 sm:row-start-1 sm:col-start-1 sm:w-full sm:h-full md:gap-2 lg:p-6">
<h2 class="text-crop-none m-0 text-lg leading-tight text-pretty sm:text-white sm:text-xl lg:text-2xl">
    <a href="/investing/hysa-vs-money-market-fund/" class="transition-color hover:text-blue-600 sm:hover:text-white after:z-0 after:absolute after:left-0 after:right-0 after:-top-5 after:bottom-0"
data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="investing main article"
data-position="middle"
data-text="High-yield savings account vs. money market fund: Which is better?"
data-outcome="send to investing article">
High-yield savings account vs. money market fund: Which is better?</a>
    </h2>
    
<span class="text-sm text-gray-700 sm:hidden">
4 min read</span>
<span class="flex items-center gap-1 text-sm text-white transition-opacity duration-300 opacity-0 group-hover:opacity-100 max-sm:hidden lg:text-base">
Read more <svg class="h-4" 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></span>
</div>
</div></div>
<div class="flex flex-col md:col-span-1 gap-4">
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/investing/what-is-sp-500/" >
What is the S&P 500?</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">4 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/investing/low-cost-index-funds-guide/" >
Low-cost index funds: A beginner’s guide</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">8 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/investing/best-investment-apps-for-beginners/" >
6 best investing and trading apps for beginners</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">3 min read</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="flex flex-col rounded-2xl bg-blue-50 p-4 pb-8 gap-6 h-full sm:p-6 lg:p-8 lg:gap-8 lg:flex-row xl:pr-12 xl:gap-12">
<div class="flex flex-col grow sm:gap-6 gap-4 sm:flex-row">
<a href="https://www.bankrate.com/investing/brokerage-reviews/fidelity/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="investing 1 review"
data-position="middle"
data-outcome="send to investing review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Fidelity Investments logo" src="https://www.bankrate.com/f/102997/260x106/89e46df184/fidelity.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
5.0<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/investing/brokerage-reviews/charles-schwab/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="investing 2 review"
data-position="middle"
data-outcome="send to investing review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Charles Schwab logo" src="https://www.bankrate.com/f/102997/260x106/5d7e09d817/charles-schwab.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
5.0<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/investing/brokerage-reviews/vanguard/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="investing 3 review"
data-position="middle"
data-outcome="send to investing review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Vanguard logo" src="https://www.bankrate.com/f/102997/260x106/9b7306a080/vanguard.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
3.5<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a></div>
<div class="self-center text-center">
<a
    
    href=https://www.bankrate.com/investing/brokerage-reviews/
    
    class="t-button"
    
    data-variant="link"
    data-size="lg"
    data-color="blue"
    
    data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="investing see all reviews link"
data-position="middle"
data-text="All investing reviews"
data-outcome="send to investing review"
data-variant="default">
    All investing reviews
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="t-button__arrow">
            <path fill="currentColor" fill-rule="evenodd"
                d="M7.3 14.7c-.4-.4-.4-1.05 0-1.45L12.53 8 7.3 2.75c-.4-.4-.4-1.05 0-1.45.4-.4 1.04-.4 1.44 0l5.96 5.98c.4.4.4 1.04 0 1.44L8.74 14.7c-.4.4-1.04.4-1.44 0Z"
                clip-rule="evenodd" />
            <path class="t-button__arrow-line" fill="currentColor" d="M2.07 7C1.48 7 1 7.45 1 8s.48 1 1.07 1V7ZM14 7H2.07v2H14V7Z" />
        </svg>
        </a>
    
</div>
</div></div></div>
</div>
<div x-show="value === 'personal-loans'" x-cloak>
<div id="section-personal-loans" class="fade-in">
<div class="grid gap-8 sm:gap-12 lg:gap-16">
<div class="flex flex-col md:grid md:grid-cols-3 gap-6">
<div class="flex flex-col md:col-span-2">
<div class="h-full rounded-lg relative overflow-clip shadow-sm sm:shadow-none group grid">
<div class="overflow-clip sm:row-start-1 sm:col-start-1 z-0 sm:after:bg-gradient-to-b sm:after:from-black/0 sm:after:from-60% sm:after:via-black/15 sm:after:via-70% sm:after:to-black/75 sm:after:absolute sm:after:bottom-0 sm:after:top-0 sm:after:left-0 sm:after:right-0">
<img src="https://www.bankrate.com/brp/2025/06/16173230/how-to-get-personal-loan-low-interest-rates.jpg?auto=webp&optimize=high" alt="A hand applies a stamp to a document." class="w-full h-full object-cover transition-all duration-300 group-hover:scale-105">
</div>
<div class="p-4 gap-1 flex flex-col justify-end z-5 sm:transition-all sm:duration-300 sm:translate-y-5 sm:group-hover:translate-y-0 sm:row-start-1 sm:col-start-1 sm:w-full sm:h-full md:gap-2 lg:p-6">
<h2 class="text-crop-none m-0 text-lg leading-tight text-pretty sm:text-white sm:text-xl lg:text-2xl">
    <a href="/loans/personal-loans/how-to-qualify-for-low-interest-personal-loans/" class="transition-color hover:text-blue-600 sm:hover:text-white after:z-0 after:absolute after:left-0 after:right-0 after:-top-5 after:bottom-0"
data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="personal loans main article"
data-position="middle"
data-text="How to get a low interest loan in 7 steps"
data-outcome="send to personal loans article">
How to get a low interest loan in 7 steps</a>
    </h2>
    
<span class="text-sm text-gray-700 sm:hidden">
5 min read</span>
<span class="flex items-center gap-1 text-sm text-white transition-opacity duration-300 opacity-0 group-hover:opacity-100 max-sm:hidden lg:text-base">
Read more <svg class="h-4" 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></span>
</div>
</div></div>
<div class="flex flex-col md:col-span-1 gap-4">
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/loans/personal-loans/unsecured-loans-definition/" >
What is an unsecured loan?</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">6 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/loans/personal-loans/what-is-the-apr-on-a-personal-loan/" >
What is the APR on a personal loan?</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">5 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/loans/personal-loans/how-the-latest-fed-meeting-impacts-personal-loans/" >
How the Federal Reserve impacts personal loans</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">3 min read</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="flex flex-col rounded-2xl bg-blue-50 p-4 pb-8 gap-6 h-full sm:p-6 lg:p-8 lg:gap-8 lg:flex-row xl:pr-12 xl:gap-12">
<div class="flex flex-col grow sm:gap-6 gap-4 sm:flex-row">
<a href="https://www.bankrate.com/loans/personal-loans/reviews/lightstream/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="personal loans 1 review"
data-position="middle"
data-outcome="send to personal loans review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Lightstream logo" src="https://www.bankrate.com/f/102997/316x106/e95fa37ca9/lightstream-lg.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.7<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/loans/personal-loans/reviews/upstart/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="personal loans 2 review"
data-position="middle"
data-outcome="send to personal loans review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Upstart logo" src="https://www.bankrate.com/f/102997/260x106/fe71b8d844/upstart.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.8<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/loans/personal-loans/reviews/upgrade/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="personal loans 3 review"
data-position="middle"
data-outcome="send to personal loans review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Upgrade logo" src="https://www.bankrate.com/f/102997/260x106/68f29021f8/upgrade.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.7<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a></div>
<div class="self-center text-center">
<a
    
    href=https://www.bankrate.com/loans/personal-loans/reviews/
    
    class="t-button"
    
    data-variant="link"
    data-size="lg"
    data-color="blue"
    
    data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="personal loans see all reviews link"
data-position="middle"
data-text="All personal loans reviews"
data-outcome="send to personal loans review"
data-variant="default">
    All personal loans reviews
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="t-button__arrow">
            <path fill="currentColor" fill-rule="evenodd"
                d="M7.3 14.7c-.4-.4-.4-1.05 0-1.45L12.53 8 7.3 2.75c-.4-.4-.4-1.05 0-1.45.4-.4 1.04-.4 1.44 0l5.96 5.98c.4.4.4 1.04 0 1.44L8.74 14.7c-.4.4-1.04.4-1.44 0Z"
                clip-rule="evenodd" />
            <path class="t-button__arrow-line" fill="currentColor" d="M2.07 7C1.48 7 1 7.45 1 8s.48 1 1.07 1V7ZM14 7H2.07v2H14V7Z" />
        </svg>
        </a>
    
</div>
</div></div></div>
</div>
<div x-show="value === 'home-equity'" x-cloak>
<div id="section-home-equity" class="fade-in">
<div class="grid gap-8 sm:gap-12 lg:gap-16">
<div class="flex flex-col md:grid md:grid-cols-3 gap-6">
<div class="flex flex-col md:col-span-2">
<div class="h-full rounded-lg relative overflow-clip shadow-sm sm:shadow-none group grid">
<div class="overflow-clip sm:row-start-1 sm:col-start-1 z-0 sm:after:bg-gradient-to-b sm:after:from-black/0 sm:after:from-60% sm:after:via-black/15 sm:after:via-70% sm:after:to-black/75 sm:after:absolute sm:after:bottom-0 sm:after:top-0 sm:after:left-0 sm:after:right-0">
<img src="https://www.bankrate.com/brp/2025/11/05153521/HE-Analysis-image.webp?auto=webp&optimize=high" alt="house balanced on stack of coins, pink background, photo illustration" class="w-full h-full object-cover transition-all duration-300 group-hover:scale-105">
</div>
<div class="p-4 gap-1 flex flex-col justify-end z-5 sm:transition-all sm:duration-300 sm:translate-y-5 sm:group-hover:translate-y-0 sm:row-start-1 sm:col-start-1 sm:w-full sm:h-full md:gap-2 lg:p-6">
<h2 class="text-crop-none m-0 text-lg leading-tight text-pretty sm:text-white sm:text-xl lg:text-2xl">
    <a href="/home-equity/helocs-dip-home-equity-ticks-higher/" class="transition-color hover:text-blue-600 sm:hover:text-white after:z-0 after:absolute after:left-0 after:right-0 after:-top-5 after:bottom-0"
data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="home equity main article"
data-position="middle"
data-text="HELOCs dip, home equity loan rates tick higher"
data-outcome="send to home equity article">
HELOCs dip, home equity loan rates tick higher</a>
    </h2>
    
<span class="text-sm text-gray-700 sm:hidden">
2 min read</span>
<span class="flex items-center gap-1 text-sm text-white transition-opacity duration-300 opacity-0 group-hover:opacity-100 max-sm:hidden lg:text-base">
Read more <svg class="h-4" 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></span>
</div>
</div></div>
<div class="flex flex-col md:col-span-1 gap-4">
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/home-equity/home-equity-loan-vs-line-of-credit/" >
Home equity line of credit (HELOC) vs. home equity loan: What’s the difference?</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">10 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/home-equity/first-lien-heloc/" >
What is a first-lien HELOC?</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">9 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/home-equity/home-equity-loan-bad-credit/" >
How to get a home equity loan with bad credit</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">7 min read</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="flex flex-col rounded-2xl bg-blue-50 p-4 pb-8 gap-6 h-full sm:p-6 lg:p-8 lg:gap-8 lg:flex-row xl:pr-12 xl:gap-12">
<div class="flex flex-col grow sm:gap-6 gap-4 sm:flex-row">
<a href="https://www.bankrate.com/home-equity/reviews/figure/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="home equity 1 review"
data-position="middle"
data-outcome="send to home equity review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Figure logo" src="https://www.bankrate.com/f/102997/260x106/a91484bc7f/figure.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.3<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/home-equity/reviews/discover/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="home equity 2 review"
data-position="middle"
data-outcome="send to home equity review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Discover logo" src="https://www.bankrate.com/f/102997/260x106/a757090f22/discover.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.4<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/home-equity/reviews/bank-of-america/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="home equity 3 review"
data-position="middle"
data-outcome="send to home equity review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Bank of America logo" src="https://www.bankrate.com/f/102997/260x106/f5bb8ba731/bank-of-america.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
3.5<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a></div>
<div class="self-center text-center">
<a
    
    href=https://www.bankrate.com/home-equity/reviews/
    
    class="t-button"
    
    data-variant="link"
    data-size="lg"
    data-color="blue"
    
    data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="home equity see all reviews link"
data-position="middle"
data-text="All home equity reviews"
data-outcome="send to home equity review"
data-variant="default">
    All home equity reviews
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="t-button__arrow">
            <path fill="currentColor" fill-rule="evenodd"
                d="M7.3 14.7c-.4-.4-.4-1.05 0-1.45L12.53 8 7.3 2.75c-.4-.4-.4-1.05 0-1.45.4-.4 1.04-.4 1.44 0l5.96 5.98c.4.4.4 1.04 0 1.44L8.74 14.7c-.4.4-1.04.4-1.44 0Z"
                clip-rule="evenodd" />
            <path class="t-button__arrow-line" fill="currentColor" d="M2.07 7C1.48 7 1 7.45 1 8s.48 1 1.07 1V7ZM14 7H2.07v2H14V7Z" />
        </svg>
        </a>
    
</div>
</div></div></div>
</div>
<div x-show="value === 'insurance'" x-cloak>
<div id="section-insurance" class="fade-in">
<div class="grid gap-8 sm:gap-12 lg:gap-16">
<div class="flex flex-col md:grid md:grid-cols-3 gap-6">
<div class="flex flex-col md:col-span-2">
<div class="h-full rounded-lg relative overflow-clip shadow-sm sm:shadow-none group grid">
<div class="overflow-clip sm:row-start-1 sm:col-start-1 z-0 sm:after:bg-gradient-to-b sm:after:from-black/0 sm:after:from-60% sm:after:via-black/15 sm:after:via-70% sm:after:to-black/75 sm:after:absolute sm:after:bottom-0 sm:after:top-0 sm:after:left-0 sm:after:right-0">
<img src="https://www.bankrate.com/brp/2026/01/23143159/Teen-driver-insurance-costs-are-surging-%E2%80%94-and-one-overlooked-policy-detail-may-be-costing-parents-more.png?auto=webp&optimize=high" alt="A father and son online shopping for auto insurance" class="w-full h-full object-cover transition-all duration-300 group-hover:scale-105">
</div>
<div class="p-4 gap-1 flex flex-col justify-end z-5 sm:transition-all sm:duration-300 sm:translate-y-5 sm:group-hover:translate-y-0 sm:row-start-1 sm:col-start-1 sm:w-full sm:h-full md:gap-2 lg:p-6">
<h2 class="text-crop-none m-0 text-lg leading-tight text-pretty sm:text-white sm:text-xl lg:text-2xl">
    <a href="/insurance/car/teen-driver-insurance-costs-explained/" class="transition-color hover:text-blue-600 sm:hover:text-white after:z-0 after:absolute after:left-0 after:right-0 after:-top-5 after:bottom-0"
data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="insurance main article"
data-position="middle"
data-text="Why teen driver insurance averages a sizeable $5,700 a year — and the policy detail that could cost you more"
data-outcome="send to insurance article">
Why teen driver insurance averages a sizeable $5,700 a year — and the policy detail that could cost you more</a>
    </h2>
    
<span class="text-sm text-gray-700 sm:hidden">
8 min read</span>
<span class="flex items-center gap-1 text-sm text-white transition-opacity duration-300 opacity-0 group-hover:opacity-100 max-sm:hidden lg:text-base">
Read more <svg class="h-4" 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></span>
</div>
</div></div>
<div class="flex flex-col md:col-span-1 gap-4">
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/insurance/car/hidden-cost-car-ownership-study/" >
Study: Americans pay $575 per month in hidden car ownership costs</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">11 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/insurance/homeowners-insurance/high-insurance-rates-leave-some-homeowners-with-buyers-remorse/" >
Not what I signed up for: High insurance rates leave some homeowners with buyers remorse</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">5 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/insurance/homeowners-insurance/extreme-weather-puts-quarter-of-us-homes-at-risk-many-underinsured/" >
Extreme weather puts $12.7 trillion in homes at risk, many underinsured</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">2 min read</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="flex flex-col rounded-2xl bg-blue-50 p-4 pb-8 gap-6 h-full sm:p-6 lg:p-8 lg:gap-8 lg:flex-row xl:pr-12 xl:gap-12">
<div class="flex flex-col grow sm:gap-6 gap-4 sm:flex-row">
<a href="https://www.bankrate.com/insurance/reviews/auto-owners/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="insurance 1 review"
data-position="middle"
data-outcome="send to insurance review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Auto-Owners logo" src="https://www.bankrate.com/f/102997/260x106/313c7a5070/auto-owners.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.5<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/insurance/reviews/erie/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="insurance 2 review"
data-position="middle"
data-outcome="send to insurance review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Erie Insurance logo" src="https://www.bankrate.com/f/102997/260x106/d0841771c0/erie.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.2<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/insurance/reviews/progressive/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="insurance 3 review"
data-position="middle"
data-outcome="send to insurance review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Progressive logo" src="https://www.bankrate.com/f/102997/260x106/87b427acec/progressive.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.4<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a></div>
<div class="self-center text-center">
<a
    
    href=https://www.bankrate.com/insurance/reviews/
    
    class="t-button"
    
    data-variant="link"
    data-size="lg"
    data-color="blue"
    
    data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="insurance see all reviews link"
data-position="middle"
data-text="All insurance reviews"
data-outcome="send to insurance review"
data-variant="default">
    All insurance reviews
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="t-button__arrow">
            <path fill="currentColor" fill-rule="evenodd"
                d="M7.3 14.7c-.4-.4-.4-1.05 0-1.45L12.53 8 7.3 2.75c-.4-.4-.4-1.05 0-1.45.4-.4 1.04-.4 1.44 0l5.96 5.98c.4.4.4 1.04 0 1.44L8.74 14.7c-.4.4-1.04.4-1.44 0Z"
                clip-rule="evenodd" />
            <path class="t-button__arrow-line" fill="currentColor" d="M2.07 7C1.48 7 1 7.45 1 8s.48 1 1.07 1V7ZM14 7H2.07v2H14V7Z" />
        </svg>
        </a>
    
</div>
</div></div></div>
</div>
<div x-show="value === 'taxes'" x-cloak>
<div id="section-taxes" class="fade-in">
<div class="grid gap-8 sm:gap-12 lg:gap-16">
<div class="flex flex-col md:grid md:grid-cols-3 gap-6">
<div class="flex flex-col md:col-span-2">
<div class="h-full rounded-lg relative overflow-clip shadow-sm sm:shadow-none group grid">
<div class="overflow-clip sm:row-start-1 sm:col-start-1 z-0 sm:after:bg-gradient-to-b sm:after:from-black/0 sm:after:from-60% sm:after:via-black/15 sm:after:via-70% sm:after:to-black/75 sm:after:absolute sm:after:bottom-0 sm:after:top-0 sm:after:left-0 sm:after:right-0">
<img src="https://www.bankrate.com/brp/2024/03/16192714/Taxes-on-mutual-funds-How-they-work-and-4-strategies-to-minimize-what-you-owe.jpg?auto=webp&optimize=high" alt="A young African-American man and woman sit at a table working on their finances with a laptop, phone and notebooks." class="w-full h-full object-cover transition-all duration-300 group-hover:scale-105">
</div>
<div class="p-4 gap-1 flex flex-col justify-end z-5 sm:transition-all sm:duration-300 sm:translate-y-5 sm:group-hover:translate-y-0 sm:row-start-1 sm:col-start-1 sm:w-full sm:h-full md:gap-2 lg:p-6">
<h2 class="text-crop-none m-0 text-lg leading-tight text-pretty sm:text-white sm:text-xl lg:text-2xl">
    <a href="/investing/how-are-mutual-funds-taxed/" class="transition-color hover:text-blue-600 sm:hover:text-white after:z-0 after:absolute after:left-0 after:right-0 after:-top-5 after:bottom-0"
data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="taxes main article"
data-position="middle"
data-text="Taxes on mutual funds: How they work and 4 strategies to minimize what you owe"
data-outcome="send to taxes article">
Taxes on mutual funds: How they work and 4 strategies to minimize what you owe</a>
    </h2>
    
<span class="text-sm text-gray-700 sm:hidden">
5 min read</span>
<span class="flex items-center gap-1 text-sm text-white transition-opacity duration-300 opacity-0 group-hover:opacity-100 max-sm:hidden lg:text-base">
Read more <svg class="h-4" 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></span>
</div>
</div></div>
<div class="flex flex-col md:col-span-1 gap-4">
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/investing/crypto-taxes-guide-bitcoin-ethereum/" >
Cryptocurrency taxes: A guide to tax rules for Bitcoin, Ethereum and more</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">6 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/taxes/biden-child-tax-credit-extension-see-if-you-would-qualify/" >
Biden’s proposed Child Tax Credit extension: See if you’d qualify for the ramped-up credit</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">3 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/taxes/biden-proposes-changes-to-capital-gains-estate-tax/" >
3 ways Biden’s American Families Plans could change your taxes</a>
    </h3>
    
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">5 min read</div>
</div>
</div>
</div>
</div>
</div></div>
</div></div></div>
</div>
<div x-show="value === 'everything'" x-cloak>
<div id="section-everything" class="fade-in">
<div class="grid gap-8 sm:gap-12 lg:gap-16">
<div class="flex flex-col md:grid md:grid-cols-3 gap-6">
<div class="flex flex-col md:col-span-2">
<div class="h-full rounded-lg relative overflow-clip shadow-sm sm:shadow-none group grid">
<div class="overflow-clip sm:row-start-1 sm:col-start-1 z-0 sm:after:bg-gradient-to-b sm:after:from-black/0 sm:after:from-60% sm:after:via-black/15 sm:after:via-70% sm:after:to-black/75 sm:after:absolute sm:after:bottom-0 sm:after:top-0 sm:after:left-0 sm:after:right-0">
<img src="https://www.bankrate.com/2024/03/20194528/Current_CD_rates.jpg?auto=webp&optimize=high" alt="Woman watering plants." class="w-full h-full object-cover transition-all duration-300 group-hover:scale-105">
</div>
<div class="p-4 gap-1 flex flex-col justify-end z-5 sm:transition-all sm:duration-300 sm:translate-y-5 sm:group-hover:translate-y-0 sm:row-start-1 sm:col-start-1 sm:w-full sm:h-full md:gap-2 lg:p-6">
<h2 class="text-crop-none m-0 text-lg leading-tight text-pretty sm:text-white sm:text-xl lg:text-2xl">
    <a href="/banking/cds/current-cd-interest-rates/" class="transition-color hover:text-blue-600 sm:hover:text-white after:z-0 after:absolute after:left-0 after:right-0 after:-top-5 after:bottom-0"
data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="everything main article"
data-position="middle"
data-text="Current CD rates for June 2026"
data-outcome="send to everything article">
Current CD rates for June 2026</a>
    </h2>
    
<span class="text-sm text-gray-700 sm:hidden">
4 min read</span>
<span class="flex items-center gap-1 text-sm text-white transition-opacity duration-300 opacity-0 group-hover:opacity-100 max-sm:hidden lg:text-base">
Read more <svg class="h-4" 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></span>
</div>
</div></div>
<div class="flex flex-col md:col-span-1 gap-4">
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/home-equity/helocs-dip-home-equity-ticks-higher/" >
HELOCs dip, home equity loan rates tick higher</a>
    </h3>
    
<div class="t-card__eyebrow">
Home Equity</div>
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">2 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/mortgages/analysis/mortgage-rates-june-3-2026/" >
Mortgage rates dip, but still above 6.5%</a>
    </h3>
    
<div class="t-card__eyebrow">
Analysis</div>
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">3 min read</div>
</div>
</div>
</div>
</div>
</div>
<div data-variant="article" class="t-card flex-1">
<div class="t-card__layout">
<div class="t-card__content justify-center">
<div class="t-card__header">
<h3 class="t-card__title line-clamp-2 text-crop-none">
    <a class="t-card__link hover-parent" href="/credit-cards/advice/current-interest-rates/" >
Current credit card interest rates</a>
    </h3>
    
<div class="t-card__eyebrow">
Advice</div>
</div>
<div class="t-card__footer mt-0">
<div class="t-byline t-card__byline">
<div class="t-byline__meta">5 min read</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="flex flex-col rounded-2xl bg-blue-50 p-4 pb-8 gap-6 h-full sm:p-6 lg:p-8 lg:gap-8 lg:flex-row xl:pr-12 xl:gap-12">
<div class="flex flex-col grow sm:gap-6 gap-4 sm:flex-row">
<a href="https://www.bankrate.com/banking/reviews/capital-one/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="everything 1 review"
data-position="middle"
data-outcome="send to everything review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Capital One logo" src="https://www.bankrate.com/f/102997/260x106/977b654d9a/capital-one.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.7<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/banking/reviews/marcus/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="everything 2 review"
data-position="middle"
data-outcome="send to everything review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Marcus by Goldman Sachs logo" src="https://www.bankrate.com/f/102997/260x106/068c194c21/marcus.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.1<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a>
<a href="https://www.bankrate.com/banking/reviews/ally-bank/" class="group flex-1" data-beam-element-clicked id=""
data-type="link"
data-location="homepage"
data-name="everything 3 review"
data-position="middle"
data-outcome="send to everything review"
data-variant="default">
<div class="flex rounded-lg bg-white justify-between p-6 gap-4 h-full sm:flex-col md:flex-row group-hover:shadow-sm group-focus:shadow-sm">
<img class="block object-contain self-start h-[3.3125rem] sm:h-12 md:h-11 lg:h-12 xl:h-[3.3125rem]" alt="Ally Bank logo" src="https://www.bankrate.com/f/102997/260x106/58b7b8ac8e/ally.png?auto=webp&optimize=high">
<span class="flex gap-2 text-xl font-bold leading-none items-center group-hover:text-blue-600 group-focus:text-blue-700">
4.7<svg class="w-5 h-5 text-blue-600 group-focus:text-blue-700" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Star Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.706 8.327 12 1.262v.015L8.294 8.341 0 9.47l6.024 5.492-1.42 7.776 7.412-3.665 7.411 3.665-1.42-7.776L24 9.455l-8.294-1.128ZM12 4.617l2.665 5.075 5.945.816-4.305 3.948 1.01 5.58h-.001l-1.01-5.58 4.306-3.948-5.945-.816L12 4.616Zm0 12.792-5.314 2.627L12 17.41Z" class="icon-base"/></svg></span>
</div>
</a></div>
<div class="self-center text-center">
<a
    
    href=https://www.bankrate.com/banking/reviews/
    
    class="t-button"
    
    data-variant="link"
    data-size="lg"
    data-color="blue"
    
    data-beam-element-clicked data-type="link"
data-location="homepage"
data-name="everything see all reviews link"
data-position="middle"
data-text="All banking reviews"
data-outcome="send to everything review"
data-variant="default">
    All banking reviews
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="t-button__arrow">
            <path fill="currentColor" fill-rule="evenodd"
                d="M7.3 14.7c-.4-.4-.4-1.05 0-1.45L12.53 8 7.3 2.75c-.4-.4-.4-1.05 0-1.45.4-.4 1.04-.4 1.44 0l5.96 5.98c.4.4.4 1.04 0 1.44L8.74 14.7c-.4.4-1.04.4-1.44 0Z"
                clip-rule="evenodd" />
            <path class="t-button__arrow-line" fill="currentColor" d="M2.07 7C1.48 7 1 7.45 1 8s.48 1 1.07 1V7ZM14 7H2.07v2H14V7Z" />
        </svg>
        </a>
    
</div>
</div></div></div>
</div></div>
<div class="rates-trends-section flex flex-col -mx-4 mt-12 mb-20 relative sm:mx-auto md:mb-24 md:mt-16 lg:mb-32 lg:mt-24" x-data="{
            selectedId: 1,
            init() {
                // Set the first available tab on the page on page load.
                this.$nextTick(() => this.select(this.$id('rates-trends', 1)))
            },
            select(id) {
                this.selectedId = id
            },
            isSelected(id) {
                return this.selectedId === id
            },
            whichChild(el, parent) {
                return Array.from(parent.children).indexOf(el) + 1
            }
        }" x-id="['rates-trends']" data-testid="rates-trends">
<div x-ref="tablist" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" role="tablist" class="rates-trends-section__nav flex gap-4 p-3 mx-auto bg-white rounded-full -mb-8 z-5 relative sm:p-4 sm:-mb-9 md:p-5 md:-mb-10 lg:ml-16">
<button :id="$id('rates-trends', whichChild($el, $refs.tablist))" class="transition-all cursor-pointer border font-sans font-bold inline-flex justify-center items-center text-center leading-none tracking-tighter focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-600 py-3 px-6 min-h-[2.5rem] text-sm sm:text-md sm:leading-none rounded-full" @click="select($el.id)" @mousedown.prevent @focus="select($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'border-blue-700 bg-blue-700 text-white' :
                        'border-gray-300 bg-white text-gray-700 hover:border-blue-600 hover:text-blue-600'" role="tab"
data-beam-element-clicked data-type="tab"
data-location="homepage"
data-name="homepage CDs rates component"
data-position="middle"
data-text="CDs"
data-outcome="switch to CDs tab"
>
CDs</button>
<button :id="$id('rates-trends', whichChild($el, $refs.tablist))" class="transition-all cursor-pointer border font-sans font-bold inline-flex justify-center items-center text-center leading-none tracking-tighter focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-600 py-3 px-6 min-h-[2.5rem] text-sm sm:text-md sm:leading-none rounded-full" @click="select($el.id)" @mousedown.prevent @focus="select($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'border-blue-700 bg-blue-700 text-white' :
                        'border-gray-300 bg-white text-gray-700 hover:border-blue-600 hover:text-blue-600'" role="tab"
data-beam-element-clicked data-type="tab"
data-location="homepage"
data-name="homepage Savings rates component"
data-position="middle"
data-text="Savings"
data-outcome="switch to Savings tab"
>
Savings</button>
</div>
<div class="px-4 bg-blue-900 relative overflow-hidden pt-[4.5rem] pb-16 w-full sm:rounded-tl-[4rem] sm:rounded-br-[4rem] sm:px-8 lg:px-12 xl:px-16 before:size-[25rem] before:rounded-full before:absolute before:-bottom-32 before:-left-40 before:z-0 before:bg-gradient-to-tl before:from-[#015678] before:from-10% before:via-[#0E2A57] before:via-50% before:to-90% before:to-[#00143D]">
<div class="relative z-5">
<div x-show="isSelected($id('rates-trends', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('rates-trends', whichChild($el, $el.parentElement))" role="tabpanel"
>
<div x-data="{
                selectedId: 1,
                init() {
                    // Set the first available tab on the page on page load.
                    this.$nextTick(() => this.select(this.$id('rates-trends-subsection', 1)))
                },
                select(id) {
                    this.selectedId = id
                },
                isSelected(id) {
                    return this.selectedId === id
                },
                whichChild(el, parent) {
                    return Array.from(parent.children).indexOf(el) + 1
                }
            }" x-id="['rates-trends-subsection']">
<div class="grid gap-12 mb-8 lg:grid-cols-2 lg:mb-6">
<div class="flex lg:col-start-2 justify-center m-0" x-ref="tablist" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" role="tablist">
<button :id="$id('rates-trends-subsection', whichChild($el, $refs.tablist))" class="font-bold text-white py-2 px-3" @click="select($el.id)" @mousedown.prevent @focus="select($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'opacity-100 border-b-2 border-white' : ' opacity-75 hover:opacity-100'" role="tab"
data-beam-element-clicked data-type="tab"
data-location="homepage"
data-name="homepage CDs rates component"
data-position="middle"
data-text="rates"
data-outcome="switch to CDs rates subtab"
>
Rates</button>
<button :id="$id('rates-trends-subsection', whichChild($el, $refs.tablist))" class="font-bold text-white py-2 px-3" @click="select($el.id)" @mousedown.prevent @focus="select($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'opacity-100 border-b-2 border-white' : ' opacity-75 hover:opacity-100'" role="tab"
data-beam-element-clicked data-type="tab"
data-location="homepage"
data-name="homepage CDs trends component"
data-position="middle"
data-text="trends"
data-outcome="switch to CDs trends subtab"
>
Trends</button>
</div>
</div>
<div>
<div
x-show="isSelected($id('rates-trends-subsection', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('rates-trends-subsection', whichChild($el, $el.parentElement))" role="tabpanel" class="grid gap-12 max-w-[35rem] w-full mx-auto lg:grid-cols-2 lg:max-w-full lg:min-h-[28.75rem] lg:gap-x-[7.25rem] xl:gap-x-[8.25rem]">
<div class="text-center flex flex-col gap-6 items-center justify-center lg:text-left lg:items-start lg:pb-[4.3125rem] lg:max-w-[28.5rem]">
<h2 class="heading-2 text-white m-0 text-crop-none">Today’s top CD rates</h2>
<div class="text-lg text-gray-200 text-balance lg:text-pretty">
Grow your down payment faster by putting your savings in a high-yield CD while you prepare for your mortgage.</div>
<a href="https://www.bankrate.com/banking/cds/cd-rates/"
class="Button Button--primary Button--normal"data-beam-element-clicked-no-delay id="cds_rates_CTA_button"
data-type="button"
data-location="homepage"
data-name="homepage CDs rates component"
data-position="middle"
data-text="Compare CD rates"
data-outcome="send to rate table">
<span class="flex items-center justify-center gap-x-2">
Compare CD rates</span></a></div>
<div class="flex flex-col gap-6">
<div class="text-white rounded-lg p-6 relative text-sm flex gap-x-6 items-center sm:p-8 bg-gradient-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61]">
<dl class="grid grid-cols-[repeat(2,_1fr)] items-baseline gap-x-6 grow sm:grid-cols-[repeat(3,_1fr)]">
<dt class="col-start-1 row-start-1 text-gray-200">Term</dt>
<dd class="col-start-1 row-start-2 text-md leading-tight m-0">6 Month</dd>
<dt class="col-start-2 row-start-1 text-gray-200">APY<sup>*</sup></dt>
<dd class="col-start-2 row-start-2 heading-3 text-white m-0">
3.69%</dd>
<dt class="col-start-3 row-start-1 text-gray-200 hidden sm:block">vs Nat Avg</dt>
<dd class="col-start-3 row-start-2 heading-3 m-0 font-normal hidden sm:block text-teal-300 before:content-['+']">
1.85%
</dd>
</dl>
<div class="col-start-3 row-span-2 sm:col-start-4">
<a
    
    href=/banking/cds/best-6-month-cd-rates/
    
    class="t-button hover-parent"
    data-shape="circle"
    data-variant="solid"
    data-size="md"
    data-color="white"
    
    data-beam-element-clicked data-type="button"
data-location="homepage"
data-name="homepage cds rates component"
data-position="1"
data-text="6 Month"
data-outcome="send to rate table">
    <span class="sr-only">View 6 month CD rates</span> <svg class="size-5" 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="text-white rounded-lg p-6 relative text-sm flex gap-x-6 items-center sm:p-8 bg-gradient-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61]">
<dl class="grid grid-cols-[repeat(2,_1fr)] items-baseline gap-x-6 grow sm:grid-cols-[repeat(3,_1fr)]">
<dt class="col-start-1 row-start-1 text-gray-200">Term</dt>
<dd class="col-start-1 row-start-2 text-md leading-tight m-0">1 Year</dd>
<dt class="col-start-2 row-start-1 text-gray-200">APY<sup>*</sup></dt>
<dd class="col-start-2 row-start-2 heading-3 text-white m-0">
3.92%</dd>
<dt class="col-start-3 row-start-1 text-gray-200 hidden sm:block">vs Nat Avg</dt>
<dd class="col-start-3 row-start-2 heading-3 m-0 font-normal hidden sm:block text-teal-300 before:content-['+']">
1.94%
</dd>
</dl>
<div class="col-start-3 row-span-2 sm:col-start-4">
<a
    
    href=/banking/cds/best-1-year-cd-rates/
    
    class="t-button hover-parent"
    data-shape="circle"
    data-variant="solid"
    data-size="md"
    data-color="white"
    
    data-beam-element-clicked data-type="button"
data-location="homepage"
data-name="homepage cds rates component"
data-position="2"
data-text="1 Year"
data-outcome="send to rate table">
    <span class="sr-only">View 1 year CD rates</span> <svg class="size-5" 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="text-white rounded-lg p-6 relative text-sm flex gap-x-6 items-center sm:p-8 bg-gradient-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61]">
<dl class="grid grid-cols-[repeat(2,_1fr)] items-baseline gap-x-6 grow sm:grid-cols-[repeat(3,_1fr)]">
<dt class="col-start-1 row-start-1 text-gray-200">Term</dt>
<dd class="col-start-1 row-start-2 text-md leading-tight m-0">5 Year</dd>
<dt class="col-start-2 row-start-1 text-gray-200">APY<sup>*</sup></dt>
<dd class="col-start-2 row-start-2 heading-3 text-white m-0">
3.67%</dd>
<dt class="col-start-3 row-start-1 text-gray-200 hidden sm:block">vs Nat Avg</dt>
<dd class="col-start-3 row-start-2 heading-3 m-0 font-normal hidden sm:block text-teal-300 before:content-['+']">
1.96%
</dd>
</dl>
<div class="col-start-3 row-span-2 sm:col-start-4">
<a
    
    href=/banking/cds/best-5-year-cd-rates/
    
    class="t-button hover-parent"
    data-shape="circle"
    data-variant="solid"
    data-size="md"
    data-color="white"
    
    data-beam-element-clicked data-type="button"
data-location="homepage"
data-name="homepage cds rates component"
data-position="3"
data-text="5 Year"
data-outcome="send to rate table">
    <span class="sr-only">View 5 year CD rates</span> <svg class="size-5" 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="text-gray-200 text-xs text-center">
*Average annual percentage yield featured on Bankrate as of June 8, 2026.
</div>
</div>
</div>
<div
x-cloak x-show="isSelected($id('rates-trends-subsection', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('rates-trends-subsection', whichChild($el, $el.parentElement))" role="tabpanel" class="grid gap-12 max-w-[35rem] w-full mx-auto lg:grid-cols-2 lg:max-w-full lg:min-h-[28.75rem] lg:gap-x-[7.25rem] xl:gap-x-[8.25rem]">
<div class="text-center flex flex-col gap-6 items-center justify-center lg:text-left lg:items-start lg:pb-[4.3125rem] lg:max-w-[28.5rem]">
<h2 class="heading-2 text-white m-0 text-crop-none">Current CD trends</h2>
<div class="text-lg text-gray-200 text-balance lg:text-pretty">
Top offers on Bankrate for a one-year CD are currently <strong class="text-teal-400">1.94% higher</strong> than the national average.
</div>
<a href="https://www.bankrate.com/banking/cds/cd-rates/"
class="Button Button--primary Button--normal"data-beam-element-clicked-no-delay id="cds_trends_CTA_button"
data-type="button"
data-location="homepage"
data-name="homepage CDs rates component"
data-position="middle"
data-text="Compare CD rates"
data-outcome="send to rate table">
<span class="flex items-center justify-center gap-x-2">
Compare CD rates</span></a></div>
<div class="flex flex-col gap-6">
<div id="rates-trends-cds" data-type="cds" class="h-[26rem]"></div>
<div class="text-gray-200 text-xs text-center">
<div id="t4aff2e52-99de-4cc3-a6d7-37b5c5cce4db" class="hidden">
<div class="w-72" style="max-width: calc(100vw - 4rem)">
<p class="text-gray-700 text-xs m-0">Bankrate “top offers” represent the average of the top CD offers from the institutions we track, featured on Bankrate as of June 8, 2026.</p>
<p class="text-gray-700 text-xs m-0 mt-2 border-t border-gray-200 pt-2">“National average” is determined by Bankrate's comprehensive national survey of savings accounts and CDs. </p></div>
</div>
<div class="inline-block cursor-pointer ml-1 ">
<div x-data data-tippy-maxWidth="none" data-template="t4aff2e52-99de-4cc3-a6d7-37b5c5cce4db"
role="tooltip" tabIndex="0"x-tooltip="" >
<span class="text-blue-300 underline">How are these rates calculated?</span></div>
</div>
</div>
</div>
</div></div>
</div>
</div>
<div x-show="isSelected($id('rates-trends', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('rates-trends', whichChild($el, $el.parentElement))" role="tabpanel"
x-cloak>
<div x-data="{
                selectedId: 1,
                init() {
                    // Set the first available tab on the page on page load.
                    this.$nextTick(() => this.select(this.$id('rates-trends-subsection', 1)))
                },
                select(id) {
                    this.selectedId = id
                },
                isSelected(id) {
                    return this.selectedId === id
                },
                whichChild(el, parent) {
                    return Array.from(parent.children).indexOf(el) + 1
                }
            }" x-id="['rates-trends-subsection']">
<div class="grid gap-12 mb-8 lg:grid-cols-2 lg:mb-6">
<div class="flex lg:col-start-2 justify-center m-0" x-ref="tablist" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" role="tablist">
<button :id="$id('rates-trends-subsection', whichChild($el, $refs.tablist))" class="font-bold text-white py-2 px-3" @click="select($el.id)" @mousedown.prevent @focus="select($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'opacity-100 border-b-2 border-white' : ' opacity-75 hover:opacity-100'" role="tab"
data-beam-element-clicked data-type="tab"
data-location="homepage"
data-name="homepage Savings rates component"
data-position="middle"
data-text="rates"
data-outcome="switch to Savings rates subtab"
>
Rates</button>
<button :id="$id('rates-trends-subsection', whichChild($el, $refs.tablist))" class="font-bold text-white py-2 px-3" @click="select($el.id)" @mousedown.prevent @focus="select($el.id)" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'opacity-100 border-b-2 border-white' : ' opacity-75 hover:opacity-100'" role="tab"
data-beam-element-clicked data-type="tab"
data-location="homepage"
data-name="homepage Savings trends component"
data-position="middle"
data-text="trends"
data-outcome="switch to Savings trends subtab"
>
Trends</button>
</div>
</div>
<div>
<div
x-show="isSelected($id('rates-trends-subsection', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('rates-trends-subsection', whichChild($el, $el.parentElement))" role="tabpanel" class="grid gap-12 max-w-[35rem] w-full mx-auto lg:grid-cols-2 lg:max-w-full lg:min-h-[28.75rem] lg:gap-x-[7.25rem] xl:gap-x-[8.25rem]">
<div class="text-center flex flex-col gap-6 items-center justify-center lg:text-left lg:items-start lg:pb-[4.3125rem] lg:max-w-[28.5rem]">
<h2 class="heading-2 text-white m-0 text-crop-none">Today’s top savings rates</h2>
<div class="text-lg text-gray-200 text-balance lg:text-pretty">
Make the most of today’s competitive rates and grow your money with a high-yield savings account.</div>
<a href="https://www.bankrate.com/banking/savings/best-high-yield-interests-savings-accounts///"
class="Button Button--primary Button--normal"data-beam-element-clicked-no-delay id="savings_rates_CTA_button"
data-type="button"
data-location="homepage"
data-name="homepage Savings rates component"
data-position="middle"
data-text="Compare savings rates"
data-outcome="send to rate table">
<span class="flex items-center justify-center gap-x-2">
Compare savings rates</span></a></div>
<div class="flex flex-col gap-6">
<div class="text-white rounded-lg p-6 relative text-sm flex gap-x-6 items-center sm:p-8 bg-gradient-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61]">
<dl class="grid grid-cols-[repeat(2,_1fr)] items-baseline gap-x-6 grow sm:grid-cols-[repeat(3,_1fr)]">
<dt class="col-start-1 row-start-1 text-gray-200">Type</dt>
<dd class="col-start-1 row-start-2 text-md leading-tight m-0">Savings</dd>
<dt class="col-start-2 row-start-1 text-gray-200">APY<sup>*</sup></dt>
<dd class="col-start-2 row-start-2 heading-3 text-white m-0">
3.52%</dd>
<dt class="col-start-3 row-start-1 text-gray-200 hidden sm:block">vs Nat Avg</dt>
<dd class="col-start-3 row-start-2 heading-3 m-0 font-normal hidden sm:block text-teal-300 before:content-['+']">
2.90%
</dd>
</dl>
<div class="col-start-3 row-span-2 sm:col-start-4">
<a
    
    href=/banking/savings/rates/
    
    class="t-button hover-parent"
    data-shape="circle"
    data-variant="solid"
    data-size="md"
    data-color="white"
    
    data-beam-element-clicked data-type="button"
data-location="homepage"
data-name="homepage savings rates component"
data-position="1"
data-text="Savings"
data-outcome="send to rate table">
    <span class="sr-only">View savings rates</span> <svg class="size-5" 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="text-white rounded-lg p-6 relative text-sm flex gap-x-6 items-center sm:p-8 bg-gradient-to-r from-[#0D2957] via-40% via-[#183165] to-[#222F61]">
<dl class="grid grid-cols-[repeat(2,_1fr)] items-baseline gap-x-6 grow sm:grid-cols-[repeat(3,_1fr)]">
<dt class="col-start-1 row-start-1 text-gray-200">Type</dt>
<dd class="col-start-1 row-start-2 text-md leading-tight m-0">Money Market</dd>
<dt class="col-start-2 row-start-1 text-gray-200">APY<sup>*</sup></dt>
<dd class="col-start-2 row-start-2 heading-3 text-white m-0">
3.50%</dd>
<dt class="col-start-3 row-start-1 text-gray-200 hidden sm:block">vs Nat Avg</dt>
<dd class="col-start-3 row-start-2 heading-3 m-0 font-normal hidden sm:block text-teal-300 before:content-['+']">
3.05%
</dd>
</dl>
<div class="col-start-3 row-span-2 sm:col-start-4">
<a
    
    href=/banking/money-market/rates/
    
    class="t-button hover-parent"
    data-shape="circle"
    data-variant="solid"
    data-size="md"
    data-color="white"
    
    data-beam-element-clicked data-type="button"
data-location="homepage"
data-name="homepage savings rates component"
data-position="2"
data-text="Money Market"
data-outcome="send to rate table">
    <span class="sr-only">View money market rates</span> <svg class="size-5" 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="text-gray-200 text-xs text-center">
*Average annual percentage yield featured on Bankrate as of June 8, 2026.
</div>
</div>
</div>
<div
x-cloak x-show="isSelected($id('rates-trends-subsection', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('rates-trends-subsection', whichChild($el, $el.parentElement))" role="tabpanel" class="grid gap-12 max-w-[35rem] w-full mx-auto lg:grid-cols-2 lg:max-w-full lg:min-h-[28.75rem] lg:gap-x-[7.25rem] xl:gap-x-[8.25rem]">
<div class="text-center flex flex-col gap-6 items-center justify-center lg:text-left lg:items-start lg:pb-[4.3125rem] lg:max-w-[28.5rem]">
<h2 class="heading-2 text-white m-0 text-crop-none">Current savings trends</h2>
<div class="text-lg text-gray-200 text-balance lg:text-pretty">
Top offers on Bankrate are currently <strong class="text-teal-400">2.9% higher</strong>  than the national average.</div>
<a href="https://www.bankrate.com/banking/savings/rates/"
class="Button Button--primary Button--normal"data-beam-element-clicked-no-delay id="savings_trends_CTA_button"
data-type="button"
data-location="homepage"
data-name="homepage Savings rates component"
data-position="middle"
data-text="Compare savings rates"
data-outcome="send to rate table">
<span class="flex items-center justify-center gap-x-2">
Compare savings rates</span></a></div>
<div class="flex flex-col gap-6">
<div id="rates-trends-savings" data-type="savings" class="h-[26rem]"></div>
<div class="text-gray-200 text-xs text-center">
<div id="t26cd1aef-d5f7-4df9-8790-14b8a59cd318" class="hidden">
<div class="w-72" style="max-width: calc(100vw - 4rem)">
<p class="text-gray-700 text-xs m-0">Bankrate “top offers” represent the average of the top savings account offers from the institutions we track, featured on Bankrate as of June 8, 2026.</p>
<p class="text-gray-700 text-xs m-0 mt-2 border-t border-gray-200 pt-2">“National average” is determined by Bankrate's comprehensive national survey of savings accounts and CDs. </p></div>
</div>
<div class="inline-block cursor-pointer ml-1 ">
<div x-data data-tippy-maxWidth="none" data-template="t26cd1aef-d5f7-4df9-8790-14b8a59cd318"
role="tooltip" tabIndex="0"x-tooltip="" >
<span class="text-blue-300 underline">How are these rates calculated?</span></div>
</div>
</div>
</div>
</div></div>
</div>
</div></div>
</div>
</div></div>
</section>
</main>
</div>
<div data-monarch-slot="beforeFooterSlot" data-content-strategy="append"></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="text-base">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 text-sm" 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="Leadership"
class="global-footer__link text-sm" href="https://www.bankrate.com/leadership/">
Leadership
</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 text-sm" 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="Bankrate Data Center"
class="global-footer__link text-sm" href="https://www.bankrate.com/data-center/">
Bankrate Data Center
</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 text-sm" 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="Site map"
class="global-footer__link text-sm" href="https://www.bankrate.com/corporate/site-map/">
Site map
</a>
</li>
</ul>
</div>
<div class="global-footer__nav-item">
<h3 class="text-base">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="Compare rates"
class="global-footer__link text-sm" 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 text-sm" 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 text-sm" href="https://www.bankrate.com/popular-finance-topics/">
Popular topics
</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 text-sm" href="https://www.bankrate.com/media-kit/">
Advertise with us
</a>
</li>
</ul>
</div>
<div class="global-footer__nav-item">
<h3 class="text-base">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 text-sm" 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 text-sm 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 text-sm" 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 text-sm" 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 text-sm" 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 text-sm" 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 text-sm" 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 text-sm" 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 text-sm" href="https://www.bankrate.com/licenses/" rel="nofollow">
Licenses
</a>
</li>
</ul>
</div>
<div class="global-footer__nav-item">
<h3 class="text-base">How we make money</h3>
<p class="global-footer__paragraph text-sm">
Bankrate.com is an independent, advertising-supported publisher and comparison service. Our websites may earn compensation when a customer clicks on a link, when an application is approved, or when an account is opened. Therefore, this compensation may impact what products appear and how, where, and in what order they appear within listing categories, except where prohibited by law for our mortgage, home equity and other home lending products. Other factors, such as our 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 text-sm">
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="text-xs">
&copy; 2026 Bankrate, LLC. A Red Ventures company. All Rights Reserved.
</p>
</div>
</div>
</footer>
<div id="modalStack" class="relative" style="z-index: 999;"></div>
<div x-data>
<template x-if="$store.npsFeedback?.enabled">
<div class="nps-feedback NpsFeedback fixed bottom-0 w-full min-[38em]:w-106 min-[38em]:bottom-2 z-[9999] min-[38em]:right-1" id="nps-feedback" @close-modal.window="close()" @nps-form-submitted.window="handleFormSubmitted()" @nps-dismiss.window="handleDismiss()" x-data="npsFeedbackModal(JSON.parse('{\u0022campaignId\u0022:\u0022nps-feedback\u0022,\u0022triggerTimeout\u0022:60,\u0022triggerScrollDepth\u0022:30,\u0022requireInteraction\u0022:true}'))" x-cloak x-show="isOpen" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" role="dialog" aria-modal="true">
<div class="NpsFeedback-modal bg-white rounded-lg shadow-xl relative p-6 pb-4">
<button type="button" @click="handleDismiss()" class="absolute top-2 right-2" aria-label="Close">
<span class="Icon Icon--sm"><svg class="Icon-glyph" 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></span>
</button>
<div x-data="npsFeedbackForm(JSON.parse('{\u0022campaignId\u0022:\u0022nps-feedback\u0022,\u0022isInline\u0022:false,\u0022variations\u0022:{\u0022detractor\u0022:{\u0022title\u0022:\u0022We\\u0027re sorry to hear that\u0022,\u0022subtitle\u0022:\u0022How could we improve?\u0022,\u0022questions\u0022:[{\u0022uid\u0022:\u0022detractor_0\u0022,\u0022text\u0022:\u0022This page felt incomplete or confusing\u0022},{\u0022uid\u0022:\u0022detractor_1\u0022,\u0022text\u0022:\u0022The page didn\\u0027t have what I was looking for\u0022},{\u0022uid\u0022:\u0022detractor_2\u0022,\u0022text\u0022:\u0022I didn\\u0027t trust the information or its sources\u0022},{\u0022uid\u0022:\u0022detractor_3\u0022,\u0022text\u0022:\u0022The content seemed biased\u0022}]},\u0022passive\u0022:{\u0022title\u0022:\u0022Please tell us more\u0022,\u0022subtitle\u0022:\u0022How could we improve?\u0022,\u0022questions\u0022:[{\u0022uid\u0022:\u0022passive_0\u0022,\u0022text\u0022:\u0022The information was useful, but not unique\u0022},{\u0022uid\u0022:\u0022passive_1\u0022,\u0022text\u0022:\u0022I found what I needed, but it took some effort\u0022},{\u0022uid\u0022:\u0022passive_2\u0022,\u0022text\u0022:\u0022I\\u0027m satisfied, but not confident enough to recommend it\u0022},{\u0022uid\u0022:\u0022passive_3\u0022,\u0022text\u0022:\u0022The content answered basic questions, but not all of mine\u0022}]},\u0022promoter\u0022:{\u0022title\u0022:\u0022Great\\u2014tell us more\u0022,\u0022subtitle\u0022:\u0022What did you like about this content?\u0022,\u0022questions\u0022:[{\u0022uid\u0022:\u0022promoter_0\u0022,\u0022text\u0022:\u0022The page provided clear and helpful context for my decision\u0022},{\u0022uid\u0022:\u0022promoter_1\u0022,\u0022text\u0022:\u0022It was easy to find the information I needed\u0022},{\u0022uid\u0022:\u0022promoter_2\u0022,\u0022text\u0022:\u0022The content felt credible, unbiased, and trustworthy\u0022},{\u0022uid\u0022:\u0022promoter_3\u0022,\u0022text\u0022:\u0022I felt confident taking a next step after reading\u0022}]}}}'))">
<div class=" mx-auto" x-show="step !== 'thankyou' && (config.isInline || step === 'score')">
<div class="text-sm text-center font-bold px-6">
How likely are you to recommend Bankrate to a friend or colleague?</div>
<div class="justify-self-center mx-auto max-w-81.75 min-[38em]:max-w-93.75">
<div class="flex gap-2 pt-4 pb-2">
<template x-for="score in 11" :key="score - 1">
<button type="button" @click="selectScore(score - 1)" class="w-7 h-8 font-bold border rounded text-gray-900" :class="selectedScore === (score - 1) ? ' bg-blue-100 border-blue-600' : 'border-gray-300 hover:border-blue-600 hover:bg-blue-100'" x-text="score-1">
</button>
</template>
</div>
<div class="flex justify-between text-sm text-gray-700 px-1">
<span>Not at all likely</span>
<span>Extremely likely</span>
</div>
</div>
</div>
<div class=" mx-auto" x-show="step !== 'thankyou' && (config.isInline || step === 'followup')">
<p class="type-heading-four text-center mb-6 mt-8" x-text="currentVariation.title"></p>
<p class="text-sm font-bold mb-2" x-text="currentVariation.subtitle"></p>
<div class="t-form-group" data-variant="checkbox-list">
<template x-for="question in currentVariation.questions" :key="question.uid">
<div class="t-form-checkbox">
<div class="t-form-checkbox__field">
<input class="t-form-checkbox__input" type="checkbox" :id="'nps-reason-' + question.uid" :value="question.uid" x-model="selectedReasons">
<svg class="t-form-checkbox__icon" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Checkmark Icon</title><path d="M8.982 18.477a.976.976 0 0 1-.658-.266l-5.056-5.055a.926.926 0 0 1 0-1.305.927.927 0 0 1 1.305 0L8.97 16.25 19.427 5.792a.926.926 0 0 1 1.305 0 .926.926 0 0 1 0 1.304L9.628 18.2a.906.906 0 0 1-.658.265l.012.012Z" class="icon-base"/></svg></div>
<div class="t-form-field__label">
<label :for="'nps-reason-' + question.uid" x-text="question.text"></label>
</div>
</div>
</template>
</div>
<div class="t-form-field mt-6">
<div class="t-form-field__label">
Anything else you'd like us to know? <span class="font-normal">(optional)</span>
</div>
<textarea x-model="freeText" maxlength="200" rows="3" placeholder="Share your thoughts..." class="t-form-textarea">
            </textarea>
<div class="text-xs text-gray-500 text-right mt-1">
<span x-text="freeText.length"></span>/200
</div>
</div>
<div>
<button type="button" @click="submitFeedback()" class="Button Button--primary">
Submit
</button>
<button type="button" @click="$dispatch('nps-dismiss')" class="Button--flat">
Cancel
</button>
</div>
</div>
<div x-show="step === 'thankyou'" class="pt-4">
<div class=" mx-auto text-center">
<div class="mb-4">
<span class="Icon icon-offset-blue-200"><svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Send Icon</title><path d="M14.382 24c-.7 0-1.33-.35-1.709-.96l-3.878-6.29-6.346-3.969a1.997 1.997 0 0 1-.93-2c.11-.8.66-1.44 1.44-1.67l15.45-4.529c.71-.21 1.47-.01 2 .51.519.53.719 1.3.509 2.01L16.35 22.55c-.23.78-.87 1.33-1.67 1.43-.09.01-.18.02-.28.02h-.02Z" fill="transparent" class="icon-offset"/><path d="M15.373 22.49a2.143 2.143 0 0 1-1.84-1.034l-4.176-6.77-6.835-4.272a2.15 2.15 0 0 1-1-2.153 2.16 2.16 0 0 1 1.55-1.797L19.71 1.589a2.184 2.184 0 0 1 2.153.548c.56.57.774 1.4.549 2.164l-4.919 16.628a2.133 2.133 0 0 1-1.797 1.539c-.097.01-.194.021-.302.021h-.021Zm-4.402-8.266 3.939 6.382c.172.28.441.28.549.258a.548.548 0 0 0 .463-.398L20.84 3.849a.563.563 0 0 0-.14-.56.536.536 0 0 0-.549-.14L3.513 8.025a.548.548 0 0 0-.399.462c-.01.108-.021.388.259.56l6.457 4.036 5.704-5.769a.802.802 0 0 1 1.141 0 .802.802 0 0 1 0 1.141l-5.715 5.78.01-.011Z" class="icon-base"/></svg></span>
</div>
<p class="type-heading-four mb-2">We appreciate your feedback</p>
<p class="text-gray-700 mb-0">Thank you for taking the time to share your experience.</p>
</div>
<div x-show="selectedScore >= 0">
</div>
</div>
</div>
</div>
</div>
</template>
</div>

<link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/alpine-tooltip-DntSZ_Tr.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/alpine-tooltip-DntSZ_Tr.js"></script><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/alpine-Cx9RU7f_.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/module.esm-CwKKyv8g.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/alpine-Cx9RU7f_.js"></script><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/modal-hiGFUKXK.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/modal-hiGFUKXK.js"></script><script defer="defer" src="https://cdn.jsdelivr.net/npm/chart.js@4/dist/chart.umd.min.js"></script>
<script defer="defer" src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns@3/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<style>
/* Style Chart.js canvas tooltip */
        .chartjs-tooltip {
            filter: drop-shadow(0px 0px 1px rgba(21, 21, 21, 0.10)) drop-shadow(0px 2px 8px rgba(21, 21, 21, 0.20));
        }
</style>
<link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/national-average-rate-comparison-chart-DP2LqPn9.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/v4-B_GE8d-h.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/events-xFP3muRB.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/rng-Dsaz7ZGA.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/event-BTgnvNUU.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/national-average-rate-comparison-chart-DP2LqPn9.js"></script><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/dropdown-toggle-DOQby9wc.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/dropdown-toggle-DOQby9wc.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) {
                                        // If result is string containing injectable slug, convert it to an object to populate it with additional properties
                                        if (typeof result[key] === 'string' && result[key].includes(
                                                '_content/injectable-component/')) {
                                            result[key] = {
                                                injectableSlug: result[key]
                                            };
                                        }

                                        // Wrap primitives (booleans, numbers, plain strings) so properties can be assigned
                                        if (typeof result[key] !== 'object' || result[key] === null) {
                                            result[key] = {
                                                value: result[key]
                                            };
                                        }

                                        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>
<link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/alpine-focus-Dyk85YsR.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/alpine-focus-Dyk85YsR.js"></script><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/highcharts-B3xsfkMb.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/highcharts-DaUs1M0E.js" /><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/_commonjsHelpers-D6-XlEtG.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/highcharts-B3xsfkMb.js"></script><script>
// Queue for monarch events that arrive before Conversations JS is loaded
            window._conversationsPendingRules = [];
            window._conversationsReady = false;

            // Register listener IMMEDIATELY to avoid race condition with monarch:rule:loaded
            window.addEventListener('monarch:rule:loaded', function(event) {
                var detail = event.detail || {};
                if (detail.ruleSetId !== 'conversationsRules') return;

                if (window._conversationsReady && typeof window._processConversationsRule === 'function') {
                    window._processConversationsRule(detail);
                } else {
                    window._conversationsPendingRules.push(detail);
                }
            });
</script>
<link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/conversations-BUs4SPAv.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/conversations-BUs4SPAv.js"></script><script>
window._fountainConfig = {
                cdpEndpoint: 'https://fountain.bankrate.com/api/cdp/submissions',
                sourceId: 'b7f50697-a6d1-4e1d-94e6-b2a1559e66cb',
                debug: false,
                iterableEndpoint: 'https://www.bankrate.com/api/v2/email-capture/signup/',
            };

            // Queue for monarch events that arrive before Fountain JS is loaded
            window._fountainPendingRules = [];
            window._fountainReady = false;

            // Register listener IMMEDIATELY to avoid race condition with monarch:rule:loaded
            window.addEventListener('monarch:rule:loaded', function(event) {
                var detail = event.detail || {};
                if (detail.ruleSetId !== 'feedbackComponentDisplay') return;
                if (!detail.data || detail.data.componentCustomId !== 'feedbackComponent') return;

                if (window._fountainReady && typeof window._processFountainRule === 'function') {
                    window._processFountainRule(detail);
                } else {
                    window._fountainPendingRules.push(detail);
                }
            });
</script>
<link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/fountain-TDU71TSo.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/fountain-TDU71TSo.js"></script><script>
window._rippleConfig = {
                cdpEndpoint: 'https://ripple.bankrate.com/api/cdp/submissions',
                sourceId: '4924da09-ed8f-4f46-b3de-f1a0846780b3',
                assetBaseUrl: 'https://ripple.bankrate.com',
                debug: false,
            };

            // Queue for monarch events that arrive before Ripple JS is loaded
            window._ripplePendingRules = [];
            window._rippleReady = false;

            // Register listener IMMEDIATELY to avoid race condition with monarch:rule:loaded
            window.addEventListener('monarch:rule:loaded', function(event) {
                var detail = event.detail || {};
                if (detail.ruleSetId !== 'rippleBannersAndNudgesDisplay') return;
                if (!detail.data || detail.data.componentCustomId !== 'rippleBannersAndNudges') return;

                if (window._rippleReady && typeof window._processRippleRule === 'function') {
                    window._processRippleRule(detail);
                } else {
                    window._ripplePendingRules.push(detail);
                }
            });
</script>
<link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/ripple-B49aDgBR.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/ripple-B49aDgBR.js"></script><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/rates-trends-DvWfCwHe.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/rates-trends-DvWfCwHe.js"></script><script>
// inject chart data
        const feeds = {"mortgages":[],"cds":[{"title":"6 Month","visible":true,"data":[{"date":"2026-02-09","rate":2.912333333333333},{"date":"2026-02-16","rate":3.3961333333333332},{"date":"2026-02-23","rate":3.3961333333333332},{"date":"2026-03-02","rate":3.3961333333333332},{"date":"2026-03-09","rate":3.3471},{"date":"2026-03-16","rate":3.45768},{"date":"2026-03-23","rate":3.4864},{"date":"2026-03-30","rate":3.76968},{"date":"2026-04-06","rate":3.568711111111111},{"date":"2026-04-13","rate":3.554266666666667},{"date":"2026-04-20","rate":3.56704},{"date":"2026-04-27","rate":4.0184},{"date":"2026-05-04","rate":3.6018545454545454},{"date":"2026-05-11","rate":3.67824},{"date":"2026-05-18","rate":3.68324},{"date":"2026-05-25","rate":3.700218181818182},{"date":"2026-06-01","rate":3.68724}]},{"title":"1 Year","visible":true,"data":[{"date":"2026-02-09","rate":3.09675},{"date":"2026-02-16","rate":3.2733333333333334},{"date":"2026-02-23","rate":3.4596},{"date":"2026-03-02","rate":3.58096},{"date":"2026-03-09","rate":3.52328},{"date":"2026-03-16","rate":3.5660666666666665},{"date":"2026-03-23","rate":3.5610666666666666},{"date":"2026-03-30","rate":3.828733333333333},{"date":"2026-04-06","rate":3.704711111111111},{"date":"2026-04-13","rate":3.74224},{"date":"2026-04-20","rate":3.75924},{"date":"2026-04-27","rate":4.0664},{"date":"2026-05-04","rate":3.7729454545454546},{"date":"2026-05-11","rate":3.888953846153846},{"date":"2026-05-18","rate":3.9105333333333334},{"date":"2026-05-25","rate":3.9172},{"date":"2026-06-01","rate":3.9229}]},{"title":"5 Year","visible":true,"data":[{"date":"2026-02-23","rate":3.92},{"date":"2026-03-02","rate":3.90855},{"date":"2026-03-09","rate":3.9452},{"date":"2026-03-16","rate":3.9368},{"date":"2026-03-23","rate":3.9101},{"date":"2026-03-30","rate":3.9704},{"date":"2026-04-06","rate":3.8976},{"date":"2026-04-13","rate":3.85208},{"date":"2026-04-20","rate":3.854342857142857},{"date":"2026-05-04","rate":3.706175},{"date":"2026-05-11","rate":3.7621555555555557},{"date":"2026-05-18","rate":3.7532666666666668},{"date":"2026-05-25","rate":3.7988222222222223},{"date":"2026-06-01","rate":3.67084}]}],"savings":[{"title":"Savings","visible":true,"data":[{"date":"2026-02-09","rate":3.815},{"date":"2026-02-16","rate":3.7342},{"date":"2026-02-23","rate":3.7117142857142857},{"date":"2026-03-02","rate":3.8862},{"date":"2026-03-09","rate":3.824235294117647},{"date":"2026-03-16","rate":3.766947368421053},{"date":"2026-03-23","rate":3.8023636363636366},{"date":"2026-03-30","rate":3.9091666666666667},{"date":"2026-04-06","rate":3.8573636363636363},{"date":"2026-04-13","rate":3.8160833333333333},{"date":"2026-04-20","rate":3.76944},{"date":"2026-04-27","rate":3.5766666666666667},{"date":"2026-05-04","rate":3.778857142857143},{"date":"2026-05-11","rate":3.7676521739130435},{"date":"2026-05-18","rate":3.58735},{"date":"2026-05-25","rate":3.6130403846153847},{"date":"2026-06-01","rate":3.5233683333333334}]},{"title":"Money Market","visible":true,"data":[{"date":"2026-03-09","rate":2.37},{"date":"2026-03-16","rate":2.37},{"date":"2026-03-23","rate":3.1666666666666665},{"date":"2026-03-30","rate":3.48},{"date":"2026-04-06","rate":3.1666666666666665},{"date":"2026-04-13","rate":3.1666666666666665},{"date":"2026-04-20","rate":3.316},{"date":"2026-05-04","rate":3.44},{"date":"2026-05-11","rate":3.4857142857142858},{"date":"2026-05-18","rate":3.462857142857143},{"date":"2026-05-25","rate":3.46},{"date":"2026-06-01","rate":3.5025}]}]};
</script><script async>
setTimeout(
            () => callMonarch('18b02819-56c9-4af5-8780-faf726c1ba86', 'conversationsRules', ''),
            +0)
</script>
<script async>
setTimeout(
            () => callMonarch('18b02819-56c9-4af5-8780-faf726c1ba86', 'feedbackComponentDisplay', ''),
            +0)
</script>
<script async>
setTimeout(
            () => callMonarch('18b02819-56c9-4af5-8780-faf726c1ba86', 'rippleBannersAndNudgesDisplay', ''),
            +0)
</script>
<link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/nps-feedback-form-Xe_xkHyK.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/nps-feedback-form-Xe_xkHyK.js"></script><link rel="modulepreload" as="script" href="https://www.bankrate.com/v7.131.1/next/build/assets/nps-feedback-modal-BHaW8PSA.js" /><script type="module" src="https://www.bankrate.com/v7.131.1/next/build/assets/nps-feedback-modal-BHaW8PSA.js"></script><script>
const pageHeightEvent = () => {
        const headerHeight = document.querySelector('header')?.offsetHeight || 0;
        const footerHeight = document.querySelector('footer')?.offsetHeight || 0;
        const pageHeight = document.body.scrollHeight;
        const pageHeightWithoutHeaderAndFooter = pageHeight - headerHeight - footerHeight;
        window.tagular('beam', {
            '@type': 'bankrate.PageHeightLoaded.v1',
            pageHeight: pageHeightWithoutHeaderAndFooter,
        });
    };

    document.addEventListener('DOMContentLoaded', pageHeightEvent);
</script>
</body>
</html>
